web-component-gallery 0.1.38 → 0.1.40

package/dist/css/index.css

@@ -1 +0,0 @@
-.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/form.umd.js

@@ -7165,7 +7165,7 @@ eval("/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source cod
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RenderComp.vue */ \"./plugins/lib/form/RenderComp.vue\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Item;\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Model',\n  model: {\n    prop: 'value',\n    event: 'Change:Model'\n  },\n  data() {\n    return {\n      formRules: {},\n      labelCol: {\n        span: 4\n      },\n      wrapperCol: {\n        span: 20\n      }\n    };\n  },\n  props: {\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* Form布局方式 */\n    layout: {\n      type: String,\n      default: 'vertical'\n    },\n    /* 一行显示几个 PS:最多5个 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    /* 表单项配置 */\n    formSetting: Array\n  },\n  computed: {\n    form: {\n      get() {\n        /** 忘记是什么场景下需要校验了，后续需发现补上 */\n        // for (const k in this.value) {\n        //   Object.hasOwnProperty.call(this.formRules, k) && this.$refs.FormModel.validateField(k)\n        // }\n        return this.value;\n      },\n      set(value) {\n        console.log(value, '--value');\n        this.$emit('Change:Model', value);\n      }\n    },\n    formAttrs() {\n      let attr = {};\n      this.layout === 'vertical' ? attr = {\n        ...this.$attrs\n      } : attr = {\n        labelCol: this.labelCol,\n        wrapperCol: this.wrapperCol,\n        ...this.$attrs\n      };\n      return attr;\n    }\n  },\n  watch: {\n    formSetting() {\n      this.setFormRules();\n    }\n  },\n  mounted() {\n    this.setFormRules();\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 根据layoutSize来进行距离及大小切分 */\n    getFormWidth(child, layoutSize) {\n      if (!layoutSize) return `margin-right:24px;`;\n      if (this.layout === 'vertical') return `flex: 0 1 calc((${100 / layoutSize * (child.size ?? 1)}% - 24px));margin-right:24px;`;\n      return `flex: 0 1 ${100 / layoutSize * (child.size ?? 1)}%;`;\n    },\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const {\n        setFormModelItem,\n        getFormWidth,\n        layoutSize\n      } = this;\n      const dynamicModel = this.form[props.model];\n      return h(\"div\", {\n        \"class\": props.mutiConfig && ['MultipleForm'],\n        \"attrs\": {\n          ...{\n            style: getFormWidth(props, layoutSize)\n          }\n        }\n      }, [/** 处理动态增减表单 */\n      dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => setFormModelItem(props, {\n        model: props.model,\n        modelItem,\n        index\n      })) : setFormModelItem(props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)]);\n    },\n    /** 动态渲染表单项 */\n    setFormModelItem(props, dynamicModel) {\n      const h = this.$createElement;\n      const {\n        getFormWidth,\n        layout,\n        layoutSize,\n        form,\n        $scopedSlots\n      } = this;\n      const modelComponent = child => {\n        const childLayoutSize = child.layoutSize ?? layoutSize;\n        let childDefaultAttrs = {\n          key: child.model,\n          prop: child.model,\n          label: child.label,\n          colon: !(layout == 'inline')\n        };\n        child.layoutSize && (childDefaultAttrs = {\n          ...childLayoutSize,\n          style: getFormWidth(child, childLayoutSize)\n        });\n        let propsAttr = {};\n        let propsCompModel = dynamicModel ? dynamicModel.modelItem : form;\n        // [child.model]\n\n        dynamicModel && (propsAttr = {\n          key: dynamicModel.index,\n          prop: `${dynamicModel.model}.${dynamicModel.index}.${child.model}`,\n          label: `${child.label}${dynamicModel.index + 1}`\n        });\n        console.log(propsAttr, propsCompModel);\n        return h(FormModelItem, {\n          \"class\": [{\n            FormLineVertical: child.size === childLayoutSize && layout === 'vertical'\n          }, {\n            FormLine: child.size === childLayoutSize\n          }],\n          \"attrs\": {\n            ...{\n              ...childDefaultAttrs,\n              ...propsAttr\n            }\n          }\n        }, [$scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n          \"attrs\": {\n            \"component\": child.is,\n            ...child.attrs\n          },\n          \"on\": {\n            ...child.event\n          },\n          \"model\": {\n            value: propsCompModel[child.model],\n            callback: $$v => {\n              this.$set(propsCompModel, child.model, $$v);\n            }\n          }\n        }), $scopedSlots[`${child.model}Handle`] && $scopedSlots[`${child.model}Handle`](child)]);\n      };\n      return props.mutiConfig ? props.mutiConfig.map(child => modelComponent(child)) : modelComponent(props);\n      //     {/* 先不支持便捷显示和隐藏 */}\n      //     {/* !props.hidden &&  */} \n    },\n    /** 配置表单项规则 */\n    setFormRules() {\n      const rules = {};\n      this.formSetting.forEach(node => {\n        node.filed ? node.filed.forEach(child => this.$set(rules, child.model, this.setAttrs({\n          ...node,\n          ...child\n        }))) : this.$set(rules, node.model, this.setAttrs(node));\n      });\n      this.formRules = rules;\n    },\n    /** 动态设置表单属性 */\n    setAttrs(node) {\n      const required = node.hasOwnProperty('required') ? node.required : node.hasOwnProperty('hidden') ? !node.hidden : true;\n      const message = node.placeholder || (/(select|picker|radio|upload)/.test((node.is ?? 'Input').toLowerCase()) ? '请选择' : '请输入') + (node.label || '');\n      const rules = [{\n        required,\n        message,\n        trigger: ['change', 'blur']\n      }].concat((node.rules || []).filter(i => i.pattern && (i.pattern = new RegExp(i.pattern))));\n      return rules;\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return this.$refs.FormModel.validate();\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      setModelRender,\n      layout,\n      formSetting,\n      formRules,\n      formAttrs,\n      form\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: form,\n        rules: formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [formSetting.map(props => setModelRender(props))]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Model.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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 ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RenderComp.vue */ \"./plugins/lib/form/RenderComp.vue\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Item;\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Model',\n  model: {\n    prop: 'value',\n    event: 'Change:Model'\n  },\n  data() {\n    return {\n      formRules: {},\n      labelCol: {\n        span: 4\n      },\n      wrapperCol: {\n        span: 20\n      }\n    };\n  },\n  props: {\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* Form布局方式 */\n    layout: {\n      type: String,\n      default: 'vertical'\n    },\n    /* 一行显示几个 PS:最多5个 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    /* 表单项配置 */\n    formSetting: Array\n  },\n  computed: {\n    form: {\n      get() {\n        /** 忘记是什么场景下需要校验了，后续需发现补上 */\n        // for (const k in this.value) {\n        //   Object.hasOwnProperty.call(this.formRules, k) && this.$refs.FormModel.validateField(k)\n        // }\n        return this.value;\n      },\n      set(value) {\n        this.$emit('Change:Model', value);\n      }\n    },\n    formAttrs() {\n      let attr = {};\n      this.layout === 'vertical' ? attr = {\n        ...this.$attrs\n      } : attr = {\n        labelCol: this.labelCol,\n        wrapperCol: this.wrapperCol,\n        ...this.$attrs\n      };\n      return attr;\n    }\n  },\n  watch: {\n    formSetting() {\n      this.setFormRules();\n    }\n  },\n  mounted() {\n    this.setFormRules();\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 根据layoutSize来进行距离及大小切分 */\n    getFormWidth(child, layoutSize) {\n      if (!layoutSize) return `margin-right:24px;`;\n      if (this.layout === 'vertical') return `flex: 0 1 calc((${100 / layoutSize * (child.size ?? 1)}% - 24px));margin-right:24px;`;\n      return `flex: 0 1 ${100 / layoutSize * (child.size ?? 1)}%;`;\n    },\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const {\n        setFormModelItem,\n        getFormWidth,\n        layoutSize\n      } = this;\n      const dynamicModel = this.form[props.model];\n      return h(\"div\", {\n        \"class\": props.mutiConfig && ['MultipleForm'],\n        \"attrs\": {\n          ...{\n            style: getFormWidth(props, layoutSize)\n          }\n        }\n      }, [/** 处理动态增减表单 */\n      dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => setFormModelItem(props, {\n        model: props.model,\n        modelItem,\n        index\n      })) : setFormModelItem(props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)]);\n    },\n    /** 动态渲染表单项 */\n    setFormModelItem(props, dynamicModel) {\n      const h = this.$createElement;\n      const {\n        getFormWidth,\n        layout,\n        layoutSize,\n        form,\n        $scopedSlots\n      } = this;\n      const modelComponent = child => {\n        const childLayoutSize = child.layoutSize ?? layoutSize;\n        let childDefaultAttrs = {\n          key: child.model,\n          prop: child.model,\n          label: child.label,\n          colon: !(layout == 'inline')\n        };\n        child.layoutSize && (childDefaultAttrs = {\n          ...childLayoutSize,\n          style: getFormWidth(child, childLayoutSize)\n        });\n        let propsAttr = {};\n        let propsCompModel = dynamicModel ? dynamicModel.modelItem : form;\n        // [child.model]\n\n        dynamicModel && (propsAttr = {\n          key: dynamicModel.index,\n          prop: `${dynamicModel.model}.${dynamicModel.index}.${child.model}`,\n          label: `${child.label}${dynamicModel.index + 1}`\n        });\n        console.log(propsAttr, propsCompModel);\n        return h(FormModelItem, {\n          \"class\": [{\n            FormLineVertical: child.size === childLayoutSize && layout === 'vertical'\n          }, {\n            FormLine: child.size === childLayoutSize\n          }],\n          \"attrs\": {\n            ...{\n              ...childDefaultAttrs,\n              ...propsAttr\n            }\n          }\n        }, [$scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n          \"attrs\": {\n            \"component\": child.is,\n            ...child.attrs\n          },\n          \"on\": {\n            ...child.event\n          },\n          \"model\": {\n            value: propsCompModel[child.model],\n            callback: $$v => {\n              this.$set(propsCompModel, child.model, $$v);\n            }\n          }\n        }), $scopedSlots[`${child.model}Handle`] && $scopedSlots[`${child.model}Handle`](child)]);\n      };\n      return props.mutiConfig ? props.mutiConfig.map(child => modelComponent(child)) : modelComponent(props);\n      //     {/* 先不支持便捷显示和隐藏 */}\n      //     {/* !props.hidden &&  */} \n    },\n    /** 配置表单项规则 */\n    setFormRules() {\n      const rules = {};\n      this.formSetting.forEach(node => {\n        node.filed ? node.filed.forEach(child => this.$set(rules, child.model, this.setAttrs({\n          ...node,\n          ...child\n        }))) : this.$set(rules, node.model, this.setAttrs(node));\n      });\n      this.formRules = rules;\n    },\n    /** 动态设置表单属性 */\n    setAttrs(node) {\n      const required = node.hasOwnProperty('required') ? node.required : node.hasOwnProperty('hidden') ? !node.hidden : true;\n      const message = node.placeholder || (/(select|picker|radio|upload)/.test((node.is ?? 'Input').toLowerCase()) ? '请选择' : '请输入') + (node.label || '');\n      const rules = [{\n        required,\n        message,\n        trigger: ['change', 'blur']\n      }].concat((node.rules || []).filter(i => i.pattern && (i.pattern = new RegExp(i.pattern))));\n      return rules;\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return this.$refs.FormModel.validate();\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      setModelRender,\n      layout,\n      formSetting,\n      formRules,\n      formAttrs,\n      form\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: form,\n        rules: formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [formSetting.map(props => setModelRender(props))]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Model.js?");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8296,7 +8296,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'weather',\n  props: {\n    adCode: String,\n    AMapServiceKey: String\n  },\n  data() {\n    return {\n      weatherInfo: {}\n    };\n  },\n  mounted() {\n    this.getWeatherInfo();\n  },\n  methods: {\n    async getWeatherInfo() {\n      await fetch(`https://restapi.amap.com/v3/weather/weatherInfo?key=${this.AMapServiceKey}&city=${this.adCode}`, {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json'\n        }\n      }).then(response => response.json()).then(({\n        infocode,\n        lives\n      }) => {\n        infocode == '10000' && (this.weatherInfo = {\n          ...lives[0]\n        });\n        console.log(lives, '获取的天气信息详情');\n      }).catch(error => {\n        console.error('Error:', error);\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/weather/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'weather',\n  props: {\n    adCode: String,\n    AMapServiceKey: {\n      type: String,\n      default: '76aa516e74e87a1b9d169e796f2bbdc3'\n    }\n  },\n  data() {\n    return {\n      weatherInfo: {}\n    };\n  },\n  mounted() {\n    this.getWeatherInfo();\n  },\n  methods: {\n    async getWeatherInfo() {\n      await fetch(`https://restapi.amap.com/v3/weather/weatherInfo?key=${this.AMapServiceKey}&city=${this.adCode}`, {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json'\n        }\n      }).then(response => response.json()).then(({\n        infocode,\n        lives\n      }) => {\n        infocode == '10000' && (this.weatherInfo = {\n          ...lives[0]\n        });\n        console.log(lives, '获取的天气信息详情');\n      }).catch(error => {\n        console.error('Error:', error);\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/weather/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8549,7 +8549,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ind
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RenderComp.vue */ \"./plugins/lib/form/RenderComp.vue\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Item;\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Model',\n  model: {\n    prop: 'value',\n    event: 'Change:Model'\n  },\n  data() {\n    return {\n      formRules: {},\n      labelCol: {\n        span: 4\n      },\n      wrapperCol: {\n        span: 20\n      }\n    };\n  },\n  props: {\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* Form布局方式 */\n    layout: {\n      type: String,\n      default: 'vertical'\n    },\n    /* 一行显示几个 PS:最多5个 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    /* 表单项配置 */\n    formSetting: Array\n  },\n  computed: {\n    form: {\n      get() {\n        /** 忘记是什么场景下需要校验了，后续需发现补上 */\n        // for (const k in this.value) {\n        //   Object.hasOwnProperty.call(this.formRules, k) && this.$refs.FormModel.validateField(k)\n        // }\n        return this.value;\n      },\n      set(value) {\n        console.log(value, '--value');\n        this.$emit('Change:Model', value);\n      }\n    },\n    formAttrs() {\n      let attr = {};\n      this.layout === 'vertical' ? attr = {\n        ...this.$attrs\n      } : attr = {\n        labelCol: this.labelCol,\n        wrapperCol: this.wrapperCol,\n        ...this.$attrs\n      };\n      return attr;\n    }\n  },\n  watch: {\n    formSetting() {\n      this.setFormRules();\n    }\n  },\n  mounted() {\n    this.setFormRules();\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 根据layoutSize来进行距离及大小切分 */\n    getFormWidth(child, layoutSize) {\n      if (!layoutSize) return `margin-right:24px;`;\n      if (this.layout === 'vertical') return `flex: 0 1 calc((${100 / layoutSize * (child.size ?? 1)}% - 24px));margin-right:24px;`;\n      return `flex: 0 1 ${100 / layoutSize * (child.size ?? 1)}%;`;\n    },\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const {\n        setFormModelItem,\n        getFormWidth,\n        layoutSize\n      } = this;\n      const dynamicModel = this.form[props.model];\n      return h(\"div\", {\n        \"class\": props.mutiConfig && ['MultipleForm'],\n        \"attrs\": {\n          ...{\n            style: getFormWidth(props, layoutSize)\n          }\n        }\n      }, [/** 处理动态增减表单 */\n      dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => setFormModelItem(props, {\n        model: props.model,\n        modelItem,\n        index\n      })) : setFormModelItem(props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)]);\n    },\n    /** 动态渲染表单项 */\n    setFormModelItem(props, dynamicModel) {\n      const h = this.$createElement;\n      const {\n        getFormWidth,\n        layout,\n        layoutSize,\n        form,\n        $scopedSlots\n      } = this;\n      const modelComponent = child => {\n        const childLayoutSize = child.layoutSize ?? layoutSize;\n        let childDefaultAttrs = {\n          key: child.model,\n          prop: child.model,\n          label: child.label,\n          colon: !(layout == 'inline')\n        };\n        child.layoutSize && (childDefaultAttrs = {\n          ...childLayoutSize,\n          style: getFormWidth(child, childLayoutSize)\n        });\n        let propsAttr = {};\n        let propsCompModel = dynamicModel ? dynamicModel.modelItem : form;\n        // [child.model]\n\n        dynamicModel && (propsAttr = {\n          key: dynamicModel.index,\n          prop: `${dynamicModel.model}.${dynamicModel.index}.${child.model}`,\n          label: `${child.label}${dynamicModel.index + 1}`\n        });\n        console.log(propsAttr, propsCompModel);\n        return h(FormModelItem, {\n          \"class\": [{\n            FormLineVertical: child.size === childLayoutSize && layout === 'vertical'\n          }, {\n            FormLine: child.size === childLayoutSize\n          }],\n          \"attrs\": {\n            ...{\n              ...childDefaultAttrs,\n              ...propsAttr\n            }\n          }\n        }, [$scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n          \"attrs\": {\n            \"component\": child.is,\n            ...child.attrs\n          },\n          \"on\": {\n            ...child.event\n          },\n          \"model\": {\n            value: propsCompModel[child.model],\n            callback: $$v => {\n              this.$set(propsCompModel, child.model, $$v);\n            }\n          }\n        }), $scopedSlots[`${child.model}Handle`] && $scopedSlots[`${child.model}Handle`](child)]);\n      };\n      return props.mutiConfig ? props.mutiConfig.map(child => modelComponent(child)) : modelComponent(props);\n      //     {/* 先不支持便捷显示和隐藏 */}\n      //     {/* !props.hidden &&  */} \n    },\n    /** 配置表单项规则 */\n    setFormRules() {\n      const rules = {};\n      this.formSetting.forEach(node => {\n        node.filed ? node.filed.forEach(child => this.$set(rules, child.model, this.setAttrs({\n          ...node,\n          ...child\n        }))) : this.$set(rules, node.model, this.setAttrs(node));\n      });\n      this.formRules = rules;\n    },\n    /** 动态设置表单属性 */\n    setAttrs(node) {\n      const required = node.hasOwnProperty('required') ? node.required : node.hasOwnProperty('hidden') ? !node.hidden : true;\n      const message = node.placeholder || (/(select|picker|radio|upload)/.test((node.is ?? 'Input').toLowerCase()) ? '请选择' : '请输入') + (node.label || '');\n      const rules = [{\n        required,\n        message,\n        trigger: ['change', 'blur']\n      }].concat((node.rules || []).filter(i => i.pattern && (i.pattern = new RegExp(i.pattern))));\n      return rules;\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return this.$refs.FormModel.validate();\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      setModelRender,\n      layout,\n      formSetting,\n      formRules,\n      formAttrs,\n      form\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: form,\n        rules: formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [formSetting.map(props => setModelRender(props))]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Model.js?");
+eval("__webpack_require__.r(__webpack_exports__);\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 ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RenderComp.vue */ \"./plugins/lib/form/RenderComp.vue\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"].Item;\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Model',\n  model: {\n    prop: 'value',\n    event: 'Change:Model'\n  },\n  data() {\n    return {\n      formRules: {},\n      labelCol: {\n        span: 4\n      },\n      wrapperCol: {\n        span: 20\n      }\n    };\n  },\n  props: {\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* Form布局方式 */\n    layout: {\n      type: String,\n      default: 'vertical'\n    },\n    /* 一行显示几个 PS:最多5个 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    /* 表单项配置 */\n    formSetting: Array\n  },\n  computed: {\n    form: {\n      get() {\n        /** 忘记是什么场景下需要校验了，后续需发现补上 */\n        // for (const k in this.value) {\n        //   Object.hasOwnProperty.call(this.formRules, k) && this.$refs.FormModel.validateField(k)\n        // }\n        return this.value;\n      },\n      set(value) {\n        this.$emit('Change:Model', value);\n      }\n    },\n    formAttrs() {\n      let attr = {};\n      this.layout === 'vertical' ? attr = {\n        ...this.$attrs\n      } : attr = {\n        labelCol: this.labelCol,\n        wrapperCol: this.wrapperCol,\n        ...this.$attrs\n      };\n      return attr;\n    }\n  },\n  watch: {\n    formSetting() {\n      this.setFormRules();\n    }\n  },\n  mounted() {\n    this.setFormRules();\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 根据layoutSize来进行距离及大小切分 */\n    getFormWidth(child, layoutSize) {\n      if (!layoutSize) return `margin-right:24px;`;\n      if (this.layout === 'vertical') return `flex: 0 1 calc((${100 / layoutSize * (child.size ?? 1)}% - 24px));margin-right:24px;`;\n      return `flex: 0 1 ${100 / layoutSize * (child.size ?? 1)}%;`;\n    },\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const {\n        setFormModelItem,\n        getFormWidth,\n        layoutSize\n      } = this;\n      const dynamicModel = this.form[props.model];\n      return h(\"div\", {\n        \"class\": props.mutiConfig && ['MultipleForm'],\n        \"attrs\": {\n          ...{\n            style: getFormWidth(props, layoutSize)\n          }\n        }\n      }, [/** 处理动态增减表单 */\n      dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => setFormModelItem(props, {\n        model: props.model,\n        modelItem,\n        index\n      })) : setFormModelItem(props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)]);\n    },\n    /** 动态渲染表单项 */\n    setFormModelItem(props, dynamicModel) {\n      const h = this.$createElement;\n      const {\n        getFormWidth,\n        layout,\n        layoutSize,\n        form,\n        $scopedSlots\n      } = this;\n      const modelComponent = child => {\n        const childLayoutSize = child.layoutSize ?? layoutSize;\n        let childDefaultAttrs = {\n          key: child.model,\n          prop: child.model,\n          label: child.label,\n          colon: !(layout == 'inline')\n        };\n        child.layoutSize && (childDefaultAttrs = {\n          ...childLayoutSize,\n          style: getFormWidth(child, childLayoutSize)\n        });\n        let propsAttr = {};\n        let propsCompModel = dynamicModel ? dynamicModel.modelItem : form;\n        // [child.model]\n\n        dynamicModel && (propsAttr = {\n          key: dynamicModel.index,\n          prop: `${dynamicModel.model}.${dynamicModel.index}.${child.model}`,\n          label: `${child.label}${dynamicModel.index + 1}`\n        });\n        console.log(propsAttr, propsCompModel);\n        return h(FormModelItem, {\n          \"class\": [{\n            FormLineVertical: child.size === childLayoutSize && layout === 'vertical'\n          }, {\n            FormLine: child.size === childLayoutSize\n          }],\n          \"attrs\": {\n            ...{\n              ...childDefaultAttrs,\n              ...propsAttr\n            }\n          }\n        }, [$scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n          \"attrs\": {\n            \"component\": child.is,\n            ...child.attrs\n          },\n          \"on\": {\n            ...child.event\n          },\n          \"model\": {\n            value: propsCompModel[child.model],\n            callback: $$v => {\n              this.$set(propsCompModel, child.model, $$v);\n            }\n          }\n        }), $scopedSlots[`${child.model}Handle`] && $scopedSlots[`${child.model}Handle`](child)]);\n      };\n      return props.mutiConfig ? props.mutiConfig.map(child => modelComponent(child)) : modelComponent(props);\n      //     {/* 先不支持便捷显示和隐藏 */}\n      //     {/* !props.hidden &&  */} \n    },\n    /** 配置表单项规则 */\n    setFormRules() {\n      const rules = {};\n      this.formSetting.forEach(node => {\n        node.filed ? node.filed.forEach(child => this.$set(rules, child.model, this.setAttrs({\n          ...node,\n          ...child\n        }))) : this.$set(rules, node.model, this.setAttrs(node));\n      });\n      this.formRules = rules;\n    },\n    /** 动态设置表单属性 */\n    setAttrs(node) {\n      const required = node.hasOwnProperty('required') ? node.required : node.hasOwnProperty('hidden') ? !node.hidden : true;\n      const message = node.placeholder || (/(select|picker|radio|upload)/.test((node.is ?? 'Input').toLowerCase()) ? '请选择' : '请输入') + (node.label || '');\n      const rules = [{\n        required,\n        message,\n        trigger: ['change', 'blur']\n      }].concat((node.rules || []).filter(i => i.pattern && (i.pattern = new RegExp(i.pattern))));\n      return rules;\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return this.$refs.FormModel.validate();\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      setModelRender,\n      layout,\n      formSetting,\n      formRules,\n      formAttrs,\n      form\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: form,\n        rules: formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [formSetting.map(props => setModelRender(props))]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Model.js?");
 
 /***/ }),
 
@@ -8604,7 +8604,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HeaderViewProps: function() { return /* binding */ HeaderViewProps; }\n/* harmony export */ });\n/* harmony import */ var _Header_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Header.less */ \"./plugins/lib/layout/Header.less\");\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 _utils_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/util */ \"./plugins/lib/layout/utils/util.js\");\n/* harmony import */ var _components_RightContent_index_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/RightContent/index.jsx */ \"./plugins/lib/layout/components/RightContent/index.jsx\");\n\n\n\n\nconst HeaderViewProps = {\n  headerTitle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('项目名称'),\n  headerRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].any,\n  rightContentRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].any\n};\nconst rightContentRenderFun = (h, props) => {\n  const {\n    rightContentRender,\n    slotRightContentRender\n  } = props;\n  if (rightContentRender === false) {\n    return null;\n  }\n  return (0,_utils_util__WEBPACK_IMPORTED_MODULE_1__.isFun)(rightContentRender) && rightContentRender(h) || slotRightContentRender || h(_components_RightContent_index_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n};\nconst HeaderView = {\n  name: 'HeaderView',\n  props: HeaderViewProps,\n  render(h, content) {\n    const {\n      headerTitle,\n      rightContentRender\n    } = this.$props;\n    const logoRender = (0,_utils_util__WEBPACK_IMPORTED_MODULE_1__.getComponentFromProp)(content, 'logoRender');\n    const slotRightContentRender = (0,_utils_util__WEBPACK_IMPORTED_MODULE_1__.getComponentFromProp)(content, 'rightContentRender');\n    const cdProps = {\n      rightContentRender,\n      slotRightContentRender\n    };\n    return h(\"div\", {\n      \"class\": \"pro-layout-head\"\n    }, [h(\"div\", {\n      \"class\": \"pro-layout-head-title\"\n    }, [logoRender, h(\"span\", [{\n      headerTitle\n    }])]), rightContentRenderFun(h, cdProps)]);\n  }\n};\nHeaderView.install = function (Vue) {\n  Vue.component('HeaderLayout', HeaderView);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderView);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/Header.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HeaderViewProps: function() { return /* binding */ HeaderViewProps; }\n/* harmony export */ });\n/* harmony import */ var _Header_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Header.less */ \"./plugins/lib/layout/Header.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 _utils_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/util */ \"./plugins/lib/layout/utils/util.js\");\n/* harmony import */ var _components_RightContent_index_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/RightContent/index.jsx */ \"./plugins/lib/layout/components/RightContent/index.jsx\");\n/* harmony import */ var _dateTime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../dateTime */ \"./plugins/lib/dateTime/index.js\");\n/* harmony import */ var _components_TopMenu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/TopMenu */ \"./plugins/lib/layout/components/TopMenu/index.js\");\n/* harmony import */ var _components_TopMenu_TopMenu_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/TopMenu/TopMenu.jsx */ \"./plugins/lib/layout/components/TopMenu/TopMenu.jsx\");\n\n\n\n\n\n\n\nconst HeaderViewProps = {\n  ..._components_TopMenu_TopMenu_jsx__WEBPACK_IMPORTED_MODULE_5__.TopMenuProps,\n  layout: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].string.def('sidermenu'),\n  headerHeight: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].number.def(64),\n  headerTitle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].string.def('项目名称'),\n  headerLogoRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].any,\n  headerLeftRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].any,\n  headerRightRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_6__[\"default\"].any\n};\nconst rightContentRenderFun = (h, props) => {\n  const {\n    headerRightRender\n  } = props;\n  if (headerRightRender === false) {\n    return null;\n  }\n  return (0,_utils_util__WEBPACK_IMPORTED_MODULE_1__.isFun)(headerRightRender) && headerRightRender(h) || headerRightRender;\n};\nconst renderContent = (h, props, baseCls, cdProps) => {\n  const {\n    menus\n  } = props;\n  const splitIndex = Math.ceil(menus.length / 2);\n  if (baseCls.includes('left')) {\n    return h(\"div\", {\n      \"class\": baseCls\n    }, [h(_dateTime__WEBPACK_IMPORTED_MODULE_3__[\"default\"]), h(_components_TopMenu__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      \"props\": {\n        ...{\n          ...props,\n          menus: menus.slice(0, splitIndex)\n        }\n      }\n    })]);\n  }\n  return h(\"div\", {\n    \"class\": baseCls\n  }, [h(_components_TopMenu__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    \"props\": {\n      ...{\n        ...props,\n        menus: menus.slice(splitIndex)\n      }\n    }\n  }), rightContentRenderFun(h, cdProps)]);\n};\nconst HeaderView = {\n  name: 'HeaderView',\n  props: HeaderViewProps,\n  render(h) {\n    const {\n      layout,\n      headerTitle,\n      headerHeight\n    } = this.$props;\n    const isTop = layout === 'topmenu';\n    const baseCls = `ant-layout-head${isTop ? '-top' : ''}`;\n    const {\n      headerLogoRender = this.$props.headerLogoRender,\n      headerLeftRender = this.$props.headerLeftRender,\n      headerRightRender = this.$props.headerRightRender\n    } = this.$slots;\n    const titleDom = h(\"div\", {\n      \"class\": `${baseCls}-title`\n    }, [headerLogoRender, h(\"span\", [headerTitle])]);\n    const cdProps = {\n      headerLeftRender,\n      headerRightRender\n    };\n    return h(\"div\", {\n      \"class\": baseCls,\n      \"style\": {\n        height: headerHeight + 'px'\n      }\n    }, [isTop ? h(\"div\", [renderContent(h, this.$props, `${baseCls}-left`), titleDom, renderContent(h, this.$props, `${baseCls}-right`, cdProps)]) : h(\"div\", [titleDom, rightContentRenderFun(h, cdProps)])]);\n  }\n};\nHeaderView.install = function (Vue) {\n  Vue.component('HeaderLayout', HeaderView);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderView);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/Header.jsx?");
+
+/***/ }),
+
+/***/ "./plugins/lib/layout/components/Fragment.jsx":
+/*!****************************************************!*\
+  !*** ./plugins/lib/layout/components/Fragment.jsx ***!
+  \****************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'VueFragment',\n  functional: true,\n  render(h, ctx) {\n    return ctx.children.length > 1 ? h('div', {}, ctx.children) : ctx.children;\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/Fragment.jsx?");
 
 /***/ }),
 
@@ -8626,7 +8637,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-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?");
+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) ? { href: item.path, target: target } : {}\n  const attrs = hasRemoteUrl || target ? {\n    href: target,\n    target: '_blank'\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      }\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?");
 
 /***/ }),
 
@@ -8648,7 +8659,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Bas
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-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?");
+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    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?");
 
 /***/ }),
 
@@ -8663,6 +8674,28 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./plugins/lib/layout/components/TopMenu/TopMenu.jsx":
+/*!***********************************************************!*\
+  !*** ./plugins/lib/layout/components/TopMenu/TopMenu.jsx ***!
+  \***********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TopMenuProps: function() { return /* binding */ TopMenuProps; }\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 ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_2__ = __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_1__ = __webpack_require__(/*! ant-design-vue/es/menu */ \"./node_modules/ant-design-vue/es/menu/index.js\");\n\n\n\nconst {\n  Item: MenuItem,\n  SubMenu\n} = ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\nconst TopMenuProps = {\n  menus: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_2__[\"default\"].array,\n  theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_2__[\"default\"].string.def('dark'),\n  i18nRender: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_2__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_2__[\"default\"].func, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_2__[\"default\"].bool]).def(false)\n};\nconst httpReg = /(http|https|ftp):\\/\\/([\\w.]+\\/?)\\S*/;\nconst renderMenu = (h, item, i18nRender, selectedKeys) => {\n  if (item && !item.hidden) {\n    const bool = item.children && !item.hideChildrenInMenu;\n    return bool ? renderSubMenu(h, item, i18nRender, selectedKeys) : renderMenuItem(h, item, i18nRender);\n  }\n  return null;\n};\nconst renderSubMenu = (h, item, i18nRender, selectedKeys) => {\n  const menuActive = item.children.find(children => selectedKeys.includes(children.path)) ?? item;\n  return h(SubMenu, {\n    \"key\": item.path,\n    \"attrs\": {\n      \"title\": h(\"span\", [renderTitle(h, menuActive.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  }, [renderTitle(h, meta.title, i18nRender)])]);\n};\nconst renderTitle = (h, title, i18nRender) => {\n  return h(\"span\", [i18nRender && i18nRender(title) || title]);\n};\nconst TopMenu = {\n  name: 'TopMenu',\n  props: TopMenuProps,\n  data() {\n    return {\n      openKeys: [],\n      selectedKeys: [],\n      cachedOpenKeys: [],\n      cachedSelectedKeys: []\n    };\n  },\n  render(h) {\n    const {\n      theme,\n      menus,\n      i18nRender\n    } = this;\n    const handleOpenChange = openKeys => {\n      this.openKeys = openKeys;\n    };\n    const dynamicProps = {\n      props: {\n        mode: 'horizontal',\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, this.selectedKeys);\n    });\n    return h(ant_design_vue_es_menu__WEBPACK_IMPORTED_MODULE_1__[\"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      }\n    }\n  },\n  created() {\n    this.$watch('$route', () => {\n      this.updateMenu();\n    });\n  },\n  mounted() {\n    this.updateMenu();\n  }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (TopMenu);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/TopMenu/TopMenu.jsx?");
+
+/***/ }),
+
+/***/ "./plugins/lib/layout/components/TopMenu/index.js":
+/*!********************************************************!*\
+  !*** ./plugins/lib/layout/components/TopMenu/index.js ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _TopMenu_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TopMenu.jsx */ \"./plugins/lib/layout/components/TopMenu/TopMenu.jsx\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_TopMenu_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/TopMenu/index.js?");
+
+/***/ }),
+
 /***/ "./plugins/lib/layout/components/index.js":
 /*!************************************************!*\
   !*** ./plugins/lib/layout/components/index.js ***!
@@ -8670,7 +8703,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   RouteMenu: function() { return /* reexport safe */ _RouteMenu__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   SiderMenu: function() { return /* reexport safe */ _SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__.SiderMenu; },\n/* harmony export */   SiderMenuProps: function() { return /* reexport safe */ _SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__.SiderMenuProps; },\n/* harmony export */   SiderMenuWrapper: function() { return /* reexport safe */ _SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _RouteMenu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./RouteMenu */ \"./plugins/lib/layout/components/RouteMenu/index.js\");\n/* harmony import */ var _SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SiderMenu/index.jsx */ \"./plugins/lib/layout/components/SiderMenu/index.jsx\");\n\n\n// import PageHeaderWrapper from './PageHeaderWrapper'\n// import GlobalFooter from './GlobalFooter'\n// import VueFragment from './Fragment'\n\n\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   RouteMenu: function() { return /* reexport safe */ _RouteMenu__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   SiderMenu: function() { return /* reexport safe */ _SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__.SiderMenu; },\n/* harmony export */   SiderMenuProps: function() { return /* reexport safe */ _SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__.SiderMenuProps; },\n/* harmony export */   SiderMenuWrapper: function() { return /* reexport safe */ _SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   TopMenu: function() { return /* reexport safe */ _TopMenu__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   VueFragment: function() { return /* reexport safe */ _Fragment_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _RouteMenu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./RouteMenu */ \"./plugins/lib/layout/components/RouteMenu/index.js\");\n/* harmony import */ var _SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SiderMenu/index.jsx */ \"./plugins/lib/layout/components/SiderMenu/index.jsx\");\n/* harmony import */ var _TopMenu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TopMenu */ \"./plugins/lib/layout/components/TopMenu/index.js\");\n/* harmony import */ var _Fragment_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Fragment.jsx */ \"./plugins/lib/layout/components/Fragment.jsx\");\n\n\n\n\n\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/components/index.js?");
 
 /***/ }),
 
@@ -8681,7 +8714,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-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?");
+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  ..._components_SiderMenu_index_jsx__WEBPACK_IMPORTED_MODULE_1__.SiderMenuProps,\n  theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].string.def('dark')\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    } = 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?");
 
 /***/ }),
 
@@ -8890,7 +8923,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-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, \"\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/Header.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
+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, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.ant-layout-head > div,\\n.ant-layout-head-top > div {\\n  width: 100%;\\n  height: 100%;\\n}\\n.ant-layout-head-top {\\n  position: relative;\\n}\\n.ant-layout-head-top > div {\\n  display: flex;\\n  gap: 0;\\n  flex-direction: row;\\n  flex-wrap: wrap;\\n  align-items: center;\\n  justify-content: center;\\n}\\n.ant-layout-head-top-left {\\n  left: 0;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: row;\\n  flex-wrap: wrap;\\n  align-items: center;\\n  justify-content: center;\\n  position: absolute;\\n}\\n.ant-layout-head-top-right {\\n  right: 0;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: row;\\n  flex-wrap: wrap;\\n  align-items: center;\\n  justify-content: center;\\n  position: absolute;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/Header.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
 
 /***/ }),
 
@@ -8912,7 +8945,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-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");
+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");
 
 /***/ }),