web-component-gallery 0.1.39 → 0.1.41

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?");
 
 /***/ }),
 
@@ -8582,7 +8582,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 import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_0__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_0__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_0__[\"default\"].string.def('linkUrl'),\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_0__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_0__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  // functional: true,\n  props: IframeContainerProps,\n  //component: { Iframe },\n  render(h, content) {\n    const {\n      $props\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      linkurlKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: activeKey === componentItem[checkedKey] ? 'block' : 'none'\n        }\n      });\n    });\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents]);\n  },\n  watch: {\n    // activeKey(newVal) { \n    //   this.postIframeMessage()\n    // },\n    activeKeyAndParams: {\n      handler(newVal, oldVal) {\n        this.postIframeMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage\n      } = this;\n      return {\n        activeKey,\n        postMessage\n      };\n    }\n  },\n  mounted() {\n    this.postIframeMessage();\n  },\n  methods: {\n    postIframeMessage() {\n      this.$nextTick(() => {\n        const {\n          componentsArr,\n          activeKey,\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = componentsArr.find(componentItem => activeKey === componentItem[checkedKey])[linkurlKey];\n        const timer = setTimeout(() => {\n          this.iframeWin = this.$refs[refKey].contentWindow;\n          this.iframeWin.postMessage({\n            type: 'refreshPage',\n            params: {\n              ...postMessage,\n              name: activeKey\n            }\n          }, '*');\n          clearTimeout(timer);\n        }, 600);\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.component('IframeComponent', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('linkUrl'),\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      visible: true\n    };\n  },\n  render(h, content) {\n    const {\n      $props\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      linkurlKey,\n      componentsArr\n    } = $props;\n    let activeIframe;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey] && (activeIframe = componentItem);\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    });\n    return activeIframe[linkurlKey].includes('?type=modal') ? h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n      \"attrs\": {\n        \"visible\": true,\n        \"title\": activeIframe.meta?.title\n      }\n    }, [IframeComponents]) : h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents]);\n  },\n  watch: {\n    activeKeyAndParams: {\n      handler(newVal, oldVal) {\n        this.postIframeMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage\n      } = this;\n      return {\n        activeKey,\n        postMessage\n      };\n    }\n  },\n  mounted() {\n    this.postIframeMessage();\n  },\n  methods: {\n    postIframeMessage() {\n      this.$nextTick(() => {\n        const {\n          componentsArr,\n          activeKey,\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = componentsArr.find(componentItem => activeKey === componentItem[checkedKey])[linkurlKey];\n        const timer = setTimeout(() => {\n          this.iframeWin = this.$refs[refKey].contentWindow;\n          this.iframeWin.postMessage({\n            type: 'refreshPage',\n            params: {\n              ...postMessage,\n              name: activeKey\n            }\n          }, '*');\n          clearTimeout(timer);\n        }, 600);\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.component('IframeComponent', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
 
 /***/ }),
 
@@ -8593,7 +8593,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 export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Avatar: function() { return /* reexport safe */ _avatar__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   Button: function() { return /* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   DateTime: function() { return /* reexport safe */ _dateTime__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   Directory: function() { return /* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_5__.Directory; },\n/* harmony export */   FormComp: function() { return /* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   Header: function() { return /* reexport safe */ _layout_Header_jsx__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   IframePage: function() { return /* reexport safe */ _iframe_index_jsx__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; },\n/* harmony export */   Layout: function() { return /* reexport safe */ _layout_index_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   Model: function() { return /* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_1__.Model; },\n/* harmony export */   MultiTab: function() { return /* reexport safe */ _multiTab__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   Search: function() { return /* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_1__.Search; },\n/* harmony export */   SvgIcon: function() { return /* reexport safe */ _svgIcon__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   Table: function() { return /* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   Tree: function() { return /* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_5__.Tree; },\n/* harmony export */   Weather: function() { return /* reexport safe */ _weather__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table */ \"./plugins/lib/table/index.js\");\n/* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form */ \"./plugins/lib/form/index.js\");\n/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./button */ \"./plugins/lib/button/index.js\");\n/* harmony import */ var _avatar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./avatar */ \"./plugins/lib/avatar/index.js\");\n/* harmony import */ var _svgIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./svgIcon */ \"./plugins/lib/svgIcon/index.js\");\n/* harmony import */ var _tree__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tree */ \"./plugins/lib/tree/index.js\");\n/* harmony import */ var _dateTime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dateTime */ \"./plugins/lib/dateTime/index.js\");\n/* harmony import */ var _weather__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./weather */ \"./plugins/lib/weather/index.js\");\n/* harmony import */ var _layout_index_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./layout/index.jsx */ \"./plugins/lib/layout/index.jsx\");\n/* harmony import */ var _layout_Header_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./layout/Header.jsx */ \"./plugins/lib/layout/Header.jsx\");\n/* harmony import */ var _multiTab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./multiTab */ \"./plugins/lib/multiTab/index.js\");\n/* harmony import */ var _iframe_index_jsx__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./iframe/index.jsx */ \"./plugins/lib/iframe/index.jsx\");\n// 按需引入ant-design-vue必要指令组件\n// import './lazy_use'\n\n// 将组件库中定义的所有组件引入并导出\n\n\n\n\n\n\n\n\n\n\n\n\nconst components = {\n  Table: _table__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  Model: _form__WEBPACK_IMPORTED_MODULE_1__.Model,\n  Search: _form__WEBPACK_IMPORTED_MODULE_1__.Search,\n  FormComp: _form__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  Button: _button__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  Avatar: _avatar__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  SvgIcon: _svgIcon__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  Tree: _tree__WEBPACK_IMPORTED_MODULE_5__.Tree,\n  Directory: _tree__WEBPACK_IMPORTED_MODULE_5__.Directory,\n  DateTime: _dateTime__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  Weather: _weather__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  Layout: _layout_index_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  Header: _layout_Header_jsx__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n  MultiTab: _multiTab__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  IframePage: _iframe_index_jsx__WEBPACK_IMPORTED_MODULE_11__[\"default\"]\n};\nconst install = function (Vue) {\n  if (install.installed) return;\n  Object.keys(components).forEach(component => {\n    Vue.component(components[component].name, components[component]);\n  });\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  install,\n  ...components\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Avatar: function() { return /* reexport safe */ _avatar__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   Button: function() { return /* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   DateTime: function() { return /* reexport safe */ _dateTime__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   Directory: function() { return /* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_5__.Directory; },\n/* harmony export */   FormComp: function() { return /* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   Header: function() { return /* reexport safe */ _layout_Header_jsx__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   IframePage: function() { return /* reexport safe */ _iframe_index_jsx__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; },\n/* harmony export */   Layout: function() { return /* reexport safe */ _layout_index_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   Modal: function() { return /* reexport safe */ _modal_index_jsx__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; },\n/* harmony export */   Model: function() { return /* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_1__.Model; },\n/* harmony export */   MultiTab: function() { return /* reexport safe */ _multiTab__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   Screen: function() { return /* reexport safe */ _layout_Screen_jsx__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */   Search: function() { return /* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_1__.Search; },\n/* harmony export */   SvgIcon: function() { return /* reexport safe */ _svgIcon__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   Table: function() { return /* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   Tree: function() { return /* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_5__.Tree; },\n/* harmony export */   Weather: function() { return /* reexport safe */ _weather__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table */ \"./plugins/lib/table/index.js\");\n/* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./form */ \"./plugins/lib/form/index.js\");\n/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./button */ \"./plugins/lib/button/index.js\");\n/* harmony import */ var _avatar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./avatar */ \"./plugins/lib/avatar/index.js\");\n/* harmony import */ var _svgIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./svgIcon */ \"./plugins/lib/svgIcon/index.js\");\n/* harmony import */ var _tree__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tree */ \"./plugins/lib/tree/index.js\");\n/* harmony import */ var _dateTime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dateTime */ \"./plugins/lib/dateTime/index.js\");\n/* harmony import */ var _weather__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./weather */ \"./plugins/lib/weather/index.js\");\n/* harmony import */ var _layout_index_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./layout/index.jsx */ \"./plugins/lib/layout/index.jsx\");\n/* harmony import */ var _layout_Header_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./layout/Header.jsx */ \"./plugins/lib/layout/Header.jsx\");\n/* harmony import */ var _multiTab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./multiTab */ \"./plugins/lib/multiTab/index.js\");\n/* harmony import */ var _iframe_index_jsx__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./iframe/index.jsx */ \"./plugins/lib/iframe/index.jsx\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _layout_Screen_jsx__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./layout/Screen.jsx */ \"./plugins/lib/layout/Screen.jsx\");\n// 按需引入ant-design-vue必要指令组件\n// import './lazy_use'\n\n// 将组件库中定义的所有组件引入并导出\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst components = {\n  Table: _table__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  Model: _form__WEBPACK_IMPORTED_MODULE_1__.Model,\n  Search: _form__WEBPACK_IMPORTED_MODULE_1__.Search,\n  FormComp: _form__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  Button: _button__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  Avatar: _avatar__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  SvgIcon: _svgIcon__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  Tree: _tree__WEBPACK_IMPORTED_MODULE_5__.Tree,\n  Directory: _tree__WEBPACK_IMPORTED_MODULE_5__.Directory,\n  DateTime: _dateTime__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  Weather: _weather__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  Layout: _layout_index_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  Header: _layout_Header_jsx__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n  MultiTab: _multiTab__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  IframePage: _iframe_index_jsx__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n  Modal: _modal_index_jsx__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n  Screen: _layout_Screen_jsx__WEBPACK_IMPORTED_MODULE_13__[\"default\"]\n};\nconst install = function (Vue) {\n  if (install.installed) return;\n  Object.keys(components).forEach(component => {\n    Vue.component(components[component].name, components[component]);\n  });\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  install,\n  ...components\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/index.js?");
 
 /***/ }),
 
@@ -8604,7 +8604,29 @@ 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/Screen.jsx":
+/*!***************************************!*\
+  !*** ./plugins/lib/layout/Screen.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 */   ScreenLayoutProps: function() { return /* binding */ ScreenLayoutProps; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/layout */ \"./node_modules/ant-design-vue/es/layout/index.js\");\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_0__ = __webpack_require__(/*! ./utils/util */ \"./plugins/lib/layout/utils/util.js\");\n/* harmony import */ var _Header_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Header.jsx */ \"./plugins/lib/layout/Header.jsx\");\n\n\n\n\nconst {\n  Content\n} = ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_2__[\"default\"];\nconst ScreenLayoutProps = {\n  ..._Header_jsx__WEBPACK_IMPORTED_MODULE_1__.HeaderViewProps,\n  theme: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('dark')\n};\nconst ScreenLayout = {\n  name: 'ScreenLayout',\n  functional: true,\n  props: ScreenLayoutProps,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const headerLogoRender = (0,_utils_util__WEBPACK_IMPORTED_MODULE_0__.getComponentFromProp)(content, 'headerLogoRender');\n    const headerLeftRender = (0,_utils_util__WEBPACK_IMPORTED_MODULE_0__.getComponentFromProp)(content, 'headerLeftRender');\n    const headerRightRender = (0,_utils_util__WEBPACK_IMPORTED_MODULE_0__.getComponentFromProp)(content, 'headerRightRender');\n    const cdProps = {\n      ...props,\n      headerLogoRender,\n      headerLeftRender,\n      headerRightRender\n    };\n    return h(ant_design_vue_es_layout__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"class\": {\n        'ant-pro-basicLayout': true\n      }\n    }, [h(_Header_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      \"props\": {\n        ...cdProps\n      }\n    }), h(Content, {\n      \"class\": \"ant-pro-content\"\n    }, [children])]);\n  }\n};\nScreenLayout.install = function (Vue) {\n  Vue.component('ProLayoutScreen', ScreenLayout);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ScreenLayout);\n\n//# sourceURL=webpack://mui/./plugins/lib/layout/Screen.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 +8648,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 +8670,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 +8685,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 +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 */   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 +8725,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?");
 
 /***/ }),
 
@@ -8696,6 +8740,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./plugins/lib/modal/index.jsx":
+/*!*************************************!*\
+  !*** ./plugins/lib/modal/index.jsx ***!
+  \*************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __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_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false)\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = {\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    };\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
+
+/***/ }),
+
 /***/ "./plugins/lib/multiTab/APIEnums.js":
 /*!******************************************!*\
   !*** ./plugins/lib/multiTab/APIEnums.js ***!
@@ -8890,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, \"\", \"\"]);\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");
 
 /***/ }),
 
@@ -8916,6 +8971,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./plugins/lib/modal/index.less":
+/*!*******************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./plugins/lib/modal/index.less ***!
+  \*******************************************************************************************************************************************/
+/***/ (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/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
+
+/***/ }),
+
 /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./plugins/lib/multiTab/index.less":
 /*!**********************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./plugins/lib/multiTab/index.less ***!
@@ -9146,6 +9212,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./plugins/lib/modal/index.less":
+/*!**************************************!*\
+  !*** ./plugins/lib/modal/index.less ***!
+  \**************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/getTarget.js */ \"./node_modules/style-loader/dist/runtime/getTarget.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_less_loader_dist_cjs_js_clonedRuleSet_2_use_2_index_less__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./index.less */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./plugins/lib/modal/index.less\");\n\n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = function(css, style){\n      if (style.styleSheet) {\n        style.styleSheet.cssText = css;\n      } else {\n      while (style.firstChild) {\n        style.removeChild(style.firstChild);\n      }\n\n      style.appendChild(document.createTextNode(css));\n    }\n  };\noptions.setAttributes = function(style) {\n        var nonce =\n           true ? __webpack_require__.nc : 0;\n\n        if (nonce) {\n          style.setAttribute(\"nonce\", nonce);\n        }\n      };\noptions.insert = function(style){\n    var target = _node_modules_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2___default()(\"head\");\n\n    if (!target) {\n      throw new Error(\n        \"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\"\n      );\n    }\n\n    target.appendChild(style);\n  };\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_less_loader_dist_cjs_js_clonedRuleSet_2_use_2_index_less__WEBPACK_IMPORTED_MODULE_4__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_css_loader_dist_cjs_js_node_modules_less_loader_dist_cjs_js_clonedRuleSet_2_use_2_index_less__WEBPACK_IMPORTED_MODULE_4__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_less_loader_dist_cjs_js_clonedRuleSet_2_use_2_index_less__WEBPACK_IMPORTED_MODULE_4__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_less_loader_dist_cjs_js_clonedRuleSet_2_use_2_index_less__WEBPACK_IMPORTED_MODULE_4__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?");
+
+/***/ }),
+
 /***/ "./plugins/lib/multiTab/index.less":
 /*!*****************************************!*\
   !*** ./plugins/lib/multiTab/index.less ***!