@jetlinks-web/components 2.0.2 → 2.0.3

package/lib/ProLayout/SiderMenu/BaseMenu.js

@@ -0,0 +1,290 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.baseMenuProps = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _vue = require("vue");
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defaultSettings = require("../defaultSettings");
+var _RouteContext = require("../RouteContext");
+var _Icon = _interopRequireDefault(require("../../Icon"));
+var _utils = require("@jetlinks-web/utils");
+var _antDesignVue = require("ant-design-vue");
+var _iconsVue = require("@ant-design/icons-vue/lib/icons");
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0, _vue.isVNode)(s);
+}
+var baseMenuProps = exports.baseMenuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _defaultSettings.defaultSettingProps), {}, {
+  prefixCls: {
+    type: String,
+    default: function _default() {
+      return _RouteContext.defaultPrefixCls;
+    }
+  },
+  locale: {
+    type: [Function, Boolean],
+    default: function _default(t) {
+      return t;
+    }
+  },
+  menuData: {
+    type: Array,
+    default: function _default() {
+      return [];
+    }
+  },
+  mode: {
+    type: String,
+    default: 'inline'
+  },
+  theme: {
+    type: String,
+    default: 'dark'
+  },
+  collapsed: {
+    type: Boolean,
+    default: function _default() {
+      return false;
+    }
+  },
+  openKeys: {
+    type: Array,
+    default: function _default() {
+      return undefined;
+    }
+  },
+  selectedKeys: {
+    type: Array,
+    default: function _default() {
+      return undefined;
+    }
+  },
+  menuProps: {
+    type: Object,
+    default: function _default() {
+      return null;
+    }
+  },
+  menuItemRender: {
+    type: [Object, Function, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
+  subMenuItemRender: {
+    type: [Object, Function, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
+  onClick: [Function, Object]
+});
+var AntdIconFont = (0, _iconsVue.createFromIconfontCN)({
+  scriptUrl: ''
+});
+var LazyIcon = function LazyIcon(props) {
+  var icon = props.icon,
+    iconUrl = props.iconUrl,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? _RouteContext.defaultPrefixCls : _props$prefixCls;
+  if (!icon) return null;
+  if ((0, _vue.isVNode)(icon)) {
+    return icon;
+  }
+  if (typeof icon === 'string' && icon !== '') {
+    if (_utils.regular.isUrl(icon) || _utils.regular.isImg(icon)) {
+      return (0, _vue.createVNode)("img", {
+        "src": icon,
+        "alt": "icon",
+        "class": "".concat(prefixCls, "-sider-menu-icon")
+      }, null);
+    }
+    return iconUrl ? (0, _vue.createVNode)(AntdIconFont, {
+      "type": icon
+    }, null) : (0, _vue.createVNode)(_Icon.default, {
+      "type": icon
+    }, null);
+  }
+};
+var MenuUtil = /*#__PURE__*/(0, _createClass2.default)(function MenuUtil(_props, ctx) {
+  var _this = this;
+  (0, _classCallCheck2.default)(this, MenuUtil);
+  (0, _defineProperty2.default)(this, "getNavMenuItems", function () {
+    var menusData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    return menusData.map(function (item) {
+      return _this.getSubMenuOrItem(item);
+    }).filter(function (item) {
+      return item;
+    });
+  });
+  (0, _defineProperty2.default)(this, "getSubMenuOrItem", function (item) {
+    var _item$meta, _item$meta2, _item$meta7, _item$meta8;
+    if (Array.isArray(item.children) && item.children.length > 0 && !(item === null || item === void 0 ? void 0 : (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.hideInMenu) && !(item === null || item === void 0 ? void 0 : (_item$meta2 = item.meta) === null || _item$meta2 === void 0 ? void 0 : _item$meta2.hideChildrenInMenu)) {
+      var _slot;
+      var _item$meta3, _item$meta4, _item$meta5, _item$meta6;
+      if (_this.props.subMenuItemRender) {
+        var subMenuItemRender = (0, _vue.withCtx)(_this.props.subMenuItemRender, _this.ctx);
+        return subMenuItemRender({
+          item: item,
+          children: _this.getNavMenuItems(item.children)
+        });
+      }
+      var _this$props = _this.props,
+        prefixCls = _this$props.prefixCls,
+        locale = _this$props.locale;
+      var menuTitle = locale && locale((_item$meta3 = item.meta) === null || _item$meta3 === void 0 ? void 0 : _item$meta3.title) || ((_item$meta4 = item.meta) === null || _item$meta4 === void 0 ? void 0 : _item$meta4.title);
+      var defaultTitle = ((_item$meta5 = item.meta) === null || _item$meta5 === void 0 ? void 0 : _item$meta5.icon) ? (0, _vue.createVNode)("span", {
+        "class": "".concat(prefixCls, "-menu-item")
+      }, [(0, _vue.createVNode)("span", {
+        "class": "".concat(prefixCls, "-menu-item-title")
+      }, _isSlot(menuTitle) ? menuTitle : {
+        default: function _default() {
+          return [menuTitle];
+        }
+      })]) : (0, _vue.createVNode)("span", {
+        "class": "".concat(prefixCls, "-menu-item")
+      }, _isSlot(menuTitle) ? menuTitle : {
+        default: function _default() {
+          return [menuTitle];
+        }
+      });
+      return (0, _vue.createVNode)(_antDesignVue.Menu.SubMenu, {
+        "title": defaultTitle,
+        "key": item.path,
+        "popupClassName": "".concat(prefixCls, "-menu-popup"),
+        "icon": (0, _vue.createVNode)(LazyIcon, {
+          "iconUrl": _this.props.iconfontUrl,
+          "icon": (_item$meta6 = item.meta) === null || _item$meta6 === void 0 ? void 0 : _item$meta6.icon
+        }, null)
+      }, _isSlot(_slot = _this.getNavMenuItems(item.children)) ? _slot : {
+        default: function _default() {
+          return [_slot];
+        }
+      });
+    }
+    var menuItemRender = _this.props.menuItemRender && (0, _vue.withCtx)(_this.props.menuItemRender, _this.ctx);
+    var _this$getMenuItem = _this.getMenuItem(item),
+      _this$getMenuItem2 = (0, _slicedToArray2.default)(_this$getMenuItem, 2),
+      title = _this$getMenuItem2[0],
+      icon = _this$getMenuItem2[1];
+    return menuItemRender && menuItemRender({
+      item: item,
+      title: title,
+      icon: icon
+    }) || (0, _vue.createVNode)(_antDesignVue.Menu.Item, {
+      "disabled": (_item$meta7 = item.meta) === null || _item$meta7 === void 0 ? void 0 : _item$meta7.disabled,
+      "danger": (_item$meta8 = item.meta) === null || _item$meta8 === void 0 ? void 0 : _item$meta8.danger,
+      "key": item.path
+    }, _isSlot(title) ? title : {
+      default: function _default() {
+        return [title];
+      }
+    });
+  });
+  (0, _defineProperty2.default)(this, "getMenuItem", function (item) {
+    var _slot2;
+    var _item$meta9, _item$meta10, _item$meta11, _item$meta12, _item$meta13;
+    var meta = (0, _objectSpread2.default)({}, item.meta);
+    var target = meta.target || null;
+    var hasUrl = _utils.regular.isUrl(item.path);
+    var CustomTag = target && 'a' || _this.RouterLink;
+    var props = {
+      to: (0, _objectSpread2.default)({
+        name: item.name
+      }, item.meta)
+    };
+    var attrs = hasUrl || target ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item.meta), {}, {
+      href: item.path,
+      target: target
+    }) : {};
+    var _this$props2 = _this.props,
+      prefixCls = _this$props2.prefixCls,
+      locale = _this$props2.locale;
+    var icon = ((_item$meta9 = item.meta) === null || _item$meta9 === void 0 ? void 0 : _item$meta9.icon) && (0, _vue.createVNode)(LazyIcon, {
+      "iconUrl": _this.props.iconfontUrl,
+      "icon": (_item$meta10 = item.meta) === null || _item$meta10 === void 0 ? void 0 : _item$meta10.icon
+    }, null) || undefined;
+    var menuTitle = locale && locale((_item$meta11 = item.meta) === null || _item$meta11 === void 0 ? void 0 : _item$meta11.title) || ((_item$meta12 = item.meta) === null || _item$meta12 === void 0 ? void 0 : _item$meta12.title);
+    var defaultTitle = ((_item$meta13 = item.meta) === null || _item$meta13 === void 0 ? void 0 : _item$meta13.icon) ? (0, _vue.createVNode)(CustomTag, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, attrs), props), {}, {
+      "class": "".concat(prefixCls, "-menu-item")
+    }), {
+      default: function _default() {
+        return [icon, (0, _vue.createVNode)("span", {
+          "class": "".concat(prefixCls, "-menu-item-title")
+        }, _isSlot(menuTitle) ? menuTitle : {
+          default: function _default() {
+            return [menuTitle];
+          }
+        })];
+      }
+    }) : (0, _vue.createVNode)(CustomTag, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, attrs), props), {}, {
+      "class": "".concat(prefixCls, "-menu-item")
+    }), _isSlot(_slot2 = (0, _vue.createVNode)("span", null, _isSlot(menuTitle) ? menuTitle : {
+      default: function _default() {
+        return [menuTitle];
+      }
+    })) ? _slot2 : {
+      default: function _default() {
+        return [_slot2];
+      }
+    });
+    return [defaultTitle, icon];
+  });
+  this.props = _props;
+  this.ctx = ctx;
+  this.RouterLink = (0, _vue.resolveComponent)('router-link');
+});
+var _default2 = exports.default = (0, _vue.defineComponent)({
+  name: 'BaseMenu',
+  props: baseMenuProps,
+  emits: ['update:openKeys', 'update:selectedKeys', 'click'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var ctx = (0, _vue.getCurrentInstance)();
+    var menuUtil = new MenuUtil(props, ctx);
+    (0, _vue.watchEffect)(function () {
+      if (props.iconfontUrl) {
+        AntdIconFont = (0, _iconsVue.createFromIconfontCN)({
+          scriptUrl: props.iconfontUrl
+        });
+      }
+    });
+    var handleOpenChange = function handleOpenChange(openKeys) {
+      emit('update:openKeys', openKeys);
+    };
+    var handleSelect = function handleSelect(args) {
+      // ignore https? link handle selectkeys
+      if (_utils.regular.isUrl(args.key)) {
+        return;
+      }
+      emit('update:selectedKeys', args.selectedKeys);
+    };
+    var handleClick = function handleClick(args) {
+      emit('click', args);
+    };
+    return function () {
+      var _slot3;
+      return (0, _vue.createVNode)(_antDesignVue.Menu, (0, _objectSpread2.default)({
+        "key": "Menu",
+        "inlineIndent": 16,
+        "mode": props.mode,
+        "theme": props.theme,
+        "openKeys": props.openKeys === false ? [] : props.openKeys,
+        "selectedKeys": props.selectedKeys || [],
+        "onOpenChange": handleOpenChange,
+        "onSelect": handleSelect,
+        "onClick": handleClick
+      }, props.menuProps), _isSlot(_slot3 = menuUtil.getNavMenuItems(props.menuData)) ? _slot3 : {
+        default: function _default() {
+          return [_slot3];
+        }
+      });
+    };
+  }
+});

package/lib/ProLayout/SiderMenu/SiderMenu.js

@@ -0,0 +1,287 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.siderMenuProps = exports.defaultRenderLogoAndTitle = exports.defaultRenderLogo = exports.defaultRenderCollapsedButton = exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _vue = require("vue");
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antDesignVue = require("ant-design-vue");
+var _BaseMenu = _interopRequireWildcard(require("./BaseMenu"));
+var _defaultSettings = require("../defaultSettings");
+var _vueTypes = _interopRequireDefault(require("ant-design-vue/es/_util/vue-types"));
+var _Icon = _interopRequireDefault(require("../../Icon"));
+var _RouteContext = require("../RouteContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0, _vue.isVNode)(s);
+}
+var siderMenuProps = exports.siderMenuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _defaultSettings.defaultSettingProps), _BaseMenu.baseMenuProps), {}, {
+  logo: {
+    type: [Object, String, Function],
+    default: function _default() {
+      return undefined;
+    }
+  },
+  logoStyle: {
+    type: Object,
+    default: function _default() {
+      return undefined;
+    }
+  },
+  siderWidth: _vueTypes.default.number.def(208),
+  headerHeight: _vueTypes.default.number.def(48),
+  collapsedWidth: _vueTypes.default.number.def(48),
+  menuHeaderRender: {
+    type: [Function, Object, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
+  menuContentRender: {
+    type: [Function, Object, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
+  menuExtraRender: {
+    type: [Function, Object, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
+  collapsedButtonRender: {
+    type: [Function, Object, Boolean],
+    default: function _default() {
+      return undefined;
+    }
+  },
+  breakpoint: {
+    type: [Object, Boolean],
+    default: function _default() {
+      return false;
+    }
+  },
+  splitMenus: _vueTypes.default.looseBool,
+  fixed: _vueTypes.default.looseBool,
+  hide: _vueTypes.default.looseBool,
+  matchMenuKeys: {
+    type: Array,
+    default: function _default() {
+      return [];
+    }
+  },
+  // events
+  onMenuHeaderClick: _vueTypes.default.func,
+  onMenuClick: _vueTypes.default.func,
+  onCollapse: {
+    type: Function
+  },
+  onOpenKeys: {
+    type: Function
+  },
+  onSelect: {
+    type: Function
+  }
+});
+var defaultRenderLogo = exports.defaultRenderLogo = function defaultRenderLogo(logo, logoStyle) {
+  if (!logo) {
+    return null;
+  }
+  if (typeof logo === 'string') {
+    return (0, _vue.createVNode)("img", {
+      "src": logo,
+      "alt": "logo",
+      "style": logoStyle
+    }, null);
+  }
+  if (typeof logo === 'function') {
+    // @ts-ignore
+    return logo();
+  }
+  return logo;
+};
+var defaultRenderLogoAndTitle = exports.defaultRenderLogoAndTitle = function defaultRenderLogoAndTitle(props) {
+  var renderKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'menuHeaderRender';
+  var _props$logo = props.logo,
+    logo = _props$logo === void 0 ? 'http://demo.jetlinks.cn/static/logo.760eb65c.png' : _props$logo,
+    logoStyle = props.logoStyle,
+    title = props.title,
+    layout = props.layout;
+  var renderFunction = props[renderKey || ''];
+  if (layout === 'mix' && renderFunction === false) {
+    return null;
+  }
+  var logoDom = defaultRenderLogo(logo, logoStyle);
+  var titleDom = (0, _vue.createVNode)("h1", null, _isSlot(title) ? title : {
+    default: function _default() {
+      return [title];
+    }
+  });
+  if (renderKey === 'menuHeaderRender') {
+    return null;
+  }
+  // call menuHeaderRender
+  if (typeof renderFunction === 'function') {
+    // @ts-ignore
+    return renderFunction(logoDom, props.collapsed ? null : titleDom, props);
+  }
+  if (Array.isArray(renderFunction)) {
+    return (0, _vue.createVNode)(_vue.Fragment, null, _isSlot(renderFunction) ? renderFunction : {
+      default: function _default() {
+        return [renderFunction];
+      }
+    });
+  }
+  return (0, _vue.createVNode)("a", null, [logoDom, props.collapsed ? null : titleDom]);
+};
+var defaultRenderCollapsedButton = exports.defaultRenderCollapsedButton = function defaultRenderCollapsedButton(collapsed) {
+  return collapsed ? (0, _vue.createVNode)(_Icon.default, {
+    "type": 'MenuUnfoldOutlined'
+  }, null) : (0, _vue.createVNode)(_Icon.default, {
+    "type": 'MenuFoldOutlined'
+  }, null);
+};
+var SiderMenu = function SiderMenu(props) {
+  var _slot;
+  var collapsed = props.collapsed,
+    siderWidth = props.siderWidth,
+    breakpoint = props.breakpoint,
+    _props$collapsedWidth = props.collapsedWidth,
+    collapsedWidth = _props$collapsedWidth === void 0 ? 48 : _props$collapsedWidth,
+    _props$menuExtraRende = props.menuExtraRender,
+    menuExtraRender = _props$menuExtraRende === void 0 ? false : _props$menuExtraRende,
+    _props$menuContentRen = props.menuContentRender,
+    menuContentRender = _props$menuContentRen === void 0 ? false : _props$menuContentRen,
+    _props$collapsedButto = props.collapsedButtonRender,
+    collapsedButtonRender = _props$collapsedButto === void 0 ? defaultRenderCollapsedButton : _props$collapsedButto,
+    theme = props.theme;
+  var context = (0, _RouteContext.useRouteContext)();
+  var getPrefixCls = context.getPrefixCls;
+  var baseClassName = getPrefixCls('sider');
+  var hasSplitMenu = (0, _vue.computed)(function () {
+    return props.layout === 'mix' && props.splitMenus;
+  });
+  var sSideWidth = (0, _vue.computed)(function () {
+    return props.collapsed ? props.collapsedWidth : props.siderWidth;
+  });
+  var classNames = (0, _vue.computed)(function () {
+    return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, baseClassName, true), "".concat(baseClassName, "-fixed"), context.fixSiderbar), "".concat(baseClassName, "-").concat(theme), true), "".concat(baseClassName, "-layout-").concat(props.layout), props.layout);
+  });
+  var handleSelect = function handleSelect($event) {
+    if (props.onSelect) {
+      if ((0, _vue.unref)(hasSplitMenu)) {
+        props.onSelect([context.selectedKeys[0]].concat((0, _toConsumableArray2.default)($event)));
+        return;
+      }
+      props.onSelect($event);
+    }
+  };
+  var headerDom = defaultRenderLogoAndTitle(props);
+  var extraDom = menuExtraRender && menuExtraRender(props);
+  if (hasSplitMenu.value && (0, _vue.unref)(context.flatMenuData).length === 0) {
+    return null;
+  }
+  var defaultMenuDom = (0, _vue.createVNode)(_BaseMenu.default, {
+    "prefixCls": getPrefixCls(),
+    "locale": props.locale || context.locale,
+    "theme": theme,
+    "mode": "inline",
+    "menuData": hasSplitMenu.value ? context.flatMenuData : context.menuData,
+    "collapsed": props.collapsed,
+    "openKeys": context.openKeys,
+    "selectedKeys": context.selectedKeys,
+    "menuItemRender": props.menuItemRender,
+    "subMenuItemRender": props.subMenuItemRender,
+    "iconfontUrl": props.iconfontUrl,
+    "onClick": props.onMenuClick,
+    "style": {
+      width: '100%'
+    },
+    "class": "".concat(baseClassName, "-menu"),
+    'onUpdate:openKeys': function onUpdateOpenKeys($event) {
+      return props.onOpenKeys && props.onOpenKeys($event);
+    },
+    'onUpdate:selectedKeys': handleSelect
+  }, null);
+  return (0, _vue.createVNode)(_vue.Fragment, null, [context.fixSiderbar && (0, _vue.createVNode)("div", {
+    "style": {
+      width: "".concat(sSideWidth.value, "px"),
+      overflow: 'hidden',
+      flex: "0 0 ".concat(sSideWidth.value, "px"),
+      maxWidth: "".concat(sSideWidth.value, "px"),
+      minWidth: "".concat(sSideWidth.value, "px"),
+      transition: "background-color 0.3s, min-width 0.3s, max-width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
+    }
+  }, null), (0, _vue.createVNode)(_antDesignVue.LayoutSider, {
+    "collapsible": true,
+    "trigger": null,
+    "collapsed": collapsed,
+    "breakpoint": breakpoint || undefined,
+    "onCollapse": function onCollapse(collapse) {
+      var _props$onCollapse;
+      (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 ? void 0 : _props$onCollapse.call(props, collapse);
+    },
+    "collapsedWidth": collapsedWidth,
+    "style": {
+      overflow: 'hidden',
+      paddingTop: "".concat(props.headerHeight, "px")
+    },
+    "width": siderWidth,
+    "theme": theme,
+    "class": classNames.value
+  }, {
+    default: function _default() {
+      return [headerDom && (0, _vue.createVNode)("div", {
+        "class": "".concat(baseClassName, "-logo"),
+        "onClick": props.layout !== 'mix' ? props.onMenuHeaderClick : undefined,
+        "id": "logo",
+        "style": props === null || props === void 0 ? void 0 : props.logoStyle
+      }, _isSlot(headerDom) ? headerDom : {
+        default: function _default() {
+          return [headerDom];
+        }
+      }), extraDom && !props.collapsed && (0, _vue.createVNode)("div", {
+        "class": (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(baseClassName, "-extra"), true), "".concat(baseClassName, "-extra-no-logo"), !headerDom)
+      }, _isSlot(extraDom) ? extraDom : {
+        default: function _default() {
+          return [extraDom];
+        }
+      }), (0, _vue.createVNode)("div", {
+        "style": "flex: 1; overflow: hidden auto;"
+      }, [menuContentRender && menuContentRender(props, defaultMenuDom) || defaultMenuDom]), (0, _vue.createVNode)("div", {
+        "class": "".concat(baseClassName, "-links")
+      }, [collapsedButtonRender !== false ? (0, _vue.createVNode)(_antDesignVue.Menu, {
+        "class": "".concat(baseClassName, "-link-menu"),
+        "inlineIndent": 16,
+        "theme": theme,
+        "selectedKeys": [],
+        "openKeys": [],
+        "mode": "inline",
+        "onClick": function onClick() {
+          if (props.onCollapse) {
+            props.onCollapse(!props.collapsed);
+          }
+        }
+      }, _isSlot(_slot = (0, _vue.createVNode)(_antDesignVue.Menu.Item, {
+        "key": 'collapsed-button',
+        "class": "".concat(baseClassName, "-collapsed-button"),
+        "title": false
+      }, {
+        default: function _default() {
+          return [collapsedButtonRender && typeof collapsedButtonRender === 'function' ? collapsedButtonRender(collapsed) : collapsedButtonRender];
+        }
+      })) ? _slot : {
+        default: function _default() {
+          return [_slot];
+        }
+      }) : null])];
+    }
+  })]);
+};
+var _default2 = exports.default = SiderMenu;

package/lib/ProLayout/SiderMenu/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseMenu", {
+  enumerable: true,
+  get: function get() {
+    return _BaseMenu.default;
+  }
+});
+Object.defineProperty(exports, "SiderMenu", {
+  enumerable: true,
+  get: function get() {
+    return _SiderMenu.default;
+  }
+});
+var _BaseMenu = _interopRequireDefault(require("./BaseMenu"));
+var _SiderMenu = _interopRequireDefault(require("./SiderMenu"));