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

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.UseImage = exports.To = exports.Size = exports.OnlyText = exports.MinorText = exports.Basic = void 0;
var _MessageOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/MessageOutlined"));
var _UserOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/UserOutlined"));
var _CheckOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/CheckOutlined"));
var _InboxOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/InboxOutlined"));
var _HomeOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/HomeOutlined"));
var _QuestionOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/QuestionOutlined"));
var _CustomerServiceOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/CustomerServiceOutlined"));
var _ReplyOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/ReplyOutlined"));
var _CouponOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/CouponOutlined"));
var _WalletOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/WalletOutlined"));
var _StarOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/StarOutlined"));
var _EmotionOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/EmotionOutlined"));
var _MapPinOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/MapPinOutlined"));
var _UserSmileOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/UserSmileOutlined"));
var _vue = _interopRequireDefault(require("vue"));
var _vueRouter = _interopRequireDefault(require("vue-router"));
var _index = _interopRequireDefault(require("../index"));
require("../style");
var _Card = _interopRequireDefault(require("../../Card"));
require("../../Card/style");
var _Button = _interopRequireDefault(require("../../Button"));
require("../../Button/style");
var _WdghFilled = require("./assets/WdghFilled");
var _WdzxFilled = require("./assets/WdzxFilled");
var _WdcfFilled = require("./assets/WdcfFilled");
var _WdtjFilled = require("./assets/WdtjFilled");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Components/Navigation/EntryItem',
  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(_Card.default, [h(_Card.default.Header, {
        "attrs": {
          "bold": true
        }
      }, ["\u5E38\u7528\u5DE5\u5177"]), h("div", {
        "style": "display: flex; flex-flow: row wrap;"
      }, [h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _UserSmileOutlined2.default,
          "badge": {
            type: 'dot'
          },
          "text": "家人管理"
        }
      }), h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _MapPinOutlined2.default,
          "text": "常用地址"
        }
      }), h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _EmotionOutlined2.default,
          "text": "我的医生"
        }
      }), h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _StarOutlined2.default,
          "text": "关注收藏"
        }
      }), h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _WalletOutlined2.default,
          "text": "消费明细"
        }
      }), h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _CouponOutlined2.default,
          "text": "我的礼券"
        }
      }), h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _ReplyOutlined2.default,
          "text": "推荐分享"
        }
      }), h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _CustomerServiceOutlined2.default,
          "text": "电话客服",
          "badge": "99"
        }
      }), h(_index.default, {
        "style": "width: 25%; margin: 13px 0;",
        "attrs": {
          "icon": _QuestionOutlined2.default,
          "text": "帮助反馈"
        }
      })])]);
    }
  });
};
var Size = exports.Size = function Size() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", [h(_Card.default, {
        "attrs": {
          "shadow": true
        }
      }, [h(_Card.default.Header, {
        "attrs": {
          "bold": true
        }
      }, ["\u6211\u7684\u8BA2\u5355", h(_Button.default, {
        "slot": "extra",
        "attrs": {
          "type": "link",
          "size": "sm"
        }
      }, ["\u67E5\u770B\u5168\u90E8\u670D\u52A1 >"])]), h("div", {
        "style": "display: flex; flex-flow: row wrap;"
      }, [h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "iconAreaSize": "lg",
          "icon": _WdghFilled.WdghFilled
        }
      }, ["\u6211\u7684\u6302\u53F7"]), h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "iconAreaSize": "lg",
          "icon": _WdzxFilled.WdzxFilled
        }
      }, ["\u6211\u7684\u54A8\u8BE2"]), h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "iconAreaSize": "lg",
          "icon": _WdcfFilled.WdcfFilled
        }
      }, ["\u6211\u7684\u5904\u65B9"]), h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "iconAreaSize": "lg",
          "icon": _WdtjFilled.WdtjFilled
        }
      }, ["\u6211\u7684\u4F53\u68C0"])])]), h(_Card.default, [h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "textSize": "xsm",
          "icon": _HomeOutlined2.default
        }
      }, ["\u9996\u9875"]), h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "textSize": "xsm",
          "icon": _InboxOutlined2.default
        }
      }, ["\u5C31\u533B"]), h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "textSize": "xsm",
          "icon": _CheckOutlined2.default
        }
      }, ["\u4F53\u68C0"]), h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "textSize": "xsm",
          "icon": _UserOutlined2.default
        }
      }, ["\u6211\u7684"])]), h(_index.default, {
        "attrs": {
          "icon": _MessageOutlined2.default,
          "textSize": "xsm",
          "iconAreaSize": "sm",
          "iconSize": "1.1875em"
        }
      }, ["\u6D88\u606F"])]);
    }
  });
};
var MinorText = exports.MinorText = function MinorText() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_Card.default, {
        "attrs": {
          "shadow": true
        }
      }, [h(_index.default, {
        "style": "width: 33.3333%",
        "attrs": {
          "badge": {
            text: 1000
          },
          "icon": _WdcfFilled.WdcfFilled,
          "textSize": "lg",
          "iconAreaSize": "lg",
          "minorText": "官方挂号平台"
        }
      }, ["\u53BB\u6302\u53F7"]), h(_index.default, {
        "style": "width: 33.3333%",
        "attrs": {
          "icon": _WdghFilled.WdghFilled,
          "textSize": "lg",
          "iconAreaSize": "lg",
          "minorText": "浙二本院专家"
        }
      }, ["\u95EE\u533B\u751F"]), h(_index.default, {
        "style": "width: 33.3333%",
        "attrs": {
          "icon": _WdtjFilled.WdtjFilled,
          "textSize": "lg",
          "iconAreaSize": "lg",
          "minorText": "官方唯一平台"
        }
      }, ["\u67E5\u62A5\u544A"])]);
    }
  });
};
_vue.default.use(_vueRouter.default);
var router = new _vueRouter.default({
  mode: 'hash'
});
var To = exports.To = function To() {
  return _vue.default.extend({
    router: router,
    render: function render() {
      var h = arguments[0];
      return h(_Card.default, [h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "textSize": "xsm",
          "icon": _HomeOutlined2.default,
          "url": "https://www.gjwlyy.com/html/index/"
        }
      }, ["\u4E92\u8054\u7F51\u533B\u9662"]), h(_index.default, {
        "style": "width: 25%;",
        "attrs": {
          "textSize": "xsm",
          "icon": _HomeOutlined2.default,
          "url": "https://www.gjwlyy.com/html/index/",
          "replace": true
        }
      }, ["replace"])]);
    }
  });
};
var UseImage = exports.UseImage = function UseImage() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_Card.default, {
        "attrs": {
          "shadow": true
        }
      }, [h(_index.default, {
        "style": "width: 33.3333%",
        "attrs": {
          "image": "https://raw.githubusercontent.com/jeffwcx/ohu-mobile/master/docs/storybook/src/assets/logo.svg",
          "textSize": "lg",
          "iconAreaSize": "lg",
          "minorText": "官方挂号平台"
        }
      }, ["\u53BB\u6302\u53F7"])]);
    }
  });
};
var OnlyText = exports.OnlyText = function OnlyText() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_Card.default, {
        "attrs": {
          "shadow": true
        }
      }, [h(_index.default, {
        "style": "width: 33.3333%",
        "attrs": {
          "badge": {
            type: 'dot'
          }
        }
      }, ["\u70ED\u5EA6"])]);
    }
  });
};