@ohu-mobile/core/lib-rem/Result/Result.stories.js

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Title = exports.Subtitle = exports.Status = exports.IconSlot = exports.ExtraSlot = exports.Basic = void 0;
var _CheckboxCircleFilled2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/CheckboxCircleFilled"));
var _vue = _interopRequireDefault(require("vue"));
var _index = _interopRequireDefault(require("./index"));
require("./style");
var _Button = _interopRequireDefault(require("../Button"));
require("../Button/style");
var _Icon = _interopRequireDefault(require("../Icon"));
require("../Icon/style");
var _Divider = _interopRequireDefault(require("../Divider"));
require("../Divider/style");
var _Card = _interopRequireDefault(require("../Card"));
require("../Card/style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Components/FeedBack/Result',
  parameters: {
    component: _index.default,
    options: {
      showPanel: true
    }
  }
};
var Basic = exports.Basic = function Basic() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", [h(_index.default), h(_index.default)]);
    }
  });
};
var Title = exports.Title = function Title() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_index.default, {
        "attrs": {
          "title": "暂无数据"
        }
      });
    }
  });
};
var Subtitle = exports.Subtitle = function Subtitle() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_index.default, {
        "attrs": {
          "title": "暂无数据",
          "subTitle": "刷新试试"
        }
      });
    }
  });
};
var ExtraSlot = exports.ExtraSlot = function ExtraSlot() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", [h(_Card.default, [h(_index.default, [h("template", {
        "slot": "extra"
      }, [h(_Button.default, {
        "attrs": {
          "round": true,
          "inline": true
        }
      }, ["\u8BBE\u7F6E\u7F51\u7EDC"]), h(_Button.default, {
        "attrs": {
          "type": "primary",
          "round": true,
          "inline": true
        }
      }, ["\u70B9\u51FB\u91CD\u8BD5"])])])]), h(_Card.default, [h(_index.default, [h("template", {
        "slot": "extra"
      }, [h(_Button.default, {
        "attrs": {
          "round": true
        }
      }, ["\u8BBE\u7F6E\u7F51\u7EDC"]), h(_Button.default, {
        "attrs": {
          "type": "primary",
          "round": true
        }
      }, ["\u70B9\u51FB\u91CD\u8BD5"])])])])]);
    }
  });
};
var Status = exports.Status = function Status() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", [h(_index.default, {
        "attrs": {
          "status": "network-broken",
          "title": "无网络"
        },
        "style": "padding: 10px;"
      }, [h("template", {
        "slot": "extra"
      }, [h(_Button.default, {
        "attrs": {
          "round": true,
          "inline": true
        }
      }, ["\u8BBE\u7F6E\u7F51\u7EDC"]), h(_Button.default, {
        "attrs": {
          "type": "primary",
          "round": true,
          "inline": true
        }
      }, ["\u70B9\u51FB\u91CD\u8BD5"])])]), h(_Divider.default), h(_index.default, {
        "attrs": {
          "status": "no-message",
          "title": "无消息"
        },
        "style": "padding: 10px;"
      }), h(_Divider.default), h(_index.default, {
        "attrs": {
          "status": "not-queried",
          "title": "未搜索到相关内容"
        },
        "style": "padding: 10px;"
      }), h(_Divider.default), h(_index.default, {
        "attrs": {
          "status": "success",
          "title": "预约成功，订单待支付",
          "subTitle": "请在就诊当日支付"
        },
        "style": "padding: 10px;"
      }, [h("template", {
        "slot": "extra"
      }, [h(_Button.default, {
        "attrs": {
          "round": true,
          "inline": true
        }
      }, ["\u9996\u9875"]), h(_Button.default, {
        "attrs": {
          "type": "primary",
          "round": true,
          "inline": true
        }
      }, ["\u67E5\u770B\u8BA2\u5355"])])])]);
    }
  });
};
var IconSlot = exports.IconSlot = function IconSlot() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_index.default, {
        "attrs": {
          "status": "success",
          "title": "预约成功，订单待支付",
          "subTitle": "请在就诊当日支付"
        }
      }, [h(_Icon.default, {
        "slot": "icon",
        "attrs": {
          "type": _CheckboxCircleFilled2.default,
          "color": "#36b365"
        }
      })]);
    }
  });
};