web-component-gallery 0.1.37 → 0.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/css/index.css +0 -1
  2. package/dist/index.umd.js +4 -4
  3. package/dist/layout.umd.js +1 -1
  4. package/lib/layout/components/RouteMenu/BaseMenu.jsx +6 -2
  5. package/lib/layout/components/SiderMenu/SiderMenu.jsx +17 -7
  6. package/lib/layout/components/SiderMenu/index.less +1 -2
  7. package/lib/layout/index.jsx +3 -4
  8. package/lib/layout/style/index.css +1 -0
  9. package/lib/layout/style/index.less +3 -6
  10. package/lib/style/index.css +0 -1
  11. package/lib/style/index.less +1 -5
  12. package/lib/style/mixins.less +1 -1
  13. package/lib/tree/style/Directory.less +1 -2
  14. package/package.json +1 -1
  15. package/plugins/lib/layout/components/RouteMenu/BaseMenu.jsx +6 -2
  16. package/plugins/lib/layout/components/SiderMenu/SiderMenu.jsx +17 -7
  17. package/plugins/lib/layout/components/SiderMenu/index.less +1 -2
  18. package/plugins/lib/layout/index.jsx +3 -4
  19. package/plugins/lib/layout/style/index.less +3 -6
  20. package/plugins/lib/style/index.less +1 -5
  21. package/plugins/lib/style/mixins.less +1 -1
  22. package/plugins/lib/tree/style/Directory.less +1 -2
  23. package/plugins/method/AMap.js +4 -2
  24. package/lib/style/color/bezierEasing.less +0 -110
  25. package/lib/style/color/colorPalette.less +0 -75
  26. package/lib/style/color/colors.less +0 -149
  27. package/lib/style/color/tinyColor.less +0 -1184
  28. package/lib/style/themes/css.js +0 -2
  29. package/lib/style/themes/default.less +0 -701
  30. package/lib/style/themes/index.js +0 -2
  31. package/lib/style/themes/index.less +0 -1
  32. package/plugins/lib/style/color/bezierEasing.less +0 -110
  33. package/plugins/lib/style/color/colorPalette.less +0 -75
  34. package/plugins/lib/style/color/colors.less +0 -149
  35. package/plugins/lib/style/color/tinyColor.less +0 -1184
  36. package/plugins/lib/style/themes/default.less +0 -701
  37. package/plugins/lib/style/themes/index.less +0 -1
package/dist/css/index.css CHANGED
@@ -1 +0,0 @@
1
- .WebComponentTable{width:100%;height:100%;display:flex;gap:16px 0;flex-direction:column}.WebComponentTable__List__Empty{height:120px;display:flex;gap:0;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center}.WebComponentTable__List__Empty i{font-size:80px}.WebComponentTable__Pagination{display:flex;justify-content:flex-end}
package/dist/index.umd.js CHANGED
@@ -8626,7 +8626,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
8626
8626
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8627
8627
 
8628
8628
  "use strict";
8629
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ RouteMenuProps: function() { return /* binding */ RouteMenuProps; }\n/* harmony export */ });\n/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/babel-helper-vue-jsx-merge-props */ \"./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js\");\n/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/menu */ \"./node_modules/ant-design-vue/es/menu/index.js\");\n/* harmony import */ var ant_design_vue_es_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue/es/icon */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n\n\n\nconst {\n Item: MenuItem,\n SubMenu\n} = ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__[\"default\"];\nconst RouteMenuProps = {\n menus: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('dark'),\n mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('inline'),\n collapsed: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].bool.def(false),\n i18nRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].bool]).def(false)\n};\nconst httpReg = /(http|https|ftp):\\/\\/([\\w.]+\\/?)\\S*/;\nconst renderMenu = (h, item, i18nRender) => {\n if (item && !item.hidden) {\n const bool = item.children && !item.hideChildrenInMenu;\n return bool ? renderSubMenu(h, item, i18nRender) : renderMenuItem(h, item, i18nRender);\n }\n return null;\n};\nconst renderSubMenu = (h, item, i18nRender) => {\n return h(SubMenu, {\n \"key\": item.path,\n \"attrs\": {\n \"title\": h(\"span\", [renderIcon(h, item.meta.icon), h(\"span\", [renderTitle(h, item.meta.title, i18nRender)])])\n }\n }, [!item.hideChildrenInMenu && item.children.map(cd => renderMenu(h, cd, i18nRender))]);\n};\nconst renderMenuItem = (h, item, i18nRender) => {\n const meta = Object.assign({}, item.meta);\n const target = meta.target || null;\n const hasRemoteUrl = httpReg.test(item.path);\n const CustomTag = target && 'a' || 'router-link';\n const props = {\n to: {\n name: item.name\n }\n };\n const attrs = hasRemoteUrl || target ? {\n href: item.path,\n target: target\n } : {};\n if (item.children && item.hideChildrenInMenu) {\n // 把有子菜单的 并且 父菜单是要隐藏子菜单的\n // 都给子菜单增加一个 hidden 属性\n // 用来给刷新页面时， selectedKeys 做控制用\n item.children.forEach(cd => {\n cd.meta = Object.assign(cd.meta || {}, {\n hidden: true\n });\n });\n }\n return h(MenuItem, {\n \"key\": item.path\n }, [h(CustomTag, {\n \"props\": {\n ...props\n },\n \"attrs\": {\n ...attrs\n }\n }, [renderIcon(h, meta.icon), renderTitle(h, meta.title, i18nRender)])]);\n};\nconst renderIcon = (h, icon) => {\n if (icon === undefined || icon === 'none' || icon === null) {\n return null;\n }\n const props = {};\n typeof icon === 'object' ? props.component = icon : props.type = icon;\n return h(ant_design_vue_es_icon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n \"props\": {\n ...props\n }\n });\n};\nconst renderTitle = (h, title, i18nRender) => {\n return h(\"span\", [i18nRender && i18nRender(title) || title]);\n};\nconst RouteMenu = {\n name: 'RouteMenu',\n props: RouteMenuProps,\n data() {\n return {\n openKeys: [],\n selectedKeys: [],\n cachedOpenKeys: [],\n cachedSelectedKeys: []\n };\n },\n render(h) {\n const {\n mode,\n theme,\n menus,\n i18nRender\n } = this;\n const handleOpenChange = openKeys => {\n // 在水平模式下时，不再执行后续\n if (mode === 'horizontal') {\n this.openKeys = openKeys;\n return;\n }\n const latestOpenKey = openKeys.find(key => !this.openKeys.includes(key));\n if (!this.rootSubmenuKeys.includes(latestOpenKey)) {\n this.openKeys = openKeys;\n } else {\n this.openKeys = latestOpenKey ? [latestOpenKey] : [];\n }\n };\n const dynamicProps = {\n props: {\n mode,\n theme,\n openKeys: this.openKeys,\n selectedKeys: this.selectedKeys\n },\n on: {\n select: menu => {\n this.$emit('select', menu);\n if (!httpReg.test(menu.key)) {\n this.selectedKeys = menu.selectedKeys;\n }\n },\n openChange: handleOpenChange\n }\n };\n const menuItems = menus.map(item => {\n if (item.hidden) {\n return null;\n }\n return renderMenu(h, item, i18nRender);\n });\n return h(ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{}, dynamicProps]), [menuItems]);\n },\n methods: {\n updateMenu() {\n const routes = this.$route.matched.concat();\n const {\n hidden\n } = this.$route.meta;\n if (routes.length >= 3 && hidden) {\n routes.pop();\n this.selectedKeys = [routes[routes.length - 1].path];\n } else {\n this.selectedKeys = [routes.pop().path];\n console.log(this.selectedKeys, '--this.selectedKeys');\n }\n const openKeys = [];\n if (this.mode === 'inline') {\n routes.forEach(item => {\n item.path && openKeys.push(item.path);\n });\n }\n this.collapsed ? this.cachedOpenKeys = openKeys : this.openKeys = openKeys;\n }\n },\n computed: {\n rootSubmenuKeys: vm => {\n const keys = [];\n vm.menus.forEach(item => keys.push(item.path));\n return keys;\n }\n },\n created() {\n this.$watch('$route', () => {\n this.updateMenu();\n });\n this.$watch('collapsed', val => {\n if (val) {\n this.cachedOpenKeys = this.openKeys.concat();\n this.openKeys = [];\n } else {\n this.openKeys = this.cachedOpenKeys;\n }\n });\n },\n mounted() {\n this.updateMenu();\n }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (RouteMenu);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/RouteMenu/BaseMenu.jsx?");
8629
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ RouteMenuProps: function() { return /* binding */ RouteMenuProps; }\n/* harmony export */ });\n/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/babel-helper-vue-jsx-merge-props */ \"./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js\");\n/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/menu */ \"./node_modules/ant-design-vue/es/menu/index.js\");\n/* harmony import */ var ant_design_vue_es_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue/es/icon */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n\n\n\nconst {\n Item: MenuItem,\n SubMenu\n} = ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__[\"default\"];\nconst RouteMenuProps = {\n menus: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('dark'),\n mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('inline'),\n collapsed: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].bool.def(false),\n scriptIconJs: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n i18nRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].bool]).def(false)\n};\nconst httpReg = /(http|https|ftp):\\/\\/([\\w.]+\\/?)\\S*/;\nconst renderMenu = (h, item, i18nRender) => {\n if (item && !item.hidden) {\n const bool = item.children && !item.hideChildrenInMenu;\n return bool ? renderSubMenu(h, item, i18nRender) : renderMenuItem(h, item, i18nRender);\n }\n return null;\n};\nconst renderSubMenu = (h, item, i18nRender) => {\n return h(SubMenu, {\n \"key\": item.path,\n \"attrs\": {\n \"title\": h(\"span\", [renderIcon(h, item.meta.icon), h(\"span\", [renderTitle(h, item.meta.title, i18nRender)])])\n }\n }, [!item.hideChildrenInMenu && item.children.map(cd => renderMenu(h, cd, i18nRender))]);\n};\nconst renderMenuItem = (h, item, i18nRender) => {\n const meta = Object.assign({}, item.meta);\n const target = meta.target || null;\n const hasRemoteUrl = httpReg.test(item.path);\n const CustomTag = target && 'a' || 'router-link';\n const props = {\n to: {\n name: item.name\n }\n };\n const attrs = hasRemoteUrl || target ? {\n href: item.path,\n target: target\n } : {};\n if (item.children && item.hideChildrenInMenu) {\n // 把有子菜单的 并且 父菜单是要隐藏子菜单的\n // 都给子菜单增加一个 hidden 属性\n // 用来给刷新页面时， selectedKeys 做控制用\n item.children.forEach(cd => {\n cd.meta = Object.assign(cd.meta || {}, {\n hidden: true\n });\n });\n }\n return h(MenuItem, {\n \"key\": item.path\n }, [h(CustomTag, {\n \"props\": {\n ...props\n },\n \"attrs\": {\n ...attrs\n }\n }, [renderIcon(h, meta.icon), renderTitle(h, meta.title, i18nRender)])]);\n};\nconst renderIcon = (h, icon) => {\n if (icon === undefined || icon === 'none' || icon === null) {\n return null;\n }\n const props = {};\n typeof icon === 'object' ? props.component = icon : props.type = icon;\n return h(\"IconFont\", {\n \"props\": {\n ...props\n }\n });\n};\nconst renderTitle = (h, title, i18nRender) => {\n return h(\"span\", [i18nRender && i18nRender(title) || title]);\n};\nconst RouteMenu = {\n name: 'RouteMenu',\n props: RouteMenuProps,\n data() {\n return {\n openKeys: [],\n selectedKeys: [],\n cachedOpenKeys: [],\n cachedSelectedKeys: []\n };\n },\n render(h) {\n const {\n mode,\n theme,\n menus,\n i18nRender\n } = this;\n const handleOpenChange = openKeys => {\n // 在水平模式下时，不再执行后续\n if (mode === 'horizontal') {\n this.openKeys = openKeys;\n return;\n }\n const latestOpenKey = openKeys.find(key => !this.openKeys.includes(key));\n if (!this.rootSubmenuKeys.includes(latestOpenKey)) {\n this.openKeys = openKeys;\n } else {\n this.openKeys = latestOpenKey ? [latestOpenKey] : [];\n }\n };\n const dynamicProps = {\n props: {\n mode,\n theme,\n openKeys: this.openKeys,\n selectedKeys: this.selectedKeys\n },\n on: {\n select: menu => {\n this.$emit('select', menu);\n if (!httpReg.test(menu.key)) {\n this.selectedKeys = menu.selectedKeys;\n }\n },\n openChange: handleOpenChange\n }\n };\n const menuItems = menus.map(item => {\n if (item.hidden) {\n return null;\n }\n return renderMenu(h, item, i18nRender);\n });\n return h(ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{}, dynamicProps]), [menuItems]);\n },\n methods: {\n updateMenu() {\n const routes = this.$route.matched.concat();\n const {\n hidden\n } = this.$route.meta;\n if (routes.length >= 3 && hidden) {\n routes.pop();\n this.selectedKeys = [routes[routes.length - 1].path];\n } else {\n this.selectedKeys = [routes.pop().path];\n console.log(this.selectedKeys, '--this.selectedKeys');\n }\n const openKeys = [];\n if (this.mode === 'inline') {\n routes.forEach(item => {\n item.path && openKeys.push(item.path);\n });\n }\n this.collapsed ? this.cachedOpenKeys = openKeys : this.openKeys = openKeys;\n }\n },\n computed: {\n rootSubmenuKeys: vm => {\n const keys = [];\n vm.menus.forEach(item => keys.push(item.path));\n return keys;\n }\n },\n created() {\n this.$watch('$route', () => {\n this.updateMenu();\n });\n this.$watch('collapsed', val => {\n if (val) {\n this.cachedOpenKeys = this.openKeys.concat();\n this.openKeys = [];\n } else {\n this.openKeys = this.cachedOpenKeys;\n }\n });\n const IconFont = ant_design_vue_es_icon__WEBPACK_IMPORTED_MODULE_4__[\"default\"].createFromIconfontCN({\n scriptUrl: this.scriptIconJs\n });\n this.$options.components['IconFont'] = IconFont;\n },\n mounted() {\n this.updateMenu();\n }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (RouteMenu);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/RouteMenu/BaseMenu.jsx?");
8630
8630
 
8631
8631
  /***/ }),
8632
8632
 
@@ -8648,7 +8648,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Bas
8648
8648
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8649
8649
 
8650
8650
  "use strict";
8651
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ SiderMenuProps: function() { return /* binding */ SiderMenuProps; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/layout/components/SiderMenu/index.less\");\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_layout_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/layout/style */ \"./node_modules/ant-design-vue/es/layout/style/index.js\");\n/* harmony import */ var ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue/es/layout */ \"./node_modules/ant-design-vue/es/layout/index.js\");\n/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/util */ \"./plugins/lib/layout/utils/util.js\");\n/* harmony import */ var _RouteMenu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../RouteMenu */ \"./plugins/lib/layout/components/RouteMenu/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n\n\n\n\n\n\nconst {\n Sider\n} = ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\nconst SiderMenuProps = {\n mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].string.def('inline'),\n contentWidth: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].oneOf(['Fluid', 'Fixed']).def('Fluid'),\n collapsible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].bool,\n collapsed: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].bool,\n handleCollapse: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].func,\n menus: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].array,\n siderWidth: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].number.def(256),\n layout: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].string.def('inline'),\n logo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].any,\n title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].string.def(''),\n // render function or vnode\n menuHeaderRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].array, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].bool]),\n menuRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].array, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].bool])\n};\nconst SiderMenu = {\n name: 'SiderMenu',\n model: {\n prop: 'collapsed',\n event: 'collapse'\n },\n props: SiderMenuProps,\n render(h) {\n const {\n collapsible,\n collapsed,\n siderWidth,\n fixSiderbar,\n mode,\n theme,\n menus,\n menuRender\n } = this;\n const siderCls = ['ant-pro-sider-menu-sider'];\n if (fixSiderbar) siderCls.push('fix-sider-bar');\n if (theme === 'light') siderCls.push('light');\n const handleCollapse = type => {\n this.$emit('collapse', !collapsed);\n };\n return h(Sider, {\n \"class\": siderCls,\n \"attrs\": {\n \"breakpoint\": 'lg',\n \"trigger\": null,\n \"width\": siderWidth,\n \"theme\": theme,\n \"collapsible\": collapsible,\n \"collapsed\": collapsed\n }\n }, [menuRender && ((0,_utils_util__WEBPACK_IMPORTED_MODULE_3__.isFun)(menuRender) && menuRender(h, this.$props) || menuRender) || h(_RouteMenu__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n \"attrs\": {\n \"collapsed\": collapsed,\n \"menus\": menus,\n \"mode\": mode,\n \"theme\": theme\n }\n }), h(\"div\", {\n \"class\": \"ant-menu-collapsed\"\n }, [h(ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n \"class\": \"trigger\",\n \"attrs\": {\n \"type\": collapsed ? 'menu-unfold' : 'menu-fold'\n },\n \"on\": {\n \"click\": handleCollapse\n }\n })])]);\n }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (SiderMenu);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/SiderMenu/SiderMenu.jsx?");
8651
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ SiderMenuProps: function() { return /* binding */ SiderMenuProps; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/layout/components/SiderMenu/index.less\");\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_layout_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/layout/style */ \"./node_modules/ant-design-vue/es/layout/style/index.js\");\n/* harmony import */ var ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue/es/layout */ \"./node_modules/ant-design-vue/es/layout/index.js\");\n/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/util */ \"./plugins/lib/layout/utils/util.js\");\n/* harmony import */ var _RouteMenu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../RouteMenu */ \"./plugins/lib/layout/components/RouteMenu/index.js\");\n/* harmony import */ var _RouteMenu_BaseMenu_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../RouteMenu/BaseMenu.jsx */ \"./plugins/lib/layout/components/RouteMenu/BaseMenu.jsx\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n\n\n\n\n\n\n\nconst {\n Sider\n} = ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\nconst SiderMenuProps = {\n ..._RouteMenu_BaseMenu_jsx__WEBPACK_IMPORTED_MODULE_5__.RouteMenuProps,\n contentWidth: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].oneOf(['Fluid', 'Fixed']).def('Fluid'),\n collapsible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].bool,\n handleCollapse: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].func,\n siderWidth: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].number.def(256),\n layout: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].string.def('inline'),\n logo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].any,\n title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].string.def(''),\n // render function or vnode\n menuHeaderRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].array, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].bool]),\n menuRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].array, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_7__[\"default\"].bool])\n};\nconst SiderMenu = {\n name: 'SiderMenu',\n model: {\n prop: 'collapsed',\n event: 'collapse'\n },\n props: SiderMenuProps,\n render(h) {\n const {\n collapsible,\n collapsed,\n siderWidth,\n fixSiderbar,\n mode,\n theme,\n menus,\n menuRender,\n scriptIconJs\n } = this;\n const siderCls = ['ant-pro-sider-menu-sider'];\n if (fixSiderbar) siderCls.push('fix-sider-bar');\n if (theme === 'light') siderCls.push('light');\n const cProps = {\n collapsed,\n menus,\n mode,\n theme,\n scriptIconJs\n };\n console.log(scriptIconJs, '--scriptIconJs');\n const handleCollapse = type => {\n this.$emit('collapse', !collapsed);\n };\n return h(Sider, {\n \"class\": siderCls,\n \"attrs\": {\n \"breakpoint\": 'lg',\n \"trigger\": null,\n \"width\": siderWidth,\n \"theme\": theme,\n \"collapsible\": collapsible,\n \"collapsed\": collapsed\n }\n }, [menuRender && ((0,_utils_util__WEBPACK_IMPORTED_MODULE_3__.isFun)(menuRender) && menuRender(h, this.$props) || menuRender) || h(_RouteMenu__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n \"props\": {\n ...cProps\n }\n }), h(\"div\", {\n \"class\": \"ant-menu-collapsed\"\n }, [h(ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n \"class\": \"trigger\",\n \"attrs\": {\n \"type\": collapsed ? 'menu-unfold' : 'menu-fold'\n },\n \"on\": {\n \"click\": handleCollapse\n }\n })])]);\n }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (SiderMenu);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/SiderMenu/SiderMenu.jsx?");
8652
8652
 
8653
8653
  /***/ }),
8654
8654
 
@@ -8681,7 +8681,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
8681
8681
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8682
8682
 
8683
8683
  "use strict";
8684
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ BasicLayoutProps: function() { return /* binding */ BasicLayoutProps; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue/es/layout */ \"./node_modules/ant-design-vue/es/layout/index.js\");\n/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style/index.less */ \"./plugins/lib/layout/style/index.less\");\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _components_SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/SiderMenu/index.jsx */ \"./plugins/lib/layout/components/SiderMenu/index.jsx\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ \"./plugins/lib/layout/components/index.js\");\n/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/util */ \"./plugins/lib/layout/utils/util.js\");\n\n\n\n\n\n\nconst {\n Content\n} = ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\nconst BasicLayoutProps = {\n theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].string.def('light'),\n ..._components_SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__.SiderMenuProps\n};\nconst BasicLayout = {\n name: 'BasicLayout',\n functional: true,\n props: BasicLayoutProps,\n render(h, content) {\n const {\n props,\n children\n } = content;\n const contentHeaderRender = (0,_utils_util__WEBPACK_IMPORTED_MODULE_3__.getComponentFromProp)(content, 'contentHeaderRender');\n const {\n theme,\n layout,\n collapsed,\n handleCollapse,\n siderWidth\n } = props;\n const cdProps = {\n ...props\n };\n console.log(content);\n return h(ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n \"class\": {\n 'ant-pro-basicLayout': true\n }\n }, [h(_components__WEBPACK_IMPORTED_MODULE_2__.SiderMenuWrapper, {\n \"props\": {\n ...cdProps\n },\n \"attrs\": {\n \"collapsed\": collapsed\n },\n \"on\": {\n \"collapse\": handleCollapse\n }\n }), h(ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n \"class\": [layout]\n }, [contentHeaderRender, h(Content, {\n \"class\": \"ant-pro-content\",\n \"attrs\": {\n \"contentWidth\": props.contentWidth\n }\n }, [children])])]);\n }\n};\nBasicLayout.install = function (Vue) {\n Vue.component('ProLayout', BasicLayout);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (BasicLayout);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/index.jsx?");
8684
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ BasicLayoutProps: function() { return /* binding */ BasicLayoutProps; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue/es/layout */ \"./node_modules/ant-design-vue/es/layout/index.js\");\n/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style/index.less */ \"./plugins/lib/layout/style/index.less\");\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _components_SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/SiderMenu/index.jsx */ \"./plugins/lib/layout/components/SiderMenu/index.jsx\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ \"./plugins/lib/layout/components/index.js\");\n/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/util */ \"./plugins/lib/layout/utils/util.js\");\n\n\n\n\n\n\nconst {\n Content\n} = ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\nconst BasicLayoutProps = {\n theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].string.def('light'),\n ..._components_SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__.SiderMenuProps\n};\nconst BasicLayout = {\n name: 'BasicLayout',\n functional: true,\n props: BasicLayoutProps,\n render(h, content) {\n const {\n props,\n children\n } = content;\n const contentHeaderRender = (0,_utils_util__WEBPACK_IMPORTED_MODULE_3__.getComponentFromProp)(content, 'contentHeaderRender');\n const {\n theme,\n layout,\n collapsed,\n handleCollapse,\n siderWidth,\n scriptIconJs\n } = props;\n const cdProps = {\n ...props\n };\n return h(ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n \"class\": {\n 'ant-pro-basicLayout': true\n }\n }, [h(_components__WEBPACK_IMPORTED_MODULE_2__.SiderMenuWrapper, {\n \"props\": {\n ...cdProps\n },\n \"attrs\": {\n \"collapsed\": collapsed\n },\n \"on\": {\n \"collapse\": handleCollapse\n }\n }), h(ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n \"class\": [layout]\n }, [contentHeaderRender, h(Content, {\n \"class\": \"ant-pro-content\",\n \"attrs\": {\n \"contentWidth\": props.contentWidth\n }\n }, [children])])]);\n }\n};\nBasicLayout.install = function (Vue) {\n Vue.component('ProLayout', BasicLayout);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (BasicLayout);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/index.jsx?");
8685
8685
 
8686
8686
  /***/ }),
8687
8687
 
@@ -8912,7 +8912,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
8912
8912
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
8913
8913
 
8914
8914
  "use strict";
8915
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.ant-pro-basicLayout {\\n display: flex;\\n flex-direction: column;\\n border: 1px solid #d9d9d9;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/style/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
8915
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".ant-pro-basicLayout {\\n display: flex;\\n flex-direction: column;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/style/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
8916
8916
 
8917
8917
  /***/ }),
8918
8918
 
package/dist/layout.umd.js CHANGED
@@ -3185,7 +3185,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
3185
3185
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3186
3186
 
3187
3187
  "use strict";
3188
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ RouteMenuProps: function() { return /* binding */ RouteMenuProps; }\n/* harmony export */ });\n/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/babel-helper-vue-jsx-merge-props */ \"./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js\");\n/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/menu */ \"./node_modules/ant-design-vue/es/menu/index.js\");\n/* harmony import */ var ant_design_vue_es_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue/es/icon */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n\n\n\nconst {\n Item: MenuItem,\n SubMenu\n} = ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__[\"default\"];\nconst RouteMenuProps = {\n menus: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('dark'),\n mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('inline'),\n collapsed: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].bool.def(false),\n i18nRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].bool]).def(false)\n};\nconst httpReg = /(http|https|ftp):\\/\\/([\\w.]+\\/?)\\S*/;\nconst renderMenu = (h, item, i18nRender) => {\n if (item && !item.hidden) {\n const bool = item.children && !item.hideChildrenInMenu;\n return bool ? renderSubMenu(h, item, i18nRender) : renderMenuItem(h, item, i18nRender);\n }\n return null;\n};\nconst renderSubMenu = (h, item, i18nRender) => {\n return h(SubMenu, {\n \"key\": item.path,\n \"attrs\": {\n \"title\": h(\"span\", [renderIcon(h, item.meta.icon), h(\"span\", [renderTitle(h, item.meta.title, i18nRender)])])\n }\n }, [!item.hideChildrenInMenu && item.children.map(cd => renderMenu(h, cd, i18nRender))]);\n};\nconst renderMenuItem = (h, item, i18nRender) => {\n const meta = Object.assign({}, item.meta);\n const target = meta.target || null;\n const hasRemoteUrl = httpReg.test(item.path);\n const CustomTag = target && 'a' || 'router-link';\n const props = {\n to: {\n name: item.name\n }\n };\n const attrs = hasRemoteUrl || target ? {\n href: item.path,\n target: target\n } : {};\n if (item.children && item.hideChildrenInMenu) {\n // 把有子菜单的 并且 父菜单是要隐藏子菜单的\n // 都给子菜单增加一个 hidden 属性\n // 用来给刷新页面时， selectedKeys 做控制用\n item.children.forEach(cd => {\n cd.meta = Object.assign(cd.meta || {}, {\n hidden: true\n });\n });\n }\n return h(MenuItem, {\n \"key\": item.path\n }, [h(CustomTag, {\n \"props\": {\n ...props\n },\n \"attrs\": {\n ...attrs\n }\n }, [renderIcon(h, meta.icon), renderTitle(h, meta.title, i18nRender)])]);\n};\nconst renderIcon = (h, icon) => {\n if (icon === undefined || icon === 'none' || icon === null) {\n return null;\n }\n const props = {};\n typeof icon === 'object' ? props.component = icon : props.type = icon;\n return h(ant_design_vue_es_icon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n \"props\": {\n ...props\n }\n });\n};\nconst renderTitle = (h, title, i18nRender) => {\n return h(\"span\", [i18nRender && i18nRender(title) || title]);\n};\nconst RouteMenu = {\n name: 'RouteMenu',\n props: RouteMenuProps,\n data() {\n return {\n openKeys: [],\n selectedKeys: [],\n cachedOpenKeys: [],\n cachedSelectedKeys: []\n };\n },\n render(h) {\n const {\n mode,\n theme,\n menus,\n i18nRender\n } = this;\n const handleOpenChange = openKeys => {\n // 在水平模式下时，不再执行后续\n if (mode === 'horizontal') {\n this.openKeys = openKeys;\n return;\n }\n const latestOpenKey = openKeys.find(key => !this.openKeys.includes(key));\n if (!this.rootSubmenuKeys.includes(latestOpenKey)) {\n this.openKeys = openKeys;\n } else {\n this.openKeys = latestOpenKey ? [latestOpenKey] : [];\n }\n };\n const dynamicProps = {\n props: {\n mode,\n theme,\n openKeys: this.openKeys,\n selectedKeys: this.selectedKeys\n },\n on: {\n select: menu => {\n this.$emit('select', menu);\n if (!httpReg.test(menu.key)) {\n this.selectedKeys = menu.selectedKeys;\n }\n },\n openChange: handleOpenChange\n }\n };\n const menuItems = menus.map(item => {\n if (item.hidden) {\n return null;\n }\n return renderMenu(h, item, i18nRender);\n });\n return h(ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{}, dynamicProps]), [menuItems]);\n },\n methods: {\n updateMenu() {\n const routes = this.$route.matched.concat();\n const {\n hidden\n } = this.$route.meta;\n if (routes.length >= 3 && hidden) {\n routes.pop();\n this.selectedKeys = [routes[routes.length - 1].path];\n } else {\n this.selectedKeys = [routes.pop().path];\n console.log(this.selectedKeys, '--this.selectedKeys');\n }\n const openKeys = [];\n if (this.mode === 'inline') {\n routes.forEach(item => {\n item.path && openKeys.push(item.path);\n });\n }\n this.collapsed ? this.cachedOpenKeys = openKeys : this.openKeys = openKeys;\n }\n },\n computed: {\n rootSubmenuKeys: vm => {\n const keys = [];\n vm.menus.forEach(item => keys.push(item.path));\n return keys;\n }\n },\n created() {\n this.$watch('$route', () => {\n this.updateMenu();\n });\n this.$watch('collapsed', val => {\n if (val) {\n this.cachedOpenKeys = this.openKeys.concat();\n this.openKeys = [];\n } else {\n this.openKeys = this.cachedOpenKeys;\n }\n });\n },\n mounted() {\n this.updateMenu();\n }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (RouteMenu);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/RouteMenu/BaseMenu.jsx?");
3188
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ RouteMenuProps: function() { return /* binding */ RouteMenuProps; }\n/* harmony export */ });\n/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/babel-helper-vue-jsx-merge-props */ \"./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js\");\n/* harmony import */ var _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/menu */ \"./node_modules/ant-design-vue/es/menu/index.js\");\n/* harmony import */ var ant_design_vue_es_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue/es/icon */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n\n\n\nconst {\n Item: MenuItem,\n SubMenu\n} = ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__[\"default\"];\nconst RouteMenuProps = {\n menus: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('dark'),\n mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('inline'),\n collapsed: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].bool.def(false),\n scriptIconJs: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n i18nRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].bool]).def(false)\n};\nconst httpReg = /(http|https|ftp):\\/\\/([\\w.]+\\/?)\\S*/;\nconst renderMenu = (h, item, i18nRender) => {\n if (item && !item.hidden) {\n const bool = item.children && !item.hideChildrenInMenu;\n return bool ? renderSubMenu(h, item, i18nRender) : renderMenuItem(h, item, i18nRender);\n }\n return null;\n};\nconst renderSubMenu = (h, item, i18nRender) => {\n return h(SubMenu, {\n \"key\": item.path,\n \"attrs\": {\n \"title\": h(\"span\", [renderIcon(h, item.meta.icon), h(\"span\", [renderTitle(h, item.meta.title, i18nRender)])])\n }\n }, [!item.hideChildrenInMenu && item.children.map(cd => renderMenu(h, cd, i18nRender))]);\n};\nconst renderMenuItem = (h, item, i18nRender) => {\n const meta = Object.assign({}, item.meta);\n const target = meta.target || null;\n const hasRemoteUrl = httpReg.test(item.path);\n const CustomTag = target && 'a' || 'router-link';\n const props = {\n to: {\n name: item.name\n }\n };\n const attrs = hasRemoteUrl || target ? {\n href: item.path,\n target: target\n } : {};\n if (item.children && item.hideChildrenInMenu) {\n // 把有子菜单的 并且 父菜单是要隐藏子菜单的\n // 都给子菜单增加一个 hidden 属性\n // 用来给刷新页面时， selectedKeys 做控制用\n item.children.forEach(cd => {\n cd.meta = Object.assign(cd.meta || {}, {\n hidden: true\n });\n });\n }\n return h(MenuItem, {\n \"key\": item.path\n }, [h(CustomTag, {\n \"props\": {\n ...props\n },\n \"attrs\": {\n ...attrs\n }\n }, [renderIcon(h, meta.icon), renderTitle(h, meta.title, i18nRender)])]);\n};\nconst renderIcon = (h, icon) => {\n if (icon === undefined || icon === 'none' || icon === null) {\n return null;\n }\n const props = {};\n typeof icon === 'object' ? props.component = icon : props.type = icon;\n return h(\"IconFont\", {\n \"props\": {\n ...props\n }\n });\n};\nconst renderTitle = (h, title, i18nRender) => {\n return h(\"span\", [i18nRender && i18nRender(title) || title]);\n};\nconst RouteMenu = {\n name: 'RouteMenu',\n props: RouteMenuProps,\n data() {\n return {\n openKeys: [],\n selectedKeys: [],\n cachedOpenKeys: [],\n cachedSelectedKeys: []\n };\n },\n render(h) {\n const {\n mode,\n theme,\n menus,\n i18nRender\n } = this;\n const handleOpenChange = openKeys => {\n // 在水平模式下时，不再执行后续\n if (mode === 'horizontal') {\n this.openKeys = openKeys;\n return;\n }\n const latestOpenKey = openKeys.find(key => !this.openKeys.includes(key));\n if (!this.rootSubmenuKeys.includes(latestOpenKey)) {\n this.openKeys = openKeys;\n } else {\n this.openKeys = latestOpenKey ? [latestOpenKey] : [];\n }\n };\n const dynamicProps = {\n props: {\n mode,\n theme,\n openKeys: this.openKeys,\n selectedKeys: this.selectedKeys\n },\n on: {\n select: menu => {\n this.$emit('select', menu);\n if (!httpReg.test(menu.key)) {\n this.selectedKeys = menu.selectedKeys;\n }\n },\n openChange: handleOpenChange\n }\n };\n const menuItems = menus.map(item => {\n if (item.hidden) {\n return null;\n }\n return renderMenu(h, item, i18nRender);\n });\n return h(ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{}, dynamicProps]), [menuItems]);\n },\n methods: {\n updateMenu() {\n const routes = this.$route.matched.concat();\n const {\n hidden\n } = this.$route.meta;\n if (routes.length >= 3 && hidden) {\n routes.pop();\n this.selectedKeys = [routes[routes.length - 1].path];\n } else {\n this.selectedKeys = [routes.pop().path];\n console.log(this.selectedKeys, '--this.selectedKeys');\n }\n const openKeys = [];\n if (this.mode === 'inline') {\n routes.forEach(item => {\n item.path && openKeys.push(item.path);\n });\n }\n this.collapsed ? this.cachedOpenKeys = openKeys : this.openKeys = openKeys;\n }\n },\n computed: {\n rootSubmenuKeys: vm => {\n const keys = [];\n vm.menus.forEach(item => keys.push(item.path));\n return keys;\n }\n },\n created() {\n this.$watch('$route', () => {\n this.updateMenu();\n });\n this.$watch('collapsed', val => {\n if (val) {\n this.cachedOpenKeys = this.openKeys.concat();\n this.openKeys = [];\n } else {\n this.openKeys = this.cachedOpenKeys;\n }\n });\n const IconFont = ant_design_vue_es_icon__WEBPACK_IMPORTED_MODULE_4__[\"default\"].createFromIconfontCN({\n scriptUrl: this.scriptIconJs\n });\n this.$options.components['IconFont'] = IconFont;\n },\n mounted() {\n this.updateMenu();\n }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (RouteMenu);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/RouteMenu/BaseMenu.jsx?");
3189
3189
 
3190
3190
  /***/ }),
3191
3191
 
package/lib/layout/components/RouteMenu/BaseMenu.jsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import PropTypes from 'ant-design-vue/es/_util/vue-types'
2
2
 
3
3
  import Menu from 'ant-design-vue/es/menu'
4
- import Icon from 'ant-design-vue/es/icon'
4
+ import Icon from 'ant-design-vue/es/icon'
5
5
 
6
6
  const {
7
7
  Item: MenuItem,
@@ -13,6 +13,7 @@ export const RouteMenuProps = {
13
13
  theme: PropTypes.string.def('dark'),
14
14
  mode: PropTypes.string.def('inline'),
15
15
  collapsed: PropTypes.bool.def(false),
16
+ scriptIconJs: PropTypes.string,
16
17
  i18nRender: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]).def(false),
17
18
  }
18
19
 
@@ -70,7 +71,7 @@ const renderIcon = (h, icon) => {
70
71
  }
71
72
  const props = {}
72
73
  typeof (icon) === 'object' ? (props.component = icon) : (props.type = icon)
73
- return <Icon {...{ props }} />
74
+ return <IconFont {...{ props }} />
74
75
  }
75
76
 
76
77
  const renderTitle = (h, title, i18nRender) => {
@@ -90,6 +91,7 @@ const RouteMenu = {
90
91
  },
91
92
  render (h) {
92
93
  const { mode, theme, menus, i18nRender } = this
94
+
93
95
  const handleOpenChange = (openKeys) => {
94
96
  // 在水平模式下时，不再执行后续
95
97
  if (mode === 'horizontal') {
@@ -170,6 +172,8 @@ const RouteMenu = {
170
172
  this.openKeys = this.cachedOpenKeys
171
173
  }
172
174
  })
175
+ const IconFont = Icon.createFromIconfontCN({ scriptUrl: this.scriptIconJs })
176
+ this.$options.components['IconFont'] = IconFont
173
177
  },
174
178
  mounted () {
175
179
  this.updateMenu()
package/lib/layout/components/SiderMenu/SiderMenu.jsx CHANGED
@@ -5,24 +5,23 @@ import 'ant-design-vue/es/layout/style'
5
5
  import Layout from 'ant-design-vue/es/layout'
6
6
  import { isFun } from '../../utils/util'
7
7
  import BaseMenu from '../RouteMenu'
8
- import { Icon } from 'ant-design-vue'
8
+ import {RouteMenuProps} from '../RouteMenu/BaseMenu.jsx'
9
+ import { Icon } from 'ant-design-vue'
9
10
 
10
11
  const { Sider } = Layout
11
12
 
12
13
  export const SiderMenuProps = {
13
- mode: PropTypes.string.def('inline'),
14
+ ...RouteMenuProps,
14
15
  contentWidth: PropTypes.oneOf(['Fluid', 'Fixed']).def('Fluid'),
15
16
  collapsible: PropTypes.bool,
16
- collapsed: PropTypes.bool,
17
17
  handleCollapse: PropTypes.func,
18
- menus: PropTypes.array,
19
18
  siderWidth: PropTypes.number.def(256),
20
19
  layout: PropTypes.string.def('inline'),
21
20
  logo: PropTypes.any,
22
21
  title: PropTypes.string.def(''),
23
22
  // render function or vnode
24
23
  menuHeaderRender: PropTypes.oneOfType([PropTypes.func, PropTypes.array, PropTypes.object, PropTypes.bool]),
25
- menuRender: PropTypes.oneOfType([PropTypes.func, PropTypes.array, PropTypes.object, PropTypes.bool]),
24
+ menuRender: PropTypes.oneOfType([PropTypes.func, PropTypes.array, PropTypes.object, PropTypes.bool])
26
25
  }
27
26
 
28
27
  const SiderMenu = {
@@ -41,11 +40,22 @@ const SiderMenu = {
41
40
  mode,
42
41
  theme,
43
42
  menus,
44
- menuRender
43
+ menuRender,
44
+ scriptIconJs
45
45
  } = this
46
46
  const siderCls = ['ant-pro-sider-menu-sider']
47
47
  if (fixSiderbar) siderCls.push('fix-sider-bar')
48
48
  if (theme === 'light') siderCls.push('light')
49
+
50
+ const cProps = {
51
+ collapsed,
52
+ menus,
53
+ mode,
54
+ theme,
55
+ scriptIconJs
56
+ }
57
+
58
+ console.log(scriptIconJs, '--scriptIconJs')
49
59
 
50
60
  const handleCollapse = (type) => {
51
61
  this.$emit('collapse', !collapsed)
@@ -65,7 +75,7 @@ const SiderMenu = {
65
75
  && menuRender(h, this.$props)
66
76
  || menuRender
67
77
  ) || (
68
- <BaseMenu collapsed={collapsed} menus={menus} mode={mode} theme={theme} />
78
+ <BaseMenu {...{ props: cProps }} />
69
79
  )}
70
80
  <div
71
81
  class="ant-menu-collapsed"
package/lib/layout/components/SiderMenu/index.less CHANGED
@@ -1,6 +1,5 @@
1
1
  @import '../../../style/mixins.less';
2
- @import '../../../style/themes/default.less';
3
- // @import '~ant-design-vue/lib/style/themes/default.less';
2
+ @import '~ant-design-vue/lib/style/themes/default.less';
4
3
 
5
4
  .ant-layout-sider-children {
6
5
  .flex-layout(column);
package/lib/layout/index.jsx CHANGED
@@ -28,14 +28,13 @@ const BasicLayout = {
28
28
  layout,
29
29
  collapsed,
30
30
  handleCollapse,
31
- siderWidth
31
+ siderWidth,
32
+ scriptIconJs
32
33
  } = props
33
34
 
34
35
  const cdProps = {
35
36
  ...props
36
- }
37
-
38
- console.log( content )
37
+ }
39
38
 
40
39
  return (
41
40
  <Layout class={{
package/lib/layout/style/index.css ADDED
@@ -0,0 +1 @@
1
+ .ant-pro-basicLayout{display:flex;flex-direction:column}
package/lib/layout/style/index.less CHANGED
@@ -1,10 +1,7 @@
1
- @import '~ant-design-vue/lib/style/themes/default.less';
2
-
3
1
  .ant-pro-basicLayout {
4
2
  display: flex;
5
- flex-direction: column;
6
- border: 1px solid @border-color-base;
3
+ flex-direction: column;
7
4
  &-header {
8
5
  // height: 36px;
9
- }
10
- }
6
+ }
7
+ }
package/lib/style/index.css CHANGED
@@ -1 +0,0 @@
1
- .WebComponentTable{width:100%;height:100%;display:flex;gap:16px 0;flex-direction:column}.WebComponentTable__List__Empty{height:120px;display:flex;gap:0;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center}.WebComponentTable__List__Empty i{font-size:80px}.WebComponentTable__Pagination{display:flex;justify-content:flex-end}
package/lib/style/index.less CHANGED
@@ -1,6 +1,2 @@
1
- /* antdvue样式 */
2
- // @import '~ant-design-vue/dist/antd.less';
3
1
  /* 混入样式 */
4
- @import './mixins.less';
5
- /* 表格样式 */
6
- @import '../Table/style/index.less';
2
+ @import './mixins.less';
package/lib/style/mixins.less CHANGED
@@ -14,7 +14,7 @@
14
14
  // Firefox
15
15
  &::-moz-placeholder {
16
16
  color: @color;
17
- opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
17
+ opacity: 1;
18
18
  }
19
19
  // Internet Explorer 10+
20
20
  &:-ms-input-placeholder {
package/lib/tree/style/Directory.less CHANGED
@@ -1,7 +1,6 @@
1
1
  /* 混入样式 */
2
2
  @import '../../style/mixins.less';
3
- @import '../../style/themes/default.less';
4
- // @import '~ant-design-vue/lib/style/themes/default.less';
3
+ @import '~ant-design-vue/lib/style/themes/default.less';
5
4
 
6
5
  .DirectoryTreeMenu {
7
6
  height: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "web-component-gallery",
3
- "version": "0.1.37",
3
+ "version": "0.1.39",
4
4
  "description": "vue-library-ui组件库",
5
5
  "main": "dist/index.umd.js",
6
6
  "files": [
package/plugins/lib/layout/components/RouteMenu/BaseMenu.jsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import PropTypes from 'ant-design-vue/es/_util/vue-types'
2
2
 
3
3
  import Menu from 'ant-design-vue/es/menu'
4
- import Icon from 'ant-design-vue/es/icon'
4
+ import Icon from 'ant-design-vue/es/icon'
5
5
 
6
6
  const {
7
7
  Item: MenuItem,
@@ -13,6 +13,7 @@ export const RouteMenuProps = {
13
13
  theme: PropTypes.string.def('dark'),
14
14
  mode: PropTypes.string.def('inline'),
15
15
  collapsed: PropTypes.bool.def(false),
16
+ scriptIconJs: PropTypes.string,
16
17
  i18nRender: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]).def(false),
17
18
  }
18
19
 
@@ -70,7 +71,7 @@ const renderIcon = (h, icon) => {
70
71
  }
71
72
  const props = {}
72
73
  typeof (icon) === 'object' ? (props.component = icon) : (props.type = icon)
73
- return <Icon {...{ props }} />
74
+ return <IconFont {...{ props }} />
74
75
  }
75
76
 
76
77
  const renderTitle = (h, title, i18nRender) => {
@@ -90,6 +91,7 @@ const RouteMenu = {
90
91
  },
91
92
  render (h) {
92
93
  const { mode, theme, menus, i18nRender } = this
94
+
93
95
  const handleOpenChange = (openKeys) => {
94
96
  // 在水平模式下时，不再执行后续
95
97
  if (mode === 'horizontal') {
@@ -170,6 +172,8 @@ const RouteMenu = {
170
172
  this.openKeys = this.cachedOpenKeys
171
173
  }
172
174
  })
175
+ const IconFont = Icon.createFromIconfontCN({ scriptUrl: this.scriptIconJs })
176
+ this.$options.components['IconFont'] = IconFont
173
177
  },
174
178
  mounted () {
175
179
  this.updateMenu()
package/plugins/lib/layout/components/SiderMenu/SiderMenu.jsx CHANGED
@@ -5,24 +5,23 @@ import 'ant-design-vue/es/layout/style'
5
5
  import Layout from 'ant-design-vue/es/layout'
6
6
  import { isFun } from '../../utils/util'
7
7
  import BaseMenu from '../RouteMenu'
8
- import { Icon } from 'ant-design-vue'
8
+ import {RouteMenuProps} from '../RouteMenu/BaseMenu.jsx'
9
+ import { Icon } from 'ant-design-vue'
9
10
 
10
11
  const { Sider } = Layout
11
12
 
12
13
  export const SiderMenuProps = {
13
- mode: PropTypes.string.def('inline'),
14
+ ...RouteMenuProps,
14
15
  contentWidth: PropTypes.oneOf(['Fluid', 'Fixed']).def('Fluid'),
15
16
  collapsible: PropTypes.bool,
16
- collapsed: PropTypes.bool,
17
17
  handleCollapse: PropTypes.func,
18
- menus: PropTypes.array,
19
18
  siderWidth: PropTypes.number.def(256),
20
19
  layout: PropTypes.string.def('inline'),
21
20
  logo: PropTypes.any,
22
21
  title: PropTypes.string.def(''),
23
22
  // render function or vnode
24
23
  menuHeaderRender: PropTypes.oneOfType([PropTypes.func, PropTypes.array, PropTypes.object, PropTypes.bool]),
25
- menuRender: PropTypes.oneOfType([PropTypes.func, PropTypes.array, PropTypes.object, PropTypes.bool]),
24
+ menuRender: PropTypes.oneOfType([PropTypes.func, PropTypes.array, PropTypes.object, PropTypes.bool])
26
25
  }
27
26
 
28
27
  const SiderMenu = {
@@ -41,11 +40,22 @@ const SiderMenu = {
41
40
  mode,
42
41
  theme,
43
42
  menus,
44
- menuRender
43
+ menuRender,
44
+ scriptIconJs
45
45
  } = this
46
46
  const siderCls = ['ant-pro-sider-menu-sider']
47
47
  if (fixSiderbar) siderCls.push('fix-sider-bar')
48
48
  if (theme === 'light') siderCls.push('light')
49
+
50
+ const cProps = {
51
+ collapsed,
52
+ menus,
53
+ mode,
54
+ theme,
55
+ scriptIconJs
56
+ }
57
+
58
+ console.log(scriptIconJs, '--scriptIconJs')
49
59
 
50
60
  const handleCollapse = (type) => {
51
61
  this.$emit('collapse', !collapsed)
@@ -65,7 +75,7 @@ const SiderMenu = {
65
75
  && menuRender(h, this.$props)
66
76
  || menuRender
67
77
  ) || (
68
- <BaseMenu collapsed={collapsed} menus={menus} mode={mode} theme={theme} />
78
+ <BaseMenu {...{ props: cProps }} />
69
79
  )}
70
80
  <div
71
81
  class="ant-menu-collapsed"
package/plugins/lib/layout/components/SiderMenu/index.less CHANGED
@@ -1,6 +1,5 @@
1
1
  @import '../../../style/mixins.less';
2
- @import '../../../style/themes/default.less';
3
- // @import '~ant-design-vue/lib/style/themes/default.less';
2
+ @import '~ant-design-vue/lib/style/themes/default.less';
4
3
 
5
4
  .ant-layout-sider-children {
6
5
  .flex-layout(column);
package/plugins/lib/layout/index.jsx CHANGED
@@ -28,14 +28,13 @@ const BasicLayout = {
28
28
  layout,
29
29
  collapsed,
30
30
  handleCollapse,
31
- siderWidth
31
+ siderWidth,
32
+ scriptIconJs
32
33
  } = props
33
34
 
34
35
  const cdProps = {
35
36
  ...props
36
- }
37
-
38
- console.log( content )
37
+ }
39
38
 
40
39
  return (
41
40
  <Layout class={{
package/plugins/lib/layout/style/index.less CHANGED
@@ -1,10 +1,7 @@
1
- @import '~ant-design-vue/lib/style/themes/default.less';
2
-
3
1
  .ant-pro-basicLayout {
4
2
  display: flex;
5
- flex-direction: column;
6
- border: 1px solid @border-color-base;
3
+ flex-direction: column;
7
4
  &-header {
8
5
  // height: 36px;
9
- }
10
- }
6
+ }
7
+ }
package/plugins/lib/style/index.less CHANGED
@@ -1,6 +1,2 @@
1
- /* antdvue样式 */
2
- // @import '~ant-design-vue/dist/antd.less';
3
1
  /* 混入样式 */
4
- @import './mixins.less';
5
- /* 表格样式 */
6
- @import '../Table/style/index.less';
2
+ @import './mixins.less';
package/plugins/lib/style/mixins.less CHANGED
@@ -14,7 +14,7 @@
14
14
  // Firefox
15
15
  &::-moz-placeholder {
16
16
  color: @color;
17
- opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
17
+ opacity: 1;
18
18
  }
19
19
  // Internet Explorer 10+
20
20
  &:-ms-input-placeholder {
package/plugins/lib/tree/style/Directory.less CHANGED
@@ -1,7 +1,6 @@
1
1
  /* 混入样式 */
2
2
  @import '../../style/mixins.less';
3
- @import '../../style/themes/default.less';
4
- // @import '~ant-design-vue/lib/style/themes/default.less';
3
+ @import '~ant-design-vue/lib/style/themes/default.less';
5
4
 
6
5
  .DirectoryTreeMenu {
7
6
  height: 100%;
package/plugins/method/AMap.js CHANGED
@@ -142,7 +142,7 @@ export default {
142
142
  city: '全国',
143
143
  // 获取道路poi等详细信息
144
144
  extensions: 'all'
145
- })
145
+ })
146
146
 
147
147
  geocoder.getAddress(new Array(longitude, latitude), (status, result) => {
148
148
  if (status === 'complete' && result.info === 'OK') {
@@ -173,13 +173,15 @@ export default {
173
173
  */
174
174
  function getMapSearch(keywords, callback) {
175
175
  const placeSearch = new AMap.PlaceSearch()
176
- placeSearch.search(keywords, (status, { poiList }) => {
176
+ placeSearch.search(keywords, (status, searchList) => {
177
177
  let addressOptions = []
178
+ const { poiList } = searchList
178
179
  poiList &&
179
180
  (addressOptions = poiList.pois.map(node => {
180
181
  node.label = `${node.name}（${node.address}）`
181
182
  return node
182
183
  }))
184
+ console.log(addressOptions, searchList, poiList)
183
185
  callback && callback( addressOptions )
184
186
  })
185
187
  }