web-component-gallery 1.1.41 → 1.1.42

package/dist/amap.umd.js

@@ -8613,7 +8613,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var mome
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/select/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'TAntdSelect',\n  components: {\n    VNodes: {\n      functional: true,\n      render: (h, ctx) => ctx.props.vnodes\n    },\n    Select: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    SelectOption: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Option,\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Number, Array, Boolean, Object],\n      default: undefined\n    },\n    // 多选 'multiple'\n    mode: {\n      type: String\n    },\n    // 是否支持输入\n    isInput: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: '请选择'\n    },\n    // 选择框宽度\n    width: {\n      type: String\n    },\n    // 是否自定义设置下拉label\n    customLabel: {\n      type: String\n    },\n    // 传入的option数组中，要作为最终选择项的键值key\n    valueKey: {\n      type: String,\n      default: 'value'\n    },\n    // 传入的option数组中，要作为显示项的键值名称\n    labelKey: {\n      type: String,\n      default: 'label'\n    },\n    // 下拉框组件数据源\n    options: {\n      type: Array\n    },\n    // 是否显示分页\n    isShowPagination: {\n      type: Boolean,\n      default: false\n    },\n    // 分页配置项\n    paginationOption: {\n      type: Object,\n      default: () => {\n        return {\n          pageSize: 6,\n          // 每页显示条数\n          current: 1,\n          // 当前页\n          total: 0 // 总条数\n        };\n      }\n    }\n  },\n  data() {\n    return {\n      selectOpen: false\n    };\n  },\n  computed: {\n    childSelectedValue: {\n      get() {\n        return this.value;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    },\n    attrs() {\n      return {\n        allowClear: true,\n        showSearch: true,\n        ...this.$attrs\n      };\n    },\n    selectChecked: {\n      get() {\n        return this.childSelectedValue?.length === this.options?.length;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    }\n  },\n  mounted() {\n    document.addEventListener('click', this.bodyCloseMenus);\n  },\n  beforeDestroy() {\n    document.removeEventListener('click', this.bodyCloseMenus);\n  },\n  methods: {\n    filterOption(input, option) {\n      this.isInput && (this.childSelectedValue = input);\n      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;\n    },\n    // 点击空白区域\n    bodyCloseMenus(e) {\n      if (this.$refs.main && !this.$refs.main.contains(e.target)) {\n        if (this.selectOpen == true) {\n          this.selectOpen = false;\n        }\n      }\n    },\n    // 点击全选\n    selectAll(val) {\n      const options = JSON.parse(JSON.stringify(this.options));\n      if (val.target.checked) {\n        const childSelectedValue = options?.map(item => {\n          return item[this.valueKey];\n        });\n        setTimeout(() => {\n          this.$emit('input', childSelectedValue);\n        }, 0);\n      } else {\n        this.$emit('input', null);\n      }\n      this.selectOpen = false;\n    },\n    handleSelect(value, option) {\n      if (value) {\n        this.selectOpen = false;\n      }\n      const options = this.options.find(e => e[this.valueKey] == value);\n      this.$emit('select', value, options);\n    },\n    // 切换分页\n    currentChange(val) {\n      // console.log('切换分页', val)\n      if (!this.mode) {\n        this.childSelectedValue = null;\n      }\n      setTimeout(() => {\n        this.selectOpen = true;\n      }, 0);\n      this.$emit('current-change', val);\n    },\n    // 自定义label显示\n    customLabelHandler(item) {\n      // eslint-disable-next-line no-eval\n      return eval(this.customLabel);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ASelectCustom.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 import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/select/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'TAntdSelect',\n  components: {\n    VNodes: {\n      functional: true,\n      render: (h, ctx) => ctx.props.vnodes\n    },\n    Select: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    SelectOption: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Option,\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Number, Array, Boolean, Object],\n      default: undefined\n    },\n    // 多选 'multiple'\n    mode: {\n      type: String\n    },\n    // 是否支持输入\n    isInput: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: '请选择'\n    },\n    // 选择框宽度\n    width: {\n      type: String\n    },\n    // 是否自定义设置下拉label\n    customLabel: {\n      type: String\n    },\n    // 传入的option数组中，要作为最终选择项的键值key\n    valueKey: {\n      type: String,\n      default: 'value'\n    },\n    // 传入的option数组中，要作为显示项的键值名称\n    labelKey: {\n      type: String,\n      default: 'label'\n    },\n    // 下拉框组件数据源\n    options: {\n      type: Array\n    },\n    // 是否显示分页\n    isShowPagination: {\n      type: Boolean,\n      default: false\n    },\n    // 分页配置项\n    paginationOption: {\n      type: Object,\n      default: () => {\n        return {\n          pageSize: 6,\n          // 每页显示条数\n          current: 1,\n          // 当前页\n          total: 0 // 总条数\n        };\n      }\n    }\n  },\n  data() {\n    return {\n      selectOpen: false\n    };\n  },\n  computed: {\n    childSelectedValue: {\n      get() {\n        return this.value;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    },\n    attrs() {\n      return {\n        allowClear: true,\n        showSearch: true,\n        ...this.$attrs\n      };\n    },\n    selectChecked: {\n      get() {\n        return this.childSelectedValue?.length === this.options?.length;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    }\n  },\n  mounted() {\n    document.addEventListener('click', this.bodyCloseMenus);\n  },\n  beforeDestroy() {\n    document.removeEventListener('click', this.bodyCloseMenus);\n  },\n  methods: {\n    filterOption(input, option) {\n      this.isInput && (this.childSelectedValue = input);\n      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;\n    },\n    // 点击空白区域\n    bodyCloseMenus(e) {\n      if (this.$refs.main && !this.$refs.main.contains(e.target)) {\n        if (this.selectOpen == true) {\n          this.selectOpen = false;\n        }\n      }\n    },\n    // 点击全选\n    selectAll(val) {\n      const options = JSON.parse(JSON.stringify(this.options));\n      if (val.target.checked) {\n        const childSelectedValue = options?.map(item => {\n          return item[this.valueKey];\n        });\n        setTimeout(() => {\n          this.$emit('input', childSelectedValue);\n        }, 0);\n      } else {\n        this.$emit('input', null);\n      }\n      this.selectOpen = false;\n    },\n    handleSelect(value, option) {\n      if (value) {\n        this.selectOpen = false;\n      }\n      const options = this.options.find(e => e[this.valueKey] == value);\n      options[this.valueKey] && this.$emit('select', value, options);\n    },\n    // 切换分页\n    currentChange(val) {\n      // console.log('切换分页', val)\n      if (!this.mode) {\n        this.childSelectedValue = null;\n      }\n      setTimeout(() => {\n        this.selectOpen = true;\n      }, 0);\n      this.$emit('current-change', val);\n    },\n    // 自定义label显示\n    customLabelHandler(item) {\n      // eslint-disable-next-line no-eval\n      return eval(this.customLabel);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ASelectCustom.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8646,7 +8646,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 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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  model: {\n    prop: 'value',\n    event: 'handleFileUpload'\n  },\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Array],\n      default: () => []\n    },\n    /* 提示文字 */\n    tips: String,\n    /* 上传文件数量限制 */\n    uploadLen: {\n      type: Number,\n      default: 1\n    },\n    /* 上传接口 */\n    fileUploadUrl: String,\n    /* 显示需要pin的接口前缀 */\n    filePrefixUrl: String,\n    /* 上传文件格式限制 */\n    fileAccept: String,\n    /* 上传文件携带Headers信息 */\n    fileHeaders: Object,\n    /* 删除文件函数回调 */\n    fileRemoveHandle: Function\n  },\n  data() {\n    return {\n      fileList: [],\n      modalValue: []\n    };\n  },\n  watch: {\n    value() {\n      this.setResetFile();\n    }\n  },\n  computed: {\n    uploadAttrs() {\n      return {\n        prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n        action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n        headers: this.fileHeaders ?? this.$store.getters.fileHeaders,\n        ...this.$attrs\n      };\n    }\n  },\n  mounted() {\n    this.setResetFile();\n  },\n  methods: {\n    setResetFile() {\n      let arrayObject;\n      try {\n        arrayObject = JSON.parse(this.value);\n      } catch (e) {\n        arrayObject = [].concat(this.value);\n      }\n      this.modalValue = arrayObject ?? [];\n      this.fileList = this.modalValue.map(file => ({\n        ...file,\n        url: `${this.uploadAttrs.prefix}${file.url}`,\n        type: file.contentType,\n        status: 'done'\n      }));\n    },\n    handleFilePreview({\n      uid,\n      contentType,\n      url\n    }) {\n      let suffix = url.substr(url.lastIndexOf('.') + 1);\n      const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n      if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n        this.$viewerApi({\n          options: {\n            url: 'url',\n            toolbar: true,\n            initialViewIndex: this.fileList.findIndex(file => file.url == url)\n          },\n          images: this.fileList\n        });\n        return;\n      }\n      this.$dialog('Brower', {\n        data: url\n      }, {\n        title: '预览文件',\n        width: 1104,\n        height: 848,\n        centered: true,\n        maskClosable: false,\n        footer: false,\n        bodyStyle: {\n          height: 'calc( 100% - 54px )'\n        }\n      });\n    },\n    handleFileChange({\n      file,\n      fileList\n    }) {\n      file.status == 'uploading' && (this.fileList = fileList);\n      switch (file.status) {\n        case 'removed':\n          const params = {\n            id: file.uid\n          };\n          const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n          requestHandle.then(Response => {\n            const i = this.modalValue.findIndex(e => e.uid == file.uid);\n            this.modalValue.splice(i, 1);\n            this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          });\n          break;\n        case 'done':\n          const {\n            data\n          } = file.response;\n          const uploadFileObj = {\n            ...data,\n            uid: data.id\n          };\n          delete uploadFileObj.id;\n          this.modalValue.push(uploadFileObj);\n          this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          break;\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.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 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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  model: {\n    prop: 'value',\n    event: 'handleFileUpload'\n  },\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Array],\n      default: () => []\n    },\n    /* 提示文字 */\n    tips: String,\n    /* 上传文件数量限制 */\n    uploadLen: {\n      type: Number,\n      default: 1\n    },\n    /* 上传接口 */\n    fileUploadUrl: String,\n    /* 显示需要pin的接口前缀 */\n    filePrefixUrl: String,\n    /* 上传文件格式限制 */\n    fileAccept: String,\n    /* 上传文件携带Headers信息 */\n    fileHeaders: Object,\n    /* 删除文件函数回调 */\n    fileRemoveHandle: Function\n  },\n  data() {\n    return {\n      fileList: [],\n      modalValue: []\n    };\n  },\n  watch: {\n    value() {\n      this.setResetFile();\n    }\n  },\n  computed: {\n    uploadAttrs() {\n      return {\n        listType: 'picture-card',\n        prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n        action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n        headers: this.fileHeaders ?? this.$store.getters.fileHeaders,\n        ...this.$attrs\n      };\n    }\n  },\n  mounted() {\n    this.setResetFile();\n  },\n  methods: {\n    setResetFile() {\n      let arrayObject;\n      try {\n        arrayObject = JSON.parse(this.value);\n      } catch (e) {\n        arrayObject = [].concat(this.value);\n      }\n      this.modalValue = arrayObject ?? [];\n      this.fileList = this.modalValue.map(file => ({\n        ...file,\n        url: `${this.uploadAttrs.prefix}${file.url}`,\n        type: file.contentType,\n        status: 'done'\n      }));\n    },\n    handleFilePreview({\n      uid,\n      contentType,\n      url\n    }) {\n      let suffix = url.substr(url.lastIndexOf('.') + 1);\n      const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n      if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n        this.$viewerApi({\n          options: {\n            url: 'url',\n            toolbar: true,\n            initialViewIndex: this.fileList.findIndex(file => file.url == url)\n          },\n          images: this.fileList\n        });\n        return;\n      }\n      this.$dialog('Brower', {\n        data: url\n      }, {\n        title: '预览文件',\n        width: 1104,\n        height: 848,\n        centered: true,\n        maskClosable: false,\n        footer: false,\n        bodyStyle: {\n          height: 'calc( 100% - 54px )'\n        }\n      });\n    },\n    handleFileChange({\n      file,\n      fileList\n    }) {\n      file.status == 'uploading' && (this.fileList = fileList);\n      switch (file.status) {\n        case 'removed':\n          const params = {\n            id: file.uid\n          };\n          const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n          requestHandle.then(Response => {\n            const i = this.modalValue.findIndex(e => e.uid == file.uid);\n            this.modalValue.splice(i, 1);\n            this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          });\n          break;\n        case 'done':\n          const {\n            data\n          } = file.response;\n          const uploadFileObj = {\n            ...data,\n            uid: data.id\n          };\n          delete uploadFileObj.id;\n          this.modalValue.push(uploadFileObj);\n          this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          break;\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8877,7 +8877,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 */   render: function() { return /* binding */ render; },\n/* harmony export */   staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"TAntdUpload\"\n  }, [_c(\"Upload\", _vm._b({\n    attrs: {\n      name: \"file\",\n      \"file-list\": _vm.fileList,\n      \"list-type\": \"picture-card\",\n      accept: _vm.fileAccept\n    },\n    on: {\n      change: _vm.handleFileChange,\n      preview: _vm.handleFilePreview,\n      reject: function ($event) {\n        return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n      }\n    }\n  }, \"Upload\", _vm.uploadAttrs, false), [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"div\", [_c(\"Icon\", {\n    staticStyle: {\n      fontsize: \"36px\"\n    },\n    attrs: {\n      type: \"plus\"\n    }\n  })], 1) : _vm._e()]), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n    staticClass: \"tips\"\n  }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: function() { return /* binding */ render; },\n/* harmony export */   staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"TAntdUpload\"\n  }, [_c(\"Upload\", _vm._b({\n    attrs: {\n      name: \"file\",\n      \"file-list\": _vm.fileList,\n      accept: _vm.fileAccept\n    },\n    on: {\n      change: _vm.handleFileChange,\n      preview: _vm.handleFilePreview,\n      reject: function ($event) {\n        return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n      }\n    }\n  }, \"Upload\", _vm.uploadAttrs, false), [_vm.uploadAttrs.listType === \"text\" ? _c(\"Button\", {\n    attrs: {\n      type: \"primary\"\n    }\n  }, [_c(\"Icon\", {\n    attrs: {\n      type: \"upload\"\n    }\n  }), _vm._v(\"上传\\n    \")], 1) : [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"Icon\", {\n    staticStyle: {\n      fontsize: \"36px\"\n    },\n    attrs: {\n      type: \"plus\"\n    }\n  }) : _vm._e()]], 2), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n    staticClass: \"tips\"\n  }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -9108,7 +9108,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 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_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _utils_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/render */ \"./plugins/lib/form/utils/render.js\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\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    };\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        labelCol: {\n          span: 4\n        },\n        wrapperCol: {\n          span: 20\n        },\n        ...this.$attrs\n      };\n      this.layout === 'vertical' && (delete attr.labelCol, delete attr.wrapperCol);\n      return attr;\n    },\n    filterSetting() {\n      return this.formSetting.filter(settingItem => !settingItem.hidden);\n    }\n  },\n  watch: {\n    filterSetting: {\n      handler(newVal, oldVal) {\n        newVal.forEach(node => this.$set(this.formRules, node.model, _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, node)));\n      },\n      immediate: true\n    }\n  },\n  mounted() {\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const dynamicModel = this.form[props.model];\n      return (\n        /** \r\n         * multiple为动态多项\r\n         * multipleConfig为配置的动态项数据 */\n        h(\"div\", {\n          \"class\": props.multiple && ['MultipleForm'],\n          \"attrs\": {\n            ...{\n              style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, props, this.layoutSize)\n            }\n          }\n        }, [this.$scopedSlots[`${props.model}Tips`] && this.$scopedSlots[`${props.model}Tips`](props), /** 处理动态增减表单 */\n        dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => props.multipleConfig.map((configItem, key) => {\n          /** 为动态项时重新定义绑定key、prop等来进行检验 */\n          /** 目前还有一个动态项layoutSize排版问题 */\n          const childAttrs = {\n            key: index,\n            prop: `${props.model}.${index}.${configItem.model}`,\n            label: configItem.label,\n            style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, configItem, this.layoutSize ?? props.layoutSize),\n            rules: _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, configItem, modelItem),\n            parentModel: props.model\n          };\n          return _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, modelItem, configItem, childAttrs);\n        })) : _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, this.form, props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)])\n      );\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return new Promise((resolve, reject) => {\n        this.$refs.FormModel.validate().then(resolve).catch(err => this.$nextTick(() => {\n          const errorDiv = document.getElementsByClassName('has-error');\n          errorDiv[0].scrollIntoView({\n            behavior: \"smooth\",\n            block: \"center\"\n          });\n        }));\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      layout,\n      formAttrs,\n      setModelRender\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: this.form,\n        rules: this.formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [this.$slots.default ?? this.filterSetting.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_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _utils_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/render */ \"./plugins/lib/form/utils/render.js\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\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    };\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        labelCol: {\n          span: 4\n        },\n        wrapperCol: {\n          span: 20\n        },\n        ...this.$attrs\n      };\n      this.layout === 'vertical' && (delete attr.labelCol, delete attr.wrapperCol);\n      return attr;\n    },\n    filterSetting() {\n      return this.formSetting.filter(settingItem => !settingItem.hidden);\n    }\n  },\n  watch: {\n    filterSetting: {\n      handler(newVal, oldVal) {\n        newVal.forEach(node => this.$set(this.formRules, node.model, _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, node)));\n      },\n      immediate: true\n    }\n  },\n  mounted() {\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const dynamicModel = this.form[props.model];\n      return (\n        /** \r\n         * multiple为动态多项\r\n         * multipleConfig为配置的动态项数据 */\n        h(\"div\", {\n          \"class\": props.multiple && ['MultipleForm'],\n          \"attrs\": {\n            ...{\n              style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, props, this.layoutSize)\n            }\n          }\n        }, [this.$scopedSlots[`${props.model}Tips`] && this.$scopedSlots[`${props.model}Tips`](props), /** 处理动态增减表单 */\n        dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => props.multipleConfig.map((configItem, key) => {\n          /** 为动态项时重新定义绑定key、prop等来进行检验 */\n          /** 目前还有一个动态项layoutSize排版问题 */\n          const childAttrs = {\n            key: index,\n            prop: `${props.model}.${index}.${configItem.model}`,\n            style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, configItem, this.layoutSize ?? props.layoutSize),\n            rules: _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, configItem, props),\n            parentModel: props.model\n          };\n          return _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, modelItem, configItem, childAttrs);\n        })) : _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, this.form, props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)])\n      );\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return new Promise((resolve, reject) => {\n        this.$refs.FormModel.validate().then(resolve).catch(err => this.$nextTick(() => {\n          const errorDiv = document.getElementsByClassName('has-error');\n          errorDiv[0].scrollIntoView({\n            behavior: \"smooth\",\n            block: \"center\"\n          });\n        }));\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      layout,\n      formAttrs,\n      setModelRender\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: this.form,\n        rules: this.formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [this.$slots.default ?? this.filterSetting.map(props => setModelRender(props))]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Model.js?");
 
 /***/ }),
 
@@ -9130,7 +9130,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 */   getFormWidth: function() { return /* binding */ getFormWidth; },\n/* harmony export */   setFormItem: function() { return /* binding */ setFormItem; },\n/* harmony export */   setFormItemRule: function() { return /* binding */ setFormItemRule; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item;\n\n/** 根据layoutSize来进行距离及大小切分 */\nfunction getFormWidth(child, layoutSize) {\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/** 动态设置单个表单项规则 (同时解决处理动态增减表单项操作 */\nfunction setFormItemRule(node, nodeParent = {}) {\n  const required = node.required ?? nodeParent.required ?? this.formAttrs.required ?? true;\n\n  /** node.placeholder与组件内的提示文字位置不对等 */\n  const message = node.attrs?.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 => {\n    i.pattern && (i.pattern = new RegExp(i.pattern));\n    return i;\n  }));\n  return rules;\n}\n\n/** 动态渲染表单项 */\nfunction setFormItem(h, vModel, child, childAttrs) {\n  const {\n    layout,\n    layoutSize,\n    $scopedSlots\n  } = this;\n  let formItemAttrs = childAttrs ?? {\n    key: child.model,\n    prop: child.model,\n    label: child.label,\n    colon: !(layout == 'inline')\n  };\n  const slotsName = (childAttrs?.parentModel ?? '') + child.model;\n  return h(FormModelItem, {\n    \"class\": [{\n      FormLineVertical: child.size === layoutSize && layout === 'vertical'\n    }, {\n      FormLine: child.size === layoutSize\n    }],\n    \"attrs\": {\n      ...formItemAttrs\n    }\n  }, [$scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    \"attrs\": {\n      \"component\": child.is,\n      ...child.attrs\n    },\n    \"on\": {\n      ...child.event\n    },\n    \"model\": {\n      value: vModel[child.model],\n      callback: $$v => {\n        this.$set(vModel, child.model, $$v);\n      }\n    }\n  }), $scopedSlots[`${slotsName}Handle`] && $scopedSlots[`${slotsName}Handle`](formItemAttrs)]);\n}\n\n//# sourceURL=webpack://mui/./plugins/lib/form/utils/render.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getFormWidth: function() { return /* binding */ getFormWidth; },\n/* harmony export */   setFormItem: function() { return /* binding */ setFormItem; },\n/* harmony export */   setFormItemRule: function() { return /* binding */ setFormItemRule; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item;\n\n/** 根据layoutSize来进行距离及大小切分 */\nfunction getFormWidth(child, layoutSize) {\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/** 动态设置单个表单项规则 (同时解决处理动态增减表单项操作 */\nfunction setFormItemRule(node, nodeParent = {}) {\n  const required = node.required ?? nodeParent.required ?? this.formAttrs.required ?? true;\n\n  /** node.placeholder与组件内的提示文字位置不对等 */\n  const message = node.attrs?.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 => {\n    i.pattern && (i.pattern = new RegExp(i.pattern));\n    return i;\n  }));\n  return rules;\n}\n\n/** 动态渲染表单项 */\nfunction setFormItem(h, vModel, child, childAttrs) {\n  const {\n    layout,\n    layoutSize,\n    $scopedSlots\n  } = this;\n  let formItemAttrs = childAttrs ?? {\n    key: child.model,\n    prop: child.model,\n    colon: !(layout == 'inline')\n  };\n  const slotsName = (childAttrs?.parentModel ?? '') + child.model;\n  const {\n    label,\n    customLabel\n  } = child;\n  return h(FormModelItem, {\n    \"class\": [{\n      FormLineVertical: child.size === layoutSize && layout === 'vertical'\n    }, {\n      FormLine: child.size === layoutSize\n    }],\n    \"attrs\": {\n      ...formItemAttrs\n    }\n  }, [h(\"template\", {\n    \"slot\": \"label\"\n  }, [customLabel ? customLabel(vModel) : h(\"span\", [label])]), $scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    \"attrs\": {\n      \"component\": child.is,\n      ...child.attrs\n    },\n    \"on\": {\n      ...child.event\n    },\n    \"model\": {\n      value: vModel[child.model],\n      callback: $$v => {\n        this.$set(vModel, child.model, $$v);\n      }\n    }\n  }), $scopedSlots[`${slotsName}Handle`] && $scopedSlots[`${slotsName}Handle`](formItemAttrs)]);\n}\n\n//# sourceURL=webpack://mui/./plugins/lib/form/utils/render.js?");
 
 /***/ }),
 

package/dist/form.umd.js

@@ -7253,7 +7253,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var mome
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/select/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'TAntdSelect',\n  components: {\n    VNodes: {\n      functional: true,\n      render: (h, ctx) => ctx.props.vnodes\n    },\n    Select: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    SelectOption: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Option,\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Number, Array, Boolean, Object],\n      default: undefined\n    },\n    // 多选 'multiple'\n    mode: {\n      type: String\n    },\n    // 是否支持输入\n    isInput: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: '请选择'\n    },\n    // 选择框宽度\n    width: {\n      type: String\n    },\n    // 是否自定义设置下拉label\n    customLabel: {\n      type: String\n    },\n    // 传入的option数组中，要作为最终选择项的键值key\n    valueKey: {\n      type: String,\n      default: 'value'\n    },\n    // 传入的option数组中，要作为显示项的键值名称\n    labelKey: {\n      type: String,\n      default: 'label'\n    },\n    // 下拉框组件数据源\n    options: {\n      type: Array\n    },\n    // 是否显示分页\n    isShowPagination: {\n      type: Boolean,\n      default: false\n    },\n    // 分页配置项\n    paginationOption: {\n      type: Object,\n      default: () => {\n        return {\n          pageSize: 6,\n          // 每页显示条数\n          current: 1,\n          // 当前页\n          total: 0 // 总条数\n        };\n      }\n    }\n  },\n  data() {\n    return {\n      selectOpen: false\n    };\n  },\n  computed: {\n    childSelectedValue: {\n      get() {\n        return this.value;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    },\n    attrs() {\n      return {\n        allowClear: true,\n        showSearch: true,\n        ...this.$attrs\n      };\n    },\n    selectChecked: {\n      get() {\n        return this.childSelectedValue?.length === this.options?.length;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    }\n  },\n  mounted() {\n    document.addEventListener('click', this.bodyCloseMenus);\n  },\n  beforeDestroy() {\n    document.removeEventListener('click', this.bodyCloseMenus);\n  },\n  methods: {\n    filterOption(input, option) {\n      this.isInput && (this.childSelectedValue = input);\n      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;\n    },\n    // 点击空白区域\n    bodyCloseMenus(e) {\n      if (this.$refs.main && !this.$refs.main.contains(e.target)) {\n        if (this.selectOpen == true) {\n          this.selectOpen = false;\n        }\n      }\n    },\n    // 点击全选\n    selectAll(val) {\n      const options = JSON.parse(JSON.stringify(this.options));\n      if (val.target.checked) {\n        const childSelectedValue = options?.map(item => {\n          return item[this.valueKey];\n        });\n        setTimeout(() => {\n          this.$emit('input', childSelectedValue);\n        }, 0);\n      } else {\n        this.$emit('input', null);\n      }\n      this.selectOpen = false;\n    },\n    handleSelect(value, option) {\n      if (value) {\n        this.selectOpen = false;\n      }\n      const options = this.options.find(e => e[this.valueKey] == value);\n      this.$emit('select', value, options);\n    },\n    // 切换分页\n    currentChange(val) {\n      // console.log('切换分页', val)\n      if (!this.mode) {\n        this.childSelectedValue = null;\n      }\n      setTimeout(() => {\n        this.selectOpen = true;\n      }, 0);\n      this.$emit('current-change', val);\n    },\n    // 自定义label显示\n    customLabelHandler(item) {\n      // eslint-disable-next-line no-eval\n      return eval(this.customLabel);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ASelectCustom.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 import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/select/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'TAntdSelect',\n  components: {\n    VNodes: {\n      functional: true,\n      render: (h, ctx) => ctx.props.vnodes\n    },\n    Select: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    SelectOption: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Option,\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Number, Array, Boolean, Object],\n      default: undefined\n    },\n    // 多选 'multiple'\n    mode: {\n      type: String\n    },\n    // 是否支持输入\n    isInput: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: '请选择'\n    },\n    // 选择框宽度\n    width: {\n      type: String\n    },\n    // 是否自定义设置下拉label\n    customLabel: {\n      type: String\n    },\n    // 传入的option数组中，要作为最终选择项的键值key\n    valueKey: {\n      type: String,\n      default: 'value'\n    },\n    // 传入的option数组中，要作为显示项的键值名称\n    labelKey: {\n      type: String,\n      default: 'label'\n    },\n    // 下拉框组件数据源\n    options: {\n      type: Array\n    },\n    // 是否显示分页\n    isShowPagination: {\n      type: Boolean,\n      default: false\n    },\n    // 分页配置项\n    paginationOption: {\n      type: Object,\n      default: () => {\n        return {\n          pageSize: 6,\n          // 每页显示条数\n          current: 1,\n          // 当前页\n          total: 0 // 总条数\n        };\n      }\n    }\n  },\n  data() {\n    return {\n      selectOpen: false\n    };\n  },\n  computed: {\n    childSelectedValue: {\n      get() {\n        return this.value;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    },\n    attrs() {\n      return {\n        allowClear: true,\n        showSearch: true,\n        ...this.$attrs\n      };\n    },\n    selectChecked: {\n      get() {\n        return this.childSelectedValue?.length === this.options?.length;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    }\n  },\n  mounted() {\n    document.addEventListener('click', this.bodyCloseMenus);\n  },\n  beforeDestroy() {\n    document.removeEventListener('click', this.bodyCloseMenus);\n  },\n  methods: {\n    filterOption(input, option) {\n      this.isInput && (this.childSelectedValue = input);\n      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;\n    },\n    // 点击空白区域\n    bodyCloseMenus(e) {\n      if (this.$refs.main && !this.$refs.main.contains(e.target)) {\n        if (this.selectOpen == true) {\n          this.selectOpen = false;\n        }\n      }\n    },\n    // 点击全选\n    selectAll(val) {\n      const options = JSON.parse(JSON.stringify(this.options));\n      if (val.target.checked) {\n        const childSelectedValue = options?.map(item => {\n          return item[this.valueKey];\n        });\n        setTimeout(() => {\n          this.$emit('input', childSelectedValue);\n        }, 0);\n      } else {\n        this.$emit('input', null);\n      }\n      this.selectOpen = false;\n    },\n    handleSelect(value, option) {\n      if (value) {\n        this.selectOpen = false;\n      }\n      const options = this.options.find(e => e[this.valueKey] == value);\n      options[this.valueKey] && this.$emit('select', value, options);\n    },\n    // 切换分页\n    currentChange(val) {\n      // console.log('切换分页', val)\n      if (!this.mode) {\n        this.childSelectedValue = null;\n      }\n      setTimeout(() => {\n        this.selectOpen = true;\n      }, 0);\n      this.$emit('current-change', val);\n    },\n    // 自定义label显示\n    customLabelHandler(item) {\n      // eslint-disable-next-line no-eval\n      return eval(this.customLabel);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ASelectCustom.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -7286,7 +7286,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 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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  model: {\n    prop: 'value',\n    event: 'handleFileUpload'\n  },\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Array],\n      default: () => []\n    },\n    /* 提示文字 */\n    tips: String,\n    /* 上传文件数量限制 */\n    uploadLen: {\n      type: Number,\n      default: 1\n    },\n    /* 上传接口 */\n    fileUploadUrl: String,\n    /* 显示需要pin的接口前缀 */\n    filePrefixUrl: String,\n    /* 上传文件格式限制 */\n    fileAccept: String,\n    /* 上传文件携带Headers信息 */\n    fileHeaders: Object,\n    /* 删除文件函数回调 */\n    fileRemoveHandle: Function\n  },\n  data() {\n    return {\n      fileList: [],\n      modalValue: []\n    };\n  },\n  watch: {\n    value() {\n      this.setResetFile();\n    }\n  },\n  computed: {\n    uploadAttrs() {\n      return {\n        prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n        action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n        headers: this.fileHeaders ?? this.$store.getters.fileHeaders,\n        ...this.$attrs\n      };\n    }\n  },\n  mounted() {\n    this.setResetFile();\n  },\n  methods: {\n    setResetFile() {\n      let arrayObject;\n      try {\n        arrayObject = JSON.parse(this.value);\n      } catch (e) {\n        arrayObject = [].concat(this.value);\n      }\n      this.modalValue = arrayObject ?? [];\n      this.fileList = this.modalValue.map(file => ({\n        ...file,\n        url: `${this.uploadAttrs.prefix}${file.url}`,\n        type: file.contentType,\n        status: 'done'\n      }));\n    },\n    handleFilePreview({\n      uid,\n      contentType,\n      url\n    }) {\n      let suffix = url.substr(url.lastIndexOf('.') + 1);\n      const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n      if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n        this.$viewerApi({\n          options: {\n            url: 'url',\n            toolbar: true,\n            initialViewIndex: this.fileList.findIndex(file => file.url == url)\n          },\n          images: this.fileList\n        });\n        return;\n      }\n      this.$dialog('Brower', {\n        data: url\n      }, {\n        title: '预览文件',\n        width: 1104,\n        height: 848,\n        centered: true,\n        maskClosable: false,\n        footer: false,\n        bodyStyle: {\n          height: 'calc( 100% - 54px )'\n        }\n      });\n    },\n    handleFileChange({\n      file,\n      fileList\n    }) {\n      file.status == 'uploading' && (this.fileList = fileList);\n      switch (file.status) {\n        case 'removed':\n          const params = {\n            id: file.uid\n          };\n          const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n          requestHandle.then(Response => {\n            const i = this.modalValue.findIndex(e => e.uid == file.uid);\n            this.modalValue.splice(i, 1);\n            this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          });\n          break;\n        case 'done':\n          const {\n            data\n          } = file.response;\n          const uploadFileObj = {\n            ...data,\n            uid: data.id\n          };\n          delete uploadFileObj.id;\n          this.modalValue.push(uploadFileObj);\n          this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          break;\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.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 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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  model: {\n    prop: 'value',\n    event: 'handleFileUpload'\n  },\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Array],\n      default: () => []\n    },\n    /* 提示文字 */\n    tips: String,\n    /* 上传文件数量限制 */\n    uploadLen: {\n      type: Number,\n      default: 1\n    },\n    /* 上传接口 */\n    fileUploadUrl: String,\n    /* 显示需要pin的接口前缀 */\n    filePrefixUrl: String,\n    /* 上传文件格式限制 */\n    fileAccept: String,\n    /* 上传文件携带Headers信息 */\n    fileHeaders: Object,\n    /* 删除文件函数回调 */\n    fileRemoveHandle: Function\n  },\n  data() {\n    return {\n      fileList: [],\n      modalValue: []\n    };\n  },\n  watch: {\n    value() {\n      this.setResetFile();\n    }\n  },\n  computed: {\n    uploadAttrs() {\n      return {\n        listType: 'picture-card',\n        prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n        action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n        headers: this.fileHeaders ?? this.$store.getters.fileHeaders,\n        ...this.$attrs\n      };\n    }\n  },\n  mounted() {\n    this.setResetFile();\n  },\n  methods: {\n    setResetFile() {\n      let arrayObject;\n      try {\n        arrayObject = JSON.parse(this.value);\n      } catch (e) {\n        arrayObject = [].concat(this.value);\n      }\n      this.modalValue = arrayObject ?? [];\n      this.fileList = this.modalValue.map(file => ({\n        ...file,\n        url: `${this.uploadAttrs.prefix}${file.url}`,\n        type: file.contentType,\n        status: 'done'\n      }));\n    },\n    handleFilePreview({\n      uid,\n      contentType,\n      url\n    }) {\n      let suffix = url.substr(url.lastIndexOf('.') + 1);\n      const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n      if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n        this.$viewerApi({\n          options: {\n            url: 'url',\n            toolbar: true,\n            initialViewIndex: this.fileList.findIndex(file => file.url == url)\n          },\n          images: this.fileList\n        });\n        return;\n      }\n      this.$dialog('Brower', {\n        data: url\n      }, {\n        title: '预览文件',\n        width: 1104,\n        height: 848,\n        centered: true,\n        maskClosable: false,\n        footer: false,\n        bodyStyle: {\n          height: 'calc( 100% - 54px )'\n        }\n      });\n    },\n    handleFileChange({\n      file,\n      fileList\n    }) {\n      file.status == 'uploading' && (this.fileList = fileList);\n      switch (file.status) {\n        case 'removed':\n          const params = {\n            id: file.uid\n          };\n          const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n          requestHandle.then(Response => {\n            const i = this.modalValue.findIndex(e => e.uid == file.uid);\n            this.modalValue.splice(i, 1);\n            this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          });\n          break;\n        case 'done':\n          const {\n            data\n          } = file.response;\n          const uploadFileObj = {\n            ...data,\n            uid: data.id\n          };\n          delete uploadFileObj.id;\n          this.modalValue.push(uploadFileObj);\n          this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          break;\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -7385,7 +7385,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 */   render: function() { return /* binding */ render; },\n/* harmony export */   staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"TAntdUpload\"\n  }, [_c(\"Upload\", _vm._b({\n    attrs: {\n      name: \"file\",\n      \"file-list\": _vm.fileList,\n      \"list-type\": \"picture-card\",\n      accept: _vm.fileAccept\n    },\n    on: {\n      change: _vm.handleFileChange,\n      preview: _vm.handleFilePreview,\n      reject: function ($event) {\n        return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n      }\n    }\n  }, \"Upload\", _vm.uploadAttrs, false), [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"div\", [_c(\"Icon\", {\n    staticStyle: {\n      fontsize: \"36px\"\n    },\n    attrs: {\n      type: \"plus\"\n    }\n  })], 1) : _vm._e()]), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n    staticClass: \"tips\"\n  }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: function() { return /* binding */ render; },\n/* harmony export */   staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"TAntdUpload\"\n  }, [_c(\"Upload\", _vm._b({\n    attrs: {\n      name: \"file\",\n      \"file-list\": _vm.fileList,\n      accept: _vm.fileAccept\n    },\n    on: {\n      change: _vm.handleFileChange,\n      preview: _vm.handleFilePreview,\n      reject: function ($event) {\n        return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n      }\n    }\n  }, \"Upload\", _vm.uploadAttrs, false), [_vm.uploadAttrs.listType === \"text\" ? _c(\"Button\", {\n    attrs: {\n      type: \"primary\"\n    }\n  }, [_c(\"Icon\", {\n    attrs: {\n      type: \"upload\"\n    }\n  }), _vm._v(\"上传\\n    \")], 1) : [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"Icon\", {\n    staticStyle: {\n      fontsize: \"36px\"\n    },\n    attrs: {\n      type: \"plus\"\n    }\n  }) : _vm._e()]], 2), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n    staticClass: \"tips\"\n  }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -7440,7 +7440,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_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _utils_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/render */ \"./plugins/lib/form/utils/render.js\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\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    };\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        labelCol: {\n          span: 4\n        },\n        wrapperCol: {\n          span: 20\n        },\n        ...this.$attrs\n      };\n      this.layout === 'vertical' && (delete attr.labelCol, delete attr.wrapperCol);\n      return attr;\n    },\n    filterSetting() {\n      return this.formSetting.filter(settingItem => !settingItem.hidden);\n    }\n  },\n  watch: {\n    filterSetting: {\n      handler(newVal, oldVal) {\n        newVal.forEach(node => this.$set(this.formRules, node.model, _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, node)));\n      },\n      immediate: true\n    }\n  },\n  mounted() {\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const dynamicModel = this.form[props.model];\n      return (\n        /** \r\n         * multiple为动态多项\r\n         * multipleConfig为配置的动态项数据 */\n        h(\"div\", {\n          \"class\": props.multiple && ['MultipleForm'],\n          \"attrs\": {\n            ...{\n              style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, props, this.layoutSize)\n            }\n          }\n        }, [this.$scopedSlots[`${props.model}Tips`] && this.$scopedSlots[`${props.model}Tips`](props), /** 处理动态增减表单 */\n        dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => props.multipleConfig.map((configItem, key) => {\n          /** 为动态项时重新定义绑定key、prop等来进行检验 */\n          /** 目前还有一个动态项layoutSize排版问题 */\n          const childAttrs = {\n            key: index,\n            prop: `${props.model}.${index}.${configItem.model}`,\n            label: configItem.label,\n            style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, configItem, this.layoutSize ?? props.layoutSize),\n            rules: _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, configItem, modelItem),\n            parentModel: props.model\n          };\n          return _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, modelItem, configItem, childAttrs);\n        })) : _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, this.form, props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)])\n      );\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return new Promise((resolve, reject) => {\n        this.$refs.FormModel.validate().then(resolve).catch(err => this.$nextTick(() => {\n          const errorDiv = document.getElementsByClassName('has-error');\n          errorDiv[0].scrollIntoView({\n            behavior: \"smooth\",\n            block: \"center\"\n          });\n        }));\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      layout,\n      formAttrs,\n      setModelRender\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: this.form,\n        rules: this.formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [this.$slots.default ?? this.filterSetting.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_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _utils_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/render */ \"./plugins/lib/form/utils/render.js\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\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    };\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        labelCol: {\n          span: 4\n        },\n        wrapperCol: {\n          span: 20\n        },\n        ...this.$attrs\n      };\n      this.layout === 'vertical' && (delete attr.labelCol, delete attr.wrapperCol);\n      return attr;\n    },\n    filterSetting() {\n      return this.formSetting.filter(settingItem => !settingItem.hidden);\n    }\n  },\n  watch: {\n    filterSetting: {\n      handler(newVal, oldVal) {\n        newVal.forEach(node => this.$set(this.formRules, node.model, _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, node)));\n      },\n      immediate: true\n    }\n  },\n  mounted() {\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const dynamicModel = this.form[props.model];\n      return (\n        /** \r\n         * multiple为动态多项\r\n         * multipleConfig为配置的动态项数据 */\n        h(\"div\", {\n          \"class\": props.multiple && ['MultipleForm'],\n          \"attrs\": {\n            ...{\n              style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, props, this.layoutSize)\n            }\n          }\n        }, [this.$scopedSlots[`${props.model}Tips`] && this.$scopedSlots[`${props.model}Tips`](props), /** 处理动态增减表单 */\n        dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => props.multipleConfig.map((configItem, key) => {\n          /** 为动态项时重新定义绑定key、prop等来进行检验 */\n          /** 目前还有一个动态项layoutSize排版问题 */\n          const childAttrs = {\n            key: index,\n            prop: `${props.model}.${index}.${configItem.model}`,\n            style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, configItem, this.layoutSize ?? props.layoutSize),\n            rules: _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, configItem, props),\n            parentModel: props.model\n          };\n          return _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, modelItem, configItem, childAttrs);\n        })) : _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, this.form, props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)])\n      );\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return new Promise((resolve, reject) => {\n        this.$refs.FormModel.validate().then(resolve).catch(err => this.$nextTick(() => {\n          const errorDiv = document.getElementsByClassName('has-error');\n          errorDiv[0].scrollIntoView({\n            behavior: \"smooth\",\n            block: \"center\"\n          });\n        }));\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      layout,\n      formAttrs,\n      setModelRender\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: this.form,\n        rules: this.formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [this.$slots.default ?? this.filterSetting.map(props => setModelRender(props))]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Model.js?");
 
 /***/ }),
 
@@ -7462,7 +7462,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 */   getFormWidth: function() { return /* binding */ getFormWidth; },\n/* harmony export */   setFormItem: function() { return /* binding */ setFormItem; },\n/* harmony export */   setFormItemRule: function() { return /* binding */ setFormItemRule; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item;\n\n/** 根据layoutSize来进行距离及大小切分 */\nfunction getFormWidth(child, layoutSize) {\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/** 动态设置单个表单项规则 (同时解决处理动态增减表单项操作 */\nfunction setFormItemRule(node, nodeParent = {}) {\n  const required = node.required ?? nodeParent.required ?? this.formAttrs.required ?? true;\n\n  /** node.placeholder与组件内的提示文字位置不对等 */\n  const message = node.attrs?.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 => {\n    i.pattern && (i.pattern = new RegExp(i.pattern));\n    return i;\n  }));\n  return rules;\n}\n\n/** 动态渲染表单项 */\nfunction setFormItem(h, vModel, child, childAttrs) {\n  const {\n    layout,\n    layoutSize,\n    $scopedSlots\n  } = this;\n  let formItemAttrs = childAttrs ?? {\n    key: child.model,\n    prop: child.model,\n    label: child.label,\n    colon: !(layout == 'inline')\n  };\n  const slotsName = (childAttrs?.parentModel ?? '') + child.model;\n  return h(FormModelItem, {\n    \"class\": [{\n      FormLineVertical: child.size === layoutSize && layout === 'vertical'\n    }, {\n      FormLine: child.size === layoutSize\n    }],\n    \"attrs\": {\n      ...formItemAttrs\n    }\n  }, [$scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    \"attrs\": {\n      \"component\": child.is,\n      ...child.attrs\n    },\n    \"on\": {\n      ...child.event\n    },\n    \"model\": {\n      value: vModel[child.model],\n      callback: $$v => {\n        this.$set(vModel, child.model, $$v);\n      }\n    }\n  }), $scopedSlots[`${slotsName}Handle`] && $scopedSlots[`${slotsName}Handle`](formItemAttrs)]);\n}\n\n//# sourceURL=webpack://mui/./plugins/lib/form/utils/render.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getFormWidth: function() { return /* binding */ getFormWidth; },\n/* harmony export */   setFormItem: function() { return /* binding */ setFormItem; },\n/* harmony export */   setFormItemRule: function() { return /* binding */ setFormItemRule; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item;\n\n/** 根据layoutSize来进行距离及大小切分 */\nfunction getFormWidth(child, layoutSize) {\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/** 动态设置单个表单项规则 (同时解决处理动态增减表单项操作 */\nfunction setFormItemRule(node, nodeParent = {}) {\n  const required = node.required ?? nodeParent.required ?? this.formAttrs.required ?? true;\n\n  /** node.placeholder与组件内的提示文字位置不对等 */\n  const message = node.attrs?.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 => {\n    i.pattern && (i.pattern = new RegExp(i.pattern));\n    return i;\n  }));\n  return rules;\n}\n\n/** 动态渲染表单项 */\nfunction setFormItem(h, vModel, child, childAttrs) {\n  const {\n    layout,\n    layoutSize,\n    $scopedSlots\n  } = this;\n  let formItemAttrs = childAttrs ?? {\n    key: child.model,\n    prop: child.model,\n    colon: !(layout == 'inline')\n  };\n  const slotsName = (childAttrs?.parentModel ?? '') + child.model;\n  const {\n    label,\n    customLabel\n  } = child;\n  return h(FormModelItem, {\n    \"class\": [{\n      FormLineVertical: child.size === layoutSize && layout === 'vertical'\n    }, {\n      FormLine: child.size === layoutSize\n    }],\n    \"attrs\": {\n      ...formItemAttrs\n    }\n  }, [h(\"template\", {\n    \"slot\": \"label\"\n  }, [customLabel ? customLabel(vModel) : h(\"span\", [label])]), $scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    \"attrs\": {\n      \"component\": child.is,\n      ...child.attrs\n    },\n    \"on\": {\n      ...child.event\n    },\n    \"model\": {\n      value: vModel[child.model],\n      callback: $$v => {\n        this.$set(vModel, child.model, $$v);\n      }\n    }\n  }), $scopedSlots[`${slotsName}Handle`] && $scopedSlots[`${slotsName}Handle`](formItemAttrs)]);\n}\n\n//# sourceURL=webpack://mui/./plugins/lib/form/utils/render.js?");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8613,7 +8613,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var mome
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/select/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'TAntdSelect',\n  components: {\n    VNodes: {\n      functional: true,\n      render: (h, ctx) => ctx.props.vnodes\n    },\n    Select: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    SelectOption: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Option,\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Number, Array, Boolean, Object],\n      default: undefined\n    },\n    // 多选 'multiple'\n    mode: {\n      type: String\n    },\n    // 是否支持输入\n    isInput: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: '请选择'\n    },\n    // 选择框宽度\n    width: {\n      type: String\n    },\n    // 是否自定义设置下拉label\n    customLabel: {\n      type: String\n    },\n    // 传入的option数组中，要作为最终选择项的键值key\n    valueKey: {\n      type: String,\n      default: 'value'\n    },\n    // 传入的option数组中，要作为显示项的键值名称\n    labelKey: {\n      type: String,\n      default: 'label'\n    },\n    // 下拉框组件数据源\n    options: {\n      type: Array\n    },\n    // 是否显示分页\n    isShowPagination: {\n      type: Boolean,\n      default: false\n    },\n    // 分页配置项\n    paginationOption: {\n      type: Object,\n      default: () => {\n        return {\n          pageSize: 6,\n          // 每页显示条数\n          current: 1,\n          // 当前页\n          total: 0 // 总条数\n        };\n      }\n    }\n  },\n  data() {\n    return {\n      selectOpen: false\n    };\n  },\n  computed: {\n    childSelectedValue: {\n      get() {\n        return this.value;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    },\n    attrs() {\n      return {\n        allowClear: true,\n        showSearch: true,\n        ...this.$attrs\n      };\n    },\n    selectChecked: {\n      get() {\n        return this.childSelectedValue?.length === this.options?.length;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    }\n  },\n  mounted() {\n    document.addEventListener('click', this.bodyCloseMenus);\n  },\n  beforeDestroy() {\n    document.removeEventListener('click', this.bodyCloseMenus);\n  },\n  methods: {\n    filterOption(input, option) {\n      this.isInput && (this.childSelectedValue = input);\n      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;\n    },\n    // 点击空白区域\n    bodyCloseMenus(e) {\n      if (this.$refs.main && !this.$refs.main.contains(e.target)) {\n        if (this.selectOpen == true) {\n          this.selectOpen = false;\n        }\n      }\n    },\n    // 点击全选\n    selectAll(val) {\n      const options = JSON.parse(JSON.stringify(this.options));\n      if (val.target.checked) {\n        const childSelectedValue = options?.map(item => {\n          return item[this.valueKey];\n        });\n        setTimeout(() => {\n          this.$emit('input', childSelectedValue);\n        }, 0);\n      } else {\n        this.$emit('input', null);\n      }\n      this.selectOpen = false;\n    },\n    handleSelect(value, option) {\n      if (value) {\n        this.selectOpen = false;\n      }\n      const options = this.options.find(e => e[this.valueKey] == value);\n      this.$emit('select', value, options);\n    },\n    // 切换分页\n    currentChange(val) {\n      // console.log('切换分页', val)\n      if (!this.mode) {\n        this.childSelectedValue = null;\n      }\n      setTimeout(() => {\n        this.selectOpen = true;\n      }, 0);\n      this.$emit('current-change', val);\n    },\n    // 自定义label显示\n    customLabelHandler(item) {\n      // eslint-disable-next-line no-eval\n      return eval(this.customLabel);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ASelectCustom.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 import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/select/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'TAntdSelect',\n  components: {\n    VNodes: {\n      functional: true,\n      render: (h, ctx) => ctx.props.vnodes\n    },\n    Select: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    SelectOption: ant_design_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].Option,\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Number, Array, Boolean, Object],\n      default: undefined\n    },\n    // 多选 'multiple'\n    mode: {\n      type: String\n    },\n    // 是否支持输入\n    isInput: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: '请选择'\n    },\n    // 选择框宽度\n    width: {\n      type: String\n    },\n    // 是否自定义设置下拉label\n    customLabel: {\n      type: String\n    },\n    // 传入的option数组中，要作为最终选择项的键值key\n    valueKey: {\n      type: String,\n      default: 'value'\n    },\n    // 传入的option数组中，要作为显示项的键值名称\n    labelKey: {\n      type: String,\n      default: 'label'\n    },\n    // 下拉框组件数据源\n    options: {\n      type: Array\n    },\n    // 是否显示分页\n    isShowPagination: {\n      type: Boolean,\n      default: false\n    },\n    // 分页配置项\n    paginationOption: {\n      type: Object,\n      default: () => {\n        return {\n          pageSize: 6,\n          // 每页显示条数\n          current: 1,\n          // 当前页\n          total: 0 // 总条数\n        };\n      }\n    }\n  },\n  data() {\n    return {\n      selectOpen: false\n    };\n  },\n  computed: {\n    childSelectedValue: {\n      get() {\n        return this.value;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    },\n    attrs() {\n      return {\n        allowClear: true,\n        showSearch: true,\n        ...this.$attrs\n      };\n    },\n    selectChecked: {\n      get() {\n        return this.childSelectedValue?.length === this.options?.length;\n      },\n      set(val) {\n        this.$emit('input', val);\n      }\n    }\n  },\n  mounted() {\n    document.addEventListener('click', this.bodyCloseMenus);\n  },\n  beforeDestroy() {\n    document.removeEventListener('click', this.bodyCloseMenus);\n  },\n  methods: {\n    filterOption(input, option) {\n      this.isInput && (this.childSelectedValue = input);\n      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;\n    },\n    // 点击空白区域\n    bodyCloseMenus(e) {\n      if (this.$refs.main && !this.$refs.main.contains(e.target)) {\n        if (this.selectOpen == true) {\n          this.selectOpen = false;\n        }\n      }\n    },\n    // 点击全选\n    selectAll(val) {\n      const options = JSON.parse(JSON.stringify(this.options));\n      if (val.target.checked) {\n        const childSelectedValue = options?.map(item => {\n          return item[this.valueKey];\n        });\n        setTimeout(() => {\n          this.$emit('input', childSelectedValue);\n        }, 0);\n      } else {\n        this.$emit('input', null);\n      }\n      this.selectOpen = false;\n    },\n    handleSelect(value, option) {\n      if (value) {\n        this.selectOpen = false;\n      }\n      const options = this.options.find(e => e[this.valueKey] == value);\n      options[this.valueKey] && this.$emit('select', value, options);\n    },\n    // 切换分页\n    currentChange(val) {\n      // console.log('切换分页', val)\n      if (!this.mode) {\n        this.childSelectedValue = null;\n      }\n      setTimeout(() => {\n        this.selectOpen = true;\n      }, 0);\n      this.$emit('current-change', val);\n    },\n    // 自定义label显示\n    customLabelHandler(item) {\n      // eslint-disable-next-line no-eval\n      return eval(this.customLabel);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ASelectCustom.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8646,7 +8646,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 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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  model: {\n    prop: 'value',\n    event: 'handleFileUpload'\n  },\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Array],\n      default: () => []\n    },\n    /* 提示文字 */\n    tips: String,\n    /* 上传文件数量限制 */\n    uploadLen: {\n      type: Number,\n      default: 1\n    },\n    /* 上传接口 */\n    fileUploadUrl: String,\n    /* 显示需要pin的接口前缀 */\n    filePrefixUrl: String,\n    /* 上传文件格式限制 */\n    fileAccept: String,\n    /* 上传文件携带Headers信息 */\n    fileHeaders: Object,\n    /* 删除文件函数回调 */\n    fileRemoveHandle: Function\n  },\n  data() {\n    return {\n      fileList: [],\n      modalValue: []\n    };\n  },\n  watch: {\n    value() {\n      this.setResetFile();\n    }\n  },\n  computed: {\n    uploadAttrs() {\n      return {\n        prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n        action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n        headers: this.fileHeaders ?? this.$store.getters.fileHeaders,\n        ...this.$attrs\n      };\n    }\n  },\n  mounted() {\n    this.setResetFile();\n  },\n  methods: {\n    setResetFile() {\n      let arrayObject;\n      try {\n        arrayObject = JSON.parse(this.value);\n      } catch (e) {\n        arrayObject = [].concat(this.value);\n      }\n      this.modalValue = arrayObject ?? [];\n      this.fileList = this.modalValue.map(file => ({\n        ...file,\n        url: `${this.uploadAttrs.prefix}${file.url}`,\n        type: file.contentType,\n        status: 'done'\n      }));\n    },\n    handleFilePreview({\n      uid,\n      contentType,\n      url\n    }) {\n      let suffix = url.substr(url.lastIndexOf('.') + 1);\n      const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n      if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n        this.$viewerApi({\n          options: {\n            url: 'url',\n            toolbar: true,\n            initialViewIndex: this.fileList.findIndex(file => file.url == url)\n          },\n          images: this.fileList\n        });\n        return;\n      }\n      this.$dialog('Brower', {\n        data: url\n      }, {\n        title: '预览文件',\n        width: 1104,\n        height: 848,\n        centered: true,\n        maskClosable: false,\n        footer: false,\n        bodyStyle: {\n          height: 'calc( 100% - 54px )'\n        }\n      });\n    },\n    handleFileChange({\n      file,\n      fileList\n    }) {\n      file.status == 'uploading' && (this.fileList = fileList);\n      switch (file.status) {\n        case 'removed':\n          const params = {\n            id: file.uid\n          };\n          const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n          requestHandle.then(Response => {\n            const i = this.modalValue.findIndex(e => e.uid == file.uid);\n            this.modalValue.splice(i, 1);\n            this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          });\n          break;\n        case 'done':\n          const {\n            data\n          } = file.response;\n          const uploadFileObj = {\n            ...data,\n            uid: data.id\n          };\n          delete uploadFileObj.id;\n          this.modalValue.push(uploadFileObj);\n          this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          break;\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.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 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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  model: {\n    prop: 'value',\n    event: 'handleFileUpload'\n  },\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n  },\n  props: {\n    value: {\n      type: [String, Array],\n      default: () => []\n    },\n    /* 提示文字 */\n    tips: String,\n    /* 上传文件数量限制 */\n    uploadLen: {\n      type: Number,\n      default: 1\n    },\n    /* 上传接口 */\n    fileUploadUrl: String,\n    /* 显示需要pin的接口前缀 */\n    filePrefixUrl: String,\n    /* 上传文件格式限制 */\n    fileAccept: String,\n    /* 上传文件携带Headers信息 */\n    fileHeaders: Object,\n    /* 删除文件函数回调 */\n    fileRemoveHandle: Function\n  },\n  data() {\n    return {\n      fileList: [],\n      modalValue: []\n    };\n  },\n  watch: {\n    value() {\n      this.setResetFile();\n    }\n  },\n  computed: {\n    uploadAttrs() {\n      return {\n        listType: 'picture-card',\n        prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n        action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n        headers: this.fileHeaders ?? this.$store.getters.fileHeaders,\n        ...this.$attrs\n      };\n    }\n  },\n  mounted() {\n    this.setResetFile();\n  },\n  methods: {\n    setResetFile() {\n      let arrayObject;\n      try {\n        arrayObject = JSON.parse(this.value);\n      } catch (e) {\n        arrayObject = [].concat(this.value);\n      }\n      this.modalValue = arrayObject ?? [];\n      this.fileList = this.modalValue.map(file => ({\n        ...file,\n        url: `${this.uploadAttrs.prefix}${file.url}`,\n        type: file.contentType,\n        status: 'done'\n      }));\n    },\n    handleFilePreview({\n      uid,\n      contentType,\n      url\n    }) {\n      let suffix = url.substr(url.lastIndexOf('.') + 1);\n      const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n      if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n        this.$viewerApi({\n          options: {\n            url: 'url',\n            toolbar: true,\n            initialViewIndex: this.fileList.findIndex(file => file.url == url)\n          },\n          images: this.fileList\n        });\n        return;\n      }\n      this.$dialog('Brower', {\n        data: url\n      }, {\n        title: '预览文件',\n        width: 1104,\n        height: 848,\n        centered: true,\n        maskClosable: false,\n        footer: false,\n        bodyStyle: {\n          height: 'calc( 100% - 54px )'\n        }\n      });\n    },\n    handleFileChange({\n      file,\n      fileList\n    }) {\n      file.status == 'uploading' && (this.fileList = fileList);\n      switch (file.status) {\n        case 'removed':\n          const params = {\n            id: file.uid\n          };\n          const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n          requestHandle.then(Response => {\n            const i = this.modalValue.findIndex(e => e.uid == file.uid);\n            this.modalValue.splice(i, 1);\n            this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          });\n          break;\n        case 'done':\n          const {\n            data\n          } = file.response;\n          const uploadFileObj = {\n            ...data,\n            uid: data.id\n          };\n          delete uploadFileObj.id;\n          this.modalValue.push(uploadFileObj);\n          this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n          break;\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8877,7 +8877,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 */   render: function() { return /* binding */ render; },\n/* harmony export */   staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"TAntdUpload\"\n  }, [_c(\"Upload\", _vm._b({\n    attrs: {\n      name: \"file\",\n      \"file-list\": _vm.fileList,\n      \"list-type\": \"picture-card\",\n      accept: _vm.fileAccept\n    },\n    on: {\n      change: _vm.handleFileChange,\n      preview: _vm.handleFilePreview,\n      reject: function ($event) {\n        return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n      }\n    }\n  }, \"Upload\", _vm.uploadAttrs, false), [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"div\", [_c(\"Icon\", {\n    staticStyle: {\n      fontsize: \"36px\"\n    },\n    attrs: {\n      type: \"plus\"\n    }\n  })], 1) : _vm._e()]), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n    staticClass: \"tips\"\n  }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: function() { return /* binding */ render; },\n/* harmony export */   staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"TAntdUpload\"\n  }, [_c(\"Upload\", _vm._b({\n    attrs: {\n      name: \"file\",\n      \"file-list\": _vm.fileList,\n      accept: _vm.fileAccept\n    },\n    on: {\n      change: _vm.handleFileChange,\n      preview: _vm.handleFilePreview,\n      reject: function ($event) {\n        return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n      }\n    }\n  }, \"Upload\", _vm.uploadAttrs, false), [_vm.uploadAttrs.listType === \"text\" ? _c(\"Button\", {\n    attrs: {\n      type: \"primary\"\n    }\n  }, [_c(\"Icon\", {\n    attrs: {\n      type: \"upload\"\n    }\n  }), _vm._v(\"上传\\n    \")], 1) : [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"Icon\", {\n    staticStyle: {\n      fontsize: \"36px\"\n    },\n    attrs: {\n      type: \"plus\"\n    }\n  }) : _vm._e()]], 2), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n    staticClass: \"tips\"\n  }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -9108,7 +9108,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 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_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _utils_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/render */ \"./plugins/lib/form/utils/render.js\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\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    };\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        labelCol: {\n          span: 4\n        },\n        wrapperCol: {\n          span: 20\n        },\n        ...this.$attrs\n      };\n      this.layout === 'vertical' && (delete attr.labelCol, delete attr.wrapperCol);\n      return attr;\n    },\n    filterSetting() {\n      return this.formSetting.filter(settingItem => !settingItem.hidden);\n    }\n  },\n  watch: {\n    filterSetting: {\n      handler(newVal, oldVal) {\n        newVal.forEach(node => this.$set(this.formRules, node.model, _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, node)));\n      },\n      immediate: true\n    }\n  },\n  mounted() {\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const dynamicModel = this.form[props.model];\n      return (\n        /** \r\n         * multiple为动态多项\r\n         * multipleConfig为配置的动态项数据 */\n        h(\"div\", {\n          \"class\": props.multiple && ['MultipleForm'],\n          \"attrs\": {\n            ...{\n              style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, props, this.layoutSize)\n            }\n          }\n        }, [this.$scopedSlots[`${props.model}Tips`] && this.$scopedSlots[`${props.model}Tips`](props), /** 处理动态增减表单 */\n        dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => props.multipleConfig.map((configItem, key) => {\n          /** 为动态项时重新定义绑定key、prop等来进行检验 */\n          /** 目前还有一个动态项layoutSize排版问题 */\n          const childAttrs = {\n            key: index,\n            prop: `${props.model}.${index}.${configItem.model}`,\n            label: configItem.label,\n            style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, configItem, this.layoutSize ?? props.layoutSize),\n            rules: _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, configItem, modelItem),\n            parentModel: props.model\n          };\n          return _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, modelItem, configItem, childAttrs);\n        })) : _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, this.form, props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)])\n      );\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return new Promise((resolve, reject) => {\n        this.$refs.FormModel.validate().then(resolve).catch(err => this.$nextTick(() => {\n          const errorDiv = document.getElementsByClassName('has-error');\n          errorDiv[0].scrollIntoView({\n            behavior: \"smooth\",\n            block: \"center\"\n          });\n        }));\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      layout,\n      formAttrs,\n      setModelRender\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: this.form,\n        rules: this.formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [this.$slots.default ?? this.filterSetting.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_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _utils_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/render */ \"./plugins/lib/form/utils/render.js\");\n/* harmony import */ var _style_Model_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Model.less */ \"./plugins/lib/form/style/Model.less\");\n\n\n\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    };\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        labelCol: {\n          span: 4\n        },\n        wrapperCol: {\n          span: 20\n        },\n        ...this.$attrs\n      };\n      this.layout === 'vertical' && (delete attr.labelCol, delete attr.wrapperCol);\n      return attr;\n    },\n    filterSetting() {\n      return this.formSetting.filter(settingItem => !settingItem.hidden);\n    }\n  },\n  watch: {\n    filterSetting: {\n      handler(newVal, oldVal) {\n        newVal.forEach(node => this.$set(this.formRules, node.model, _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, node)));\n      },\n      immediate: true\n    }\n  },\n  mounted() {\n    this.$emit('update:refForm', this.$refs.FormModel);\n  },\n  methods: {\n    /** 包含单表单项，多表单项，动态增减表单项合并处理 */\n    setModelRender(props) {\n      const h = this.$createElement;\n      const dynamicModel = this.form[props.model];\n      return (\n        /** \r\n         * multiple为动态多项\r\n         * multipleConfig为配置的动态项数据 */\n        h(\"div\", {\n          \"class\": props.multiple && ['MultipleForm'],\n          \"attrs\": {\n            ...{\n              style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, props, this.layoutSize)\n            }\n          }\n        }, [this.$scopedSlots[`${props.model}Tips`] && this.$scopedSlots[`${props.model}Tips`](props), /** 处理动态增减表单 */\n        dynamicModel instanceof Array && props.multiple ? dynamicModel.map((modelItem, index) => props.multipleConfig.map((configItem, key) => {\n          /** 为动态项时重新定义绑定key、prop等来进行检验 */\n          /** 目前还有一个动态项layoutSize排版问题 */\n          const childAttrs = {\n            key: index,\n            prop: `${props.model}.${index}.${configItem.model}`,\n            style: _utils_render__WEBPACK_IMPORTED_MODULE_1__.getFormWidth.call(this, configItem, this.layoutSize ?? props.layoutSize),\n            rules: _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItemRule.call(this, configItem, props),\n            parentModel: props.model\n          };\n          return _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, modelItem, configItem, childAttrs);\n        })) : _utils_render__WEBPACK_IMPORTED_MODULE_1__.setFormItem.call(this, h, this.form, props), this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)])\n      );\n    },\n    /** 提交测验 */\n    formSubmit() {\n      return new Promise((resolve, reject) => {\n        this.$refs.FormModel.validate().then(resolve).catch(err => this.$nextTick(() => {\n          const errorDiv = document.getElementsByClassName('has-error');\n          errorDiv[0].scrollIntoView({\n            behavior: \"smooth\",\n            block: \"center\"\n          });\n        }));\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      layout,\n      formAttrs,\n      setModelRender\n    } = this;\n    return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _vue_babel_helper_vue_jsx_merge_props__WEBPACK_IMPORTED_MODULE_0___default()([{\n      \"ref\": \"FormModel\",\n      \"class\": \"FormModel\"\n    }, {\n      \"props\": {\n        model: this.form,\n        rules: this.formRules,\n        layout,\n        ...formAttrs\n      }\n    }]), [this.$slots.default ?? this.filterSetting.map(props => setModelRender(props))]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Model.js?");
 
 /***/ }),
 
@@ -9130,7 +9130,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 */   getFormWidth: function() { return /* binding */ getFormWidth; },\n/* harmony export */   setFormItem: function() { return /* binding */ setFormItem; },\n/* harmony export */   setFormItemRule: function() { return /* binding */ setFormItemRule; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item;\n\n/** 根据layoutSize来进行距离及大小切分 */\nfunction getFormWidth(child, layoutSize) {\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/** 动态设置单个表单项规则 (同时解决处理动态增减表单项操作 */\nfunction setFormItemRule(node, nodeParent = {}) {\n  const required = node.required ?? nodeParent.required ?? this.formAttrs.required ?? true;\n\n  /** node.placeholder与组件内的提示文字位置不对等 */\n  const message = node.attrs?.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 => {\n    i.pattern && (i.pattern = new RegExp(i.pattern));\n    return i;\n  }));\n  return rules;\n}\n\n/** 动态渲染表单项 */\nfunction setFormItem(h, vModel, child, childAttrs) {\n  const {\n    layout,\n    layoutSize,\n    $scopedSlots\n  } = this;\n  let formItemAttrs = childAttrs ?? {\n    key: child.model,\n    prop: child.model,\n    label: child.label,\n    colon: !(layout == 'inline')\n  };\n  const slotsName = (childAttrs?.parentModel ?? '') + child.model;\n  return h(FormModelItem, {\n    \"class\": [{\n      FormLineVertical: child.size === layoutSize && layout === 'vertical'\n    }, {\n      FormLine: child.size === layoutSize\n    }],\n    \"attrs\": {\n      ...formItemAttrs\n    }\n  }, [$scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    \"attrs\": {\n      \"component\": child.is,\n      ...child.attrs\n    },\n    \"on\": {\n      ...child.event\n    },\n    \"model\": {\n      value: vModel[child.model],\n      callback: $$v => {\n        this.$set(vModel, child.model, $$v);\n      }\n    }\n  }), $scopedSlots[`${slotsName}Handle`] && $scopedSlots[`${slotsName}Handle`](formItemAttrs)]);\n}\n\n//# sourceURL=webpack://mui/./plugins/lib/form/utils/render.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getFormWidth: function() { return /* binding */ getFormWidth; },\n/* harmony export */   setFormItem: function() { return /* binding */ setFormItem; },\n/* harmony export */   setFormItemRule: function() { return /* binding */ setFormItemRule; }\n/* harmony export */ });\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n\n\nconst FormModelItem = ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item;\n\n/** 根据layoutSize来进行距离及大小切分 */\nfunction getFormWidth(child, layoutSize) {\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/** 动态设置单个表单项规则 (同时解决处理动态增减表单项操作 */\nfunction setFormItemRule(node, nodeParent = {}) {\n  const required = node.required ?? nodeParent.required ?? this.formAttrs.required ?? true;\n\n  /** node.placeholder与组件内的提示文字位置不对等 */\n  const message = node.attrs?.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 => {\n    i.pattern && (i.pattern = new RegExp(i.pattern));\n    return i;\n  }));\n  return rules;\n}\n\n/** 动态渲染表单项 */\nfunction setFormItem(h, vModel, child, childAttrs) {\n  const {\n    layout,\n    layoutSize,\n    $scopedSlots\n  } = this;\n  let formItemAttrs = childAttrs ?? {\n    key: child.model,\n    prop: child.model,\n    colon: !(layout == 'inline')\n  };\n  const slotsName = (childAttrs?.parentModel ?? '') + child.model;\n  const {\n    label,\n    customLabel\n  } = child;\n  return h(FormModelItem, {\n    \"class\": [{\n      FormLineVertical: child.size === layoutSize && layout === 'vertical'\n    }, {\n      FormLine: child.size === layoutSize\n    }],\n    \"attrs\": {\n      ...formItemAttrs\n    }\n  }, [h(\"template\", {\n    \"slot\": \"label\"\n  }, [customLabel ? customLabel(vModel) : h(\"span\", [label])]), $scopedSlots[child.model] ? $scopedSlots[child.model](child) : h(_components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    \"attrs\": {\n      \"component\": child.is,\n      ...child.attrs\n    },\n    \"on\": {\n      ...child.event\n    },\n    \"model\": {\n      value: vModel[child.model],\n      callback: $$v => {\n        this.$set(vModel, child.model, $$v);\n      }\n    }\n  }), $scopedSlots[`${slotsName}Handle`] && $scopedSlots[`${slotsName}Handle`](formItemAttrs)]);\n}\n\n//# sourceURL=webpack://mui/./plugins/lib/form/utils/render.js?");
 
 /***/ }),
 

package/lib/form/Model.js

@@ -96,22 +96,21 @@ export default {
                 /** 为动态项时重新定义绑定key、prop等来进行检验 */
                 /** 目前还有一个动态项layoutSize排版问题 */
                 const childAttrs = {
-                  key: index, 
-                  prop: `${props.model}.${index}.${configItem.model}`,  
-                  label: configItem.label,
+                  key: index,
+                  prop: `${props.model}.${index}.${configItem.model}`,
                   style: getFormWidth.call(this, configItem, this.layoutSize ?? props.layoutSize),
-                  rules: setFormItemRule.call(this, configItem, modelItem),
+                  rules: setFormItemRule.call(this, configItem, props),
                   parentModel: props.model
-                } 
+                }
                 return setFormItem.call(this, h, modelItem, configItem, childAttrs)
               } )
-            ) :
+            ) : 
             setFormItem.call(this, h, this.form, props)
           }
           {/* 使用场景：如另起一行添加其他额外信息及操作 */}
           {this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)}
         </div>
-      ) 
+      )
     },
     /** 提交测验 */
     formSubmit() {

package/lib/form/components/ASelectCustom.vue

@@ -196,7 +196,7 @@ export default {
         this.selectOpen = false
       }
       const options = this.options.find(e => e[this.valueKey] == value)
-      this.$emit('select', value, options)
+      options[this.valueKey] && this.$emit('select', value, options)
     },
     // 切换分页
     currentChange(val) {

package/lib/form/components/AUpload.vue

@@ -3,16 +3,24 @@
     <Upload
       name="file"
       :file-list="fileList"
-      list-type="picture-card"
       :accept="fileAccept"
       v-bind="uploadAttrs"
       @change="handleFileChange"
       @preview="handleFilePreview"
       @reject="$message.error(`上传文件类型只能为${fileAccept}`)"
     >
-      <div v-if="!fileList || fileList.length < uploadLen">
-        <Icon type="plus" style="fontsize: 36px" />
-      </div>
+      <Button 
+        type="primary"
+        v-if="uploadAttrs.listType === 'text'"
+      >
+        <Icon type="upload" />上传
+      </Button>
+      <template v-else>
+        <Icon v-if="!fileList || fileList.length < uploadLen"
+          type="plus" 
+          style="fontsize: 36px"
+        />
+      </template>
     </Upload>
 
     <span class="tips" v-if="tips">{{ tips }}</span>
@@ -21,14 +29,14 @@
 
 <script>
 
-import { Icon, Upload } from 'ant-design-vue'
+import { Icon, Button, Upload } from 'ant-design-vue'
 
 export default {
   model: {
     prop: 'value',
     event: 'handleFileUpload'
   },
-  components: { Icon, Upload },
+  components: { Icon, Button, Upload },
   props: {
     value: {
       type: [String, Array],
@@ -66,6 +74,7 @@ export default {
   computed: {
     uploadAttrs() {
       return {
+        listType: 'picture-card',
         prefix: this.filePrefixUrl ?? this.$https.FILEURL,
         action: this.fileUploadUrl ?? this.$https.UPLOADURL,
         headers: this.fileHeaders ?? this.$store.getters.fileHeaders,

package/lib/form/utils/render.js

@@ -13,7 +13,7 @@ export function getFormWidth(child, layoutSize) {
 /** 动态设置单个表单项规则 (同时解决处理动态增减表单项操作 */
 export function setFormItemRule(node, nodeParent = {}) {
   const required = (node.required ?? nodeParent.required ?? this.formAttrs.required) ?? true
-
+ 
   /** node.placeholder与组件内的提示文字位置不对等 */
   const message =
     node.attrs?.placeholder ||
@@ -45,13 +45,14 @@ export function setFormItem(h, vModel, child, childAttrs) {
     {
       key: child.model,
       prop: child.model,
-      label: child.label,
-      colon: !(layout == 'inline')
-    } 
+      colon: !(layout == 'inline') 
+    }
 
   const slotsName = 
         (childAttrs?.parentModel ?? '') + child.model
 
+  const {label, customLabel} = child
+
   return (
     <FormModelItem
       class={[
@@ -60,6 +61,13 @@ export function setFormItem(h, vModel, child, childAttrs) {
       ]}
       {...{ attrs: formItemAttrs }}
     >
+      <template slot="label">
+        {
+          customLabel ? 
+          customLabel(vModel) : 
+          <span>{label}</span>
+        }
+      </template>
       {/* 当前表单项可slot进行单独开发配置 (目前仅支持非动态增减情况) */}
       {$scopedSlots[child.model] ? (
         $scopedSlots[child.model](child)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "1.1.41",
+  "version": "1.1.42",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [

package/plugins/lib/form/Model.js

@@ -96,22 +96,21 @@ export default {
                 /** 为动态项时重新定义绑定key、prop等来进行检验 */
                 /** 目前还有一个动态项layoutSize排版问题 */
                 const childAttrs = {
-                  key: index, 
-                  prop: `${props.model}.${index}.${configItem.model}`,  
-                  label: configItem.label,
+                  key: index,
+                  prop: `${props.model}.${index}.${configItem.model}`,
                   style: getFormWidth.call(this, configItem, this.layoutSize ?? props.layoutSize),
-                  rules: setFormItemRule.call(this, configItem, modelItem),
+                  rules: setFormItemRule.call(this, configItem, props),
                   parentModel: props.model
-                } 
+                }
                 return setFormItem.call(this, h, modelItem, configItem, childAttrs)
               } )
-            ) :
+            ) : 
             setFormItem.call(this, h, this.form, props)
           }
           {/* 使用场景：如另起一行添加其他额外信息及操作 */}
           {this.$scopedSlots[`${props.model}Operate`] && this.$scopedSlots[`${props.model}Operate`](props)}
         </div>
-      ) 
+      )
     },
     /** 提交测验 */
     formSubmit() {

package/plugins/lib/form/components/ASelectCustom.vue

@@ -196,7 +196,7 @@ export default {
         this.selectOpen = false
       }
       const options = this.options.find(e => e[this.valueKey] == value)
-      this.$emit('select', value, options)
+      options[this.valueKey] && this.$emit('select', value, options)
     },
     // 切换分页
     currentChange(val) {

package/plugins/lib/form/components/AUpload.vue

@@ -3,16 +3,24 @@
     <Upload
       name="file"
       :file-list="fileList"
-      list-type="picture-card"
       :accept="fileAccept"
       v-bind="uploadAttrs"
       @change="handleFileChange"
       @preview="handleFilePreview"
       @reject="$message.error(`上传文件类型只能为${fileAccept}`)"
     >
-      <div v-if="!fileList || fileList.length < uploadLen">
-        <Icon type="plus" style="fontsize: 36px" />
-      </div>
+      <Button 
+        type="primary"
+        v-if="uploadAttrs.listType === 'text'"
+      >
+        <Icon type="upload" />上传
+      </Button>
+      <template v-else>
+        <Icon v-if="!fileList || fileList.length < uploadLen"
+          type="plus" 
+          style="fontsize: 36px"
+        />
+      </template>
     </Upload>
 
     <span class="tips" v-if="tips">{{ tips }}</span>
@@ -21,14 +29,14 @@
 
 <script>
 
-import { Icon, Upload } from 'ant-design-vue'
+import { Icon, Button, Upload } from 'ant-design-vue'
 
 export default {
   model: {
     prop: 'value',
     event: 'handleFileUpload'
   },
-  components: { Icon, Upload },
+  components: { Icon, Button, Upload },
   props: {
     value: {
       type: [String, Array],
@@ -66,6 +74,7 @@ export default {
   computed: {
     uploadAttrs() {
       return {
+        listType: 'picture-card',
         prefix: this.filePrefixUrl ?? this.$https.FILEURL,
         action: this.fileUploadUrl ?? this.$https.UPLOADURL,
         headers: this.fileHeaders ?? this.$store.getters.fileHeaders,

package/plugins/lib/form/utils/render.js

@@ -13,7 +13,7 @@ export function getFormWidth(child, layoutSize) {
 /** 动态设置单个表单项规则 (同时解决处理动态增减表单项操作 */
 export function setFormItemRule(node, nodeParent = {}) {
   const required = (node.required ?? nodeParent.required ?? this.formAttrs.required) ?? true
-
+ 
   /** node.placeholder与组件内的提示文字位置不对等 */
   const message =
     node.attrs?.placeholder ||
@@ -45,13 +45,14 @@ export function setFormItem(h, vModel, child, childAttrs) {
     {
       key: child.model,
       prop: child.model,
-      label: child.label,
-      colon: !(layout == 'inline')
-    } 
+      colon: !(layout == 'inline') 
+    }
 
   const slotsName = 
         (childAttrs?.parentModel ?? '') + child.model
 
+  const {label, customLabel} = child
+
   return (
     <FormModelItem
       class={[
@@ -60,6 +61,13 @@ export function setFormItem(h, vModel, child, childAttrs) {
       ]}
       {...{ attrs: formItemAttrs }}
     >
+      <template slot="label">
+        {
+          customLabel ? 
+          customLabel(vModel) : 
+          <span>{label}</span>
+        }
+      </template>
       {/* 当前表单项可slot进行单独开发配置 (目前仅支持非动态增减情况) */}
       {$scopedSlots[child.model] ? (
         $scopedSlots[child.model](child)

package/plugins/method/AMap.js

@@ -15,9 +15,6 @@ export const setAMapSecurity = ({key, securityJsCode}) => {
 // 在 Vue 插件中封装高德地图的初始化和常用方法 
 export default {
   install(Vue, options) {
-
-    /** 地图公共bus来抛出和接收数据 */
-    Vue.prototype.$amapBus = new Vue()
     
     /** 加载地图sdk */
     AMapLoader.load({
@@ -77,7 +74,8 @@ export default {
         getMapSearch,
         setMapDriving,
         drawMapAnimation,
-        parseRouteToPath
+        parseRouteToPath,
+        getOverlayPos
       }
 
     } ).catch( error => { throw new Error('高德地图脚本还未加载，请确保在使用此插件前已经加载高德地图SDK。') } )
@@ -137,6 +135,13 @@ export default {
       
     }
 
+    /** 获取图层信息 */
+    function getOverlayPos(overlay) {
+      return overlay.type === 'AMap.Marker' ?
+             [overlay.getPosition().lng, overlay.getPosition().lat] :
+             overlay.getPath().map(l => [l.lng, l.lat])
+    }
+
     /** 地图设置信息窗体 */
     function setInfoWindow(window, callback) {
       /** 此处的VUE需以可解析template方式引入 

package/plugins/utils/AutoFlexible.js

@@ -1,39 +0,0 @@
-import 'amfe-flexible' 
-
-export function autoFlexible(designWidth = 1920) {
-
-    // designWidth 设计稿的宽度基准
-    // 动态调整根字体大小的函数
-    const updateRootFontSize = () => {
-      const baseSize = 14 // 基准字体大小
-      const minFontSize = 12 // 最小字体大小
-      const maxFontSize = 16 // 最大字体大小 
-      const clientWidth = document.documentElement.clientWidth // 当前窗口的宽度
-      const scale = clientWidth / designWidth // 计算当前窗口宽度与设计稿宽度的比例 
-      let newSize = baseSize * scale
-     
-      // 限制字体大小在最小和最大范围内
-      if (newSize < minFontSize) {
-        newSize = minFontSize
-      } else if (newSize > maxFontSize) {
-        newSize = maxFontSize
-      }
-
-      // 判断是否为弹窗，如若弹窗大小不为最大最小值则在基础上添加对应比例差
-      const isModal = document.documentURI.includes('?type=modal')
-      if (isModal) {
-        newSize = newSize + baseSize * (1920 - designWidth) / 1920
-      }   
-
-      console.log(newSize, '不同屏幕下字体大小')
-     
-      // 设置根元素的字体大小
-      document.documentElement.style.fontSize = `${newSize}px`
-    }
-    
-    // 监听窗口大小变化，并动态调整字体大小
-    window.addEventListener('resize', () => updateRootFontSize(designWidth))
-    
-    // 初始化时立即设置一次字体大小
-    updateRootFontSize(designWidth)
-}