@v2coding/ui 0.1.0 → 0.1.1

package/dist/v2coding-ui.esm.js

@@ -434,8 +434,7 @@ var Router = {
   getRouter,
   addInterceptor,
   removeInterceptor,
-  Interceptor,
-  VueRouter
+  Interceptor
 };
 
 const SCRIPT_ID = 'iconfont';
@@ -1077,8 +1076,8 @@ var __vue_staticRenderFns__$x = [];
 
 const __vue_inject_styles__$y = function (inject) {
   if (!inject) return;
-  inject("data-v-18089e3c_0", {
-    source: ".ui-icon[data-v-18089e3c]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;display:inline-block}.ui-icon.ui-icon-loading[data-v-18089e3c]{animation:rotating-data-v-18089e3c 2s linear infinite}@keyframes rotating-data-v-18089e3c{from{transform:rotate(0)}to{transform:rotate(1turn)}}",
+  inject("data-v-135b2758_0", {
+    source: ".ui-icon[data-v-135b2758]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;display:inline-block}.ui-icon.ui-icon-loading[data-v-135b2758]{animation:rotating-data-v-135b2758 2s linear infinite}@keyframes rotating-data-v-135b2758{from{transform:rotate(0)}to{transform:rotate(1turn)}}",
     map: undefined,
     media: undefined
   });
@@ -1086,7 +1085,7 @@ const __vue_inject_styles__$y = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$y = "data-v-18089e3c";
+const __vue_scope_id__$y = "data-v-135b2758";
 /* module identifier */
 
 const __vue_module_identifier__$y = undefined;
@@ -1110,436 +1109,6 @@ var Icon = {
   }
 };
 
-//
-var script$w = {
-  name: 'ui-form',
-  inheritAttrs: false,
-
-  provide() {
-    return {
-      uiForm: this
-    };
-  },
-
-  props: {
-    disabled: Boolean,
-    labelWidth: {
-      type: String,
-      default: '105px'
-    },
-    fields: Array,
-    url: String,
-    method: {
-      type: String,
-      validator: val => ['get', 'post', 'put'].includes(val),
-      default: 'post'
-    },
-
-    /**
-     * 是否显示 label 后面的冒号
-     */
-    colon: {
-      type: Boolean,
-      default: undefined
-    },
-    beforeSubmit: {
-      type: Function,
-      default: () => void 0
-    },
-    submitting: {
-      type: Boolean,
-      default: false
-    }
-    /**
-     * listeners:
-     *   ready 所有表单项都准备好后触发
-     *   submit 触发提交事件
-     *   after-submit  配置 url 后触发submit事件时触发提交数据完成事件
-     *   validate  任一表单项被校验后触发
-     **/
-
-  },
-
-  data() {
-    this.fieldStatus = []; // [{name,status,componentInstance}, ...]
-
-    return {
-      fieldList: [] // [[name, value], ...]
-
-    };
-  },
-
-  created() {},
-
-  computed: {
-    model() {
-      return Object.fromEntries(this.fieldList);
-    },
-
-    listeners() {
-      // eslint-disable-next-line
-      const {
-        submit,
-        ready,
-        ...listeners
-      } = this.$listeners;
-      return listeners;
-    }
-
-  },
-
-  mounted() {
-    this.$el.addEventListener('reset', this.onReset);
-    this.checkFieldsReady();
-  },
-
-  beforeDestroy() {
-    this.$el.removeEventListener('reset', this.onReset);
-  },
-
-  methods: {
-    /**
-     * @public
-     */
-    validate() {
-      return this.$refs.form.validate(...arguments);
-    },
-
-    /**
-     * @public
-     */
-    validateField() {
-      return this.$refs.form.validateField(...arguments);
-    },
-
-    /**
-     * @public
-     */
-    clearValidate() {
-      return this.$refs.form.clearValidate(...arguments);
-    },
-
-    /**
-     * @public
-     */
-    resetValues(values) {
-      if (!Objects.isObject(values)) {
-        values = {};
-      }
-
-      this.fieldList.slice().forEach(_ref => {
-        let [name,, field] = _ref;
-
-        if (Object.prototype.hasOwnProperty.call(values, name)) {
-          field.resetField(values[name]);
-        } else {
-          field.resetField();
-        }
-      });
-    },
-
-    /**
-     * @public
-     */
-    setValues(values) {
-      if (!values || !Objects.isObject(values)) {
-        return;
-      }
-
-      Object.entries(values).forEach(_ref2 => {
-        let [fieldName, fieldValue] = _ref2;
-        const fieldItem = this.fieldList.find(_ref3 => {
-          let [name] = _ref3;
-          return name === fieldName;
-        });
-
-        if (!fieldItem) {
-          return;
-        }
-
-        fieldItem[2].fieldValue = fieldValue;
-      });
-    },
-
-    /**
-     * @public
-     */
-    getValues() {
-      return Object.fromEntries(this.fieldList);
-    },
-
-    /**
-     * @private
-     */
-    addField(name) {
-      let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      let instance = arguments.length > 2 ? arguments[2] : undefined;
-
-      if (!Object.hasOwnProperty.call(this.model, name)) {
-        this.onFieldChange(name, defaultValue, instance);
-      }
-    },
-
-    /**
-     * (函数节流. 600ms内只执行一次, 防止 form 表单多次提交)
-     * @private
-     */
-    onSubmit: throttle(function () {
-      let formData = this.getValues();
-      const allow = this.beforeSubmit(formData);
-
-      if (typeof allow === 'boolean' && allow === false) {
-        return;
-      }
-
-      if (typeof allow === 'object') {
-        formData = allow;
-      }
-
-      this.validate(valid => {
-        if (!valid) {
-          return;
-        }
-
-        this.$emit('submit', formData);
-        this.doAction(formData);
-      });
-    }, 600, {
-      trailing: false
-    }),
-
-    doAction(data) {
-      var _this = this;
-
-      if (!this.url) {
-        return;
-      }
-
-      let def;
-      this.$emit('update:submitting', true);
-
-      if (this.method === 'get') {
-        def = this.getWithMessage(this.url, {
-          params: data
-        });
-      } else {
-        def = this.postWithMessage(this.url, data);
-      }
-
-      def.then(function () {
-        _this.$emit('update:submitting', false);
-
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        _this.$emit('after-submit', ...args);
-      }).catch(function () {
-        _this.$emit('update:submitting', false);
-
-        return Promise.reject(...arguments);
-      });
-    },
-
-    /**
-     * @private
-     */
-    onReset(e) {
-      e.preventDefault();
-      this.resetValues();
-      this.$emit('reset');
-    },
-
-    /**
-     * @private
-     */
-    trigger(event) {
-      if (typeof event !== 'string') {
-        return;
-      }
-
-      const e = event.toLowerCase().replace(/( |^)[a-z]/g, L => L.toUpperCase());
-
-      if (!this[`onField${e}`]) {
-        return;
-      }
-
-      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-        args[_key2 - 1] = arguments[_key2];
-      }
-
-      this[`onField${e}`](...args);
-    },
-
-    getAllFields() {
-      const getFormFields = components => {
-        if (!Array.isArray(components) || !components.length) {
-          return [];
-        }
-
-        return components.reduce((total, component) => {
-          // ui-table-select-item mixins ui-form-item
-          if (['ui-form-item', 'ui-table-select-item'].includes(component.$options.name)) {
-            !component.ignore && component.name && total.push(component.name);
-          } else {
-            total.push(...getFormFields(component.$children));
-          }
-
-          return total;
-        }, []);
-      };
-
-      this.formFields = getFormFields(this.$children);
-      return this.formFields;
-    },
-
-    /**
-     * @private
-     */
-    onFieldPending(component) {
-      if (component.name) {
-        this.fieldStatus.push({
-          name: component.name,
-          status: false,
-          instance: component
-        });
-      }
-    },
-
-    /**
-     * @private
-     */
-    onFieldDestroy(component) {
-      if (component.name) {
-        const index = this.fieldStatus.findIndex(item => item.name === component.name);
-        index !== -1 && this.fieldStatus.splice(index, 1);
-        const i = this.fieldList.findIndex(item => item[0] === component.name);
-        this.fieldList.splice(i, 1);
-      }
-
-      const formFields = this.getAllFields();
-
-      if (formFields.length === this.fieldStatus.length) {
-        this.checkFieldsReady();
-      }
-    },
-
-    /**
-     * @private
-     */
-    onFieldDone(component) {
-      if (!component.name) {
-        return;
-      }
-
-      const index = this.fieldStatus.findIndex(item => item.name === component.name);
-
-      if (index === -1) {
-        this.fieldStatus.push({
-          name: component.name,
-          status: true,
-          instance: component
-        });
-      } else {
-        this.fieldStatus.splice(index, 1, {
-          name: component.name,
-          status: true,
-          instance: component
-        });
-      }
-
-      const formFields = this.getAllFields();
-
-      if (formFields.length === this.fieldStatus.length) {
-        this.checkFieldsReady();
-      }
-    },
-
-    onFieldChange(fieldName, fieldValue, instance) {
-      const index = this.fieldList.findIndex(item => item[0] === fieldName);
-      const current = Object.freeze([fieldName, fieldValue, instance]);
-
-      if (index === -1) {
-        this.fieldList.push(current);
-      } else {
-        this.fieldList.splice(index, 1, current);
-      }
-    },
-
-    checkFieldsReady() {
-      const isPending = this.fieldStatus.some(item => !item.status);
-
-      if (!isPending) {
-        this.$emit('ready');
-      }
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__$x = script$w;
-/* template */
-
-var __vue_render__$w = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('el-form', _vm._g(_vm._b({
-    ref: "form",
-    attrs: {
-      "model": _vm.model,
-      "label-width": _vm.labelWidth
-    },
-    nativeOn: {
-      "submit": function ($event) {
-        $event.preventDefault();
-        return _vm.onSubmit.apply(null, arguments);
-      }
-    }
-  }, 'el-form', _vm.$attrs, false), _vm.listeners), [_vm._l(_vm.fields, function (field, i) {
-    return _c(field.componentName || 'ui-form-item', _vm._g(_vm._b({
-      key: i,
-      tag: "component"
-    }, 'component', field, false), field.listeners));
-  }), _vm._v(" "), _vm._t("default")], 2);
-};
-
-var __vue_staticRenderFns__$w = [];
-/* style */
-
-const __vue_inject_styles__$x = function (inject) {
-  if (!inject) return;
-  inject("data-v-6e1373ba_0", {
-    source: ".el-form--inline[data-v-6e1373ba]  .el-form-item{display:inline-flex}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$x = "data-v-6e1373ba";
-/* module identifier */
-
-const __vue_module_identifier__$x = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$x = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$x = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
-
-var Form$1 = __vue_component__$x;
-
 const ID_Card = {
   /** 最低年限 */
   MIN: 1930,
@@ -2161,10 +1730,6 @@ var FieldMixin = {
         return;
       }
 
-      if (this.ignore) {
-        return;
-      }
-
       this.uiForm.trigger('destroy', this);
     },
 
@@ -2174,10 +1739,6 @@ var FieldMixin = {
         return;
       }
 
-      if (this.ignore) {
-        return;
-      }
-
       this.uiForm.trigger('pending', this);
     },
 
@@ -2187,10 +1748,6 @@ var FieldMixin = {
         return;
       }
 
-      if (this.ignore) {
-        return;
-      }
-
       this.$nextTick(() => this.uiForm.trigger('done', this));
       this.$emit('ready');
     },
@@ -2232,17 +1789,17 @@ var DisplayField = {
 };
 
 //
-var script$v = {
+var script$w = {
   name: 'ui-field-autocomplete',
   inheritAttrs: false,
   mixins: [FieldMixin]
 };
 
 /* script */
-const __vue_script__$w = script$v;
+const __vue_script__$x = script$w;
 /* template */
 
-var __vue_render__$v = function () {
+var __vue_render__$w = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2256,34 +1813,34 @@ var __vue_render__$v = function () {
   }, 'el-autocomplete', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$v = [];
+var __vue_staticRenderFns__$w = [];
 /* style */
 
-const __vue_inject_styles__$w = undefined;
+const __vue_inject_styles__$x = undefined;
 /* scoped */
 
-const __vue_scope_id__$w = undefined;
+const __vue_scope_id__$x = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$w = undefined;
+const __vue_module_identifier__$x = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$w = false;
+const __vue_is_functional_template__$x = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$v,
-  staticRenderFns: __vue_staticRenderFns__$v
-}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, undefined, undefined, undefined);
+const __vue_component__$x = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, undefined, undefined, undefined);
 
-var AutocompleteField = __vue_component__$w;
+var AutocompleteField = __vue_component__$x;
 
 //
-var script$u = {
+var script$v = {
   name: 'ui-field-text',
   inheritAttrs: false,
   mixins: [FieldMixin],
@@ -2327,10 +1884,10 @@ var script$u = {
 };
 
 /* script */
-const __vue_script__$v = script$u;
+const __vue_script__$w = script$v;
 /* template */
 
-var __vue_render__$u = function () {
+var __vue_render__$v = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2350,10 +1907,10 @@ var __vue_render__$u = function () {
   }, 'el-input', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$u = [];
+var __vue_staticRenderFns__$v = [];
 /* style */
 
-const __vue_inject_styles__$v = function (inject) {
+const __vue_inject_styles__$w = function (inject) {
   if (!inject) return;
   inject("data-v-5e8a712c_0", {
     source: ".el-input__suffix-inner{display:flex;align-items:center;height:100%}.el-input--large .el-input__count .el-input__count-inner{line-height:38px}.el-input--medium .el-input__count .el-input__count-inner{line-height:34px}.el-input--mini .el-input__count .el-input__count-inner{line-height:26px}",
@@ -2364,23 +1921,23 @@ const __vue_inject_styles__$v = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$v = undefined;
+const __vue_scope_id__$w = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$v = undefined;
+const __vue_module_identifier__$w = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$v = false;
+const __vue_is_functional_template__$w = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$v = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$u,
-  staticRenderFns: __vue_staticRenderFns__$u
-}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
+const __vue_component__$w = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$v,
+  staticRenderFns: __vue_staticRenderFns__$v
+}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
 
-var TextField = __vue_component__$v;
+var TextField = __vue_component__$w;
 
 const mapLabelValue = (data, config) => {
   if (!Array.isArray(data)) {
@@ -2571,7 +2128,7 @@ var DataMixin = {
 };
 
 //
-var script$t = {
+var script$u = {
   name: 'ui-field-radio',
   mixins: [FieldMixin, DataMixin],
   props: {
@@ -2639,10 +2196,10 @@ var script$t = {
 };
 
 /* script */
-const __vue_script__$u = script$t;
+const __vue_script__$v = script$u;
 /* template */
 
-var __vue_render__$t = function () {
+var __vue_render__$u = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2692,10 +2249,10 @@ var __vue_render__$t = function () {
   }, [_vm._v("重新加载")])], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$t = [];
+var __vue_staticRenderFns__$u = [];
 /* style */
 
-const __vue_inject_styles__$u = function (inject) {
+const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
   inject("data-v-f02e57a0_0", {
     source: ".ui-field-radio .empty[data-v-f02e57a0]{display:inline-flex;align-items:center;font-size:12px;color:#909399}.ui-field-radio>.el-radio-group[data-v-f02e57a0]{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center}.ui-field-radio>.el-radio-group .el-radio[data-v-f02e57a0]{line-height:36px}[data-v-f02e57a0] .el-loading-mask .el-loading-spinner{margin-top:-14px}",
@@ -2706,26 +2263,26 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$u = "data-v-f02e57a0";
+const __vue_scope_id__$v = "data-v-f02e57a0";
 /* module identifier */
 
-const __vue_module_identifier__$u = undefined;
+const __vue_module_identifier__$v = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$u = false;
+const __vue_is_functional_template__$v = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$t,
-  staticRenderFns: __vue_staticRenderFns__$t
-}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
+const __vue_component__$v = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$u,
+  staticRenderFns: __vue_staticRenderFns__$u
+}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
 
-var RadioField = __vue_component__$u;
+var RadioField = __vue_component__$v;
 
 //
-var script$s = {
+var script$t = {
   name: 'ui-field-checkbox',
   mixins: [FieldMixin, DataMixin],
   props: {
@@ -2806,10 +2363,10 @@ var script$s = {
 };
 
 /* script */
-const __vue_script__$t = script$s;
+const __vue_script__$u = script$t;
 /* template */
 
-var __vue_render__$s = function () {
+var __vue_render__$t = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2896,10 +2453,10 @@ var __vue_render__$s = function () {
   }, [_vm._v("重新加载")])], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$s = [];
+var __vue_staticRenderFns__$t = [];
 /* style */
 
-const __vue_inject_styles__$t = function (inject) {
+const __vue_inject_styles__$u = function (inject) {
   if (!inject) return;
   inject("data-v-fe03ce2a_0", {
     source: ".ui-field-checkbox .all[data-v-fe03ce2a]{display:flex}.ui-field-checkbox .all>.el-checkbox[data-v-fe03ce2a]{margin-right:0}.ui-field-checkbox .options[data-v-fe03ce2a]{display:flex;flex-direction:row;align-items:center}.ui-field-checkbox .empty[data-v-fe03ce2a]{display:inline-flex;align-items:center;font-size:12px;color:#909399}.ui-field-checkbox[data-v-fe03ce2a]  .el-checkbox{margin:0 8px 0 0}.ui-field-checkbox[data-v-fe03ce2a]  .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:0}.ui-field-checkbox[data-v-fe03ce2a]  .el-divider{margin:0 10px}[data-v-fe03ce2a] .el-loading-mask .el-loading-spinner{margin-top:-14px}",
@@ -2910,26 +2467,26 @@ const __vue_inject_styles__$t = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$t = "data-v-fe03ce2a";
+const __vue_scope_id__$u = "data-v-fe03ce2a";
 /* module identifier */
 
-const __vue_module_identifier__$t = undefined;
+const __vue_module_identifier__$u = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$t = false;
+const __vue_is_functional_template__$u = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$t = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
-}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
+const __vue_component__$u = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
+}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
 
-var CheckboxField = __vue_component__$t;
+var CheckboxField = __vue_component__$u;
 
 //
-var script$r = {
+var script$s = {
   name: 'ui-field-select',
   mixins: [FieldMixin, DataMixin],
   inheritAttrs: false,
@@ -3123,10 +2680,10 @@ var script$r = {
 };
 
 /* script */
-const __vue_script__$s = script$r;
+const __vue_script__$t = script$s;
 /* template */
 
-var __vue_render__$r = function () {
+var __vue_render__$s = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3251,10 +2808,10 @@ var __vue_render__$r = function () {
   })], 1)], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$s = [];
 /* style */
 
-const __vue_inject_styles__$s = function (inject) {
+const __vue_inject_styles__$t = function (inject) {
   if (!inject) return;
   inject("data-v-7c196bc6_0", {
     source: ".ui-field-select .el-select{width:100%}.ui-field-select .el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:var(--color-primary)}.ui-field-select .empty{font-size:12px;color:#909399;display:flex;align-items:center}.ui-field-select .el-loading-mask .el-loading-spinner{margin-top:-14px}",
@@ -3265,26 +2822,26 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = undefined;
+const __vue_scope_id__$t = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$s = undefined;
+const __vue_module_identifier__$t = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$s = false;
+const __vue_is_functional_template__$t = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$s = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
-}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
+const __vue_component__$t = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
+}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
 
-var SelectField = __vue_component__$s;
+var SelectField = __vue_component__$t;
 
 //
-var script$q = {
+var script$r = {
   name: 'ui-field-number',
   mixins: [FieldMixin],
   props: {
@@ -3315,10 +2872,10 @@ var script$q = {
 };
 
 /* script */
-const __vue_script__$r = script$q;
+const __vue_script__$s = script$r;
 /* template */
 
-var __vue_render__$q = function () {
+var __vue_render__$r = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3334,10 +2891,10 @@ var __vue_render__$q = function () {
   }, 'el-input-number', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$r = [];
 /* style */
 
-const __vue_inject_styles__$r = function (inject) {
+const __vue_inject_styles__$s = function (inject) {
   if (!inject) return;
   inject("data-v-53fd5ea2_0", {
     source: ".ui-number-field[data-v-53fd5ea2]{width:100%}.ui-number-field[data-v-53fd5ea2]  input{text-align:initial}",
@@ -3348,23 +2905,23 @@ const __vue_inject_styles__$r = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$r = "data-v-53fd5ea2";
+const __vue_scope_id__$s = "data-v-53fd5ea2";
 /* module identifier */
 
-const __vue_module_identifier__$r = undefined;
+const __vue_module_identifier__$s = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$r = false;
+const __vue_is_functional_template__$s = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$r = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
-}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
+const __vue_component__$s = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
+}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
 
-var NumberField = __vue_component__$r;
+var NumberField = __vue_component__$s;
 
 const randomStr = length => {
   let str = Math.random().toString(36).substr(2);
@@ -3382,7 +2939,7 @@ var Strings = {
 };
 
 //
-var script$p = {
+var script$q = {
   name: 'ui-field-cascade',
   mixins: [FieldMixin, DataMixin],
   props: {
@@ -3598,10 +3155,10 @@ var script$p = {
 };
 
 /* script */
-const __vue_script__$q = script$p;
+const __vue_script__$r = script$q;
 /* template */
 
-var __vue_render__$p = function () {
+var __vue_render__$q = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3665,10 +3222,10 @@ var __vue_render__$p = function () {
   })], 1)], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$q = [];
 /* style */
 
-const __vue_inject_styles__$q = function (inject) {
+const __vue_inject_styles__$r = function (inject) {
   if (!inject) return;
   inject("data-v-3e45255c_0", {
     source: ".ui-cascade-field[data-v-3e45255c]{width:100%}.ui-cascade-field-popper[data-v-3e45255c]{z-index:99999!important}.ui-cascade-field-popper .el-cascader-menu__item[data-v-3e45255c]{padding-right:30px}[data-v-3e45255c] .el-loading-mask .el-loading-spinner{margin-top:-14px}",
@@ -3679,23 +3236,23 @@ const __vue_inject_styles__$q = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$q = "data-v-3e45255c";
+const __vue_scope_id__$r = "data-v-3e45255c";
 /* module identifier */
 
-const __vue_module_identifier__$q = undefined;
+const __vue_module_identifier__$r = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$q = false;
+const __vue_is_functional_template__$r = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
-}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
+const __vue_component__$r = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
 
-var CascadeField = __vue_component__$q;
+var CascadeField = __vue_component__$r;
 
 /**
  * @param text
@@ -3757,7 +3314,7 @@ const DisabledDate = {
 };
 
 //
-var script$o = {
+var script$p = {
   name: 'ui-field-date',
   mixins: [FieldMixin],
   props: {
@@ -3903,10 +3460,10 @@ var script$o = {
 };
 
 /* script */
-const __vue_script__$p = script$o;
+const __vue_script__$q = script$p;
 /* template */
 
-var __vue_render__$o = function () {
+var __vue_render__$p = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3930,10 +3487,10 @@ var __vue_render__$o = function () {
   }, 'el-date-picker', _vm.$attrs, false), _vm._listeners));
 };
 
-var __vue_staticRenderFns__$o = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
 
-const __vue_inject_styles__$p = function (inject) {
+const __vue_inject_styles__$q = function (inject) {
   if (!inject) return;
   inject("data-v-1409a14c_0", {
     source: ".ui-date-field.el-date-editor[data-v-1409a14c]{width:100%}",
@@ -3944,26 +3501,26 @@ const __vue_inject_styles__$p = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$p = "data-v-1409a14c";
+const __vue_scope_id__$q = "data-v-1409a14c";
 /* module identifier */
 
-const __vue_module_identifier__$p = undefined;
+const __vue_module_identifier__$q = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$p = false;
+const __vue_is_functional_template__$q = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$p = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
+const __vue_component__$q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
 
-var DateField = __vue_component__$p;
+var DateField = __vue_component__$q;
 
 //
-var script$n = {
+var script$o = {
   name: 'ui-field-timepicker',
   mixins: [FieldMixin],
   props: {
@@ -4029,10 +3586,10 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$o = script$n;
+const __vue_script__$p = script$o;
 /* template */
 
-var __vue_render__$n = function () {
+var __vue_render__$o = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4054,10 +3611,10 @@ var __vue_render__$n = function () {
   }, 'el-time-picker', _vm.$attrs, false), _vm._listeners));
 };
 
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
-const __vue_inject_styles__$o = function (inject) {
+const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
   inject("data-v-18a65ed4_0", {
     source: ".ui-timepicker-field.el-date-editor[data-v-18a65ed4]{width:100%}",
@@ -4068,26 +3625,26 @@ const __vue_inject_styles__$o = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$o = "data-v-18a65ed4";
+const __vue_scope_id__$p = "data-v-18a65ed4";
 /* module identifier */
 
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$p = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
-var TimePickerField = __vue_component__$o;
+var TimePickerField = __vue_component__$p;
 
 //
-var script$m = {
+var script$n = {
   name: 'ui-field-timeselect',
   mixins: [FieldMixin],
   methods: {
@@ -4100,10 +3657,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$n = script$m;
+const __vue_script__$o = script$n;
 /* template */
 
-var __vue_render__$m = function () {
+var __vue_render__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4118,10 +3675,10 @@ var __vue_render__$m = function () {
   }, 'el-time-select', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$o = function (inject) {
   if (!inject) return;
   inject("data-v-502897fb_0", {
     source: ".ui-timeselect-field.el-date-editor[data-v-502897fb]{width:100%}",
@@ -4132,23 +3689,23 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-502897fb";
+const __vue_scope_id__$o = "data-v-502897fb";
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$o = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
 
-var TimeSelectField = __vue_component__$n;
+var TimeSelectField = __vue_component__$o;
 
 //
 
@@ -4157,7 +3714,7 @@ Date.prototype.calendar = function () {
   return [this.getFullYear(), month < 10 ? "0" + month : month, this.getDate()].join("-");
 };
 
-var script$l = {
+var script$m = {
   name: 'ui-field-datse',
   mixins: [FieldMixin],
   props: {
@@ -4211,10 +3768,10 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$m = script$l;
+const __vue_script__$n = script$m;
 /* template */
 
-var __vue_render__$l = function () {
+var __vue_render__$m = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4260,10 +3817,10 @@ var __vue_render__$l = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
 
-const __vue_inject_styles__$m = function (inject) {
+const __vue_inject_styles__$n = function (inject) {
   if (!inject) return;
   inject("data-v-33f2225c_0", {
     source: ".ui-date-field.el-date-editor[data-v-33f2225c]{width:100%}.calendar[data-v-33f2225c]{margin-right:20px}.calendar .calendarItem[data-v-33f2225c]{display:inline-block;box-sizing:border-box;width:45px;height:35px;cursor:pointer;border-right:1px solid #e3e3ee;text-align:center;border:1px solid #e3e3e3;font-size:14px}.calendar .calendarItem[data-v-33f2225c]:first-of-type{border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px}.calendar .calendarItem[data-v-33f2225c]:last-of-type{border-left:none;border-top-right-radius:5px;border-bottom-right-radius:5px}.calendar .calendar-active[data-v-33f2225c]{color:#1890ff;background:#e3e3e3}.separator[data-v-33f2225c]{margin-right:10px;color:#333}",
@@ -4274,26 +3831,26 @@ const __vue_inject_styles__$m = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$m = "data-v-33f2225c";
+const __vue_scope_id__$n = "data-v-33f2225c";
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$n = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
 
-var DatecCalendarField = __vue_component__$m;
+var DatecCalendarField = __vue_component__$n;
 
 //
-var script$k = {
+var script$l = {
   name: 'ui-field-slider',
   mixins: [FieldMixin],
   props: {
@@ -4363,10 +3920,10 @@ var script$k = {
 };
 
 /* script */
-const __vue_script__$l = script$k;
+const __vue_script__$m = script$l;
 /* template */
 
-var __vue_render__$k = function () {
+var __vue_render__$l = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4392,43 +3949,43 @@ var __vue_render__$k = function () {
   }, 'el-slider', _vm.$attrs, false), _vm._listeners));
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-const __vue_inject_styles__$l = undefined;
+const __vue_inject_styles__$m = undefined;
 /* scoped */
 
-const __vue_scope_id__$l = "data-v-1f3d5145";
+const __vue_scope_id__$m = "data-v-1f3d5145";
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$m = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
 
-var SliderField = __vue_component__$l;
+var SliderField = __vue_component__$m;
 
 //
-var script$j = {
+var script$k = {
   name: 'ui-field-switch',
   mixins: [FieldMixin]
 };
 
 /* script */
-const __vue_script__$k = script$j;
+const __vue_script__$l = script$k;
 /* template */
 
-var __vue_render__$j = function () {
+var __vue_render__$k = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4442,34 +3999,34 @@ var __vue_render__$j = function () {
   }, 'el-switch', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
 
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$l = undefined;
 /* scoped */
 
-const __vue_scope_id__$k = "data-v-0a1271ea";
+const __vue_scope_id__$l = "data-v-0a1271ea";
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$l = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
 
-var SwitchField = __vue_component__$k;
+var SwitchField = __vue_component__$l;
 
 //
-var script$i = {
+var script$j = {
   name: 'ui-field-rate',
   mixins: [FieldMixin],
   props: {
@@ -4503,10 +4060,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$j = script$i;
+const __vue_script__$k = script$j;
 /* template */
 
-var __vue_render__$i = function () {
+var __vue_render__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4527,34 +4084,34 @@ var __vue_render__$i = function () {
   }, 'el-rate', _vm.$attrs, false), _vm._listeners));
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$j = undefined;
+const __vue_inject_styles__$k = undefined;
 /* scoped */
 
-const __vue_scope_id__$j = "data-v-8027f8f8";
+const __vue_scope_id__$k = "data-v-8027f8f8";
 /* module identifier */
 
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$k = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$j = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
+const __vue_component__$k = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
 
-var RateField = __vue_component__$j;
+var RateField = __vue_component__$k;
 
 //
-var script$h = {
+var script$i = {
   name: 'ui-field-color',
   mixins: [FieldMixin],
   props: {
@@ -4566,10 +4123,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$i = script$h;
+const __vue_script__$j = script$i;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4585,10 +4142,10 @@ var __vue_render__$h = function () {
   }, 'el-color-picker', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
   inject("data-v-ce10c0fa_0", {
     source: ".ui-field-color[data-v-ce10c0fa]{width:100%}",
@@ -4599,23 +4156,23 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-ce10c0fa";
+const __vue_scope_id__$j = "data-v-ce10c0fa";
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$j = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
 
-var ColorField = __vue_component__$i;
+var ColorField = __vue_component__$j;
 
 var Upload = {
   default: function (url) {
@@ -4844,21 +4401,12 @@ const RichField$1 = {
 
   }
 };
-/**
- * ui-form-item 添加 type="rich" 支持
- */
-
-const attachToFormItem = () => {
-  addFieldType('rich', RichField$1);
-};
-
-RichField$1.attachToFormItem = attachToFormItem;
 
 /* script */
-const __vue_script__$h = RichField$1;
+const __vue_script__$i = RichField$1;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4876,17 +4424,17 @@ var __vue_render__$g = function () {
   });
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
-  inject("data-v-744c5c32_0", {
+  inject("data-v-52e02522_0", {
     source: ".quill-editor .ql-font span[data-value=Arial]::before{content:\"Arial\"!important;font-family:Arial,serif}.quill-editor .ql-font span[data-value=FangSong]::before{content:\"仿宋\"!important;font-family:\"仿宋_GB2312\",FangSong_GB2312,\"宋体\",SimSun,STFangsong,STSong,serif}.quill-editor .ql-font span[data-value=HeiTi]::before{content:\"黑体\"!important;font-family:\"黑体\",SimHei,\"微软正黑体\",\"Microsoft JhengHei\",STHeiti,serif}.quill-editor .ql-font span[data-value=Microsoft]::before{content:\"微软雅黑\"!important;font-family:\"微软雅黑\",\"Microsoft YaHei\",serif}.quill-editor .ql-font-Arial{font-family:Arial,serif}.quill-editor .ql-font-FangSong{font-family:\"仿宋_GB2312\",FangSong_GB2312,\"宋体\",SimSun,STFangsong,STSong,serif}.quill-editor .ql-font-HeiTi{font-family:\"黑体\",SimHei,\"微软正黑体\",\"Microsoft JhengHei\",STHeiti,serif}.quill-editor .ql-font-Microsoft{font-family:\"微软雅黑\",\"Microsoft YaHei\",serif}",
     map: undefined,
     media: undefined
-  }), inject("data-v-744c5c32_1", {
-    source: ".quill-editor[data-v-744c5c32]{width:100%;display:flex;align-items:initial!important;flex-direction:column}.quill-editor .ql-toolbar[data-v-744c5c32]{flex:none}.quill-editor .ql-container[data-v-744c5c32]{flex:auto;height:initial;display:flex;flex-direction:column}.quill-editor .ql-container .ql-editor[data-v-744c5c32]{flex:auto}.quill-editor[data-v-744c5c32]  .ql-editor{min-height:200px}",
+  }), inject("data-v-52e02522_1", {
+    source: ".quill-editor[data-v-52e02522]{width:100%;display:flex;align-items:initial!important;flex-direction:column}.quill-editor .ql-toolbar[data-v-52e02522]{flex:none}.quill-editor .ql-container[data-v-52e02522]{flex:auto;height:initial;display:flex;flex-direction:column}.quill-editor .ql-container .ql-editor[data-v-52e02522]{flex:auto}.quill-editor[data-v-52e02522]  .ql-editor{min-height:200px}",
     map: undefined,
     media: undefined
   });
@@ -4894,23 +4442,23 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-744c5c32";
+const __vue_scope_id__$i = "data-v-52e02522";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$i = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
 
-var RichField = __vue_component__$h;
+var RichField = __vue_component__$i;
 
 //
 
@@ -4928,7 +4476,7 @@ const getUrlSuffix = url => {
   return url.substring(index + 1);
 };
 
-var script$g = {
+var script$h = {
   name: 'ui-field-upload-file',
   mixins: [FieldMixin],
   props: {
@@ -5091,10 +4639,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5151,10 +4699,10 @@ var __vue_render__$f = function () {
   })], 2)], 1);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$g = function (inject) {
+const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
   inject("data-v-19ac5bf8_0", {
     source: ".ui-file-upload-field[data-v-19ac5bf8]{width:100%}.ui-file-upload-field .uploader[data-v-19ac5bf8]{margin-bottom:5px}.ui-file-upload-field .uploader.disabled[data-v-19ac5bf8]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-file-upload-field .uploader.disabled[data-v-19ac5bf8]  .el-upload .upload-btn{color:#888c94;background-color:#edeef0}.ui-file-upload-field .upload-btn[data-v-19ac5bf8]{padding:5px 10px;line-height:1;background-color:#409eff;color:#fff;font-size:12px;transition:background-color .3s}.ui-file-upload-field .upload-btn[data-v-19ac5bf8]:hover{background-color:#0d84ff}.ui-file-upload-field .files .file[data-v-19ac5bf8]{color:#606266;font-size:14px;transition:all .3s;cursor:pointer;line-height:28px;display:flex;align-items:center}.ui-file-upload-field .files .file a[data-v-19ac5bf8]{flex:1;color:#606266;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-file-upload-field .files .file .close[data-v-19ac5bf8]{color:transparent;width:28px;text-align:center;visibility:hidden;transition:color .3s;font-weight:700}.ui-file-upload-field .files .file[data-v-19ac5bf8]:hover{background-color:#f5f7fa}.ui-file-upload-field .files .file:hover a[data-v-19ac5bf8]{color:#409eff}.ui-file-upload-field .files .file:hover .close[data-v-19ac5bf8]{color:#409eff;visibility:visible}",
@@ -5165,26 +4713,26 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-19ac5bf8";
+const __vue_scope_id__$h = "data-v-19ac5bf8";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$h = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
 
-var FileUploadField = __vue_component__$g;
+var FileUploadField = __vue_component__$h;
 
 //
-var script$f = {
+var script$g = {
   name: 'ui-field-upload-image',
   mixins: [FileUploadField],
   props: {
@@ -5204,10 +4752,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$f = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5263,10 +4811,10 @@ var __vue_render__$e = function () {
   }), _vm._v(" "), _c('span', [_vm._v("上传图片")])])]) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$f = function (inject) {
+const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
   inject("data-v-65127316_0", {
     source: ".ui-image-upload-field[data-v-65127316]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.ui-image-upload-field .uploader.disabled[data-v-65127316]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-image-upload-field .uploader.disabled[data-v-65127316]  .el-upload .upload-btn{background:#edeef0;color:#888c94}.ui-image-upload-field .item[data-v-65127316]{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:140px;height:140px;margin-bottom:10px;margin-right:10px;border:1px dashed #d0d2d7;padding:8px;border-radius:2px;box-sizing:border-box}.ui-image-upload-field .item .remove[data-v-65127316]{position:absolute;top:0;right:0;width:24px;height:24px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 22px;cursor:pointer}.ui-image-upload-field .item .remove .el-icon-close[data-v-65127316]{position:absolute;top:4px;right:4px;color:#fff;font-size:14px}.ui-image-upload-field .item.upload-btn[data-v-65127316]{background:#f7f8f9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;color:#409eff}.ui-image-upload-field .item.upload-btn>.el-icon-plus[data-v-65127316]{font-size:1.6em}.ui-image-upload-field .item.upload-btn>span[data-v-65127316]{font-size:16px;line-height:1.2;margin-top:5px}.ui-image-upload-field .item:hover .modal[data-v-65127316]{visibility:visible}.ui-image-upload-field[data-v-65127316]  .preview{display:inline-block;width:auto;max-width:60%;left:50%;transform:translateX(-50%)}",
@@ -5277,26 +4825,26 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-65127316";
+const __vue_scope_id__$g = "data-v-65127316";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$g = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$f = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
-var ImageUploadField = __vue_component__$f;
+var ImageUploadField = __vue_component__$g;
 
 //
-var script$e = {
+var script$f = {
   name: 'ui-field-trigger-dialog',
   mixins: [FieldMixin],
   props: {
@@ -5331,10 +4879,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$e = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5376,34 +4924,34 @@ var __vue_render__$d = function () {
   }, 'ui-dialog', _vm.dialog, false), _vm.$listeners), [_vm._t("default")], 2)], 1);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$e = undefined;
+const __vue_inject_styles__$f = undefined;
 /* scoped */
 
-const __vue_scope_id__$e = "data-v-60308614";
+const __vue_scope_id__$f = "data-v-60308614";
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$f = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$e = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+const __vue_component__$f = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
 
-var DialogTrigger = __vue_component__$e;
+var DialogTrigger = __vue_component__$f;
 
 //
-var script$d = {
+var script$e = {
   name: 'ui-field-trigger-popover',
   mixins: [FieldMixin],
   props: {
@@ -5452,10 +5000,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$e = script$e;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$d = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5474,30 +5022,214 @@ var __vue_render__$c = function () {
       callback: function ($$v) {
         _vm.show = $$v;
       },
-      expression: "show"
-    }
-  }, 'el-popover', _vm.popover, false), _vm.$listeners), [_vm._t("default"), _vm._v(" "), _c('el-input', {
-    ref: "trigger",
-    attrs: {
-      "slot": "reference",
-      "placeholder": _vm.placeholder,
-      "value": _vm.value,
-      "readonly": ""
-    },
-    slot: "reference"
-  }, [_c('template', {
-    slot: "prepend"
-  }, [_c('ui-icon', {
-    attrs: {
-      "name": _vm.prefixIcon
-    }
-  })], 1), _vm._v(" "), _c('el-button', {
-    attrs: {
-      "slot": "append",
-      "icon": _vm.icon
-    },
-    slot: "append"
-  })], 2)], 2);
+      expression: "show"
+    }
+  }, 'el-popover', _vm.popover, false), _vm.$listeners), [_vm._t("default"), _vm._v(" "), _c('el-input', {
+    ref: "trigger",
+    attrs: {
+      "slot": "reference",
+      "placeholder": _vm.placeholder,
+      "value": _vm.value,
+      "readonly": ""
+    },
+    slot: "reference"
+  }, [_c('template', {
+    slot: "prepend"
+  }, [_c('ui-icon', {
+    attrs: {
+      "name": _vm.prefixIcon
+    }
+  })], 1), _vm._v(" "), _c('el-button', {
+    attrs: {
+      "slot": "append",
+      "icon": _vm.icon
+    },
+    slot: "append"
+  })], 2)], 2);
+};
+
+var __vue_staticRenderFns__$d = [];
+/* style */
+
+const __vue_inject_styles__$e = function (inject) {
+  if (!inject) return;
+  inject("data-v-17314b31_0", {
+    source: ".ui-field-trigger-popover[data-v-17314b31]{width:100%}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$e = "data-v-17314b31";
+/* module identifier */
+
+const __vue_module_identifier__$e = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$e = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$e = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+
+var PopoverTrigger = __vue_component__$e;
+
+var TriggerField = {
+  name: 'ui-field-trigger',
+  functional: true,
+
+  render(createElement, content) {
+    const {
+      props,
+      data,
+      children
+    } = content; // 默认 dialog. dialog 和 popover 同时配置时 popover 优先
+
+    if (Objects.hasProp(props, 'popover')) {
+      return createElement(PopoverTrigger, data, children);
+    }
+
+    return createElement(DialogTrigger, data, children);
+  }
+
+};
+
+//
+var script$d = {
+  name: 'ui-field-icons',
+  mixins: [FieldMixin],
+  components: {
+    Icon: Icon$1,
+    TriggerField
+  },
+
+  data() {
+    return {
+      filter: '',
+      icons: [],
+      iconsLoading: false,
+      visible: false
+    };
+  },
+
+  computed: {
+    filteredIcons() {
+      return this.icons.filter(icon => icon.toLowerCase().indexOf(String(this.filter).toLowerCase()) !== -1);
+    }
+
+  },
+
+  mounted() {
+    this.initIcons();
+  },
+
+  methods: {
+    async initIcons() {
+      this.iconsLoading = true;
+      const icons = await Iconfont.getIcons();
+      this.iconsLoading = false;
+      this.icons = icons;
+    },
+
+    onChange(val) {
+      this.$emit('input', val);
+      this.$emit('change', val);
+    },
+
+    sel(icon) {
+      this.onChange(icon);
+      this.visible = false;
+    },
+
+    onHide() {
+      this.filter = '';
+    },
+
+    focus() {
+      this.visible = true;
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$d = script$d;
+/* template */
+
+var __vue_render__$c = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('trigger-field', _vm._b({
+    attrs: {
+      "popover": "",
+      "value": _vm.value,
+      "visible": _vm.visible,
+      "prefix-icon": _vm.value
+    },
+    on: {
+      "update:visible": function ($event) {
+        _vm.visible = $event;
+      },
+      "hide": _vm.onHide
+    }
+  }, 'trigger-field', _vm.$attrs, false), [_c('div', {
+    staticClass: "ui-field-icons"
+  }, [_c('el-input', {
+    staticClass: "filter",
+    attrs: {
+      "placeholder": "输入名称快速查找",
+      "clearable": ""
+    },
+    model: {
+      value: _vm.filter,
+      callback: function ($$v) {
+        _vm.filter = $$v;
+      },
+      expression: "filter"
+    }
+  }), _vm._v(" "), _c('div', {
+    staticClass: "scroll"
+  }, [_c('div', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.iconsLoading,
+      expression: "iconsLoading"
+    }],
+    staticClass: "icons"
+  }, _vm._l(_vm.filteredIcons, function (icon) {
+    return _c('div', {
+      key: icon,
+      staticClass: "icon",
+      class: {
+        active: _vm.value === icon
+      },
+      attrs: {
+        "title": icon
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.sel(icon);
+        }
+      }
+    }, [_c('icon', {
+      attrs: {
+        "name": icon
+      }
+    }), _vm._v(" "), _c('span', {
+      staticClass: "ellipsis"
+    }, [_vm._v(_vm._s(icon))])], 1);
+  }), 0)])], 1)]);
 };
 
 var __vue_staticRenderFns__$c = [];
@@ -5505,8 +5237,8 @@ var __vue_staticRenderFns__$c = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-17314b31_0", {
-    source: ".ui-field-trigger-popover[data-v-17314b31]{width:100%}",
+  inject("data-v-12b8c18e_0", {
+    source: ".ui-field-icons .filter[data-v-12b8c18e]{margin-bottom:10px}.ui-field-icons .filter[data-v-12b8c18e]  .el-input__validateIcon{display:none}.ui-field-icons .scroll[data-v-12b8c18e]{height:200px;overflow:auto}.ui-field-icons .icons[data-v-12b8c18e]{display:flex;flex-wrap:wrap}.ui-field-icons .icons .icon[data-v-12b8c18e]{flex:none;width:150px;height:28px;margin:2px;padding:4px;border-radius:2px;cursor:pointer;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;align-items:center}.ui-field-icons .icons .icon[data-v-12b8c18e]:hover{background:#eaeaea}.ui-field-icons .icons .icon.active[data-v-12b8c18e]{color:#409eff;box-shadow:inset 0 0 3px #666}.ui-field-icons .icons .icon .ui-icon[data-v-12b8c18e]{margin-right:4px}.ui-field-icons .icons .icon span[data-v-12b8c18e]{flex:1}",
     map: undefined,
     media: undefined
   });
@@ -5514,7 +5246,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-17314b31";
+const __vue_scope_id__$d = "data-v-12b8c18e";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;
@@ -5530,81 +5262,266 @@ const __vue_component__$d = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$c
 }, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
 
-var PopoverTrigger = __vue_component__$d;
+var IconsField = __vue_component__$d;
 
-var TriggerField = {
-  name: 'ui-field-trigger',
-  functional: true,
+const fields = Object.create(null, {
+  text: {
+    enumerable: true,
+    value: TextField
+  },
+  textarea: {
+    enumerable: true,
+    value: TextField
+  },
+  password: {
+    enumerable: true,
+    value: TextField
+  }
+});
+/**
+ *
+ * @param type {string}
+ * @param field
+ */
 
-  render(createElement, content) {
+const addFieldType = (type, field) => {
+  if (Objects.hasProp(fields, type)) {
+    console.warn(`already have a ${type} field`);
+    return;
+  }
+
+  fields[type] = field;
+};
+
+const initDefaultField = () => {
+  addFieldType('hidden', HiddenField);
+  addFieldType('display', DisplayField);
+  addFieldType('autocomplete', AutocompleteField);
+  addFieldType('radio', RadioField);
+  addFieldType('checkbox', CheckboxField);
+  addFieldType('select', SelectField);
+  addFieldType('number', NumberField);
+  addFieldType('cascade', CascadeField);
+  addFieldType('year', DateField);
+  addFieldType('month', DateField);
+  addFieldType('monthrange', DateField);
+  addFieldType('date', DateField);
+  addFieldType('dates', DateField);
+  addFieldType('week', DateField);
+  addFieldType('datetime', DateField);
+  addFieldType('datetimerange', DateField);
+  addFieldType('daterange', DateField);
+  addFieldType('datecCalendar', DatecCalendarField);
+  addFieldType('timepicker', TimePickerField);
+  addFieldType('timeselect', TimeSelectField);
+  addFieldType('slider', SliderField);
+  addFieldType('switch', SwitchField);
+  addFieldType('rate', RateField);
+  addFieldType('color', ColorField);
+  addFieldType('rich', RichField); // 根据业务自己按需引入
+
+  addFieldType('file', FileUploadField);
+  addFieldType('image', ImageUploadField);
+  addFieldType('trigger', TriggerField);
+  addFieldType('icons', IconsField);
+};
+
+initDefaultField();
+var FormField = {
+  name: 'ui-form-field',
+  functional: true,
+  render: (createElement, context) => {
     const {
-      props,
-      data,
-      children
-    } = content; // 默认 dialog. dialog 和 popover 同时配置时 popover 优先
+      type
+    } = context.props;
+    const field = fields[type];
 
-    if (Objects.hasProp(props, 'popover')) {
-      return createElement(PopoverTrigger, data, children);
+    if (field) {
+      return createElement(field, context.data, context.children);
+    } else {
+      // 默认 TextField
+      return createElement(TextField, context.data, context.children);
     }
-
-    return createElement(DialogTrigger, data, children);
   }
+};
+
+//
+var script$c = {
+  name: 'ui-form-item',
+  inheritAttrs: false,
+  inject: ['uiForm'],
+  components: {
+    FormField
+  },
+  props: {
+    value: null,
+    defaultValue: {
+      default: undefined
+    },
+    name: {
+      type: String,
+      required: true
+    },
+    prop: String,
+    // ignore prop. 强制要求使用 name 配置
+    label: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'text'
+    },
+    showLabel: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: String,
+    vtype: [String, Array, Function],
+    info: String,
+    rules: null,
+
+    /**
+     * 是否显示 label 后面的冒号
+     * 默认显示
+     */
+    colon: {
+      type: Boolean,
+      default: undefined
+    },
+    disabled: {
+      type: Boolean,
+      default: undefined
+    },
+    ignore: {
+      type: Boolean,
+      default: false
+    },
+    message: String
+  },
+
+  data() {
+    return {
+      fieldValue: this.defaultValue,
+      lockedValue: this.defaultValue
+    };
+  },
+
+  computed: {
+    realRules() {
+      if (this.ignore) {
+        return null;
+      }
+
+      if (this.rules) {
+        return this.rules;
+      }
+
+      if (typeof this.vtype === 'function') {
+        // this.vtype(rule, value, callback)
+        return {
+          validator: this.vtype
+        };
+      }
+
+      let vtypes = [];
+
+      if (typeof this.vtype === 'string') {
+        vtypes = this.vtype.replace(/\s/g, '').split(',').filter(Boolean);
+      } else if (Array.isArray(this.vtype) && this.vtype.length) {
+        vtypes = this.vtype.filter(Boolean);
+      }
+
+      return vtypes.reduce((rules, vtype) => {
+        let rule = vtype;
+
+        if (typeof vtype === 'string') {
+          const [type, ...args] = vtype.split(':');
+          rule = VType$1[type](this.$props, ...args);
+        }
+
+        rule && rules.push(rule);
+        return rules;
+      }, []);
+    },
+
+    realPlaceHolder() {
+      if (this.placeholder) {
+        return this.placeholder;
+      }
+
+      let input = getInputTypeText(this.type);
+      return `请${input}${this.label}`;
+    },
+
+    realColon() {
+      if (!this.label) {
+        return false;
+      }
+
+      if (!Object.is(undefined, this.colon)) {
+        return this.colon;
+      }
+
+      if (!Object.is(undefined, this.uiForm.colon)) {
+        return this.uiForm.colon;
+      }
+
+      return true;
+    },
+
+    realDisabled() {
+      if (this.uiForm) {
+        return this.uiForm.disabled || this.disabled;
+      }
 
-};
+      return this.disabled;
+    },
 
-//
-var script$c = {
-  name: 'ui-field-icons',
-  mixins: [FieldMixin],
-  components: {
-    Icon: Icon$1,
-    TriggerField
-  },
+    listeners() {
+      // eslint-disable-next-line
+      const {
+        change,
+        input,
+        ...listeners
+      } = this.$listeners;
+      return listeners;
+    }
 
-  data() {
-    return {
-      filter: '',
-      icons: [],
-      iconsLoading: false,
-      visible: false
-    };
   },
+  watch: {
+    value(v) {
+      this.fieldValue = v;
+    },
 
-  computed: {
-    filteredIcons() {
-      return this.icons.filter(icon => icon.toLowerCase().indexOf(String(this.filter).toLowerCase()) !== -1);
+    fieldValue(v) {
+      this.uiForm.trigger('change', this.name, v, this);
+      this.$emit('input', v);
+      this.$emit('change', v);
     }
 
   },
 
-  mounted() {
-    this.initIcons();
+  created() {
+    this.registeredField();
   },
 
   methods: {
-    async initIcons() {
-      this.iconsLoading = true;
-      const icons = await Iconfont.getIcons();
-      this.iconsLoading = false;
-      this.icons = icons;
-    },
-
-    onChange(val) {
-      this.$emit('input', val);
-      this.$emit('change', val);
-    },
-
-    sel(icon) {
-      this.onChange(icon);
-      this.visible = false;
+    registeredField() {
+      this.uiForm.addField(this.name, this.fieldValue, this);
     },
 
-    onHide() {
-      this.filter = '';
-    },
+    resetField() {
+      if (arguments.length > 0) {
+        this.fieldValue = arguments.length <= 0 ? undefined : arguments[0];
+      } else if (this.fieldValue !== this.defaultValue) {
+        this.fieldValue = this.defaultValue;
+      }
 
-    focus() {
-      this.visible = true;
+      this.lockedValue = this.fieldValue;
+      this.$refs.formItem && this.$refs.formItem.$once('el.form.change', () => {
+        this.$refs.formItem && this.$refs.formItem.clearValidate();
+      });
     }
 
   }
@@ -5621,67 +5538,54 @@ var __vue_render__$b = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('trigger-field', _vm._b({
+  return _c('el-form-item', _vm._b({
+    ref: "formItem",
+    staticClass: "ui-form-item",
+    class: {
+      'hidden-item': _vm.type === 'hidden'
+    },
     attrs: {
-      "popover": "",
-      "value": _vm.value,
-      "visible": _vm.visible,
-      "prefix-icon": _vm.value
+      "prop": _vm.name,
+      "rules": _vm.realRules
+    }
+  }, 'el-form-item', _vm.$attrs, false), [_vm.$scopedSlots.prefix ? _c('div', {
+    staticClass: "ui-form-item-prefix"
+  }, [_vm._t("prefix")], 2) : _vm._e(), _vm._v(" "), _vm.showLabel && _vm.label ? _c('template', {
+    slot: "label"
+  }, [_vm._v("\n    " + _vm._s(_vm.label) + "\n    "), _c('el-tooltip', {
+    attrs: {
+      "effect": "dark",
+      "content": _vm.info
+    }
+  }, [_vm.info ? _c('i', {
+    staticClass: "el-icon-info info"
+  }) : _vm._e()]), _vm._v("\n    " + _vm._s(_vm.realColon ? ':' : '') + "\n  ")], 1) : _vm._e(), _vm._v(" "), _c('form-field', _vm._g(_vm._b({
+    attrs: {
+      "name": _vm.name,
+      "locked-value": _vm.lockedValue,
+      "type": _vm.type,
+      "disabled": _vm.realDisabled,
+      "placeholder": _vm.realPlaceHolder,
+      "ignore": _vm.ignore
     },
     on: {
-      "update:visible": function ($event) {
-        _vm.visible = $event;
+      "update:lockedValue": function ($event) {
+        _vm.lockedValue = $event;
       },
-      "hide": _vm.onHide
-    }
-  }, 'trigger-field', _vm.$attrs, false), [_c('div', {
-    staticClass: "ui-field-icons"
-  }, [_c('el-input', {
-    staticClass: "filter",
-    attrs: {
-      "placeholder": "输入名称快速查找",
-      "clearable": ""
+      "update:locked-value": function ($event) {
+        _vm.lockedValue = $event;
+      }
     },
     model: {
-      value: _vm.filter,
+      value: _vm.fieldValue,
       callback: function ($$v) {
-        _vm.filter = $$v;
+        _vm.fieldValue = $$v;
       },
-      expression: "filter"
+      expression: "fieldValue"
     }
-  }), _vm._v(" "), _c('div', {
-    staticClass: "scroll"
-  }, [_c('div', {
-    directives: [{
-      name: "loading",
-      rawName: "v-loading",
-      value: _vm.iconsLoading,
-      expression: "iconsLoading"
-    }],
-    staticClass: "icons"
-  }, _vm._l(_vm.filteredIcons, function (icon) {
-    return _c('div', {
-      key: icon,
-      staticClass: "icon",
-      class: {
-        active: _vm.value === icon
-      },
-      attrs: {
-        "title": icon
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.sel(icon);
-        }
-      }
-    }, [_c('icon', {
-      attrs: {
-        "name": icon
-      }
-    }), _vm._v(" "), _c('span', {
-      staticClass: "ellipsis"
-    }, [_vm._v(_vm._s(icon))])], 1);
-  }), 0)])], 1)]);
+  }, 'form-field', _vm.$attrs, false), _vm.listeners), [_vm._t("default")], 2), _vm._v(" "), _vm.$scopedSlots.suffix ? _c('div', {
+    staticClass: "ui-form-item-suffix"
+  }, [_vm._t("suffix")], 2) : _vm._e()], 2);
 };
 
 var __vue_staticRenderFns__$b = [];
@@ -5689,8 +5593,8 @@ var __vue_staticRenderFns__$b = [];
 
 const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  inject("data-v-12b8c18e_0", {
-    source: ".ui-field-icons .filter[data-v-12b8c18e]{margin-bottom:10px}.ui-field-icons .filter[data-v-12b8c18e]  .el-input__validateIcon{display:none}.ui-field-icons .scroll[data-v-12b8c18e]{height:200px;overflow:auto}.ui-field-icons .icons[data-v-12b8c18e]{display:flex;flex-wrap:wrap}.ui-field-icons .icons .icon[data-v-12b8c18e]{flex:none;width:150px;height:28px;margin:2px;padding:4px;border-radius:2px;cursor:pointer;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;align-items:center}.ui-field-icons .icons .icon[data-v-12b8c18e]:hover{background:#eaeaea}.ui-field-icons .icons .icon.active[data-v-12b8c18e]{color:#409eff;box-shadow:inset 0 0 3px #666}.ui-field-icons .icons .icon .ui-icon[data-v-12b8c18e]{margin-right:4px}.ui-field-icons .icons .icon span[data-v-12b8c18e]{flex:1}",
+  inject("data-v-abe604d6_0", {
+    source: ".ui-form-item[data-v-abe604d6]  .el-form-item__content{display:flex;flex-direction:row;align-items:center}.ui-form-item[data-v-abe604d6]  .el-form-item__content>div{flex:1;display:flex;align-items:center}.ui-form-item[data-v-abe604d6]  .el-form-item__content .ui-form-item-prefix,.ui-form-item[data-v-abe604d6]  .el-form-item__content .ui-form-item-suffix{flex:none}.ui-form-item .info[data-v-abe604d6]{color:#909399;cursor:pointer;margin-left:4px}.ui-form-item.hidden-item[data-v-abe604d6]{display:none}.el-form--inline .ui-form-item[data-v-abe604d6]  .el-form-item__label{flex:none;white-space:nowrap}.el-form--inline .ui-form-item[data-v-abe604d6]  .el-form-item__content{display:inline-flex}",
     map: undefined,
     media: undefined
   });
@@ -5698,7 +5602,7 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-12b8c18e";
+const __vue_scope_id__$c = "data-v-abe604d6";
 /* module identifier */
 
 const __vue_module_identifier__$c = undefined;
@@ -5714,270 +5618,419 @@ const __vue_component__$c = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$b
 }, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
 
-var IconsField = __vue_component__$c;
-
-const fields = Object.create(null, {
-  text: {
-    enumerable: true,
-    value: TextField
-  },
-  textarea: {
-    enumerable: true,
-    value: TextField
-  },
-  password: {
-    enumerable: true,
-    value: TextField
-  }
-});
-/**
- *
- * @param type {string}
- * @param field
- */
-
-const addFieldType = (type, field) => {
-  if (Objects.hasProp(fields, type)) {
-    console.warn(`already have a ${type} field`);
-    return;
-  }
-
-  fields[type] = field;
-};
-
-const initDefaultField = () => {
-  addFieldType('hidden', HiddenField);
-  addFieldType('display', DisplayField);
-  addFieldType('autocomplete', AutocompleteField);
-  addFieldType('radio', RadioField);
-  addFieldType('checkbox', CheckboxField);
-  addFieldType('select', SelectField);
-  addFieldType('number', NumberField);
-  addFieldType('cascade', CascadeField);
-  addFieldType('year', DateField);
-  addFieldType('month', DateField);
-  addFieldType('monthrange', DateField);
-  addFieldType('date', DateField);
-  addFieldType('dates', DateField);
-  addFieldType('week', DateField);
-  addFieldType('datetime', DateField);
-  addFieldType('datetimerange', DateField);
-  addFieldType('daterange', DateField);
-  addFieldType('datecCalendar', DatecCalendarField);
-  addFieldType('timepicker', TimePickerField);
-  addFieldType('timeselect', TimeSelectField);
-  addFieldType('slider', SliderField);
-  addFieldType('switch', SwitchField);
-  addFieldType('rate', RateField);
-  addFieldType('color', ColorField);
-  addFieldType('rich', RichField); // 根据业务自己按需引入
-
-  addFieldType('file', FileUploadField);
-  addFieldType('image', ImageUploadField);
-  addFieldType('trigger', TriggerField);
-  addFieldType('icons', IconsField);
-};
-
-initDefaultField();
-var FormField = {
-  name: 'ui-form-field',
-  functional: true,
-  render: (createElement, context) => {
-    const {
-      type
-    } = context.props;
-    const field = fields[type];
+var FormItem = __vue_component__$c;
 
-    if (field) {
-      return createElement(field, context.data, context.children);
-    } else {
-      // 默认 TextField
-      return createElement(TextField, context.data, context.children);
+const Operator = {
+  eq: '=',
+  ne: '!=',
+  gt: '>',
+  lt: '<',
+  ge: '>=',
+  le: '<=',
+  lk: 'like',
+  ak: 'like',
+  ek: 'like',
+  nk: 'not like',
+  in: 'in',
+  isNull: 'is null',
+  isNotNull: 'is not null',
+  range: 'range'
+};
+const Sort = {
+  asc: 'asc',
+  desc: 'desc'
+};
+var TableSelectItem = {
+  name: 'ui-table-select-item',
+  mixins: [FormItem],
+  props: {
+    showLabel: {
+      type: Boolean,
+      default: true
+    },
+    sort: {
+      type: String,
+      validator: val => Object.keys(Sort).includes(val)
+    },
+    select: {
+      type: String,
+      validator: val => Object.keys(Operator).includes(val)
+    },
+    range: {
+      type: Array,
+      validator: val => val.length === 2 && val.every(v => ['gt', 'lt', 'ge', 'le', 'eq'].includes(v)),
+      default: () => ['ge', 'le']
+    },
+    rangeNames: {
+      type: Object,
+      validator: val => Object.prototype.toString.call(val) === '[object Object]' && ['min', 'max'].every(item => Object.keys(val).includes(item))
     }
   }
 };
 
 //
 var script$b = {
-  name: 'ui-form-item',
+  name: 'ui-form',
   inheritAttrs: false,
-  inject: ['uiForm'],
-  components: {
-    FormField
+
+  provide() {
+    return {
+      uiForm: this
+    };
   },
+
   props: {
-    value: null,
-    defaultValue: {
-      default: undefined
-    },
-    name: {
-      type: String,
-      required: true
-    },
-    prop: String,
-    // ignore prop. 强制要求使用 name 配置
-    label: {
+    disabled: Boolean,
+    labelWidth: {
       type: String,
-      default: ''
+      default: '105px'
     },
-    type: {
+    fields: Array,
+    url: String,
+    method: {
       type: String,
-      default: 'text'
-    },
-    showLabel: {
-      type: Boolean,
-      default: true
+      validator: val => ['get', 'post', 'put'].includes(val),
+      default: 'post'
     },
-    placeholder: String,
-    vtype: [String, Array, Function],
-    info: String,
-    rules: null,
 
     /**
      * 是否显示 label 后面的冒号
-     * 默认显示
      */
     colon: {
       type: Boolean,
       default: undefined
     },
-    disabled: {
-      type: Boolean,
-      default: undefined
+    beforeSubmit: {
+      type: Function,
+      default: () => void 0
     },
-    ignore: {
+    submitting: {
       type: Boolean,
       default: false
-    },
-    message: String
+    }
+    /**
+     * listeners:
+     *   ready 所有表单项都准备好后触发
+     *   submit 触发提交事件
+     *   after-submit  配置 url 后触发submit事件时触发提交数据完成事件
+     *   validate  任一表单项被校验后触发
+     **/
+
   },
 
   data() {
+    this.fieldStatus = []; // [{name,status,componentInstance}, ...]
+
     return {
-      fieldValue: this.defaultValue,
-      lockedValue: this.defaultValue
+      fieldList: [] // [[name, value], ...]
+
     };
   },
 
   computed: {
-    realRules() {
-      if (this.ignore) {
-        return null;
+    model() {
+      return Object.fromEntries(this.fieldList);
+    },
+
+    listeners() {
+      // eslint-disable-next-line
+      const {
+        submit,
+        ready,
+        ...listeners
+      } = this.$listeners;
+      return listeners;
+    }
+
+  },
+
+  beforeCreate() {
+    this.isMounted = false;
+  },
+
+  mounted() {
+    this.isMounted = true;
+    this.$el.addEventListener('reset', this.onReset);
+    this.checkFieldsReady();
+  },
+
+  beforeDestroy() {
+    this.$el.removeEventListener('reset', this.onReset);
+  },
+
+  methods: {
+    /**
+     * @public
+     */
+    validate() {
+      return this.$refs.form.validate(...arguments);
+    },
+
+    /**
+     * @public
+     */
+    validateField() {
+      return this.$refs.form.validateField(...arguments);
+    },
+
+    /**
+     * @public
+     */
+    clearValidate() {
+      return this.$refs.form.clearValidate(...arguments);
+    },
+
+    /**
+     * @public
+     */
+    resetValues(values) {
+      if (!Objects.isObject(values)) {
+        values = {};
       }
 
-      if (this.rules) {
-        return this.rules;
+      const formItems = this.getFormItems();
+      formItems.forEach(item => {
+        if (Object.prototype.hasOwnProperty.call(values, item.name)) {
+          item.resetField(values[item.name]);
+        } else {
+          item.resetField();
+        }
+      });
+    },
+
+    /**
+     * @public
+     */
+    setValues(values) {
+      if (!values || !Objects.isObject(values)) {
+        return;
       }
 
-      if (typeof this.vtype === 'function') {
-        // this.vtype(rule, value, callback)
-        return {
-          validator: this.vtype
+      const formItems = this.getFormItems();
+      Object.entries(values).forEach(_ref => {
+        let [fieldName, fieldValue] = _ref;
+        const fieldItem = formItems.find(item => item.name === fieldName);
+
+        if (!fieldItem) {
+          return;
+        }
+
+        fieldItem.fieldValue = fieldValue;
+      });
+    },
+
+    /**
+     * @public
+     */
+    getValues() {
+      const formItems = this.getFormItems();
+      return formItems.reduce((values, item) => {
+        if (item.ignore === true) {
+          return values;
+        }
+
+        return { ...values,
+          [item.name]: item.fieldValue
         };
+      }, {});
+    },
+
+    getFormItems() {
+      const listSearchItem = items => {
+        return items.reduce((results, item) => {
+          // TableSelectItem mixins FormItem
+          if ([FormItem.name, TableSelectItem.name].includes(item.$options.name)) {
+            results.push(item);
+          } else {
+            results.push(...listSearchItem(item.$children || []));
+          }
+
+          return results;
+        }, []);
+      };
+
+      return listSearchItem(this.$children);
+    },
+
+    /**
+     * @private
+     */
+    addField(name) {
+      let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      let instance = arguments.length > 2 ? arguments[2] : undefined;
+
+      if (!Object.hasOwnProperty.call(this.model, name)) {
+        this.onFieldChange(name, defaultValue, instance);
       }
+    },
 
-      let vtypes = [];
+    /**
+     * (函数节流. 600ms内只执行一次, 防止 form 表单多次提交)
+     * @private
+     */
+    onSubmit: throttle(function () {
+      let formData = this.getValues();
+      const allow = this.beforeSubmit(formData);
+
+      if (typeof allow === 'boolean' && allow === false) {
+        return;
+      }
+
+      if (typeof allow === 'object') {
+        formData = allow;
+      }
+
+      this.validate(valid => {
+        if (!valid) {
+          return;
+        }
+
+        this.$emit('submit', formData);
+        this.doAction(formData);
+      });
+    }, 600, {
+      trailing: false
+    }),
+
+    doAction(data) {
+      var _this = this;
+
+      if (!this.url) {
+        return;
+      }
+
+      let def;
+      this.$emit('update:submitting', true);
 
-      if (typeof this.vtype === 'string') {
-        vtypes = this.vtype.replace(/\s/g, '').split(',').filter(Boolean);
-      } else if (Array.isArray(this.vtype) && this.vtype.length) {
-        vtypes = this.vtype.filter(Boolean);
+      if (this.method === 'get') {
+        def = this.getWithMessage(this.url, {
+          params: data
+        });
+      } else {
+        def = this.postWithMessage(this.url, data);
       }
 
-      return vtypes.reduce((rules, vtype) => {
-        let rule = vtype;
+      def.then(function () {
+        _this.$emit('update:submitting', false);
 
-        if (typeof vtype === 'string') {
-          const [type, ...args] = vtype.split(':');
-          rule = VType$1[type](this.$props, ...args);
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
         }
 
-        rule && rules.push(rule);
-        return rules;
-      }, []);
-    },
+        _this.$emit('after-submit', ...args);
+      }).catch(function () {
+        _this.$emit('update:submitting', false);
 
-    realPlaceHolder() {
-      if (this.placeholder) {
-        return this.placeholder;
-      }
+        return Promise.reject(...arguments);
+      });
+    },
 
-      let input = getInputTypeText(this.type);
-      return `请${input}${this.label}`;
+    /**
+     * @private
+     */
+    onReset(e) {
+      e.preventDefault();
+      this.resetValues();
+      this.$emit('reset');
     },
 
-    realColon() {
-      if (!this.label) {
-        return false;
+    /**
+     * @private
+     */
+    trigger(event) {
+      if (typeof event !== 'string') {
+        return;
       }
 
-      if (!Object.is(undefined, this.colon)) {
-        return this.colon;
+      const e = event.toLowerCase().replace(/( |^)[a-z]/g, L => L.toUpperCase());
+
+      if (!this[`onField${e}`]) {
+        return;
       }
 
-      if (!Object.is(undefined, this.uiForm.colon)) {
-        return this.uiForm.colon;
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
       }
 
-      return true;
+      this[`onField${e}`](...args);
     },
 
-    realDisabled() {
-      if (this.uiForm) {
-        return this.uiForm.disabled || this.disabled;
+    /**
+     * @private
+     */
+    onFieldPending(component) {
+      if (!component.name) {
+        return;
       }
 
-      return this.disabled;
+      this.fieldStatus.push({
+        name: component.name,
+        status: false,
+        instance: component
+      });
     },
 
-    listeners() {
-      // eslint-disable-next-line
-      const {
-        change,
-        input,
-        ...listeners
-      } = this.$listeners;
-      return listeners;
-    }
+    /**
+     * @private
+     */
+    onFieldDestroy(component) {
+      if (component.name) {
+        const index = this.fieldStatus.findIndex(item => item.name === component.name);
+        index !== -1 && this.fieldStatus.splice(index, 1);
+        const i = this.fieldList.findIndex(item => item[0] === component.name);
+        this.fieldList.splice(i, 1);
+      }
 
-  },
-  watch: {
-    value(v) {
-      this.fieldValue = v;
-    },
+      const formItems = this.getFormItems();
 
-    fieldValue(v) {
-      this.uiForm.trigger('change', this.name, v, this);
-      this.$emit('input', v);
-      this.$emit('change', v);
-    }
+      if (formItems.length === this.fieldStatus.length) {
+        this.checkFieldsReady();
+      }
+    },
 
-  },
+    /**
+     * @private
+     */
+    onFieldDone(component) {
+      if (!component.name) {
+        return;
+      }
 
-  created() {
-    this.registeredField();
-  },
+      const index = this.fieldStatus.findIndex(item => item.name === component.name);
+      index !== -1 && this.fieldStatus.splice(index, 1, {
+        name: component.name,
+        status: true,
+        instance: component
+      });
+      const formItems = this.getFormItems();
 
-  methods: {
-    registeredField() {
-      if (this.ignore) {
-        return;
+      if (formItems.length === this.fieldStatus.length) {
+        this.checkFieldsReady();
       }
+    },
 
-      this.uiForm.addField(this.name, this.fieldValue, this);
+    onFieldChange(fieldName, fieldValue, instance) {
+      const index = this.fieldList.findIndex(item => item[0] === fieldName);
+      const current = Object.freeze([fieldName, fieldValue, instance]);
+
+      if (index === -1) {
+        this.fieldList.push(current);
+      } else {
+        this.fieldList.splice(index, 1, current);
+      }
     },
 
-    resetField() {
-      if (arguments.length > 0) {
-        this.fieldValue = arguments.length <= 0 ? undefined : arguments[0];
-      } else if (this.fieldValue !== this.defaultValue) {
-        this.fieldValue = this.defaultValue;
+    checkFieldsReady() {
+      if (!this.isMounted) {
+        return;
       }
 
-      this.lockedValue = this.fieldValue;
-      this.$refs.formItem && this.$refs.formItem.$once('el.form.change', () => {
-        this.$refs.formItem && this.$refs.formItem.clearValidate();
-      });
+      const isPending = this.fieldStatus.some(item => !item.status);
+
+      if (!isPending && !this.isReady) {
+        this.isReady = true;
+        this.$emit('ready');
+      }
     }
 
   }
@@ -5994,54 +6047,24 @@ var __vue_render__$a = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('el-form-item', _vm._b({
-    ref: "formItem",
-    staticClass: "ui-form-item",
-    class: {
-      'hidden-item': _vm.type === 'hidden'
-    },
-    attrs: {
-      "prop": _vm.name,
-      "rules": _vm.realRules
-    }
-  }, 'el-form-item', _vm.$attrs, false), [_vm.$scopedSlots.prefix ? _c('div', {
-    staticClass: "ui-form-item-prefix"
-  }, [_vm._t("prefix")], 2) : _vm._e(), _vm._v(" "), _vm.showLabel && _vm.label ? _c('template', {
-    slot: "label"
-  }, [_vm._v("\n    " + _vm._s(_vm.label) + "\n    "), _c('el-tooltip', {
-    attrs: {
-      "effect": "dark",
-      "content": _vm.info
-    }
-  }, [_vm.info ? _c('i', {
-    staticClass: "el-icon-info info"
-  }) : _vm._e()]), _vm._v("\n    " + _vm._s(_vm.realColon ? ':' : '') + "\n  ")], 1) : _vm._e(), _vm._v(" "), _c('form-field', _vm._g(_vm._b({
+  return _c('el-form', _vm._g(_vm._b({
+    ref: "form",
     attrs: {
-      "name": _vm.name,
-      "locked-value": _vm.lockedValue,
-      "type": _vm.type,
-      "disabled": _vm.realDisabled,
-      "placeholder": _vm.realPlaceHolder,
-      "ignore": _vm.ignore
+      "model": _vm.model,
+      "label-width": _vm.labelWidth
     },
-    on: {
-      "update:lockedValue": function ($event) {
-        _vm.lockedValue = $event;
-      },
-      "update:locked-value": function ($event) {
-        _vm.lockedValue = $event;
+    nativeOn: {
+      "submit": function ($event) {
+        $event.preventDefault();
+        return _vm.onSubmit.apply(null, arguments);
       }
-    },
-    model: {
-      value: _vm.fieldValue,
-      callback: function ($$v) {
-        _vm.fieldValue = $$v;
-      },
-      expression: "fieldValue"
     }
-  }, 'form-field', _vm.$attrs, false), _vm.listeners), [_vm._t("default")], 2), _vm._v(" "), _vm.$scopedSlots.suffix ? _c('div', {
-    staticClass: "ui-form-item-suffix"
-  }, [_vm._t("suffix")], 2) : _vm._e()], 2);
+  }, 'el-form', _vm.$attrs, false), _vm.listeners), [_vm._l(_vm.fields, function (field, i) {
+    return _c(field.componentName || 'ui-form-item', _vm._g(_vm._b({
+      key: i,
+      tag: "component"
+    }, 'component', field, false), field.listeners));
+  }), _vm._v(" "), _vm._t("default")], 2);
 };
 
 var __vue_staticRenderFns__$a = [];
@@ -6049,8 +6072,8 @@ var __vue_staticRenderFns__$a = [];
 
 const __vue_inject_styles__$b = function (inject) {
   if (!inject) return;
-  inject("data-v-1b19fc4a_0", {
-    source: ".ui-form-item[data-v-1b19fc4a]  .el-form-item__content{display:flex;flex-direction:row;align-items:center}.ui-form-item[data-v-1b19fc4a]  .el-form-item__content>div{flex:1;display:flex;align-items:center}.ui-form-item[data-v-1b19fc4a]  .el-form-item__content .ui-form-item-prefix,.ui-form-item[data-v-1b19fc4a]  .el-form-item__content .ui-form-item-suffix{flex:none}.ui-form-item .info[data-v-1b19fc4a]{color:#909399;cursor:pointer;margin-left:4px}.ui-form-item.hidden-item[data-v-1b19fc4a]{display:none}.el-form--inline .ui-form-item[data-v-1b19fc4a]  .el-form-item__label{flex:none;white-space:nowrap}.el-form--inline .ui-form-item[data-v-1b19fc4a]  .el-form-item__content{display:inline-flex}",
+  inject("data-v-2a9aa6b4_0", {
+    source: ".el-form--inline[data-v-2a9aa6b4]  .el-form-item{display:inline-flex}",
     map: undefined,
     media: undefined
   });
@@ -6058,7 +6081,7 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = "data-v-1b19fc4a";
+const __vue_scope_id__$b = "data-v-2a9aa6b4";
 /* module identifier */
 
 const __vue_module_identifier__$b = undefined;
@@ -6074,7 +6097,7 @@ const __vue_component__$b = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$a
 }, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
 
-var FormItem = __vue_component__$b;
+var Form$1 = __vue_component__$b;
 
 //
 //
@@ -10108,54 +10131,6 @@ const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
 
 var TablePagination = __vue_component__$3;
 
-const Operator = {
-  eq: '=',
-  ne: '!=',
-  gt: '>',
-  lt: '<',
-  ge: '>=',
-  le: '<=',
-  lk: 'like',
-  ak: 'like',
-  ek: 'like',
-  nk: 'not like',
-  in: 'in',
-  isNull: 'is null',
-  isNotNull: 'is not null',
-  range: 'range'
-};
-const Sort = {
-  asc: 'asc',
-  desc: 'desc'
-};
-var TableSelectItem = {
-  name: 'ui-table-select-item',
-  mixins: [FormItem],
-  props: {
-    showLabel: {
-      type: Boolean,
-      default: true
-    },
-    sort: {
-      type: String,
-      validator: val => Object.keys(Sort).includes(val)
-    },
-    select: {
-      type: String,
-      validator: val => Object.keys(Operator).includes(val)
-    },
-    range: {
-      type: Array,
-      validator: val => val.length === 2 && val.every(v => ['gt', 'lt', 'ge', 'le', 'eq'].includes(v)),
-      default: () => ['ge', 'le']
-    },
-    rangeNames: {
-      type: Object,
-      validator: val => Object.prototype.toString.call(val) === '[object Object]' && ['min', 'max'].every(item => Object.keys(val).includes(item))
-    }
-  }
-};
-
 //
 const SEARCH_PREFIX = 'select';
 const SORT_PREFIX = 'sort';
@@ -10254,7 +10229,7 @@ var script$2 = {
       const listSearchItem = items => {
         return items.reduce((results, item) => {
           if (item.$options.name === TableSelectItem.name) {
-            if (item.ignore === false) {
+            if (!item.ignore) {
               results.push(item);
             }
           } else {
@@ -10344,7 +10319,7 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-1ccdf4ca_0", {
+  inject("data-v-1bff1b12_0", {
     source: ".ui-table-select{display:flex;align-items:center;flex-wrap:wrap}.ui-table-select .el-row{width:100%}.ui-table-select .fill{flex:1}.ui-table-select .el-form-item{margin-bottom:10px}.ui-table-select .el-form-item:last-child{margin-right:0}.ui-table-select .el-form-item,.ui-table-select .el-form-item.el-form-item--mini{margin-bottom:10px}",
     map: undefined,
     media: undefined