web-component-gallery 0.1.65 → 0.1.67

package/dist/amap.umd.js

@@ -8186,7 +8186,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    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 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");
 
 /***/ }),
 
@@ -9230,7 +9230,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, \".TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.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, \".TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n  min-height: 32px;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.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

@@ -6934,7 +6934,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    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 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");
 
 /***/ }),
 
@@ -7253,7 +7253,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, \".TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.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, \".TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n  min-height: 32px;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.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

@@ -8186,7 +8186,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    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 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");
 
 /***/ }),
 
@@ -9230,7 +9230,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, \".TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.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, \".TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n  min-height: 32px;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.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

@@ -54,6 +54,7 @@ export default {
     Cascader,
     ASelectCustom: () => import('./components/ASelectCustom.vue'),
     ACascaderMultiple: () => import('./components/ACascaderMultiple.vue'),
+    ATagsInput: () => import('./components/ATagsInput.vue'),
     Icon
   },
   data() {

package/lib/form/components/ATagsInput.vue

@@ -66,5 +66,6 @@ export default {
   width: 100%;
   height: auto;
   cursor: pointer;
+  min-height: 32px;
 }
 </style>

package/package.json

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

package/plugins/lib/form/Search.vue

@@ -54,6 +54,7 @@ export default {
     Cascader,
     ASelectCustom: () => import('./components/ASelectCustom.vue'),
     ACascaderMultiple: () => import('./components/ACascaderMultiple.vue'),
+    ATagsInput: () => import('./components/ATagsInput.vue'),
     Icon
   },
   data() {

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

@@ -66,5 +66,6 @@ export default {
   width: 100%;
   height: auto;
   cursor: pointer;
+  min-height: 32px;
 }
 </style>