web-component-gallery 1.1.19 → 1.1.21

package/dist/amap.umd.js

@@ -8428,7 +8428,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _uti
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_resetFields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/resetFields */ \"./plugins/lib/form/utils/resetFields.js\");\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 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/radio/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input-number/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/date-picker/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/time-picker/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/cascader/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Search',\n  components: {\n    FormModel: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    FormModelItem: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item,\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Radio: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    Input: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    InputNumber: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n    DatePicker: ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n    TimePicker: ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    Cascader: ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    ASelectCustom: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ASelectCustom.vue */ \"./plugins/lib/form/components/ASelectCustom.vue\")),\n    ACascaderMultiple: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ACascaderMultiple.vue */ \"./plugins/lib/form/components/ACascaderMultiple.vue\")),\n    ATagsInput: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ATagsInput.vue */ \"./plugins/lib/form/components/ATagsInput.vue\")),\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]\n  },\n  data() {\n    return {\n      // 是否收起\n      advanced: false,\n      matchMediaSize: 0\n    };\n  },\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    /* 双向数据绑定Form */\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* 配置表单项 */\n    formSetting: {\n      type: Array,\n      default: () => []\n    },\n    /* 一行显示多少项 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    // 紧凑型和宽松型\n    // default 宽松型\n    // middle 紧凑型\n    searchStyle: {\n      type: String,\n      default: 'default'\n    },\n    /* 操作显示文字 */\n    actionsText: {\n      type: Object,\n      default: () => ({\n        primary: '搜索',\n        cancel: '重置'\n      })\n    },\n    /* 是否自动查询(默认为true) */\n    autoCall: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    form: {\n      get() {\n        return this.value;\n      },\n      set(newValue) {\n        this.$emit('change', newValue);\n      }\n    },\n    matchMedia() {\n      return {\n        '(max-width: 576px)': 1,\n        '(min-width: 576px) and (max-width: 992px)': this.layoutSize - 2,\n        '(min-width: 992px)': this.layoutSize\n      };\n    },\n    copyFormSetting() {\n      return this.formSetting.filter(node => !node.hidden);\n    },\n    count() {\n      return this.advanced ? this.copyFormSetting.length : this.matchMediaSize - 1;\n    }\n  },\n  filters: {\n    defaultPlaceholder(is, {\n      placeholder\n    }) {\n      if (placeholder) return placeholder;\n      if (is && is.includes('range')) return ['开始时间', '结束时间'];\n      return /(select|picker|radio|upload)/.test(is) ? '请选择' : '请输入';\n    }\n  },\n  mounted() {\n    this.autoCall && this.handleSearch();\n    this.matchMediaSize = this.layoutSize;\n    Object.keys(this.matchMedia).forEach(media => window.matchMedia(media).addEventListener('change', this.handleResize));\n  },\n  methods: {\n    handleResize(x) {\n      x.matches && (this.matchMediaSize = this.matchMedia[x.media]);\n    },\n    getFormWidth(e) {\n      const gap = {\n        middle: '16px',\n        default: '24px'\n      };\n      return `flex: 0 1 calc((${100 / this.matchMediaSize * (e.size ?? 1)}% - ${gap[this.searchStyle]})); margin-right: ${gap[this.searchStyle]};`;\n    },\n    handleSearch(e) {\n      e && e.preventDefault();\n      const searchForm = {};\n      // 排除掉form当中hidden的隐藏项\n      this.copyFormSetting.forEach(node => this.$set(searchForm, node.model, this.form[node.model]));\n      this.form = {\n        ...searchForm\n      };\n      this.$emit('handleSearch', searchForm);\n    },\n    handleReset() {\n      // 初步猜测是因这里的清空导致数据双向绑定得不到最新\n      this.form = (0,_utils_resetFields__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.form);\n      this.$refs.searchForm.clearValidate();\n      this.$emit('handleReset');\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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 _utils_resetFields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/resetFields */ \"./plugins/lib/form/utils/resetFields.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Search',\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    FormModel: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    FormModelItem: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"].Item,\n    RenderComp: _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n  },\n  data() {\n    return {\n      // 是否收起\n      advanced: false,\n      matchMediaSize: 0\n    };\n  },\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    /* 双向数据绑定Form */\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* 配置表单项 */\n    formSetting: {\n      type: Array,\n      default: () => []\n    },\n    /* 一行显示多少项 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    // 紧凑型和宽松型\n    // default 宽松型\n    // middle 紧凑型\n    searchStyle: {\n      type: String,\n      default: 'default'\n    },\n    /* 操作显示文字 */\n    actionsText: {\n      type: Object,\n      default: () => ({\n        primary: '搜索',\n        cancel: '重置'\n      })\n    },\n    /* 是否自动查询(默认为true) */\n    autoCall: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    form: {\n      get() {\n        return this.value;\n      },\n      set(newValue) {\n        this.$emit('change', newValue);\n      }\n    },\n    matchMedia() {\n      return {\n        '(max-width: 576px)': 1,\n        '(min-width: 576px) and (max-width: 992px)': this.layoutSize - 2,\n        '(min-width: 992px)': this.layoutSize\n      };\n    },\n    copyFormSetting() {\n      return this.formSetting.filter(node => !node.hidden);\n    },\n    count() {\n      return this.advanced ? this.copyFormSetting.length : this.matchMediaSize - 1;\n    }\n  },\n  mounted() {\n    this.autoCall && this.handleSearch();\n    this.matchMediaSize = this.layoutSize;\n    Object.keys(this.matchMedia).forEach(media => window.matchMedia(media).addEventListener('change', this.handleResize));\n  },\n  methods: {\n    handleResize(x) {\n      x.matches && (this.matchMediaSize = this.matchMedia[x.media]);\n    },\n    getFormWidth(e) {\n      const gap = {\n        middle: '16px',\n        default: '24px'\n      };\n      return `flex: 0 1 calc((${100 / this.matchMediaSize * (e.size ?? 1)}% - ${gap[this.searchStyle]})); margin-right: ${gap[this.searchStyle]};`;\n    },\n    handleSearch(e) {\n      e && e.preventDefault();\n      const searchForm = {};\n      // 排除掉form当中hidden的隐藏项\n      this.copyFormSetting.forEach(node => this.$set(searchForm, node.model, this.form[node.model]));\n      this.form = {\n        ...searchForm\n      };\n      this.$emit('handleSearch', searchForm);\n    },\n    handleReset() {\n      // 初步猜测是因这里的清空导致数据双向绑定得不到最新\n      this.form = (0,_utils_resetFields__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.form);\n      this.$refs.searchForm.clearValidate();\n      this.$emit('handleReset');\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8538,7 +8538,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$refs.TableHead.clientHeight && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8593,7 +8593,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(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(node.is || \"Input\", _vm._g(_vm._b({\n      tag: \"component\",\n      attrs: {\n        placeholder: _vm._f(\"defaultPlaceholder\")(node.is, node),\n        getPopupContainer: triggerNode => {\n          return triggerNode.parentNode || _vm.document.body;\n        }\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"component\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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");
 
 /***/ }),
 
@@ -8681,7 +8681,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(_vm.component, _vm._g(_vm._b({\n    tag: \"component\",\n    attrs: {\n      placeholder: _vm.getPlaceholder()\n    },\n    model: {\n      value: _vm.nodeValue,\n      callback: function ($$v) {\n        _vm.nodeValue = $$v;\n      },\n      expression: \"nodeValue\"\n    }\n  }, \"component\", _vm.$attrs, false), _vm.$listeners));\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/RenderComp.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(_vm.component, _vm._g(_vm._b({\n    tag: \"component\",\n    attrs: {\n      placeholder: _vm.getPlaceholder(),\n      getPopupContainer: triggerNode => {\n        return triggerNode.parentNode || _vm.document.body;\n      }\n    },\n    model: {\n      value: _vm.nodeValue,\n      callback: function ($$v) {\n        _vm.nodeValue = $$v;\n      },\n      expression: \"nodeValue\"\n    }\n  }, \"component\", _vm.$attrs, false), _vm.$listeners));\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/RenderComp.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");
 
 /***/ }),
 
@@ -9472,7 +9472,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".ADatePicker[data-v-25e0401f] {\\n  width: 100%;\\n  display: flex;\\n  gap: 0 6px;\\n}\\n.ADatePicker .ant-calendar-picker[data-v-25e0401f] {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ARangePicker.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".ADatePicker[data-v-25e0401f] {\\n  width: 100%;\\n  display: flex;\\n  align-items: center;\\n  gap: 0 6px;\\n}\\n.ADatePicker .ant-calendar-picker[data-v-25e0401f] {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ARangePicker.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -9538,7 +9538,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n  display: flex;\\n  border: 1px solid #e8e8e8;\\n  box-sizing: border-box;\\n  width: 100%;\\n  height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n  flex: 1;\\n  padding: 16px 24px;\\n  box-sizing: border-box;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n  border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-input-search-icon {\\n  color: #1890ff;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {\\n  background-color: #fafafa;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n  display: flex;\\n  color: #1890ff;\\n  margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n  flex: 1;\\n  text-align: right;\\n  color: #1890ff;\\n  cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n  border-radius: 0;\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n  border-radius: 0;\\n  border-radius: 5px;\\n  background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n  -webkit-transition: all 0.2s;\\n  transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n  width: 6px;\\n  height: 56px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n  width: 100%;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n  height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 0 12px;\\n  box-sizing: border-box;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item:hover {\\n  color: #1890ff;\\n  background: #fafafa;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-inner {\\n  background: transparent;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-checked .ant-tree-checkbox-inner {\\n  background-color: #1890ff;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/form.umd.js

@@ -7209,7 +7209,7 @@ eval("//\n\nmodule.exports = function shallowEqual(objA, objB, compare, compareC
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_resetFields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/resetFields */ \"./plugins/lib/form/utils/resetFields.js\");\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 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/radio/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input-number/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/date-picker/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/time-picker/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/cascader/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Search',\n  components: {\n    FormModel: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    FormModelItem: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item,\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Radio: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    Input: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    InputNumber: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n    DatePicker: ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n    TimePicker: ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    Cascader: ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    ASelectCustom: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ASelectCustom.vue */ \"./plugins/lib/form/components/ASelectCustom.vue\")),\n    ACascaderMultiple: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ACascaderMultiple.vue */ \"./plugins/lib/form/components/ACascaderMultiple.vue\")),\n    ATagsInput: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ATagsInput.vue */ \"./plugins/lib/form/components/ATagsInput.vue\")),\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]\n  },\n  data() {\n    return {\n      // 是否收起\n      advanced: false,\n      matchMediaSize: 0\n    };\n  },\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    /* 双向数据绑定Form */\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* 配置表单项 */\n    formSetting: {\n      type: Array,\n      default: () => []\n    },\n    /* 一行显示多少项 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    // 紧凑型和宽松型\n    // default 宽松型\n    // middle 紧凑型\n    searchStyle: {\n      type: String,\n      default: 'default'\n    },\n    /* 操作显示文字 */\n    actionsText: {\n      type: Object,\n      default: () => ({\n        primary: '搜索',\n        cancel: '重置'\n      })\n    },\n    /* 是否自动查询(默认为true) */\n    autoCall: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    form: {\n      get() {\n        return this.value;\n      },\n      set(newValue) {\n        this.$emit('change', newValue);\n      }\n    },\n    matchMedia() {\n      return {\n        '(max-width: 576px)': 1,\n        '(min-width: 576px) and (max-width: 992px)': this.layoutSize - 2,\n        '(min-width: 992px)': this.layoutSize\n      };\n    },\n    copyFormSetting() {\n      return this.formSetting.filter(node => !node.hidden);\n    },\n    count() {\n      return this.advanced ? this.copyFormSetting.length : this.matchMediaSize - 1;\n    }\n  },\n  filters: {\n    defaultPlaceholder(is, {\n      placeholder\n    }) {\n      if (placeholder) return placeholder;\n      if (is && is.includes('range')) return ['开始时间', '结束时间'];\n      return /(select|picker|radio|upload)/.test(is) ? '请选择' : '请输入';\n    }\n  },\n  mounted() {\n    this.autoCall && this.handleSearch();\n    this.matchMediaSize = this.layoutSize;\n    Object.keys(this.matchMedia).forEach(media => window.matchMedia(media).addEventListener('change', this.handleResize));\n  },\n  methods: {\n    handleResize(x) {\n      x.matches && (this.matchMediaSize = this.matchMedia[x.media]);\n    },\n    getFormWidth(e) {\n      const gap = {\n        middle: '16px',\n        default: '24px'\n      };\n      return `flex: 0 1 calc((${100 / this.matchMediaSize * (e.size ?? 1)}% - ${gap[this.searchStyle]})); margin-right: ${gap[this.searchStyle]};`;\n    },\n    handleSearch(e) {\n      e && e.preventDefault();\n      const searchForm = {};\n      // 排除掉form当中hidden的隐藏项\n      this.copyFormSetting.forEach(node => this.$set(searchForm, node.model, this.form[node.model]));\n      this.form = {\n        ...searchForm\n      };\n      this.$emit('handleSearch', searchForm);\n    },\n    handleReset() {\n      // 初步猜测是因这里的清空导致数据双向绑定得不到最新\n      this.form = (0,_utils_resetFields__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.form);\n      this.$refs.searchForm.clearValidate();\n      this.$emit('handleReset');\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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 _utils_resetFields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/resetFields */ \"./plugins/lib/form/utils/resetFields.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Search',\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    FormModel: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    FormModelItem: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"].Item,\n    RenderComp: _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n  },\n  data() {\n    return {\n      // 是否收起\n      advanced: false,\n      matchMediaSize: 0\n    };\n  },\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    /* 双向数据绑定Form */\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* 配置表单项 */\n    formSetting: {\n      type: Array,\n      default: () => []\n    },\n    /* 一行显示多少项 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    // 紧凑型和宽松型\n    // default 宽松型\n    // middle 紧凑型\n    searchStyle: {\n      type: String,\n      default: 'default'\n    },\n    /* 操作显示文字 */\n    actionsText: {\n      type: Object,\n      default: () => ({\n        primary: '搜索',\n        cancel: '重置'\n      })\n    },\n    /* 是否自动查询(默认为true) */\n    autoCall: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    form: {\n      get() {\n        return this.value;\n      },\n      set(newValue) {\n        this.$emit('change', newValue);\n      }\n    },\n    matchMedia() {\n      return {\n        '(max-width: 576px)': 1,\n        '(min-width: 576px) and (max-width: 992px)': this.layoutSize - 2,\n        '(min-width: 992px)': this.layoutSize\n      };\n    },\n    copyFormSetting() {\n      return this.formSetting.filter(node => !node.hidden);\n    },\n    count() {\n      return this.advanced ? this.copyFormSetting.length : this.matchMediaSize - 1;\n    }\n  },\n  mounted() {\n    this.autoCall && this.handleSearch();\n    this.matchMediaSize = this.layoutSize;\n    Object.keys(this.matchMedia).forEach(media => window.matchMedia(media).addEventListener('change', this.handleResize));\n  },\n  methods: {\n    handleResize(x) {\n      x.matches && (this.matchMediaSize = this.matchMedia[x.media]);\n    },\n    getFormWidth(e) {\n      const gap = {\n        middle: '16px',\n        default: '24px'\n      };\n      return `flex: 0 1 calc((${100 / this.matchMediaSize * (e.size ?? 1)}% - ${gap[this.searchStyle]})); margin-right: ${gap[this.searchStyle]};`;\n    },\n    handleSearch(e) {\n      e && e.preventDefault();\n      const searchForm = {};\n      // 排除掉form当中hidden的隐藏项\n      this.copyFormSetting.forEach(node => this.$set(searchForm, node.model, this.form[node.model]));\n      this.form = {\n        ...searchForm\n      };\n      this.$emit('handleSearch', searchForm);\n    },\n    handleReset() {\n      // 初步猜测是因这里的清空导致数据双向绑定得不到最新\n      this.form = (0,_utils_resetFields__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.form);\n      this.$refs.searchForm.clearValidate();\n      this.$emit('handleReset');\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -7308,7 +7308,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(node.is || \"Input\", _vm._g(_vm._b({\n      tag: \"component\",\n      attrs: {\n        placeholder: _vm._f(\"defaultPlaceholder\")(node.is, node),\n        getPopupContainer: triggerNode => {\n          return triggerNode.parentNode || _vm.document.body;\n        }\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"component\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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");
 
 /***/ }),
 
@@ -7396,7 +7396,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(_vm.component, _vm._g(_vm._b({\n    tag: \"component\",\n    attrs: {\n      placeholder: _vm.getPlaceholder()\n    },\n    model: {\n      value: _vm.nodeValue,\n      callback: function ($$v) {\n        _vm.nodeValue = $$v;\n      },\n      expression: \"nodeValue\"\n    }\n  }, \"component\", _vm.$attrs, false), _vm.$listeners));\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/RenderComp.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(_vm.component, _vm._g(_vm._b({\n    tag: \"component\",\n    attrs: {\n      placeholder: _vm.getPlaceholder(),\n      getPopupContainer: triggerNode => {\n        return triggerNode.parentNode || _vm.document.body;\n      }\n    },\n    model: {\n      value: _vm.nodeValue,\n      callback: function ($$v) {\n        _vm.nodeValue = $$v;\n      },\n      expression: \"nodeValue\"\n    }\n  }, \"component\", _vm.$attrs, false), _vm.$listeners));\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/RenderComp.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");
 
 /***/ }),
 
@@ -7528,7 +7528,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".ADatePicker[data-v-25e0401f] {\\n  width: 100%;\\n  display: flex;\\n  gap: 0 6px;\\n}\\n.ADatePicker .ant-calendar-picker[data-v-25e0401f] {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ARangePicker.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".ADatePicker[data-v-25e0401f] {\\n  width: 100%;\\n  display: flex;\\n  align-items: center;\\n  gap: 0 6px;\\n}\\n.ADatePicker .ant-calendar-picker[data-v-25e0401f] {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ARangePicker.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8428,7 +8428,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _uti
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_resetFields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/resetFields */ \"./plugins/lib/form/utils/resetFields.js\");\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 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/radio/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input-number/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/date-picker/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/time-picker/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/cascader/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Search',\n  components: {\n    FormModel: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    FormModelItem: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].Item,\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Radio: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    Input: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    InputNumber: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n    Checkbox: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n    DatePicker: ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n    TimePicker: ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n    Cascader: ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n    ASelectCustom: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ASelectCustom.vue */ \"./plugins/lib/form/components/ASelectCustom.vue\")),\n    ACascaderMultiple: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ACascaderMultiple.vue */ \"./plugins/lib/form/components/ACascaderMultiple.vue\")),\n    ATagsInput: () => Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./components/ATagsInput.vue */ \"./plugins/lib/form/components/ATagsInput.vue\")),\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"]\n  },\n  data() {\n    return {\n      // 是否收起\n      advanced: false,\n      matchMediaSize: 0\n    };\n  },\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    /* 双向数据绑定Form */\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* 配置表单项 */\n    formSetting: {\n      type: Array,\n      default: () => []\n    },\n    /* 一行显示多少项 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    // 紧凑型和宽松型\n    // default 宽松型\n    // middle 紧凑型\n    searchStyle: {\n      type: String,\n      default: 'default'\n    },\n    /* 操作显示文字 */\n    actionsText: {\n      type: Object,\n      default: () => ({\n        primary: '搜索',\n        cancel: '重置'\n      })\n    },\n    /* 是否自动查询(默认为true) */\n    autoCall: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    form: {\n      get() {\n        return this.value;\n      },\n      set(newValue) {\n        this.$emit('change', newValue);\n      }\n    },\n    matchMedia() {\n      return {\n        '(max-width: 576px)': 1,\n        '(min-width: 576px) and (max-width: 992px)': this.layoutSize - 2,\n        '(min-width: 992px)': this.layoutSize\n      };\n    },\n    copyFormSetting() {\n      return this.formSetting.filter(node => !node.hidden);\n    },\n    count() {\n      return this.advanced ? this.copyFormSetting.length : this.matchMediaSize - 1;\n    }\n  },\n  filters: {\n    defaultPlaceholder(is, {\n      placeholder\n    }) {\n      if (placeholder) return placeholder;\n      if (is && is.includes('range')) return ['开始时间', '结束时间'];\n      return /(select|picker|radio|upload)/.test(is) ? '请选择' : '请输入';\n    }\n  },\n  mounted() {\n    this.autoCall && this.handleSearch();\n    this.matchMediaSize = this.layoutSize;\n    Object.keys(this.matchMedia).forEach(media => window.matchMedia(media).addEventListener('change', this.handleResize));\n  },\n  methods: {\n    handleResize(x) {\n      x.matches && (this.matchMediaSize = this.matchMedia[x.media]);\n    },\n    getFormWidth(e) {\n      const gap = {\n        middle: '16px',\n        default: '24px'\n      };\n      return `flex: 0 1 calc((${100 / this.matchMediaSize * (e.size ?? 1)}% - ${gap[this.searchStyle]})); margin-right: ${gap[this.searchStyle]};`;\n    },\n    handleSearch(e) {\n      e && e.preventDefault();\n      const searchForm = {};\n      // 排除掉form当中hidden的隐藏项\n      this.copyFormSetting.forEach(node => this.$set(searchForm, node.model, this.form[node.model]));\n      this.form = {\n        ...searchForm\n      };\n      this.$emit('handleSearch', searchForm);\n    },\n    handleReset() {\n      // 初步猜测是因这里的清空导致数据双向绑定得不到最新\n      this.form = (0,_utils_resetFields__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.form);\n      this.$refs.searchForm.clearValidate();\n      this.$emit('handleReset');\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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 _utils_resetFields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/resetFields */ \"./plugins/lib/form/utils/resetFields.js\");\n/* harmony import */ var _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/RenderComp.vue */ \"./plugins/lib/form/components/RenderComp.vue\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/form-model/index.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'Search',\n  components: {\n    Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Button: ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    FormModel: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    FormModelItem: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"].Item,\n    RenderComp: _components_RenderComp_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n  },\n  data() {\n    return {\n      // 是否收起\n      advanced: false,\n      matchMediaSize: 0\n    };\n  },\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    /* 双向数据绑定Form */\n    value: {\n      type: Object,\n      default: () => ({})\n    },\n    /* 配置表单项 */\n    formSetting: {\n      type: Array,\n      default: () => []\n    },\n    /* 一行显示多少项 */\n    layoutSize: {\n      type: Number,\n      default: 4,\n      validator: value => {\n        return value <= 5;\n      }\n    },\n    // 紧凑型和宽松型\n    // default 宽松型\n    // middle 紧凑型\n    searchStyle: {\n      type: String,\n      default: 'default'\n    },\n    /* 操作显示文字 */\n    actionsText: {\n      type: Object,\n      default: () => ({\n        primary: '搜索',\n        cancel: '重置'\n      })\n    },\n    /* 是否自动查询(默认为true) */\n    autoCall: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    form: {\n      get() {\n        return this.value;\n      },\n      set(newValue) {\n        this.$emit('change', newValue);\n      }\n    },\n    matchMedia() {\n      return {\n        '(max-width: 576px)': 1,\n        '(min-width: 576px) and (max-width: 992px)': this.layoutSize - 2,\n        '(min-width: 992px)': this.layoutSize\n      };\n    },\n    copyFormSetting() {\n      return this.formSetting.filter(node => !node.hidden);\n    },\n    count() {\n      return this.advanced ? this.copyFormSetting.length : this.matchMediaSize - 1;\n    }\n  },\n  mounted() {\n    this.autoCall && this.handleSearch();\n    this.matchMediaSize = this.layoutSize;\n    Object.keys(this.matchMedia).forEach(media => window.matchMedia(media).addEventListener('change', this.handleResize));\n  },\n  methods: {\n    handleResize(x) {\n      x.matches && (this.matchMediaSize = this.matchMedia[x.media]);\n    },\n    getFormWidth(e) {\n      const gap = {\n        middle: '16px',\n        default: '24px'\n      };\n      return `flex: 0 1 calc((${100 / this.matchMediaSize * (e.size ?? 1)}% - ${gap[this.searchStyle]})); margin-right: ${gap[this.searchStyle]};`;\n    },\n    handleSearch(e) {\n      e && e.preventDefault();\n      const searchForm = {};\n      // 排除掉form当中hidden的隐藏项\n      this.copyFormSetting.forEach(node => this.$set(searchForm, node.model, this.form[node.model]));\n      this.form = {\n        ...searchForm\n      };\n      this.$emit('handleSearch', searchForm);\n    },\n    handleReset() {\n      // 初步猜测是因这里的清空导致数据双向绑定得不到最新\n      this.form = (0,_utils_resetFields__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this.form);\n      this.$refs.searchForm.clearValidate();\n      this.$emit('handleReset');\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8538,7 +8538,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$refs.TableHead.clientHeight && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8593,7 +8593,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(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(node.is || \"Input\", _vm._g(_vm._b({\n      tag: \"component\",\n      attrs: {\n        placeholder: _vm._f(\"defaultPlaceholder\")(node.is, node),\n        getPopupContainer: triggerNode => {\n          return triggerNode.parentNode || _vm.document.body;\n        }\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"component\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.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");
 
 /***/ }),
 
@@ -8681,7 +8681,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(_vm.component, _vm._g(_vm._b({\n    tag: \"component\",\n    attrs: {\n      placeholder: _vm.getPlaceholder()\n    },\n    model: {\n      value: _vm.nodeValue,\n      callback: function ($$v) {\n        _vm.nodeValue = $$v;\n      },\n      expression: \"nodeValue\"\n    }\n  }, \"component\", _vm.$attrs, false), _vm.$listeners));\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/RenderComp.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(_vm.component, _vm._g(_vm._b({\n    tag: \"component\",\n    attrs: {\n      placeholder: _vm.getPlaceholder(),\n      getPopupContainer: triggerNode => {\n        return triggerNode.parentNode || _vm.document.body;\n      }\n    },\n    model: {\n      value: _vm.nodeValue,\n      callback: function ($$v) {\n        _vm.nodeValue = $$v;\n      },\n      expression: \"nodeValue\"\n    }\n  }, \"component\", _vm.$attrs, false), _vm.$listeners));\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/RenderComp.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");
 
 /***/ }),
 
@@ -9472,7 +9472,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".ADatePicker[data-v-25e0401f] {\\n  width: 100%;\\n  display: flex;\\n  gap: 0 6px;\\n}\\n.ADatePicker .ant-calendar-picker[data-v-25e0401f] {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ARangePicker.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".ADatePicker[data-v-25e0401f] {\\n  width: 100%;\\n  display: flex;\\n  align-items: center;\\n  gap: 0 6px;\\n}\\n.ADatePicker .ant-calendar-picker[data-v-25e0401f] {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ARangePicker.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -9538,7 +9538,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n  display: flex;\\n  border: 1px solid #e8e8e8;\\n  box-sizing: border-box;\\n  width: 100%;\\n  height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n  flex: 1;\\n  padding: 16px 24px;\\n  box-sizing: border-box;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n  border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-input-search-icon {\\n  color: #1890ff;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {\\n  background-color: #fafafa;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n  display: flex;\\n  color: #1890ff;\\n  margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n  flex: 1;\\n  text-align: right;\\n  color: #1890ff;\\n  cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n  border-radius: 0;\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n  border-radius: 0;\\n  border-radius: 5px;\\n  background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n  -webkit-transition: all 0.2s;\\n  transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n  width: 6px;\\n  height: 56px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n  width: 100%;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n  height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 0 12px;\\n  box-sizing: border-box;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item:hover {\\n  color: #1890ff;\\n  background: #fafafa;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-inner {\\n  background: transparent;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-checked .ant-tree-checkbox-inner {\\n  background-color: #1890ff;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/table.umd.js

@@ -4347,7 +4347,7 @@ eval("//\n\nmodule.exports = function shallowEqual(objA, objB, compare, compareC
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$refs.TableHead.clientHeight && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/tree.umd.js

@@ -3423,7 +3423,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n  display: flex;\\n  border: 1px solid #e8e8e8;\\n  box-sizing: border-box;\\n  width: 100%;\\n  height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n  flex: 1;\\n  padding: 16px 24px;\\n  box-sizing: border-box;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n  border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-input-search-icon {\\n  color: #1890ff;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {\\n  background-color: #fafafa;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n  display: flex;\\n  color: #1890ff;\\n  margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n  flex: 1;\\n  text-align: right;\\n  color: #1890ff;\\n  cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n  border-radius: 0;\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n  border-radius: 0;\\n  border-radius: 5px;\\n  background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n  -webkit-transition: all 0.2s;\\n  transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n  background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n  width: 6px;\\n  height: 56px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n  width: 100%;\\n  display: flex;\\n  gap: 0;\\n  flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n  height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 0 12px;\\n  box-sizing: border-box;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item:hover {\\n  color: #1890ff;\\n  background: #fafafa;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-inner {\\n  background: transparent;\\n}\\n.publicTreeCheck[data-v-45ca0cb8] .ant-tree-checkbox-checked .ant-tree-checkbox-inner {\\n  background-color: #1890ff;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/lib/form/Search.vue

@@ -9,17 +9,11 @@
         :style="getFormWidth(node, matchMediaSize)"
         v-if="!node.hidden"
       >
-        <component
-          :is="node.is || 'Input'"
-          :placeholder="node.is | defaultPlaceholder(node)"
-          :getPopupContainer="
-            triggerNode => {
-              return triggerNode.parentNode || document.body
-            }
-          "
+        <RenderComp
           v-on="node.event"
           v-bind="node.attrs"
           v-model="form[node.model]"
+          :component="node.is || 'Input'"
         />
       </FormModelItem>
     </template> 
@@ -37,25 +31,17 @@
 <script>
 
 import resetFields from './utils/resetFields'
-import { FormModel, Button, Radio, Input, InputNumber, Checkbox, DatePicker, TimePicker, Cascader, Icon } from 'ant-design-vue'
+import RenderComp from './components/RenderComp.vue'
+import { Icon, Button, FormModel } from 'ant-design-vue'
 
 export default {
   name: 'Search',
   components: {
+    Icon,
+    Button,
     FormModel, 
     FormModelItem: FormModel.Item,
-    Button,
-    Radio,
-    Input,
-    InputNumber,
-    Checkbox,
-    DatePicker,
-    TimePicker, 
-    Cascader,
-    ASelectCustom: () => import('./components/ASelectCustom.vue'),
-    ACascaderMultiple: () => import('./components/ACascaderMultiple.vue'),
-    ATagsInput: () => import('./components/ATagsInput.vue'),
-    Icon
+    RenderComp
   },
   data() {
     return {
@@ -131,13 +117,6 @@ export default {
       return this.advanced ? this.copyFormSetting.length : this.matchMediaSize - 1
     }
   },
-  filters: {
-    defaultPlaceholder(is, { placeholder }) {
-      if (placeholder) return placeholder
-      if (is && is.includes('range')) return ['开始时间', '结束时间']
-      return /(select|picker|radio|upload)/.test(is) ? '请选择' : '请输入'
-    }
-  },
   mounted() { 
     this.autoCall && this.handleSearch()
     this.matchMediaSize = this.layoutSize

package/lib/form/components/ARangePicker.vue

@@ -109,6 +109,7 @@ export default {
 .ADatePicker {
   width: 100%;
   display: flex;
+  align-items: center;
   gap: 0 6px;
 
   .ant-calendar-picker {

package/lib/form/components/RenderComp.vue

@@ -1,5 +1,16 @@
 <template>
-  <component :is="component" v-model="nodeValue" v-bind="$attrs" v-on="$listeners" :placeholder='getPlaceholder()' />
+  <component 
+    :is="component" 
+    v-bind="$attrs"
+    v-on="$listeners"
+    v-model="nodeValue" 
+    :placeholder='getPlaceholder()'
+    :getPopupContainer="
+      triggerNode => {
+        return triggerNode.parentNode || document.body
+      }
+    "
+  />
 </template>
 <script>
 import { Input,InputNumber,Checkbox,DatePicker,TimePicker,Cascader,TreeSelect,Switch } from 'ant-design-vue' 
@@ -33,8 +44,8 @@ export default {
     component: {
         type: String,
         default: 'Input'
-    } 
-  }, 
+    }
+  },
   computed: {
     nodeValue: {
       get () { 

package/lib/table/index.vue

@@ -149,6 +149,7 @@ export default {
     // window.removeEventListener( 'resize' )
   },
   methods: {
+    /** 根据内容高度计算滚动长度 */
     getScrollBodyH() {
       this.tableScrollBody = 
         this.$refs.Table.clientHeight -
@@ -167,7 +168,7 @@ export default {
       this.$refs.Table.querySelectorAll('div').forEach( node => {
         node.className == 'ant-table-title' && (domElement = node)
       } )
-      !this.$refs.TableHead.clientHeight && this.$refs.TableHead.remove()
+      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove()
       !this.$scopedSlots.ATableTitle && ( domElement.style.padding = '0' )
     },
     onSelectChange(selectedKey, selectedRecord) {

package/lib/tree/Tree.vue

@@ -173,89 +173,5 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-// .publicTreeCheck {
-//   display: flex;
-//   border: 1px solid @line-split-color;
-//   box-sizing: border-box;
-
-//   .layout( 100%, 100% );
-
-//   & > div {
-//     flex: 1;
-//     padding: @padding-md @padding-lg;
-//     box-sizing: border-box;
-//     .flex-layout( column );
-//   }
-
-//   .TreeSelect {
-//     border-right: 1px solid @line-split-color;
-
-//     :deep(.ant-input-search-icon) {
-//       color: @info-color;
-//     }
-
-//     :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
-//       background-color: @select-item-selected-bg;
-//     }
-//   }
-
-//   .TreeReveal {
-//     .TreeSelectCount {
-//       display: flex;
-//       color: @--primary-color;
-
-//       margin-bottom: @padding-md;
-
-//       .clear {
-//         flex: 1;
-//         text-align: right;
-//         color: @info-color;
-//         cursor: pointer;
-//       }
-//     }
-
-//     .TreeListPage {
-//       // @include ScrollBarStyle();
-//       :deep(.ant-checkbox-group) {
-//         width: 100%;
-//         .flex-layout( column );
-//       }
-//       :deep(.ant-checkbox-group-item) {
-//         height: 40px;
-//         display: flex;
-//         align-items: center;
-
-//         padding: 0 @padding-sm;
-//         box-sizing: border-box;
-//       }
-//       :deep(.ant-checkbox-group-item:hover) {
-//         color: @--primary-color;
-//         background: @fill-color-fade2;
-//       }
-//     }
-//   }
-
-//   :deep(
-//       .ant-tree.ant-tree-directory
-//         .ant-tree-child-tree
-//         > li.ant-tree-treenode-selected
-//         > span.ant-tree-checkbox.ant-tree-checkbox-checked
-//         .ant-tree-checkbox-inner
-//     ) {
-//     background-color: @btn-primary-bg;
-//     &::after {
-//       border-color: @white !important;
-//     }
-//   }
-//   :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
-//     background-color: @select-item-selected-bg;
-//   }
-//   :deep(.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher) {
-//     background: @fill-color-fade1;
-//   }
-
-//   :deep(.ant-tree-checkbox-checked::after) {
-//     border-color: transparent;
-//   }
-// }
+@import url('./style/Tree.less');
 </style>

package/lib/tree/style/Tree.less

@@ -0,0 +1,73 @@
+/* 混入样式 */
+@import '../../style/mixins.less'; 
+@import '~ant-design-vue/lib/style/themes/default.less';
+
+.publicTreeCheck { 
+    display: flex;
+    border: 1px solid @border-color-split; 
+    box-sizing: border-box;
+  
+    .layout( 100%, 100% );
+  
+    & > div {
+      flex: 1;
+      padding: @padding-md @padding-lg; 
+      box-sizing: border-box;
+      .flex-layout( column );
+    } 
+  
+    .TreeSelect {
+      border-right: 1px solid @border-color-split;
+  
+      :deep(.ant-input-search-icon) {
+        color: @info-color;
+      }
+  
+      :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
+        background-color: @select-item-selected-bg;
+      }
+    }
+  
+    .TreeReveal {
+      .TreeSelectCount {
+        display: flex;
+        color: @primary-color;
+  
+        margin-bottom: @padding-md;
+  
+        .clear {
+          flex: 1;
+          text-align: right;
+          color: @info-color;
+          cursor: pointer;
+        }
+      }
+  
+      .TreeListPage {
+        .scrollbarStyle(); 
+        :deep(.ant-checkbox-group) {
+          width: 100%;
+          .flex-layout( column );
+        }
+        :deep(.ant-checkbox-group-item) {
+          height: 40px;
+          display: flex;
+          align-items: center;
+  
+          padding: 0 @padding-sm;
+          box-sizing: border-box;
+        }
+        :deep(.ant-checkbox-group-item:hover) {
+          color: @primary-color;
+          background: @background-color-light;
+        }
+      }
+    }
+
+    :deep(.ant-tree-checkbox-inner) {
+      background: transparent;
+    }
+    :deep(.ant-tree-checkbox-checked .ant-tree-checkbox-inner) {
+      background-color: @btn-primary-bg;
+    }
+}

package/package.json

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

package/plugins/lib/form/Search.vue

@@ -9,17 +9,11 @@
         :style="getFormWidth(node, matchMediaSize)"
         v-if="!node.hidden"
       >
-        <component
-          :is="node.is || 'Input'"
-          :placeholder="node.is | defaultPlaceholder(node)"
-          :getPopupContainer="
-            triggerNode => {
-              return triggerNode.parentNode || document.body
-            }
-          "
+        <RenderComp
           v-on="node.event"
           v-bind="node.attrs"
           v-model="form[node.model]"
+          :component="node.is || 'Input'"
         />
       </FormModelItem>
     </template> 
@@ -37,25 +31,17 @@
 <script>
 
 import resetFields from './utils/resetFields'
-import { FormModel, Button, Radio, Input, InputNumber, Checkbox, DatePicker, TimePicker, Cascader, Icon } from 'ant-design-vue'
+import RenderComp from './components/RenderComp.vue'
+import { Icon, Button, FormModel } from 'ant-design-vue'
 
 export default {
   name: 'Search',
   components: {
+    Icon,
+    Button,
     FormModel, 
     FormModelItem: FormModel.Item,
-    Button,
-    Radio,
-    Input,
-    InputNumber,
-    Checkbox,
-    DatePicker,
-    TimePicker, 
-    Cascader,
-    ASelectCustom: () => import('./components/ASelectCustom.vue'),
-    ACascaderMultiple: () => import('./components/ACascaderMultiple.vue'),
-    ATagsInput: () => import('./components/ATagsInput.vue'),
-    Icon
+    RenderComp
   },
   data() {
     return {
@@ -131,13 +117,6 @@ export default {
       return this.advanced ? this.copyFormSetting.length : this.matchMediaSize - 1
     }
   },
-  filters: {
-    defaultPlaceholder(is, { placeholder }) {
-      if (placeholder) return placeholder
-      if (is && is.includes('range')) return ['开始时间', '结束时间']
-      return /(select|picker|radio|upload)/.test(is) ? '请选择' : '请输入'
-    }
-  },
   mounted() { 
     this.autoCall && this.handleSearch()
     this.matchMediaSize = this.layoutSize

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

@@ -109,6 +109,7 @@ export default {
 .ADatePicker {
   width: 100%;
   display: flex;
+  align-items: center;
   gap: 0 6px;
 
   .ant-calendar-picker {

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

@@ -1,5 +1,16 @@
 <template>
-  <component :is="component" v-model="nodeValue" v-bind="$attrs" v-on="$listeners" :placeholder='getPlaceholder()' />
+  <component 
+    :is="component" 
+    v-bind="$attrs"
+    v-on="$listeners"
+    v-model="nodeValue" 
+    :placeholder='getPlaceholder()'
+    :getPopupContainer="
+      triggerNode => {
+        return triggerNode.parentNode || document.body
+      }
+    "
+  />
 </template>
 <script>
 import { Input,InputNumber,Checkbox,DatePicker,TimePicker,Cascader,TreeSelect,Switch } from 'ant-design-vue' 
@@ -33,8 +44,8 @@ export default {
     component: {
         type: String,
         default: 'Input'
-    } 
-  }, 
+    }
+  },
   computed: {
     nodeValue: {
       get () { 

package/plugins/lib/table/index.vue

@@ -149,6 +149,7 @@ export default {
     // window.removeEventListener( 'resize' )
   },
   methods: {
+    /** 根据内容高度计算滚动长度 */
     getScrollBodyH() {
       this.tableScrollBody = 
         this.$refs.Table.clientHeight -
@@ -167,7 +168,7 @@ export default {
       this.$refs.Table.querySelectorAll('div').forEach( node => {
         node.className == 'ant-table-title' && (domElement = node)
       } )
-      !this.$refs.TableHead.clientHeight && this.$refs.TableHead.remove()
+      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove()
       !this.$scopedSlots.ATableTitle && ( domElement.style.padding = '0' )
     },
     onSelectChange(selectedKey, selectedRecord) {

package/plugins/lib/tree/Tree.vue

@@ -173,89 +173,5 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-// .publicTreeCheck {
-//   display: flex;
-//   border: 1px solid @line-split-color;
-//   box-sizing: border-box;
-
-//   .layout( 100%, 100% );
-
-//   & > div {
-//     flex: 1;
-//     padding: @padding-md @padding-lg;
-//     box-sizing: border-box;
-//     .flex-layout( column );
-//   }
-
-//   .TreeSelect {
-//     border-right: 1px solid @line-split-color;
-
-//     :deep(.ant-input-search-icon) {
-//       color: @info-color;
-//     }
-
-//     :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
-//       background-color: @select-item-selected-bg;
-//     }
-//   }
-
-//   .TreeReveal {
-//     .TreeSelectCount {
-//       display: flex;
-//       color: @--primary-color;
-
-//       margin-bottom: @padding-md;
-
-//       .clear {
-//         flex: 1;
-//         text-align: right;
-//         color: @info-color;
-//         cursor: pointer;
-//       }
-//     }
-
-//     .TreeListPage {
-//       // @include ScrollBarStyle();
-//       :deep(.ant-checkbox-group) {
-//         width: 100%;
-//         .flex-layout( column );
-//       }
-//       :deep(.ant-checkbox-group-item) {
-//         height: 40px;
-//         display: flex;
-//         align-items: center;
-
-//         padding: 0 @padding-sm;
-//         box-sizing: border-box;
-//       }
-//       :deep(.ant-checkbox-group-item:hover) {
-//         color: @--primary-color;
-//         background: @fill-color-fade2;
-//       }
-//     }
-//   }
-
-//   :deep(
-//       .ant-tree.ant-tree-directory
-//         .ant-tree-child-tree
-//         > li.ant-tree-treenode-selected
-//         > span.ant-tree-checkbox.ant-tree-checkbox-checked
-//         .ant-tree-checkbox-inner
-//     ) {
-//     background-color: @btn-primary-bg;
-//     &::after {
-//       border-color: @white !important;
-//     }
-//   }
-//   :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
-//     background-color: @select-item-selected-bg;
-//   }
-//   :deep(.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher) {
-//     background: @fill-color-fade1;
-//   }
-
-//   :deep(.ant-tree-checkbox-checked::after) {
-//     border-color: transparent;
-//   }
-// }
+@import url('./style/Tree.less');
 </style>

package/plugins/lib/tree/style/Tree.less

@@ -0,0 +1,73 @@
+/* 混入样式 */
+@import '../../style/mixins.less'; 
+@import '~ant-design-vue/lib/style/themes/default.less';
+
+.publicTreeCheck { 
+    display: flex;
+    border: 1px solid @border-color-split; 
+    box-sizing: border-box;
+  
+    .layout( 100%, 100% );
+  
+    & > div {
+      flex: 1;
+      padding: @padding-md @padding-lg; 
+      box-sizing: border-box;
+      .flex-layout( column );
+    } 
+  
+    .TreeSelect {
+      border-right: 1px solid @border-color-split;
+  
+      :deep(.ant-input-search-icon) {
+        color: @info-color;
+      }
+  
+      :deep(.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected) {
+        background-color: @select-item-selected-bg;
+      }
+    }
+  
+    .TreeReveal {
+      .TreeSelectCount {
+        display: flex;
+        color: @primary-color;
+  
+        margin-bottom: @padding-md;
+  
+        .clear {
+          flex: 1;
+          text-align: right;
+          color: @info-color;
+          cursor: pointer;
+        }
+      }
+  
+      .TreeListPage {
+        .scrollbarStyle(); 
+        :deep(.ant-checkbox-group) {
+          width: 100%;
+          .flex-layout( column );
+        }
+        :deep(.ant-checkbox-group-item) {
+          height: 40px;
+          display: flex;
+          align-items: center;
+  
+          padding: 0 @padding-sm;
+          box-sizing: border-box;
+        }
+        :deep(.ant-checkbox-group-item:hover) {
+          color: @primary-color;
+          background: @background-color-light;
+        }
+      }
+    }
+
+    :deep(.ant-tree-checkbox-inner) {
+      background: transparent;
+    }
+    :deep(.ant-tree-checkbox-checked .ant-tree-checkbox-inner) {
+      background-color: @btn-primary-bg;
+    }
+}

package/plugins/lib/tree/style/index.less

@@ -1 +0,0 @@
-@import './Directory.less';