@tmagic/form 1.2.0-beta.2 → 1.2.0-beta.21

package/dist/tmagic-form.mjs

@@ -1,3925 +0,0 @@
-import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, resolveDynamicComponent, Fragment, createVNode, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, watch, unref, withDirectives, vShow, renderSlot, onMounted, toRefs, getCurrentInstance, reactive, onBeforeUnmount, vModelText, onBeforeMount, resolveDirective, createSlots, withModifiers, provide } from 'vue';
-import { WarningFilled, CaretBottom, CaretRight, CaretTop, Delete, Grid, ArrowDown, ArrowUp, FullScreen } from '@element-plus/icons-vue';
-import { cloneDeep, isEqual } from 'lodash-es';
-import { ElMessage } from 'element-plus';
-import Sortable from 'sortablejs';
-import { asyncLoadJs, sleep, datetimeFormatter, isNumber } from '@tmagic/utils';
-
-const isTableSelect = (type) => typeof type === "string" && ["table-select", "tableSelect"].includes(type);
-const asyncLoadConfig = (value, initValue2, { asyncLoad, name, type }) => {
-  if (type === "html" && typeof asyncLoad === "object" && typeof name !== "undefined") {
-    asyncLoad.name = name;
-    value.asyncLoad = typeof initValue2.asyncLoad === "object" ? initValue2.asyncLoad : asyncLoad;
-  }
-};
-const isMultipleValue = (type) => typeof type === "string" && ["checkbox-group", "checkboxGroup", "table", "cascader", "group-list", "groupList"].includes(type);
-const initItemsValue = (mForm, value, initValue2, { items, name, extensible }) => {
-  if (Array.isArray(initValue2[name])) {
-    value[name] = initValue2[name].map((v, index) => init(mForm, items, v, value[name]?.[index]));
-  } else {
-    value[name] = init(mForm, items, initValue2[name], value[name]);
-    if (extensible) {
-      value[name] = Object.assign({}, initValue2[name], value[name]);
-    }
-  }
-};
-const setValue = (mForm, value, initValue2, item) => {
-  const { items, name, type, checkbox } = item;
-  if (isMultipleValue(type) || type === "tab" && item.dynamic) {
-    value[name] = initValue2[name] || [];
-  }
-  if (items) {
-    initItemsValue(mForm, value, initValue2, item);
-  } else {
-    value[name] = getDefaultValue(mForm, item);
-  }
-  if (type === "fieldset" && checkbox) {
-    if (typeof value[name] === "object") {
-      value[name].value = typeof initValue2[name] === "object" ? initValue2[name].value || 0 : 0;
-    }
-  }
-};
-const initValueItem = function(mForm, item, initValue2, value) {
-  const { items } = item;
-  const { names } = item;
-  const { type, name } = item;
-  if (isTableSelect(type) && name) {
-    value[name] = initValue2[name] || "";
-    return value;
-  }
-  asyncLoadConfig(value, initValue2, item);
-  if (name && !items && typeof initValue2[name] !== "undefined") {
-    if (typeof value[name] === "undefined") {
-      if (type === "number") {
-        value[name] = Number(initValue2[name]);
-      } else {
-        value[name] = typeof initValue2[name] === "object" ? cloneDeep(initValue2[name]) : initValue2[name];
-      }
-    }
-    return value;
-  }
-  if (names) {
-    return names.forEach((n) => value[n] = initValue2[n] || "");
-  }
-  if (!name) {
-    return init(mForm, items, initValue2, value);
-  }
-  setValue(mForm, value, initValue2, item);
-  return value;
-};
-const init = function(mForm, config = [], initValue2 = {}, value = {}) {
-  if (Array.isArray(config)) {
-    config.forEach((item) => {
-      initValueItem(mForm, item, initValue2, value);
-    });
-  }
-  return value;
-};
-const getDefaultValue = function(mForm, { defaultValue, type, filter, multiple }) {
-  if (typeof defaultValue === "function") {
-    return defaultValue(mForm);
-  }
-  if (defaultValue === "undefined") {
-    return void 0;
-  }
-  if (typeof defaultValue !== "undefined") {
-    return defaultValue;
-  }
-  if (type === "number" || filter === "number") {
-    return 0;
-  }
-  if (["switch", "checkbox"].includes(type)) {
-    return false;
-  }
-  if (multiple) {
-    return [];
-  }
-  return "";
-};
-const filterFunction = (mForm, config, props) => {
-  if (typeof config !== "function") {
-    return config;
-  }
-  return config(mForm, {
-    values: mForm?.initValues || {},
-    model: props.model,
-    parent: mForm?.parentValues || {},
-    formValue: mForm?.values || props.model,
-    prop: props.prop,
-    config: props.config
-  });
-};
-const display = function(mForm, config, props) {
-  if (typeof config === "function") {
-    return filterFunction(mForm, config, props);
-  }
-  if (config === false) {
-    return false;
-  }
-  return true;
-};
-const getRules = function(mForm, rules = [], props) {
-  rules = cloneDeep(rules);
-  if (typeof rules === "object" && !Array.isArray(rules)) {
-    rules = [rules];
-  }
-  return rules.map((item) => {
-    if (typeof item.validator === "function") {
-      const fnc = item.validator;
-      item.validator = (rule, value, callback, source, options) => fnc(
-        {
-          rule,
-          value: props.config.names ? props.model : value,
-          callback,
-          source,
-          options
-        },
-        {
-          values: mForm?.initValues || {},
-          model: props.model,
-          parent: mForm?.parentValues || {},
-          formValue: mForm?.values || props.model,
-          prop: props.prop,
-          config: props.config
-        },
-        mForm
-      );
-    }
-    return item;
-  });
-};
-const initValue = async (mForm, { initValues, config }) => {
-  if (!Array.isArray(config))
-    throw new Error("config\u5E94\u8BE5\u4E3A\u6570\u7EC4");
-  let valuesTmp = init(mForm, config, toRaw(initValues), {});
-  const [firstForm] = config;
-  if (firstForm && typeof firstForm.onInitValue === "function") {
-    valuesTmp = await firstForm.onInitValue(mForm, {
-      formValue: valuesTmp,
-      initValue: initValues
-    });
-  }
-  return valuesTmp || {};
-};
-
-const _sfc_main$u = defineComponent({
-  name: "m-form-container",
-  components: { WarningFilled },
-  props: {
-    labelWidth: String,
-    expandMore: Boolean,
-    model: {
-      type: [Object, Array],
-      required: true
-    },
-    config: {
-      type: Object,
-      required: true
-    },
-    prop: {
-      type: String,
-      default: () => ""
-    },
-    stepActive: {
-      type: [String, Number]
-    },
-    size: {
-      type: String,
-      default: "small"
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const expand = ref(false);
-    const name = computed(() => props.config.name || "");
-    const items = computed(() => props.config.items);
-    const itemProp = computed(() => {
-      let n = "";
-      const { names } = props.config;
-      if (names?.[0]) {
-        [n] = names;
-      } else if (name.value) {
-        n = name.value;
-      } else {
-        return props.prop;
-      }
-      return `${props.prop}${props.prop ? "." : ""}${n}`;
-    });
-    const tagName = computed(() => {
-      const component = resolveComponent(`m-${items.value ? "form" : "fields"}-${type.value}`);
-      if (typeof component !== "string")
-        return component;
-      return "m-fields-text";
-    });
-    const disabled = computed(() => filterFunction(mForm, props.config.disabled, props));
-    const tooltip = computed(() => filterFunction(mForm, props.config.tooltip, props));
-    const extra = computed(() => filterFunction(mForm, props.config.extra, props));
-    const rule = computed(() => getRules(mForm, props.config.rules, props));
-    const type = computed(() => {
-      let { type: type2 } = props.config;
-      if (typeof type2 === "function") {
-        type2 = type2(mForm, {
-          model: props.model
-        });
-      }
-      if (type2 === "form")
-        return "";
-      return type2?.replace(/([A-Z])/g, "-$1").toLowerCase() || (items.value ? "" : "text");
-    });
-    const display$1 = computed(() => {
-      if (props.config.display === "expand") {
-        return expand.value;
-      }
-      return display(mForm, props.config.display, props);
-    });
-    const itemLabelWidth = computed(() => props.config.labelWidth || props.labelWidth);
-    watchEffect(() => {
-      expand.value = props.expandMore;
-    });
-    const expandHandler = () => expand.value = !expand.value;
-    const key = (config) => config[mForm?.keyProps];
-    const filterHandler = (filter, value) => {
-      if (typeof filter === "function") {
-        return filter(mForm, value, {
-          model: props.model,
-          values: mForm?.initValues,
-          formValue: mForm?.values,
-          prop: itemProp.value,
-          config: props.config
-        });
-      }
-      if (filter === "number") {
-        return +value;
-      }
-      return value;
-    };
-    const changeHandler = (onChange, value) => {
-      if (typeof onChange === "function") {
-        return onChange(mForm, value, {
-          model: props.model,
-          values: mForm?.initValues,
-          formValue: mForm?.values,
-          prop: itemProp.value,
-          config: props.config
-        });
-      }
-    };
-    const trimHandler = (trim, value) => {
-      if (typeof value === "string" && trim) {
-        return value.replace(/^\s*/, "").replace(/\s*$/, "");
-      }
-    };
-    const onChangeHandler = async function(v, key2) {
-      const { filter, onChange, trim, name: name2, dynamicKey } = props.config;
-      let value = v;
-      try {
-        value = filterHandler(filter, v);
-        value = await changeHandler(onChange, value) ?? value;
-        value = trimHandler(trim, value) ?? value;
-      } catch (e) {
-        console.error(e);
-      }
-      if ((name2 || name2 === 0) && props.model !== value && (v !== value || props.model[name2] !== value)) {
-        props.model[name2] = value;
-      }
-      if (key2 !== void 0 && dynamicKey) {
-        props.model[key2] = value;
-      }
-      emit("change", props.model);
-    };
-    return {
-      expand,
-      name,
-      type,
-      disabled,
-      itemProp,
-      items,
-      display: display$1,
-      itemLabelWidth,
-      tagName,
-      rule,
-      tooltip,
-      extra,
-      key,
-      onChangeHandler,
-      expandHandler
-    };
-  }
-});
-
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const _hoisted_1$c = ["innerHTML"];
-const _hoisted_2$7 = ["innerHTML"];
-const _hoisted_3$7 = ["innerHTML"];
-const _hoisted_4$6 = ["innerHTML"];
-const _hoisted_5$4 = {
-  key: 4,
-  style: { "text-align": "center" }
-};
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_fields_hidden = resolveComponent("m-fields-hidden");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _component_el_form_item = resolveComponent("el-form-item");
-  const _component_warning_filled = resolveComponent("warning-filled");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_m_form_container = resolveComponent("m-form-container");
-  const _component_el_button = resolveComponent("el-button");
-  return _ctx.config ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    style: normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
-    class: normalizeClass([_ctx.config.className, "m-form-container"])
-  }, [
-    _ctx.type === "hidden" ? (openBlock(), createBlock(_component_m_fields_hidden, {
-      key: 0,
-      model: _ctx.model,
-      config: _ctx.config,
-      name: _ctx.config.name,
-      disabled: _ctx.disabled,
-      prop: _ctx.itemProp
-    }, null, 8, ["model", "config", "name", "disabled", "prop"])) : _ctx.items && !_ctx.config.text && _ctx.type && _ctx.display ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
-      key: _ctx.key(_ctx.config),
-      size: _ctx.size,
-      model: _ctx.model,
-      config: _ctx.config,
-      name: _ctx.name,
-      prop: _ctx.itemProp,
-      "step-active": _ctx.stepActive,
-      "expand-more": _ctx.expand,
-      "label-width": _ctx.itemLabelWidth,
-      onChange: _ctx.onChangeHandler
-    }, null, 40, ["size", "model", "config", "name", "prop", "step-active", "expand-more", "label-width", "onChange"])) : _ctx.type && _ctx.display ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-      createVNode(_component_el_form_item, {
-        style: normalizeStyle(_ctx.config.tip ? "flex: 1" : ""),
-        class: normalizeClass({ hidden: `${_ctx.itemLabelWidth}` === "0" || !_ctx.config.text }),
-        prop: _ctx.itemProp,
-        "label-width": _ctx.itemLabelWidth,
-        rules: _ctx.rule
-      }, {
-        label: withCtx(() => [
-          createElementVNode("span", {
-            innerHTML: _ctx.type === "checkbox" ? "" : _ctx.config.text
-          }, null, 8, _hoisted_1$c)
-        ]),
-        default: withCtx(() => [
-          _ctx.tooltip ? (openBlock(), createBlock(_component_el_tooltip, { key: 0 }, {
-            content: withCtx(() => [
-              createElementVNode("div", { innerHTML: _ctx.tooltip }, null, 8, _hoisted_2$7)
-            ]),
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
-                key: _ctx.key(_ctx.config),
-                size: _ctx.size,
-                model: _ctx.model,
-                config: _ctx.config,
-                name: _ctx.name,
-                disabled: _ctx.disabled,
-                prop: _ctx.itemProp,
-                onChange: _ctx.onChangeHandler
-              }, null, 40, ["size", "model", "config", "name", "disabled", "prop", "onChange"]))
-            ]),
-            _: 1
-          })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
-            key: _ctx.key(_ctx.config),
-            size: _ctx.size,
-            model: _ctx.model,
-            config: _ctx.config,
-            name: _ctx.name,
-            disabled: _ctx.disabled,
-            prop: _ctx.itemProp,
-            onChange: _ctx.onChangeHandler
-          }, null, 40, ["size", "model", "config", "name", "disabled", "prop", "onChange"])),
-          _ctx.extra ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            innerHTML: _ctx.extra,
-            class: "m-form-tip"
-          }, null, 8, _hoisted_3$7)) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["style", "class", "prop", "label-width", "rules"]),
-      _ctx.config.tip ? (openBlock(), createBlock(_component_el_tooltip, {
-        key: 0,
-        placement: "left"
-      }, {
-        content: withCtx(() => [
-          createElementVNode("div", {
-            innerHTML: _ctx.config.tip
-          }, null, 8, _hoisted_4$6)
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_el_icon, { style: { "line-height": "40px", "margin-left": "5px" } }, {
-            default: withCtx(() => [
-              createVNode(_component_warning_filled)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      })) : createCommentVNode("", true)
-    ], 64)) : _ctx.items && _ctx.display ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-      (_ctx.name || _ctx.name === 0 ? _ctx.model[_ctx.name] : _ctx.model) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item) => {
-        return openBlock(), createBlock(_component_m_form_container, {
-          key: _ctx.key(item),
-          model: _ctx.name || _ctx.name === 0 ? _ctx.model[_ctx.name] : _ctx.model,
-          config: item,
-          size: _ctx.size,
-          "step-active": _ctx.stepActive,
-          "expand-more": _ctx.expand,
-          "label-width": _ctx.itemLabelWidth,
-          prop: _ctx.itemProp,
-          onChange: _ctx.onChangeHandler
-        }, null, 8, ["model", "config", "size", "step-active", "expand-more", "label-width", "prop", "onChange"]);
-      }), 128)) : createCommentVNode("", true)
-    ], 64)) : createCommentVNode("", true),
-    _ctx.config.expand && _ctx.type !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
-      createVNode(_component_el_button, {
-        text: "",
-        onClick: _ctx.expandHandler
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.expand ? "\u6536\u8D77\u914D\u7F6E" : "\u5C55\u5F00\u66F4\u591A\u914D\u7F6E"), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])
-    ])) : createCommentVNode("", true)
-  ], 6)) : createCommentVNode("", true);
-}
-const Container = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$o]]);
-
-const _hoisted_1$b = ["innerHTML"];
-const _hoisted_2$6 = ["innerHTML"];
-const _hoisted_3$6 = { key: 1 };
-const _hoisted_4$5 = ["innerHTML"];
-const _hoisted_5$3 = ["innerHTML"];
-const _hoisted_6$2 = {
-  key: 2,
-  style: { "display": "flex" }
-};
-const _hoisted_7$2 = { style: { "flex": "1" } };
-const _hoisted_8$1 = ["src"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  __name: "Fieldset",
-  props: {
-    labelWidth: null,
-    prop: { default: "" },
-    size: null,
-    model: null,
-    config: null,
-    rules: { default: {} }
-  },
-  emits: ["change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const mForm = inject("mForm");
-    const name = computed(() => props.config.name || "");
-    const show = computed(() => {
-      if (props.config.expand && name.value) {
-        return props.model[name.value]?.value;
-      }
-      return true;
-    });
-    const lWidth = computed(() => {
-      if (props.config.items) {
-        return props.config.labelWidth || props.labelWidth;
-      }
-      return props.config.labelWidth || props.labelWidth || (props.config.text ? null : "0");
-    });
-    const change = () => {
-      emit("change", props.model);
-    };
-    const key = (item, index) => item[mForm?.keyProp || "__key"] ?? index;
-    if (props.config.checkbox && name.value) {
-      watch(
-        () => props.model[name.value]?.value,
-        () => {
-          emit("change", props.model);
-        }
-      );
-    }
-    return (_ctx, _cache) => {
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_m_form_container = resolveComponent("m-form-container");
-      return (unref(name) ? __props.model[unref(name)] : __props.model) ? (openBlock(), createElementBlock("fieldset", {
-        key: 0,
-        class: "m-fieldset",
-        style: normalizeStyle(unref(show) ? "padding: 15px 15px 0 5px;" : "border: 0")
-      }, [
-        unref(name) && __props.config.checkbox ? (openBlock(), createBlock(resolveDynamicComponent(!unref(show) ? "div" : "legend"), { key: 0 }, {
-          default: withCtx(() => [
-            createVNode(_component_el_checkbox, {
-              modelValue: __props.model[unref(name)].value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[unref(name)].value = $event),
-              prop: `${__props.prop}${__props.prop ? "." : ""}${__props.config.name}.value`,
-              "true-label": 1,
-              "false-label": 0
-            }, {
-              default: withCtx(() => [
-                createElementVNode("span", {
-                  innerHTML: __props.config.legend
-                }, null, 8, _hoisted_1$b),
-                __props.config.extra ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  innerHTML: __props.config.extra,
-                  class: "m-form-tip"
-                }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }, 8, ["modelValue", "prop"])
-          ]),
-          _: 1
-        })) : (openBlock(), createElementBlock("legend", _hoisted_3$6, [
-          createElementVNode("span", {
-            innerHTML: __props.config.legend
-          }, null, 8, _hoisted_4$5),
-          __props.config.extra ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            innerHTML: __props.config.extra,
-            class: "m-form-tip"
-          }, null, 8, _hoisted_5$3)) : createCommentVNode("", true)
-        ])),
-        __props.config.schematic && unref(show) ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-          createElementVNode("div", _hoisted_7$2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (item, index) => {
-              return openBlock(), createBlock(_component_m_form_container, {
-                key: key(item, index),
-                model: unref(name) ? __props.model[unref(name)] : __props.model,
-                rules: unref(name) ? __props.rules[unref(name)] : [],
-                config: item,
-                prop: __props.prop,
-                labelWidth: unref(lWidth),
-                size: __props.size,
-                onChange: change
-              }, null, 8, ["model", "rules", "config", "prop", "labelWidth", "size"]);
-            }), 128))
-          ]),
-          createElementVNode("img", {
-            class: "m-form-schematic",
-            src: __props.config.schematic
-          }, null, 8, _hoisted_8$1)
-        ])) : unref(show) ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(__props.config.items, (item, index) => {
-          return openBlock(), createBlock(_component_m_form_container, {
-            key: key(item, index),
-            model: unref(name) ? __props.model[unref(name)] : __props.model,
-            rules: unref(name) ? __props.rules[unref(name)] : [],
-            config: item,
-            prop: __props.prop,
-            labelWidth: unref(lWidth),
-            size: __props.size,
-            onChange: change
-          }, null, 8, ["model", "rules", "config", "prop", "labelWidth", "size"]);
-        }), 128)) : createCommentVNode("", true)
-      ], 4)) : createCommentVNode("", true);
-    };
-  }
-});
-
-const _sfc_main$s = defineComponent({
-  name: "m-form-group-list-item",
-  components: { CaretBottom, CaretRight, CaretTop },
-  props: {
-    labelWidth: String,
-    model: {
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: String,
-    size: String,
-    index: {
-      type: [Number, String, Symbol],
-      default: 0
-    },
-    groupModel: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["swap-item", "remove-item", "change"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const expand = ref(false);
-    watchEffect(() => {
-      expand.value = !props.index;
-    });
-    const rowConfig = computed(() => ({
-      type: "row",
-      span: props.config.span || 24,
-      items: props.config.items,
-      labelWidth: props.config.labelWidth,
-      [mForm?.keyProp || "__key"]: `${props.config[mForm?.keyProp || "__key"]}${String(props.index)}`
-    }));
-    const title = computed(() => {
-      if (props.config.titleKey && props.model[props.config.titleKey]) {
-        return props.model[props.config.titleKey];
-      }
-      return `\u7EC4 ${String(props.index)}`;
-    });
-    const length = computed(() => props.groupModel?.length || 0);
-    const itemExtra = computed(() => filterFunction(mForm, props.config.itemExtra, props));
-    const removeHandler = () => emit("remove-item", props.index);
-    const changeHandler = () => emit("change");
-    const expandHandler = () => {
-      expand.value = !expand.value;
-    };
-    const showDelete = (index) => {
-      const deleteFunc = props.config.delete;
-      if (deleteFunc && typeof deleteFunc === "function") {
-        return deleteFunc(props.model, index, mForm?.values);
-      }
-      return true;
-    };
-    const changeOrder = (offset = 0) => emit("swap-item", props.index, `${String(props.index)}${offset}`);
-    const movable = () => {
-      const { movable: movable2 } = props.config;
-      if (movable2 === void 0)
-        return true;
-      if (typeof movable2 === "function") {
-        return movable2(mForm, props.index || 0, props.model, props.groupModel);
-      }
-      return movable2;
-    };
-    return {
-      expand,
-      expandHandler,
-      title,
-      showDelete,
-      removeHandler,
-      movable,
-      changeOrder,
-      itemExtra,
-      rowConfig,
-      changeHandler,
-      length,
-      Delete
-    };
-  }
-});
-
-const _hoisted_1$a = { class: "m-fields-group-list-item" };
-const _hoisted_2$5 = /* @__PURE__ */ createTextVNode("\u4E0A\u79FB");
-const _hoisted_3$5 = /* @__PURE__ */ createTextVNode("\u4E0B\u79FB");
-const _hoisted_4$4 = ["innerHTML"];
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CaretBottom = resolveComponent("CaretBottom");
-  const _component_CaretRight = resolveComponent("CaretRight");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_CaretTop = resolveComponent("CaretTop");
-  const _component_m_form_container = resolveComponent("m-form-container");
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
-    createElementVNode("div", null, [
-      createVNode(_component_el_icon, {
-        style: { "margin-right": "7px" },
-        onClick: _ctx.expandHandler
-      }, {
-        default: withCtx(() => [
-          _ctx.expand ? (openBlock(), createBlock(_component_CaretBottom, { key: 0 })) : (openBlock(), createBlock(_component_CaretRight, { key: 1 }))
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      createVNode(_component_el_button, {
-        text: "",
-        onClick: _ctx.expandHandler
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.title), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      withDirectives(createVNode(_component_el_button, {
-        text: "",
-        icon: _ctx.Delete,
-        style: { "color": "#f56c6c" },
-        onClick: _ctx.removeHandler
-      }, null, 8, ["icon", "onClick"]), [
-        [vShow, _ctx.showDelete(parseInt(String(_ctx.index)))]
-      ]),
-      _ctx.movable() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        withDirectives(createVNode(_component_el_button, {
-          text: "",
-          size: "small",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.changeOrder(-1))
-        }, {
-          default: withCtx(() => [
-            _hoisted_2$5,
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_CaretTop)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 512), [
-          [vShow, _ctx.index !== 0]
-        ]),
-        withDirectives(createVNode(_component_el_button, {
-          text: "",
-          size: "small",
-          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.changeOrder(1))
-        }, {
-          default: withCtx(() => [
-            _hoisted_3$5,
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_CaretBottom)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 512), [
-          [vShow, _ctx.index !== _ctx.length - 1]
-        ])
-      ], 64)) : createCommentVNode("", true),
-      _ctx.itemExtra ? (openBlock(), createElementBlock("span", {
-        key: 1,
-        innerHTML: _ctx.itemExtra,
-        class: "m-form-tip"
-      }, null, 8, _hoisted_4$4)) : createCommentVNode("", true)
-    ]),
-    _ctx.expand ? (openBlock(), createBlock(_component_m_form_container, {
-      key: 0,
-      config: _ctx.rowConfig,
-      model: _ctx.model,
-      labelWidth: _ctx.labelWidth,
-      prop: `${_ctx.prop}${_ctx.prop ? "." : ""}${String(_ctx.index)}`,
-      size: _ctx.size,
-      onChange: _ctx.changeHandler
-    }, null, 8, ["config", "model", "labelWidth", "prop", "size", "onChange"])) : createCommentVNode("", true)
-  ]);
-}
-const MFieldsGroupListItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$n]]);
-
-const _sfc_main$r = defineComponent({
-  name: "m-form-group-list",
-  components: { MFieldsGroupListItem },
-  props: {
-    labelWidth: String,
-    model: {
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: {
-      type: String,
-      default: ""
-    },
-    size: String,
-    name: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const addable = computed(() => {
-      if (!props.name)
-        return false;
-      if (typeof props.config.addable === "function") {
-        return props.config.addable(mForm, {
-          model: props.model[props.name],
-          formValue: mForm?.values,
-          prop: props.prop,
-          config: props.config
-        });
-      }
-      return typeof props.config.addable === "undefined" ? true : props.config.addable;
-    });
-    const changeHandler = () => {
-      if (!props.name)
-        return false;
-      emit("change", props.model[props.name]);
-    };
-    const addHandler = async () => {
-      if (!props.name)
-        return false;
-      let initValues = {};
-      if (typeof props.config.defaultAdd === "function") {
-        initValues = await props.config.defaultAdd(mForm, {
-          model: props.model[props.name],
-          formValue: mForm?.values,
-          prop: props.prop,
-          config: props.config
-        });
-      } else if (props.config.defaultAdd) {
-        initValues = props.config.defaultAdd;
-      }
-      const groupValue = await initValue(mForm, {
-        config: props.config.items,
-        initValues
-      });
-      props.model[props.name].push(groupValue);
-    };
-    const removeHandler = (index) => {
-      if (!props.name)
-        return false;
-      props.model[props.name].splice(index, 1);
-      changeHandler();
-    };
-    const swapHandler = (idx1, idx2) => {
-      if (!props.name)
-        return false;
-      const [currRow] = props.model[props.name].splice(idx1, 1);
-      props.model[props.name].splice(idx2, 0, currRow);
-      changeHandler();
-    };
-    const toggleMode = () => {
-      props.config.type = "table";
-      props.config.groupItems = props.config.items;
-      props.config.items = props.config.tableItems || props.config.items.map((item) => ({
-        ...item,
-        label: item.label || item.text,
-        text: null
-      }));
-    };
-    return {
-      Grid,
-      addable,
-      toggleMode,
-      removeHandler,
-      swapHandler,
-      changeHandler,
-      addHandler
-    };
-  }
-});
-
-const _hoisted_1$9 = { class: "m-fields-group-list" };
-const _hoisted_2$4 = ["innerHTML"];
-const _hoisted_3$4 = {
-  key: 1,
-  class: "el-table__empty-block"
-};
-const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "\u6682\u65E0\u6570\u636E", -1);
-const _hoisted_5$2 = [
-  _hoisted_4$3
-];
-const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("\u6DFB\u52A0\u7EC4");
-const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u5207\u6362\u4E3A\u8868\u683C");
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_fields_group_list_item = resolveComponent("m-fields-group-list-item");
-  const _component_el_button = resolveComponent("el-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
-    _ctx.config.extra ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      innerHTML: _ctx.config.extra,
-      style: { "color": "rgba(0, 0, 0, 0.45)" }
-    }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
-    !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$4, _hoisted_5$2)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
-      return openBlock(), createBlock(_component_m_fields_group_list_item, {
-        key: index,
-        model: item,
-        config: _ctx.config,
-        prop: _ctx.prop,
-        index,
-        "label-width": _ctx.labelWidth,
-        size: _ctx.size,
-        "group-model": _ctx.model[_ctx.name],
-        onRemoveItem: _ctx.removeHandler,
-        onSwapItem: _ctx.swapHandler,
-        onChange: _ctx.changeHandler
-      }, null, 8, ["model", "config", "prop", "index", "label-width", "size", "group-model", "onRemoveItem", "onSwapItem", "onChange"]);
-    }), 128)),
-    _ctx.addable ? (openBlock(), createBlock(_component_el_button, {
-      key: 3,
-      onClick: _ctx.addHandler,
-      size: "small"
-    }, {
-      default: withCtx(() => [
-        _hoisted_6$1
-      ]),
-      _: 1
-    }, 8, ["onClick"])) : createCommentVNode("", true),
-    _ctx.config.enableToggleMode ? (openBlock(), createBlock(_component_el_button, {
-      key: 4,
-      icon: _ctx.Grid,
-      size: "small",
-      onClick: _ctx.toggleMode
-    }, {
-      default: withCtx(() => [
-        _hoisted_7$1
-      ]),
-      _: 1
-    }, 8, ["icon", "onClick"])) : createCommentVNode("", true)
-  ]);
-}
-const GroupList = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$m]]);
-
-const _sfc_main$q = defineComponent({
-  name: "m-form-panel",
-  components: { CaretBottom, CaretRight },
-  props: {
-    labelWidth: String,
-    model: {
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: String,
-    size: String,
-    name: String
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const expand = ref(props.config.expand !== false);
-    const items = computed(() => props.config.items);
-    const filter = (config) => filterFunction(mForm, config, props);
-    const changeHandler = () => emit("change", props.model);
-    return {
-      mForm,
-      expand,
-      items,
-      filter,
-      changeHandler
-    };
-  }
-});
-
-const _hoisted_1$8 = { class: "clearfix" };
-const _hoisted_2$3 = ["innerHTML"];
-const _hoisted_3$3 = {
-  key: 0,
-  style: { "display": "flex" }
-};
-const _hoisted_4$2 = { style: { "flex": "1" } };
-const _hoisted_5$1 = ["src"];
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_caret_bottom = resolveComponent("caret-bottom");
-  const _component_caret_right = resolveComponent("caret-right");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_m_form_container = resolveComponent("m-form-container");
-  const _component_el_card = resolveComponent("el-card");
-  return _ctx.items && _ctx.items.length ? (openBlock(), createBlock(_component_el_card, {
-    key: 0,
-    class: "box-card m-form-panel",
-    "body-style": { display: _ctx.expand ? "block" : "none" }
-  }, {
-    header: withCtx(() => [
-      createElementVNode("div", _hoisted_1$8, [
-        createElementVNode("a", {
-          href: "javascript:",
-          style: { "width": "100%", "display": "block" },
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.expand = !_ctx.expand)
-        }, [
-          createVNode(_component_el_icon, null, {
-            default: withCtx(() => [
-              _ctx.expand ? (openBlock(), createBlock(_component_caret_bottom, { key: 0 })) : (openBlock(), createBlock(_component_caret_right, { key: 1 }))
-            ]),
-            _: 1
-          }),
-          createTextVNode(" " + toDisplayString(_ctx.filter(_ctx.config.title)) + " ", 1),
-          _ctx.config && _ctx.config.extra ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            innerHTML: _ctx.config.extra,
-            class: "m-form-tip"
-          }, null, 8, _hoisted_2$3)) : createCommentVNode("", true)
-        ])
-      ])
-    ]),
-    default: withCtx(() => [
-      createElementVNode("div", null, [
-        renderSlot(_ctx.$slots, "default"),
-        _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-          createElementVNode("div", _hoisted_4$2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-              return openBlock(), createBlock(_component_m_form_container, {
-                key: item[_ctx.mForm?.keyProp || "__key"] ?? index,
-                config: item,
-                model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-                prop: _ctx.prop,
-                size: _ctx.size,
-                "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
-                onChange: _ctx.changeHandler
-              }, null, 8, ["config", "model", "prop", "size", "label-width", "onChange"]);
-            }), 128))
-          ]),
-          createElementVNode("img", {
-            class: "m-form-schematic",
-            src: _ctx.config.schematic
-          }, null, 8, _hoisted_5$1)
-        ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-          return openBlock(), createBlock(_component_m_form_container, {
-            key: item[_ctx.mForm?.keyProp || "__key"] ?? index,
-            config: item,
-            model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-            prop: _ctx.prop,
-            size: _ctx.size,
-            "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
-            onChange: _ctx.changeHandler
-          }, null, 8, ["config", "model", "prop", "size", "label-width", "onChange"]);
-        }), 128))
-      ])
-    ]),
-    _: 3
-  }, 8, ["body-style"])) : createCommentVNode("", true);
-}
-const Panel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$l]]);
-
-const _sfc_main$p = defineComponent({
-  props: {
-    labelWidth: String,
-    expandMore: Boolean,
-    span: Number,
-    model: {
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: String,
-    size: String
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const changeHandler = () => emit("change", props.model);
-    return {
-      mForm,
-      display: computed(() => display(mForm, props.config.display, props)),
-      changeHandler
-    };
-  }
-});
-
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_form_container = resolveComponent("m-form-container");
-  const _component_el_col = resolveComponent("el-col");
-  return withDirectives((openBlock(), createBlock(_component_el_col, { span: _ctx.span }, {
-    default: withCtx(() => [
-      createVNode(_component_m_form_container, {
-        model: _ctx.model,
-        config: _ctx.config,
-        prop: _ctx.prop,
-        "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
-        "expand-more": _ctx.expandMore,
-        size: _ctx.size,
-        onChange: _ctx.changeHandler
-      }, null, 8, ["model", "config", "prop", "label-width", "expand-more", "size", "onChange"])
-    ]),
-    _: 1
-  }, 8, ["span"])), [
-    [vShow, _ctx.display && _ctx.config.type !== "hidden"]
-  ]);
-}
-const Col = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$k]]);
-
-const _sfc_main$o = defineComponent({
-  name: "m-form-row",
-  components: { Col },
-  props: {
-    labelWidth: String,
-    expandMore: Boolean,
-    model: {
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: String,
-    name: String,
-    size: String
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const changeHandler = () => emit("change", props.name ? props.model[props.name] : props.model);
-    return {
-      mForm,
-      changeHandler
-    };
-  }
-});
-
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Col = resolveComponent("Col");
-  const _component_el_row = resolveComponent("el-row");
-  return openBlock(), createBlock(_component_el_row, { gutter: 10 }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (col, index) => {
-        return openBlock(), createBlock(_component_Col, {
-          key: col[_ctx.mForm?.keyProp || "__key"] ?? index,
-          span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
-          config: col,
-          labelWidth: _ctx.config.labelWidth || _ctx.labelWidth,
-          expandMore: _ctx.expandMore,
-          model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-          prop: _ctx.prop,
-          size: _ctx.size,
-          onChange: _ctx.changeHandler
-        }, null, 8, ["span", "config", "labelWidth", "expandMore", "model", "prop", "size", "onChange"]);
-      }), 128))
-    ]),
-    _: 1
-  });
-}
-const Row = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$j]]);
-
-const _sfc_main$n = defineComponent({
-  name: "m-form-step",
-  props: {
-    model: {
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    stepActive: {
-      type: Number,
-      default: () => 1
-    },
-    size: String,
-    labelWidth: String
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const active = ref(1);
-    watchEffect(() => {
-      active.value = props.stepActive;
-    });
-    const stepClick = (index) => {
-      active.value = index + 1;
-      mForm?.$emit("update:stepActive", active.value);
-    };
-    const changeHandler = () => {
-      emit("change", props.model);
-    };
-    return { mForm, active, stepClick, changeHandler };
-  }
-});
-
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_step = resolveComponent("el-step");
-  const _component_el_steps = resolveComponent("el-steps");
-  const _component_m_form_container = resolveComponent("m-form-container");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(_component_el_steps, {
-      active: _ctx.active,
-      "align-center": "",
-      space: _ctx.config.space
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (item, index) => {
-          return openBlock(), createBlock(_component_el_step, {
-            key: item.__key,
-            title: item.title,
-            active: _ctx.active,
-            onClick: ($event) => _ctx.stepClick(index)
-          }, null, 8, ["title", "active", "onClick"]);
-        }), 128))
-      ]),
-      _: 1
-    }, 8, ["active", "space"]),
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (step, index) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(step.items, (item) => {
-          return openBlock(), createElementBlock(Fragment, null, [
-            item ? withDirectives((openBlock(), createBlock(_component_m_form_container, {
-              key: item[_ctx.mForm?.keyProp || "__key"],
-              config: item,
-              model: step.name ? _ctx.model[step.name] : _ctx.model,
-              prop: step.name,
-              size: _ctx.size,
-              "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
-              onChange: _ctx.changeHandler
-            }, null, 8, ["config", "model", "prop", "size", "label-width", "onChange"])), [
-              [vShow, _ctx.active - 1 === index]
-            ]) : createCommentVNode("", true)
-          ], 64);
-        }), 256))
-      ], 64);
-    }), 256))
-  ]);
-}
-const MStep = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$i]]);
-
-const _sfc_main$m = defineComponent({
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true,
-      default: () => ({})
-    },
-    config: {
-      type: Object,
-      required: true,
-      default: () => ({})
-    },
-    prop: {
-      type: String
-    },
-    labelWidth: {
-      type: String
-    },
-    sort: {
-      type: Boolean,
-      default: false
-    },
-    sortKey: {
-      type: String,
-      default: ""
-    },
-    text: {
-      type: String
-    },
-    size: String,
-    enableToggleMode: {
-      type: Boolean,
-      default: true
-    },
-    showIndex: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["change", "select"],
-  components: { Delete },
-  setup(props, { emit }) {
-    let timer = null;
-    const mForm = inject("mForm");
-    const elTable = ref();
-    const excelBtn = ref();
-    const mTable = ref();
-    const pagesize = ref(10);
-    const pagecontext = ref(0);
-    const updateKey = ref(1);
-    const isFullscreen = ref(false);
-    const modelName = computed(() => props.name || props.config.name || "");
-    const sortChange = ({ prop, order }) => {
-      if (order === "ascending") {
-        props.model[modelName.value] = props.model[modelName.value].sort((a, b) => a[prop] - b[prop]);
-      } else if (order === "descending") {
-        props.model[modelName.value] = props.model[modelName.value].sort((a, b) => b[prop] - a[prop]);
-      }
-    };
-    const foreUpdate = () => {
-      updateKey.value += 1;
-      setTimeout(() => rowDrop());
-    };
-    const swapArray = (index1, index2) => {
-      [props.model[modelName.value][index1]] = props.model[modelName.value].splice(
-        index2,
-        1,
-        props.model[modelName.value][index1]
-      );
-      if (props.sortKey) {
-        for (let i = props.model[modelName.value].length - 1, v = 0; i >= 0; i--, v++) {
-          props.model[modelName.value][v][props.sortKey] = i;
-        }
-      }
-      mForm?.$emit("field-change", props.prop, props.model[modelName.value]);
-    };
-    const rowDrop = () => {
-      const tableEl = elTable.value?.$el;
-      if (tableEl?.querySelectorAll(".el-table__body > tbody")) {
-        const el = tableEl.querySelectorAll(".el-table__body > tbody")[0];
-        const sortable = Sortable.create(el, {
-          onEnd: ({ newIndex, oldIndex }) => {
-            if (typeof newIndex === "undefined")
-              return;
-            if (typeof oldIndex === "undefined")
-              return;
-            swapArray(newIndex, oldIndex);
-            emit("change", props.model[modelName.value]);
-            foreUpdate();
-            sortable.destroy();
-            mForm?.$emit("field-change", props.prop, props.model[modelName.value]);
-            sleep(1e3).then(() => {
-              const eltrs = tableEl.querySelectorAll(".el-table__body > tbody > tr");
-              if (eltrs?.[newIndex]) {
-                eltrs[newIndex].style.backgroundColor = "rgba(243, 89, 59, 0.2)";
-                sleep(1e3).then(() => {
-                  eltrs[newIndex].style.backgroundColor = "";
-                });
-              }
-            });
-          }
-        });
-      }
-    };
-    const newHandler = async (row) => {
-      if (props.config.max && props.model[modelName.value].length >= props.config.max) {
-        ElMessage.error(`\u6700\u591A\u65B0\u589E\u914D\u7F6E\u4E0D\u80FD\u8D85\u8FC7${props.config.max}\u6761`);
-        return;
-      }
-      const columns = props.config.items;
-      const enumValues = props.config.enum || [];
-      let enumV = [];
-      const { length } = props.model[modelName.value];
-      const key = props.config.key || "id";
-      let inputs = {};
-      if (enumValues.length) {
-        if (length >= enumValues.length) {
-          return;
-        }
-        enumV = enumValues.filter((item) => {
-          let i = 0;
-          for (; i < length; i++) {
-            if (item[key] === props.model[modelName.value][i][key]) {
-              break;
-            }
-          }
-          return i === length;
-        });
-        if (enumV.length > 0) {
-          inputs = enumV[0];
-        }
-      } else if (Array.isArray(row)) {
-        columns.forEach((column, index) => {
-          column.name && (inputs[column.name] = row[index]);
-        });
-      } else {
-        if (typeof props.config.defaultAdd === "function") {
-          inputs = await props.config.defaultAdd(mForm, {
-            model: props.model[modelName.value],
-            formValue: mForm?.values
-          });
-        } else if (props.config.defaultAdd) {
-          inputs = props.config.defaultAdd;
-        }
-        inputs = await initValue(mForm, {
-          config: columns,
-          initValues: inputs
-        });
-      }
-      if (props.sortKey && length) {
-        inputs[props.sortKey] = props.model[modelName.value][length - 1][props.sortKey] - 1;
-      }
-      props.model[modelName.value].push(inputs);
-      emit("change", props.model[modelName.value]);
-    };
-    if (!globalThis.XLSX) {
-      asyncLoadJs("https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js");
-    }
-    onMounted(() => {
-      if (props.config.defautSort) {
-        sortChange(props.config.defautSort);
-      } else if (props.config.defaultSort) {
-        sortChange(props.config.defaultSort);
-      }
-      if (props.sort && props.sortKey) {
-        props.model[modelName.value].sort((a, b) => b[props.sortKey] - a[props.sortKey]);
-      }
-      if (props.config.dropSort) {
-        rowDrop();
-      }
-    });
-    return {
-      mForm,
-      pagesize,
-      pagecontext,
-      foreUpdate,
-      isFullscreen,
-      elTable,
-      mTable,
-      excelBtn,
-      modelName,
-      updateKey,
-      ArrowDown,
-      ArrowUp,
-      Delete,
-      FullScreen,
-      Grid,
-      data: computed(
-        () => props.model[modelName.value].filter(
-          (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
-        )
-      ),
-      addable: computed(() => {
-        if (!props.model[modelName.value].length) {
-          return true;
-        }
-        if (typeof props.config.addable === "function") {
-          return props.config.addable(mForm, {
-            model: props.model[modelName.value],
-            formValue: mForm?.values,
-            prop: props.prop
-          });
-        }
-        return typeof props.config.addable === "undefined" ? true : props.config.addable;
-      }),
-      selection: computed(() => {
-        if (typeof props.config.selection === "function") {
-          return props.config.selection(mForm, { model: props.model[modelName.value] });
-        }
-        return props.config.selection;
-      }),
-      importable: computed(() => {
-        if (typeof props.config.importable === "function") {
-          return props.config.importable(mForm, {
-            formValue: mForm?.values,
-            model: props.model[modelName.value]
-          });
-        }
-        return typeof props.config.importable === "undefined" ? false : props.config.importable;
-      }),
-      sortChange,
-      display(fuc) {
-        return display(mForm, fuc, props);
-      },
-      itemExtra(fuc, index) {
-        if (typeof fuc === "function") {
-          return fuc(mForm, {
-            values: mForm?.initValues,
-            model: props.model,
-            formValue: mForm ? mForm.values : props.model,
-            prop: props.prop,
-            index
-          });
-        }
-        return fuc;
-      },
-      newHandler,
-      removeHandler(index) {
-        props.model[modelName.value].splice(index, 1);
-        emit("change", props.model[modelName.value]);
-      },
-      selectHandle(selection, row) {
-        if (typeof props.config.selection === "string" && props.config.selection === "single") {
-          elTable.value?.clearSelection();
-          elTable.value?.toggleRowSelection(row, true);
-        }
-        emit("select", selection, row);
-        if (typeof props.config.onSelect === "function") {
-          props.config.onSelect(mForm, { selection, row, config: props.config });
-        }
-      },
-      toggleRowSelection(row, selected) {
-        elTable.value?.toggleRowSelection.call(elTable.value, row, selected);
-      },
-      makeConfig(config) {
-        const newConfig = cloneDeep(config);
-        delete newConfig.display;
-        return newConfig;
-      },
-      upHandler(index) {
-        if (timer) {
-          clearTimeout(timer);
-        }
-        timer = setTimeout(() => {
-          swapArray(index, index - 1);
-        }, 300);
-      },
-      topHandler(index) {
-        if (timer) {
-          clearTimeout(timer);
-        }
-        const moveNum = index;
-        for (let i = 0; i < moveNum; i++) {
-          swapArray(index, index - 1);
-          index -= 1;
-        }
-      },
-      downHandler(index) {
-        if (timer) {
-          clearTimeout(timer);
-        }
-        timer = setTimeout(() => {
-          swapArray(index, index + 1);
-        }, 300);
-      },
-      bottomHandler(index) {
-        if (timer) {
-          clearTimeout(timer);
-        }
-        const moveNum = props.model[modelName.value].length - 1 - index;
-        for (let i = 0; i < moveNum; i++) {
-          swapArray(index, index + 1);
-          index += 1;
-        }
-      },
-      showDelete(index) {
-        const deleteFunc = props.config.delete;
-        if (deleteFunc && typeof deleteFunc === "function") {
-          return deleteFunc(props.model[modelName.value], index, mForm?.values);
-        }
-        return true;
-      },
-      clearHandler() {
-        const len = props.model[modelName.value].length;
-        props.model[modelName.value].splice(0, len);
-        mForm?.$emit("field-change", props.prop, props.model[modelName.value]);
-      },
-      excelHandler(file) {
-        if (!file || !file.raw) {
-          return false;
-        }
-        const reader = new FileReader();
-        reader.onload = () => {
-          const data = reader.result;
-          const pdata = globalThis.XLSX.read(data, { type: "array" });
-          pdata.SheetNames.forEach((sheetName) => {
-            const arr = globalThis.XLSX.utils.sheet_to_json(pdata.Sheets[sheetName], { header: 1 });
-            if (arr?.[0]) {
-              arr.forEach((row) => {
-                newHandler(row);
-              });
-            }
-            setTimeout(() => {
-              excelBtn.value?.clearFiles();
-            }, 300);
-          });
-        };
-        reader.readAsArrayBuffer(file.raw);
-        return false;
-      },
-      handleSizeChange(val) {
-        pagesize.value = val;
-      },
-      handleCurrentChange(val) {
-        pagecontext.value = val - 1;
-      },
-      toggleMode() {
-        const calcLabelWidth = (label) => {
-          if (!label)
-            return "0px";
-          const zhLength = label.match(/[^\x00-\xff]/g)?.length || 0;
-          const chLength = label.length - zhLength;
-          return `${Math.max(chLength * 8 + zhLength * 20, 80)}px`;
-        };
-        props.config.type = "groupList";
-        props.config.enableToggleMode = true;
-        props.config.tableItems = props.config.items;
-        props.config.items = props.config.groupItems || props.config.items.map((item) => {
-          const text = item.text || item.label;
-          const labelWidth = calcLabelWidth(text);
-          return {
-            ...item,
-            text,
-            labelWidth,
-            span: item.span || 12
-          };
-        });
-      },
-      toggleFullscreen() {
-        if (isFullscreen.value) {
-          mTable.value?.classList.remove("fixed");
-          isFullscreen.value = false;
-        } else {
-          mTable.value?.classList.add("fixed");
-          isFullscreen.value = true;
-        }
-      },
-      getProp(index) {
-        const { prop } = toRefs(props);
-        return `${prop.value}${prop.value ? "." : ""}${index + 1 + pagecontext.value * pagesize.value - 1}`;
-      }
-    };
-  }
-});
-
-const _hoisted_1$7 = ["innerHTML"];
-const _hoisted_2$2 = { class: "el-form-item__content" };
-const _hoisted_3$2 = ["innerHTML"];
-const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("\u6DFB\u52A0");
-const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \xA0 ");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u5C55\u5F00\u914D\u7F6E");
-const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u5BFC\u5165EXCEL");
-const _hoisted_8 = /* @__PURE__ */ createTextVNode("\xA0 ");
-const _hoisted_9 = /* @__PURE__ */ createTextVNode("\u6E05\u7A7A");
-const _hoisted_10 = {
-  class: "bottom",
-  style: { "text-align": "right" }
-};
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_table_column = resolveComponent("el-table-column");
-  const _component_Delete = resolveComponent("Delete");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _component_m_form_container = resolveComponent("m-form-container");
-  const _component_el_table = resolveComponent("el-table");
-  const _component_el_upload = resolveComponent("el-upload");
-  const _component_el_pagination = resolveComponent("el-pagination");
-  return openBlock(), createElementBlock("div", {
-    ref: "mTable",
-    class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
-  }, [
-    _ctx.config.extra ? (openBlock(), createElementBlock("span", {
-      key: 0,
-      style: { "color": "rgba(0, 0, 0, 0.45)" },
-      innerHTML: _ctx.config.extra
-    }, null, 8, _hoisted_1$7)) : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_2$2, [
-      createVNode(_component_el_tooltip, {
-        content: "\u62D6\u62FD\u53EF\u6392\u5E8F",
-        placement: "left-start",
-        disabled: _ctx.config.dropSort !== true
-      }, {
-        default: withCtx(() => [
-          _ctx.model[_ctx.modelName] ? (openBlock(), createBlock(_component_el_table, {
-            ref: "elTable",
-            style: { "width": "100%" },
-            data: _ctx.model[_ctx.modelName],
-            border: _ctx.config.border,
-            "max-height": _ctx.config.maxHeight,
-            "default-expand-all": true,
-            key: _ctx.updateKey,
-            onSelect: _ctx.selectHandle,
-            onSortChange: _ctx.sortChange
-          }, {
-            default: withCtx(() => [
-              _ctx.config.itemExtra ? (openBlock(), createBlock(_component_el_table_column, {
-                key: 0,
-                fixed: "left",
-                width: "30",
-                type: "expand"
-              }, {
-                default: withCtx((scope) => [
-                  createElementVNode("span", {
-                    innerHTML: _ctx.itemExtra(_ctx.config.itemExtra, scope.$index),
-                    class: "m-form-tip"
-                  }, null, 8, _hoisted_3$2)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              createVNode(_component_el_table_column, {
-                label: "\u64CD\u4F5C",
-                width: "55",
-                align: "center",
-                fixed: _ctx.config.fixed === false ? void 0 : "left"
-              }, {
-                default: withCtx((scope) => [
-                  withDirectives(createVNode(_component_el_icon, {
-                    class: "m-table-delete-icon",
-                    onClick: ($event) => _ctx.removeHandler(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1)
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_Delete)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"]), [
-                    [vShow, _ctx.showDelete(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1)]
-                  ])
-                ]),
-                _: 1
-              }, 8, ["fixed"]),
-              _ctx.sort && _ctx.model[_ctx.modelName] && _ctx.model[_ctx.modelName].length > 1 ? (openBlock(), createBlock(_component_el_table_column, {
-                key: 1,
-                label: "\u6392\u5E8F",
-                width: "60"
-              }, {
-                default: withCtx((scope) => [
-                  scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1 !== 0 ? (openBlock(), createBlock(_component_el_tooltip, {
-                    key: 0,
-                    content: "\u70B9\u51FB\u4E0A\u79FB\uFF0C\u53CC\u51FB\u7F6E\u9876",
-                    placement: "top"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_button, {
-                        plain: "",
-                        size: "small",
-                        type: "primary",
-                        icon: _ctx.ArrowUp,
-                        text: "",
-                        onClick: ($event) => _ctx.upHandler(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1),
-                        onDblclick: ($event) => _ctx.topHandler(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1)
-                      }, null, 8, ["icon", "onClick", "onDblclick"])
-                    ]),
-                    _: 2
-                  }, 1024)) : createCommentVNode("", true),
-                  scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1 !== _ctx.model[_ctx.modelName].length - 1 ? (openBlock(), createBlock(_component_el_tooltip, {
-                    key: 1,
-                    content: "\u70B9\u51FB\u4E0B\u79FB\uFF0C\u53CC\u51FB\u7F6E\u5E95",
-                    placement: "top"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_button, {
-                        plain: "",
-                        size: "small",
-                        type: "primary",
-                        icon: _ctx.ArrowDown,
-                        text: "",
-                        onClick: ($event) => _ctx.downHandler(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1),
-                        onDblclick: ($event) => _ctx.bottomHandler(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1)
-                      }, null, 8, ["icon", "onClick", "onDblclick"])
-                    ]),
-                    _: 2
-                  }, 1024)) : createCommentVNode("", true)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              _ctx.selection ? (openBlock(), createBlock(_component_el_table_column, {
-                key: 2,
-                align: "center",
-                "header-align": "center",
-                type: "selection",
-                width: "45"
-              })) : createCommentVNode("", true),
-              _ctx.showIndex && _ctx.config.showIndex ? (openBlock(), createBlock(_component_el_table_column, {
-                key: 3,
-                width: "60",
-                label: "\u5E8F\u53F7"
-              }, {
-                default: withCtx((scope) => [
-                  createTextVNode(toDisplayString(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize), 1)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (column, index) => {
-                return openBlock(), createElementBlock(Fragment, null, [
-                  column.type !== "hidden" && _ctx.display(column.display) ? (openBlock(), createBlock(_component_el_table_column, {
-                    prop: column.name,
-                    width: column.width,
-                    label: column.label,
-                    sortable: column.sortable,
-                    "sort-orders": ["ascending", "descending"],
-                    key: column[_ctx.mForm?.keyProp || "__key"] ?? index,
-                    "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
-                  }, {
-                    default: withCtx((scope) => [
-                      scope.$index > -1 ? (openBlock(), createBlock(_component_m_form_container, {
-                        key: 0,
-                        labelWidth: "0",
-                        prop: _ctx.getProp(scope.$index),
-                        rules: column.rules,
-                        config: _ctx.makeConfig(column),
-                        model: scope.row,
-                        size: _ctx.size,
-                        onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[_ctx.modelName]))
-                      }, null, 8, ["prop", "rules", "config", "model", "size"])) : createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : createCommentVNode("", true)
-                ], 64);
-              }), 256))
-            ]),
-            _: 1
-          }, 8, ["data", "border", "max-height", "onSelect", "onSortChange"])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["disabled"]),
-      renderSlot(_ctx.$slots, "default"),
-      _ctx.addable ? (openBlock(), createBlock(_component_el_button, {
-        key: 0,
-        size: "small",
-        type: "primary",
-        plain: "",
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.newHandler())
-      }, {
-        default: withCtx(() => [
-          _hoisted_4$1
-        ]),
-        _: 1
-      })) : createCommentVNode("", true),
-      _hoisted_5,
-      _ctx.enableToggleMode && !_ctx.isFullscreen ? (openBlock(), createBlock(_component_el_button, {
-        key: 1,
-        icon: _ctx.Grid,
-        size: "small",
-        type: "primary",
-        onClick: _ctx.toggleMode
-      }, {
-        default: withCtx(() => [
-          _hoisted_6
-        ]),
-        _: 1
-      }, 8, ["icon", "onClick"])) : createCommentVNode("", true),
-      _ctx.config.enableFullscreen !== false ? (openBlock(), createBlock(_component_el_button, {
-        key: 2,
-        icon: _ctx.FullScreen,
-        size: "small",
-        type: "primary",
-        onClick: _ctx.toggleFullscreen
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.isFullscreen ? "\u9000\u51FA\u5168\u5C4F" : "\u5168\u5C4F\u7F16\u8F91"), 1)
-        ]),
-        _: 1
-      }, 8, ["icon", "onClick"])) : createCommentVNode("", true),
-      _ctx.importable ? (openBlock(), createBlock(_component_el_upload, {
-        key: 3,
-        ref: "excelBtn",
-        action: "/noop",
-        "on-change": _ctx.excelHandler,
-        "auto-upload": false,
-        style: { "display": "inline-block" }
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_button, {
-            size: "small",
-            type: "success",
-            plain: ""
-          }, {
-            default: withCtx(() => [
-              _hoisted_7
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["on-change"])) : createCommentVNode("", true),
-      _hoisted_8,
-      _ctx.importable ? (openBlock(), createBlock(_component_el_button, {
-        key: 4,
-        size: "small",
-        type: "warning",
-        plain: "",
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.clearHandler())
-      }, {
-        default: withCtx(() => [
-          _hoisted_9
-        ]),
-        _: 1
-      })) : createCommentVNode("", true)
-    ]),
-    createElementVNode("div", _hoisted_10, [
-      createVNode(_component_el_pagination, {
-        layout: "total, sizes, prev, pager, next, jumper",
-        "hide-on-single-page": _ctx.model[_ctx.modelName].length < _ctx.pagesize,
-        "current-page": _ctx.pagecontext + 1,
-        "page-sizes": [_ctx.pagesize, 60, 120, 300],
-        "page-size": _ctx.pagesize,
-        total: _ctx.model[_ctx.modelName].length,
-        onSizeChange: _ctx.handleSizeChange,
-        onCurrentChange: _ctx.handleCurrentChange
-      }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total", "onSizeChange", "onCurrentChange"])
-    ])
-  ], 2);
-}
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$h]]);
-
-const getActive = (mForm, props, activeTabName) => {
-  const { config, model, prop } = props;
-  const { active } = config;
-  if (typeof active === "function")
-    return active(mForm, { model, formValue: mForm?.values, prop });
-  if (+activeTabName >= props.config.items.length)
-    return "0";
-  if (typeof active !== "undefined")
-    return active;
-  return "0";
-};
-const tabClickHandler = (mForm, tab, props) => {
-  const { config, model, prop } = props;
-  tab.name = tab.paneName;
-  if (typeof config.onTabClick === "function") {
-    config.onTabClick(mForm, tab, { model, formValue: mForm?.values, prop, config });
-  }
-  const tabConfig = config.items.find((item) => tab.name === item.status);
-  if (tabConfig && typeof tabConfig.onTabClick === "function") {
-    tabConfig.onTabClick(mForm, tab, { model, formValue: mForm?.values, prop, config });
-  }
-};
-const Tab = defineComponent({
-  name: "m-form-tab",
-  props: {
-    labelWidth: String,
-    expandMore: Boolean,
-    model: {
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    prop: String,
-    name: String,
-    size: String
-  },
-  emits: {
-    change(values) {
-      return values;
-    }
-  },
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const activeTabName = ref(getActive(mForm, props, ""));
-    const tabs = computed(() => {
-      if (props.config.dynamic) {
-        if (!props.config.name)
-          throw new Error("dynamic tab \u5FC5\u987B\u914D\u7F6Ename");
-        return props.model[props.config.name] || [];
-      }
-      return props.config.items;
-    });
-    const filter = (config) => filterFunction(mForm, config, props);
-    watchEffect(() => {
-      if (typeof props.config.activeChange === "function") {
-        props.config.activeChange(mForm, activeTabName.value, {
-          model: props.model,
-          prop: props.prop
-        });
-      }
-    });
-    return {
-      mForm,
-      activeTabName,
-      tabs,
-      filter,
-      tabItems: (tab) => props.config.dynamic ? props.config.items : tab.items,
-      tabClickHandler: (tab) => tabClickHandler(mForm, tab, props),
-      onTabAdd: () => {
-        if (!props.config.name)
-          throw new Error("dynamic tab \u5FC5\u987B\u914D\u7F6Ename");
-        if (typeof props.config.onTabAdd === "function") {
-          props.config.onTabAdd(mForm, {
-            model: props.model,
-            prop: props.prop,
-            config: props.config
-          });
-        } else if (tabs.value.length > 0) {
-          const newObj = cloneDeep(tabs.value[0]);
-          newObj.title = `\u6807\u7B7E${tabs.value.length + 1}`;
-          props.model[props.config.name].push(newObj);
-        }
-        emit("change", props.model);
-        mForm?.$emit("field-change", props.prop, props.model[props.config.name]);
-      },
-      onTabRemove: (tabName) => {
-        if (!props.config.name)
-          throw new Error("dynamic tab \u5FC5\u987B\u914D\u7F6Ename");
-        if (typeof props.config.onTabRemove === "function") {
-          props.config.onTabRemove(mForm, tabName, {
-            model: props.model,
-            prop: props.prop,
-            config: props.config
-          });
-        } else {
-          props.model[props.config.name].splice(+tabName, 1);
-          if (tabName < activeTabName.value || activeTabName.value >= props.model[props.config.name].length) {
-            activeTabName.value = (+activeTabName.value - 1).toString();
-            tabClickHandler(mForm, { name: activeTabName.value }, props);
-          }
-        }
-        emit("change", props.model);
-        mForm?.$emit("field-change", props.prop, props.model[props.config.name]);
-      },
-      display: (displayConfig) => display(mForm, displayConfig, props),
-      changeHandler: () => {
-        emit("change", props.model);
-        if (typeof props.config.onChange === "function") {
-          props.config.onChange(mForm, { model: props.model, prop: props.prop, config: props.config });
-        }
-      }
-    };
-  }
-});
-
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_form_container = resolveComponent("m-form-container");
-  const _component_el_tab_pane = resolveComponent("el-tab-pane");
-  const _component_el_tabs = resolveComponent("el-tabs");
-  return openBlock(), createBlock(_component_el_tabs, {
-    modelValue: _ctx.activeTabName,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.activeTabName = $event),
-    class: normalizeClass(_ctx.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"),
-    type: _ctx.config.tabType,
-    editable: _ctx.config.editable || false,
-    "tab-position": _ctx.config.tabPosition || "top",
-    onTabClick: _ctx.tabClickHandler,
-    onTabAdd: _ctx.onTabAdd,
-    onTabRemove: _ctx.onTabRemove
-  }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab, tabIndex) => {
-        return openBlock(), createElementBlock(Fragment, null, [
-          _ctx.display(tab.display) && _ctx.tabItems(tab).length ? (openBlock(), createBlock(_component_el_tab_pane, {
-            key: tab[_ctx.mForm?.keyProp || "__key"] ?? tabIndex,
-            name: _ctx.filter(tab.status) || tabIndex.toString(),
-            label: _ctx.filter(tab.title),
-            lazy: tab.lazy || false
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabItems(tab), (item) => {
-                return openBlock(), createBlock(_component_m_form_container, {
-                  key: item[_ctx.mForm?.keyProp || "__key"],
-                  config: item,
-                  model: _ctx.config.dynamic ? (_ctx.name ? _ctx.model[_ctx.name] : _ctx.model)[tabIndex] : tab.name ? (_ctx.name ? _ctx.model[_ctx.name] : _ctx.model)[tab.name] : _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-                  prop: _ctx.config.dynamic ? `${_ctx.prop}${_ctx.prop ? "." : ""}${String(tabIndex)}` : _ctx.prop,
-                  size: _ctx.size,
-                  "label-width": tab.labelWidth || _ctx.labelWidth,
-                  "expand-more": _ctx.expandMore,
-                  onChange: _ctx.changeHandler
-                }, null, 8, ["config", "model", "prop", "size", "label-width", "expand-more", "onChange"]);
-              }), 128))
-            ]),
-            _: 2
-          }, 1032, ["name", "label", "lazy"])) : createCommentVNode("", true)
-        ], 64);
-      }), 256))
-    ]),
-    _: 1
-  }, 8, ["modelValue", "class", "type", "editable", "tab-position", "onTabClick", "onTabAdd", "onTabRemove"]);
-}
-const Tabs = /* @__PURE__ */ _export_sfc(Tab, [["render", _sfc_render$g]]);
-
-let $MAGIC_FORM = {};
-const setConfig = (option) => {
-  $MAGIC_FORM = option;
-};
-const getConfig = (key) => $MAGIC_FORM[key];
-
-const fieldProps = {
-  model: {
-    type: Object,
-    required: true,
-    default: () => ({})
-  },
-  name: {
-    type: String,
-    default: ""
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  size: String,
-  prop: String,
-  initValues: Object,
-  values: Object
-};
-
-const useAddField = (prop) => {
-  if (!prop)
-    return;
-  const mForm = inject("mForm");
-  const instance = getCurrentInstance();
-  watch(
-    () => instance?.proxy,
-    (vm) => {
-      if (vm) {
-        mForm?.setField(prop, vm);
-      } else {
-        mForm?.deleteField(prop);
-      }
-    },
-    {
-      immediate: true
-    }
-  );
-};
-
-const _sfc_main$l = defineComponent({
-  name: "m-fields-cascader",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    const vm = getCurrentInstance();
-    useAddField(props.prop);
-    const requestFunc = getConfig("request");
-    const cascader = ref();
-    const dialog = ref();
-    const options = Array.isArray(props.config.options) ? ref(props.config.options) : ref([]);
-    const remoteData = ref(null);
-    const setRemoteOptions = async function() {
-      const { config } = props;
-      const { option } = config;
-      if (!option)
-        return;
-      let { body } = option;
-      const postOptions = {
-        url: option.url,
-        cache: option.cache,
-        timeout: option.timeout,
-        data: {}
-      };
-      if (body && mForm) {
-        if (typeof body === "function" && props.model && mForm) {
-          body = body(mForm, {
-            model: props.model,
-            formValue: mForm.values,
-            formValues: mForm.values,
-            config: props.config
-          });
-        }
-        postOptions.data = body;
-      }
-      const res = await requestFunc(postOptions);
-      remoteData.value = res[option.root];
-      if (remoteData.value && typeof option?.item === "function") {
-        options.value = option.item(res[option.root]);
-      }
-    };
-    if (typeof props.config.options === "function" && props.model && mForm) {
-      watchEffect(
-        () => options.value = props.config.options(vm, { model: props.model, formValues: mForm.values })
-      );
-    } else if (!props.config.options || !props.config.options.length || props.config.remote) {
-      Promise.resolve(setRemoteOptions());
-    }
-    const action = computed(() => {
-      if (props.config.add?.action.method === "post") {
-        return (options2) => requestFunc({
-          ...props.config?.add?.action.body,
-          ...options2
-        });
-      }
-      return null;
-    });
-    return {
-      options,
-      remoteData,
-      addButtonStyle: {
-        top: 0,
-        left: 0,
-        width: "auto"
-      },
-      dialogVisible: false,
-      cascader,
-      dialog,
-      action,
-      setRemoteOptions,
-      changeHandler: (value) => {
-        if (!cascader.value)
-          return;
-        cascader.value.query = "";
-        cascader.value.previousQuery = null;
-        emit("change", value);
-      },
-      addHandler: () => {
-        if (!dialog.value)
-          return;
-        dialog.value.dialogVisible = true;
-      },
-      editAfterAction: () => {
-        setRemoteOptions();
-      }
-    };
-  }
-});
-
-const _hoisted_1$6 = {
-  class: "m-cascader",
-  style: { "width": "100%" }
-};
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_cascader = resolveComponent("el-cascader");
-  return openBlock(), createElementBlock("div", _hoisted_1$6, [
-    createVNode(_component_el_cascader, {
-      modelValue: _ctx.model[_ctx.name],
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-      ref: "cascader",
-      style: { "width": "100%" },
-      clearable: "",
-      filterable: "",
-      size: _ctx.size,
-      placeholder: _ctx.config.placeholder,
-      disabled: _ctx.disabled,
-      options: _ctx.options,
-      props: { multiple: _ctx.config.multiple },
-      onChange: _ctx.changeHandler
-    }, null, 8, ["modelValue", "size", "placeholder", "disabled", "options", "props", "onChange"])
-  ]);
-}
-const Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$f]]);
-
-const _sfc_main$k = defineComponent({
-  name: "m-fields-checkbox",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change", "input"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    return {
-      activeValue: computed(() => {
-        if (typeof props.config.activeValue === "undefined") {
-          if (props.config.filter === "number") {
-            return 1;
-          }
-        } else {
-          return props.config.activeValue;
-        }
-        return void 0;
-      }),
-      inactiveValue: computed(() => {
-        if (typeof props.config.inactiveValue === "undefined") {
-          if (props.config.filter === "number") {
-            return 0;
-          }
-        } else {
-          return props.config.inactiveValue;
-        }
-        return void 0;
-      }),
-      changeHandler(value) {
-        emit("change", value);
-      }
-    };
-  }
-});
-
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_checkbox = resolveComponent("el-checkbox");
-  return openBlock(), createBlock(_component_el_checkbox, {
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    size: _ctx.size,
-    trueLabel: _ctx.activeValue,
-    falseLabel: _ctx.inactiveValue,
-    disabled: _ctx.disabled,
-    label: _ctx.config.text,
-    onChange: _ctx.changeHandler
-  }, null, 8, ["modelValue", "size", "trueLabel", "falseLabel", "disabled", "label", "onChange"]);
-}
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$e]]);
-
-const _sfc_main$j = defineComponent({
-  name: "m-fields-checkbox-group",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    if (props.model && !props.model[props.name]) {
-      props.model[props.name] = [];
-    }
-    return {
-      changeHandler: (v) => {
-        emit("change", v);
-      }
-    };
-  }
-});
-
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_checkbox = resolveComponent("el-checkbox");
-  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
-  return openBlock(), createBlock(_component_el_checkbox_group, {
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    size: _ctx.size,
-    disabled: _ctx.disabled,
-    onChange: _ctx.changeHandler
-  }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.options, (option) => {
-        return openBlock(), createBlock(_component_el_checkbox, {
-          label: option.value,
-          key: option.value
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(option.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["label"]);
-      }), 128))
-    ]),
-    _: 1
-  }, 8, ["modelValue", "size", "disabled", "onChange"]);
-}
-const CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$d]]);
-
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "ColorPicker",
-  props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
-    disabled: { type: Boolean },
-    size: null
-  },
-  emits: ["change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    useAddField(props.prop);
-    const changeHandler = (value) => emit("change", value);
-    return (_ctx, _cache) => {
-      const _component_el_color_picker = resolveComponent("el-color-picker");
-      return openBlock(), createBlock(_component_el_color_picker, {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        disabled: __props.disabled,
-        showAlpha: true,
-        onChange: changeHandler
-      }, null, 8, ["modelValue", "size", "disabled"]);
-    };
-  }
-});
-
-const _sfc_main$h = defineComponent({
-  name: "m-fields-date",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change", "input"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    props.model[props.name] = datetimeFormatter(props.model[props.name], "");
-    return {
-      changeHandler(v) {
-        emit("change", v);
-      }
-    };
-  }
-});
-
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_date_picker = resolveComponent("el-date-picker");
-  return openBlock(), createBlock(_component_el_date_picker, {
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    type: "date",
-    size: _ctx.size,
-    placeholder: _ctx.config.placeholder,
-    disabled: _ctx.disabled,
-    format: _ctx.config.format,
-    "value-format": _ctx.config.format || "YYYY-MM-DD HH:mm:ss",
-    onChange: _ctx.changeHandler
-  }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "onChange"]);
-}
-const Date$1 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$c]]);
-
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "Daterange",
-  props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
-    disabled: { type: Boolean },
-    size: null
-  },
-  emits: ["change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    useAddField(props.prop);
-    const { names } = props.config;
-    const value = ref([]);
-    if (props.model !== void 0) {
-      if (names?.length) {
-        watch(
-          [() => props.model[names[0]], () => props.model[names[1]]],
-          ([start, end], [preStart, preEnd]) => {
-            if (!value.value) {
-              value.value = [];
-            }
-            if (!start || !end)
-              value.value = [];
-            if (start !== preStart)
-              value.value[0] = new Date(start);
-            if (end !== preEnd)
-              value.value[1] = new Date(end);
-          },
-          {
-            immediate: true
-          }
-        );
-      } else if (props.name && props.model[props.name]) {
-        watch(
-          () => props.model[props.name],
-          (start, preStart) => {
-            if (start !== preStart)
-              value.value = start.map((item) => item ? new Date(item) : void 0);
-          },
-          {
-            immediate: true
-          }
-        );
-      }
-    }
-    const setValue = (v) => {
-      names?.forEach((item, index) => {
-        if (!props.model) {
-          return;
-        }
-        if (Array.isArray(v)) {
-          props.model[item] = datetimeFormatter(v[index]?.toString(), "");
-        } else {
-          props.model[item] = void 0;
-        }
-      });
-    };
-    const changeHandler = (v) => {
-      const value2 = v || [];
-      if (props.name) {
-        emit(
-          "change",
-          value2.map((item) => {
-            if (item)
-              return datetimeFormatter(item, "");
-            return void 0;
-          })
-        );
-      } else {
-        if (names?.length) {
-          setValue(value2);
-        }
-        emit("change", value2);
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createBlock(_component_el_date_picker, {
-        modelValue: value.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-        type: "datetimerange",
-        "range-separator": "-",
-        "start-placeholder": "\u5F00\u59CB\u65E5\u671F",
-        "end-placeholder": "\u7ED3\u675F\u65E5\u671F",
-        size: __props.size,
-        "unlink-panels": true,
-        disabled: __props.disabled,
-        "default-time": __props.config.defaultTime,
-        onChange: changeHandler
-      }, null, 8, ["modelValue", "size", "disabled", "default-time"]);
-    };
-  }
-});
-
-const _sfc_main$f = defineComponent({
-  name: "m-fields-datetime",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    const value = props.model?.[props.name].toString();
-    if (props.model) {
-      if (value === "Invalid Date") {
-        props.model[props.name] = "";
-      } else {
-        props.model[props.name] = datetimeFormatter(props.model[props.name], "", props.config.valueFormat);
-      }
-    }
-    return {
-      value,
-      changeHandler: (v) => {
-        emit("change", v);
-      }
-    };
-  }
-});
-
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_date_picker = resolveComponent("el-date-picker");
-  return openBlock(), createBlock(_component_el_date_picker, {
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    "popper-class": "magic-datetime-picker-popper",
-    type: "datetime",
-    size: _ctx.size,
-    placeholder: _ctx.config.placeholder,
-    disabled: _ctx.disabled,
-    format: _ctx.config.format || "YYYY-MM-DD HH:mm:ss",
-    "value-format": _ctx.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
-    "default-time": _ctx.config.defaultTime,
-    onChange: _ctx.changeHandler
-  }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "default-time", "onChange"]);
-}
-const DateTime = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$b]]);
-
-const _hoisted_1$5 = { key: 0 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "Display",
-  props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null
-  },
-  setup(__props) {
-    const props = __props;
-    if (props.config.initValue && props.model) {
-      props.model[props.name] = props.config.initValue;
-    }
-    useAddField(props.prop);
-    return (_ctx, _cache) => {
-      return __props.model ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(__props.model[__props.name]), 1)) : createCommentVNode("", true);
-    };
-  }
-});
-
-const _sfc_main$d = defineComponent({
-  name: "m-fields-dynamic-field",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    const request = getConfig("request");
-    const fieldMap = reactive({
-      value: {}
-    });
-    const fieldLabelMap = reactive({
-      value: {}
-    });
-    const changeFieldMap = async () => {
-      if (typeof props.config.returnFields !== "function" || !props.model)
-        return;
-      const fields = await props.config.returnFields(props.config, props.model, request);
-      fieldMap.value = {};
-      fieldLabelMap.value = {};
-      fields.forEach((v) => {
-        if (typeof v !== "object" || v.name === void 0)
-          return;
-        let oldVal = props.model?.[v.name] || "";
-        if (!oldVal && v.defaultValue !== void 0) {
-          oldVal = v.defaultValue;
-          emit("change", oldVal, v.name);
-        }
-        fieldMap.value[v.name] = oldVal;
-        fieldLabelMap.value[v.name] = v.label || "";
-      });
-    };
-    const unwatch = watch(
-      () => props.model?.[props.config.dynamicKey],
-      (val) => {
-        if (val !== "") {
-          changeFieldMap();
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    onBeforeUnmount(() => {
-      if (typeof unwatch === "function") {
-        unwatch();
-      }
-    });
-    return {
-      request,
-      fieldMap,
-      fieldLabelMap,
-      unwatch,
-      changeFieldMap,
-      inputChangeHandler: (key) => {
-        emit("change", fieldMap.value[key], key);
-      }
-    };
-  },
-  methods: {
-    init() {
-    }
-  }
-});
-
-const _hoisted_1$4 = { class: "m-fields-dynamic-field" };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_input = resolveComponent("el-input");
-  const _component_el_form_item = resolveComponent("el-form-item");
-  const _component_el_form = resolveComponent("el-form");
-  return openBlock(), createElementBlock("div", _hoisted_1$4, [
-    createVNode(_component_el_form, { size: "small" }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(_ctx.fieldMap.value), (key) => {
-          return openBlock(), createBlock(_component_el_form_item, {
-            key,
-            label: _ctx.fieldLabelMap.value[key]
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_el_input, {
-                modelValue: _ctx.fieldMap.value[key],
-                "onUpdate:modelValue": ($event) => _ctx.fieldMap.value[key] = $event,
-                placeholder: _ctx.fieldLabelMap.value[key],
-                onChange: ($event) => _ctx.inputChangeHandler(key)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onChange"])
-            ]),
-            _: 2
-          }, 1032, ["label"]);
-        }), 128))
-      ]),
-      _: 1
-    })
-  ]);
-}
-const DynamicField = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$a]]);
-
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "Hidden",
-  props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null
-  },
-  setup(__props) {
-    const props = __props;
-    useAddField(props.prop);
-    return (_ctx, _cache) => {
-      return __props.model ? withDirectives((openBlock(), createElementBlock("input", {
-        key: 0,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        type: "hidden"
-      }, null, 512)), [
-        [vModelText, __props.model[__props.name]]
-      ]) : createCommentVNode("", true);
-    };
-  }
-});
-
-const _sfc_main$b = defineComponent({
-  name: "m-fields-link",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    const formValue = ref({});
-    const editor = ref();
-    const mForm = inject("mForm");
-    const href = computed(() => {
-      if (typeof props.config.href === "function" && props.model) {
-        return props.config.href(props.model);
-      }
-      return props.config.href || props.model?.[props.name];
-    });
-    const init = () => {
-      formValue.value = props.model?.[props.name] || {};
-    };
-    return {
-      formValue,
-      editor,
-      href,
-      formConfig: computed(() => {
-        if (typeof props.config.form === "function") {
-          return props.config.form(mForm, {
-            model: props.model || {},
-            values: props.values || {}
-          });
-        }
-        return props.config.form;
-      }),
-      disable: computed(() => {
-        if (typeof props.config.disabled !== "undefined") {
-          return props.config.disabled;
-        }
-        return !href.value;
-      }),
-      displayText: computed(() => {
-        if (typeof props.config.displayText === "function") {
-          return props.config.displayText(mForm, { model: props.model || {} });
-        }
-        if (props.config.displayText) {
-          return props.config.displayText;
-        }
-        return "\u8DF3\u8F6C";
-      }),
-      init,
-      editHandler: () => {
-        init();
-        editor.value && (editor.value.dialogVisible = true);
-      },
-      action: (data) => {
-        if (props.model) {
-          props.model[props.name] = data;
-          formValue.value = data;
-          emit("change", props.model[props.name]);
-        }
-        editor.value && (editor.value.dialogVisible = false);
-      }
-    };
-  }
-});
-
-const _hoisted_1$3 = ["href"];
-const _hoisted_2$1 = {
-  key: 2,
-  class: "m-fields-link"
-};
-const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u70B9\u51FB\u7F16\u8F91");
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_button = resolveComponent("el-button");
-  const _component_m_form_dialog = resolveComponent("m-form-dialog");
-  return _ctx.config.href && !_ctx.disabled ? (openBlock(), createElementBlock("a", {
-    key: 0,
-    target: "_blank",
-    href: _ctx.href,
-    style: normalizeStyle(_ctx.config.css || {})
-  }, toDisplayString(_ctx.displayText), 13, _hoisted_1$3)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
-    key: 1,
-    style: normalizeStyle(_ctx.config.disabledCss || {})
-  }, toDisplayString(_ctx.displayText), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
-    createVNode(_component_el_button, {
-      text: "",
-      type: "primary",
-      onClick: _ctx.editHandler
-    }, {
-      default: withCtx(() => [
-        _hoisted_3$1
-      ]),
-      _: 1
-    }, 8, ["onClick"]),
-    createVNode(_component_m_form_dialog, {
-      ref: "editor",
-      title: _ctx.config.formTitle || "\u7F16\u8F91\u6269\u5C55\u914D\u7F6E",
-      width: _ctx.config.formWidth,
-      values: _ctx.formValue,
-      config: _ctx.formConfig,
-      parentValues: _ctx.values,
-      fullscreen: _ctx.config.fullscreen,
-      onSubmit: _ctx.action
-    }, null, 8, ["title", "width", "values", "config", "parentValues", "fullscreen", "onSubmit"])
-  ]));
-}
-const Link = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$9]]);
-
-const _sfc_main$a = defineComponent({
-  name: "m-fields-number",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change", "input"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    const mForm = inject("mForm");
-    return {
-      mForm,
-      changeHandler: (value) => {
-        emit("change", value);
-      },
-      inputHandler: (v) => {
-        emit("input", v);
-        mForm?.$emit("field-input", props.prop, v);
-      }
-    };
-  }
-});
-
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_input_number = resolveComponent("el-input-number");
-  return _ctx.model ? (openBlock(), createBlock(_component_el_input_number, {
-    key: 0,
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    clearable: "",
-    "controls-position": "right",
-    size: _ctx.size,
-    max: _ctx.config.max,
-    min: _ctx.config.min,
-    step: _ctx.config.step,
-    placeholder: _ctx.config.placeholder,
-    disabled: _ctx.disabled,
-    onChange: _ctx.changeHandler,
-    onInput: _ctx.inputHandler
-  }, null, 8, ["modelValue", "size", "max", "min", "step", "placeholder", "disabled", "onChange", "onInput"])) : createCommentVNode("", true);
-}
-const Number$1 = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$8]]);
-
-const _sfc_main$9 = defineComponent({
-  name: "m-fields-radio-group",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    return {
-      changeHandler: (v) => emit("change", v)
-    };
-  }
-});
-
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_radio = resolveComponent("el-radio");
-  const _component_el_radio_group = resolveComponent("el-radio-group");
-  return _ctx.model ? (openBlock(), createBlock(_component_el_radio_group, {
-    key: 0,
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    size: _ctx.size,
-    disabled: _ctx.disabled,
-    onChange: _ctx.changeHandler
-  }, {
-    default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.options, (option) => {
-        return openBlock(), createBlock(_component_el_radio, {
-          label: option.value,
-          key: option.value
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(option.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["label"]);
-      }), 128))
-    ]),
-    _: 1
-  }, 8, ["modelValue", "size", "disabled", "onChange"])) : createCommentVNode("", true);
-}
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$7]]);
-
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "SelectOptionGroups",
-  props: {
-    options: null
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_option_group = resolveComponent("el-option-group");
-      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (group, index) => {
-        return openBlock(), createBlock(_component_el_option_group, {
-          key: index,
-          label: group.label,
-          disabled: group.disabled
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item, index2) => {
-              return openBlock(), createBlock(_component_el_option, {
-                key: index2,
-                label: item.label,
-                value: item.value,
-                disabled: item.disabled
-              }, null, 8, ["label", "value", "disabled"]);
-            }), 128))
-          ]),
-          _: 2
-        }, 1032, ["label", "disabled"]);
-      }), 128);
-    };
-  }
-});
-
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "SelectOptions",
-  props: {
-    options: null,
-    valueKey: null
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _component_el_option = resolveComponent("el-option");
-      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
-        return openBlock(), createBlock(_component_el_option, {
-          label: option.text,
-          value: option.value,
-          key: __props.valueKey ? option.value[__props.valueKey] : option.value,
-          disabled: option.disabled
-        }, null, 8, ["label", "value", "disabled"]);
-      }), 128);
-    };
-  }
-});
-
-const _sfc_main$6 = defineComponent({
-  name: "m-fields-select",
-  components: { SelectOptions: _sfc_main$7, SelectOptionGroups: _sfc_main$8 },
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    if (!props.model)
-      throw new Error("\u4E0D\u80FD\u6CA1\u6709model");
-    useAddField(props.prop);
-    const select = ref();
-    const mForm = inject("mForm");
-    const options = ref([]);
-    const localOptions = ref([]);
-    const loading = ref(false);
-    const moreLoadingVisible = ref(false);
-    const total = ref(0);
-    const pgIndex = ref(0);
-    const pgSize = ref(20);
-    const query = ref("");
-    const remoteData = ref([]);
-    const remote = ref(true);
-    const equalValue = (value, v) => {
-      if (typeof v === "object") {
-        const key = props.config.valueKey || "value";
-        return v[key] === value[key];
-      }
-      return value === v;
-    };
-    const mapOptions = (data) => {
-      const { option } = props.config;
-      const { text } = option;
-      const { value } = option;
-      return data.map((item) => ({
-        text: typeof text === "function" ? text(item) : item[text || "text"],
-        value: typeof value === "function" ? value(item) : item[value || "value"]
-      }));
-    };
-    const getOptions = async () => {
-      if (!props.model)
-        return [];
-      if (localOptions.value.length) {
-        return localOptions.value;
-      }
-      loading.value = true;
-      let items = [];
-      const { config } = props;
-      const { option } = config;
-      let { body } = option;
-      let postOptions = {
-        method: option.method || "POST",
-        url: option.url,
-        cache: option.cache,
-        timeout: option.timeout,
-        mode: option.mode,
-        headers: option.headers || {},
-        json: option.json || false
-      };
-      if (body) {
-        if (typeof body === "function") {
-          body = body(mForm, {
-            model: props.model,
-            formValue: mForm?.values,
-            formValues: mForm?.values,
-            config: props.config
-          });
-        }
-        body.query = query.value;
-        body.pgSize = pgSize.value;
-        body.pgIndex = pgIndex.value;
-        postOptions.data = body;
-      }
-      const requestFuc = getConfig("request");
-      if (typeof option.beforeRequest === "function") {
-        postOptions = option.beforeRequest(mForm, postOptions, {
-          model: props.model,
-          formValue: mForm?.values
-        });
-      }
-      if (option.method?.toLocaleLowerCase() === "jsonp") {
-        postOptions.jsonpCallback = option.jsonpCallback || "callback";
-      }
-      let res = await requestFuc(postOptions);
-      if (typeof option.afterRequest === "function") {
-        res = option.afterRequest(mForm, res, {
-          model: props.model,
-          formValue: mForm?.values,
-          formValues: mForm?.values,
-          config: props.config
-        });
-      }
-      const optionsData = res[option.root];
-      if (res.total > 0) {
-        total.value = res.total;
-      }
-      remoteData.value = remoteData.value.concat(optionsData);
-      if (optionsData) {
-        if (typeof option.item === "function") {
-          items = option.item(optionsData);
-        } else if (optionsData.map) {
-          items = mapOptions(optionsData);
-        }
-      }
-      loading.value = false;
-      const selectedOptions = [];
-      if (props.config.multiple && props.model[props.name]) {
-        options.value.forEach((o) => {
-          const isInclude = props.model?.[props.name].includes(o.value);
-          if (isInclude && !items.find((op) => op.value === o.value)) {
-            selectedOptions.push(o);
-          }
-        });
-      }
-      return pgIndex.value === 0 ? selectedOptions.concat(items) : options.value.concat(items);
-    };
-    const getInitLocalOption = async () => {
-      if (!props.model)
-        return [];
-      const value = props.model[props.name];
-      const { config } = props;
-      localOptions.value = await getOptions();
-      remote.value = false;
-      if (config.group) {
-        if (config.multiple && value.findIndex) {
-          return localOptions.value.filter(
-            (group) => group.options.findIndex((item) => value.find((v) => equalValue(item.value, v)) > -1) > -1
-          );
-        }
-        return localOptions.value.filter(
-          (group) => group.options.findIndex((item) => equalValue(item.value, value)) > -1
-        );
-      }
-      if (config.multiple && value.findIndex) {
-        return localOptions.value.filter(
-          (item) => value.findIndex((v) => equalValue(item.value, v)) > -1
-        );
-      }
-      return localOptions.value.filter((item) => equalValue(item.value, value));
-    };
-    const getInitOption = async () => {
-      if (!props.model)
-        return [];
-      const { config } = props;
-      const { option } = config;
-      let options2 = [];
-      let url = option.initUrl;
-      if (!url) {
-        return getInitLocalOption();
-      }
-      if (typeof url === "function") {
-        url = await url(mForm, { model: props.model, formValue: mForm?.values });
-      }
-      const postOptions = {
-        method: option.method || "POST",
-        url,
-        data: {
-          id: props.model[props.name]
-        },
-        mode: option.mode,
-        headers: option.headers || {},
-        json: option.json || false
-      };
-      if (option.method?.toLocaleLowerCase() === "jsonp") {
-        postOptions.jsonpCallback = option.jsonpCallback || "callback";
-      }
-      const requestFuc = getConfig("request");
-      const res = await requestFuc(postOptions);
-      let initData = res[option.root];
-      if (initData) {
-        if (!Array.isArray(initData)) {
-          initData = [initData];
-        }
-        if (typeof option.item === "function") {
-          options2 = option.item(initData);
-        } else if (initData.map) {
-          options2 = mapOptions(initData);
-        }
-      }
-      return options2;
-    };
-    if (typeof props.config.options === "function") {
-      watchEffect(() => {
-        typeof props.config.options === "function" && Promise.resolve(
-          props.config.options(mForm, {
-            model: props.model,
-            prop: props.prop,
-            formValues: mForm?.values,
-            formValue: mForm?.values,
-            config: props.config
-          })
-        ).then((data) => {
-          options.value = data;
-        });
-      });
-    } else if (Array.isArray(props.config.options)) {
-      watchEffect(() => {
-        options.value = props.config.options;
-      });
-    } else if (props.config.option) {
-      onBeforeMount(() => {
-        if (!props.model)
-          return;
-        const v = props.model[props.name];
-        if (Array.isArray(v) ? v.length : typeof v !== "undefined") {
-          getInitOption().then((data) => {
-            options.value = data;
-          });
-        }
-      });
-    }
-    props.config.remote && onMounted(() => {
-      select.value?.scrollbar.wrap$.addEventListener("scroll", async (e) => {
-        const el = e.currentTarget;
-        if (moreLoadingVisible.value) {
-          return;
-        }
-        if (el.scrollHeight - el.clientHeight - el.scrollTop > 1) {
-          return;
-        }
-        if (total.value <= options.value.length) {
-          return;
-        }
-        moreLoadingVisible.value = true;
-        pgIndex.value += 1;
-        options.value = await getOptions();
-        moreLoadingVisible.value = false;
-      });
-    });
-    return {
-      select,
-      loading,
-      remote,
-      options,
-      groupOptions: options,
-      moreLoadingVisible,
-      popperClass: mForm?.popperClass,
-      getOptions,
-      getRequestFuc() {
-        return getConfig("request");
-      },
-      changeHandler(value) {
-        emit("change", value);
-      },
-      async visibleHandler(visible) {
-        if (!visible)
-          return;
-        if (!props.config.remote)
-          return;
-        if (query.value && select.value) {
-          select.value.query = query.value;
-          select.value.previousQuery = query.value;
-          select.value.selectedLabel = query.value;
-        } else if (options.value.length <= (props.config.multiple ? props.model?.[props.name].length : 1)) {
-          options.value = await getOptions();
-        }
-      },
-      async remoteMethod(q) {
-        if (!localOptions.value.length) {
-          query.value = q;
-          pgIndex.value = 0;
-          options.value = await getOptions();
-          if (props.config.multiple)
-            setTimeout(() => {
-              select.value?.setSelected();
-            }, 0);
-        }
-      }
-    };
-  }
-});
-
-const _hoisted_1$2 = { key: 2 };
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_select_option_groups = resolveComponent("select-option-groups");
-  const _component_select_options = resolveComponent("select-options");
-  const _component_el_select = resolveComponent("el-select");
-  const _directive_loading = resolveDirective("loading");
-  return _ctx.model ? withDirectives((openBlock(), createBlock(_component_el_select, {
-    key: 0,
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    class: "m-select",
-    ref: "select",
-    clearable: "",
-    filterable: "",
-    "popper-class": `m-select-popper ${_ctx.popperClass}`,
-    size: _ctx.size,
-    remote: _ctx.remote,
-    placeholder: _ctx.config.placeholder,
-    multiple: _ctx.config.multiple,
-    "value-key": _ctx.config.valueKey || "value",
-    "allow-create": _ctx.config.allowCreate,
-    disabled: _ctx.disabled,
-    "remote-method": _ctx.config.remote && _ctx.remoteMethod,
-    onChange: _ctx.changeHandler,
-    onVisibleChange: _ctx.visibleHandler
-  }, {
-    default: withCtx(() => [
-      _ctx.config.group ? (openBlock(), createBlock(_component_select_option_groups, {
-        key: 0,
-        options: _ctx.groupOptions
-      }, null, 8, ["options"])) : (openBlock(), createBlock(_component_select_options, {
-        key: 1,
-        options: _ctx.options
-      }, null, 8, ["options"])),
-      _ctx.moreLoadingVisible ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, null, 512)), [
-        [_directive_loading, true]
-      ]) : createCommentVNode("", true)
-    ]),
-    _: 1
-  }, 8, ["modelValue", "popper-class", "size", "remote", "placeholder", "multiple", "value-key", "allow-create", "disabled", "remote-method", "onChange", "onVisibleChange"])), [
-    [_directive_loading, _ctx.loading]
-  ]) : createCommentVNode("", true);
-}
-const Select = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
-
-const _sfc_main$5 = defineComponent({
-  name: "m-fields-switch",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change"],
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    return {
-      n: computed(() => props.name || props.config.name || ""),
-      activeValue: computed(() => {
-        if (typeof props.config.activeValue === "undefined") {
-          if (props.config.filter === "number") {
-            return 1;
-          }
-        } else {
-          return props.config.activeValue;
-        }
-        return true;
-      }),
-      inactiveValue: computed(() => {
-        if (typeof props.config.inactiveValue === "undefined") {
-          if (props.config.filter === "number") {
-            return 0;
-          }
-        } else {
-          return props.config.inactiveValue;
-        }
-        return false;
-      }),
-      changeHandler: (v) => {
-        emit("change", v);
-      }
-    };
-  }
-});
-
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_switch = resolveComponent("el-switch");
-  return _ctx.model ? (openBlock(), createBlock(_component_el_switch, {
-    key: 0,
-    modelValue: _ctx.model[_ctx.n],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.n] = $event),
-    size: _ctx.size,
-    activeValue: _ctx.activeValue,
-    inactiveValue: _ctx.inactiveValue,
-    disabled: _ctx.disabled,
-    onChange: _ctx.changeHandler
-  }, null, 8, ["modelValue", "size", "activeValue", "inactiveValue", "disabled", "onChange"])) : createCommentVNode("", true);
-}
-const Switch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
-
-const _sfc_main$4 = defineComponent({
-  name: "m-fields-text",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["change", "input"],
-  setup(props, { emit }) {
-    const mForm = inject("mForm");
-    useAddField(props.prop);
-    const modelName = computed(() => props.name || props.config.name || "");
-    return {
-      modelName,
-      changeHandler(v) {
-        emit("change", v);
-      },
-      inputHandler(v) {
-        emit("input", v);
-        mForm?.$emit("field-input", props.prop, v);
-      },
-      buttonClickHandler() {
-        if (typeof props.config.append === "string")
-          return;
-        if (props.config.append?.handler) {
-          props.config.append.handler(mForm, {
-            model: props.model,
-            values: mForm?.values
-          });
-        }
-      },
-      keyUpHandler($event) {
-        if (!props.model)
-          return;
-        if (!modelName.value)
-          return;
-        const arrowUp = $event.key === "ArrowUp";
-        const arrowDown = $event.key === "ArrowDown";
-        if (!arrowUp && !arrowDown) {
-          return;
-        }
-        const value = props.model[modelName.value];
-        let num;
-        let unit;
-        if (isNumber(value)) {
-          num = +value;
-        } else {
-          value.replace(/^([0-9.]+)([a-z%]+)$/, ($0, $1, $2) => {
-            num = +$1;
-            unit = $2;
-          });
-        }
-        if (num === void 0) {
-          return;
-        }
-        const ctrl = navigator.platform.match("Mac") ? $event.metaKey : $event.ctrlKey;
-        const shift = $event.shiftKey;
-        const alt = $event.altKey;
-        if (arrowUp) {
-          if (ctrl) {
-            num += 100;
-          } else if (alt) {
-            num = (num * 1e4 + 1e3) / 1e4;
-          } else if (shift) {
-            num = num + 10;
-          } else {
-            num += 1;
-          }
-        } else if (arrowDown) {
-          if (ctrl) {
-            num -= 100;
-          } else if (alt) {
-            num = (num * 1e4 - 1e3) / 1e4;
-          } else if (shift) {
-            num -= 10;
-          } else {
-            num -= 1;
-          }
-        }
-        props.model[modelName.value] = `${num}${unit || ""}`;
-        emit("change", props.model[modelName.value]);
-      }
-    };
-  }
-});
-
-const _hoisted_1$1 = { key: 0 };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_input = resolveComponent("el-input");
-  return openBlock(), createBlock(_component_el_input, {
-    modelValue: _ctx.model[_ctx.modelName],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.modelName] = $event),
-    clearable: "",
-    size: _ctx.size,
-    placeholder: _ctx.config.placeholder,
-    disabled: _ctx.disabled,
-    onChange: _ctx.changeHandler,
-    onInput: _ctx.inputHandler,
-    onKeyup: _cache[1] || (_cache[1] = ($event) => _ctx.keyUpHandler($event))
-  }, createSlots({ _: 2 }, [
-    _ctx.config.append ? {
-      name: "append",
-      fn: withCtx(() => [
-        typeof _ctx.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(_ctx.config.append), 1)) : createCommentVNode("", true),
-        typeof _ctx.config.append === "object" && _ctx.config.append.type === "button" ? (openBlock(), createBlock(_component_el_button, {
-          key: 1,
-          style: { "color": "#409eff" },
-          size: _ctx.size,
-          onClick: withModifiers(_ctx.buttonClickHandler, ["prevent"])
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.config.append.text), 1)
-          ]),
-          _: 1
-        }, 8, ["size", "onClick"])) : createCommentVNode("", true)
-      ])
-    } : void 0
-  ]), 1032, ["modelValue", "size", "placeholder", "disabled", "onChange", "onInput"]);
-}
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
-
-const _sfc_main$3 = defineComponent({
-  name: "m-fields-textarea",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: {
-    change(values) {
-      return values;
-    },
-    input(values) {
-      return values;
-    }
-  },
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    const mForm = inject("mForm");
-    return {
-      mForm,
-      changeHandler: (v) => {
-        emit("change", v);
-      },
-      inputHandler: (v) => {
-        emit("input", v);
-        mForm?.$emit("field-input", props.prop, v);
-      }
-    };
-  }
-});
-
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_input = resolveComponent("el-input");
-  return openBlock(), createBlock(_component_el_input, {
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    type: "textarea",
-    size: _ctx.size,
-    clearable: "",
-    placeholder: _ctx.config.placeholder,
-    disabled: _ctx.disabled,
-    onChange: _ctx.changeHandler,
-    onInput: _ctx.inputHandler
-  }, null, 8, ["modelValue", "size", "placeholder", "disabled", "onChange", "onInput"]);
-}
-const Textarea = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
-
-const _sfc_main$2 = defineComponent({
-  name: "m-fields-time",
-  props: {
-    ...fieldProps,
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: {
-    change(values) {
-      return values;
-    }
-  },
-  setup(props, { emit }) {
-    useAddField(props.prop);
-    return {
-      changeHandler: (v) => {
-        emit("change", v);
-      }
-    };
-  }
-});
-
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_time_picker = resolveComponent("el-time-picker");
-  return openBlock(), createBlock(_component_el_time_picker, {
-    modelValue: _ctx.model[_ctx.name],
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-    size: _ctx.size,
-    "value-format": "HH:mm:ss",
-    placeholder: _ctx.config.placeholder,
-    disabled: _ctx.disabled,
-    onChange: _ctx.changeHandler
-  }, null, 8, ["modelValue", "size", "placeholder", "disabled", "onChange"]);
-}
-const Time = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-
-const _sfc_main$1 = defineComponent({
-  name: "m-form",
-  props: {
-    initValues: {
-      type: Object,
-      required: true,
-      default: () => ({})
-    },
-    parentValues: {
-      type: Object,
-      default: () => ({})
-    },
-    config: {
-      type: Array,
-      required: true,
-      default: () => []
-    },
-    labelWidth: {
-      type: String,
-      default: () => "200px"
-    },
-    disabled: {
-      type: Boolean,
-      default: () => false
-    },
-    height: {
-      type: String,
-      default: () => "auto"
-    },
-    stepActive: {
-      type: [String, Number],
-      default: () => 1
-    },
-    size: {
-      type: String
-    },
-    inline: {
-      type: Boolean,
-      default: false
-    },
-    labelPosition: {
-      type: String,
-      default: "right"
-    },
-    keyProp: {
-      type: String,
-      default: "__key"
-    },
-    popperClass: {
-      type: String
-    }
-  },
-  emits: ["change", "field-input", "field-change"],
-  setup(props, { emit }) {
-    const elForm = ref();
-    const initialized = ref(false);
-    const values = ref({});
-    const fields = /* @__PURE__ */ new Map();
-    const requestFuc = getConfig("request");
-    const formState = reactive({
-      keyProp: props.keyProp,
-      popperClass: props.popperClass,
-      config: props.config,
-      initValues: props.initValues,
-      parentValues: props.parentValues,
-      values,
-      $emit: emit,
-      fields,
-      setField: (prop, field) => fields.set(prop, field),
-      getField: (prop) => fields.get(prop),
-      deleteField: (prop) => fields.delete(prop),
-      post: (options) => {
-        if (requestFuc) {
-          return requestFuc({
-            ...options,
-            method: "POST"
-          });
-        }
-      }
-    });
-    provide("mForm", formState);
-    watch(
-      [() => props.config, () => props.initValues],
-      ([config], [preConfig]) => {
-        if (!isEqual(toRaw(config), toRaw(preConfig))) {
-          initialized.value = false;
-        }
-        initValue(formState, {
-          initValues: props.initValues,
-          config: props.config
-        }).then((value) => {
-          values.value = value;
-          initialized.value = true;
-        });
-      },
-      { immediate: true }
-    );
-    return {
-      initialized,
-      values,
-      elForm,
-      formState,
-      changeHandler: () => {
-        emit("change", values.value);
-      },
-      resetForm: () => elForm.value?.resetFields(),
-      submitForm: async (native) => {
-        try {
-          await elForm.value?.validate();
-          return native ? values.value : cloneDeep(toRaw(values.value));
-        } catch (invalidFields) {
-          const error = [];
-          Object.entries(invalidFields).forEach(([, ValidateError]) => {
-            ValidateError.forEach(({ field, message }) => {
-              if (field && message)
-                error.push(`${field} -> ${message}`);
-              if (field && !message)
-                error.push(`${field} -> \u51FA\u73B0\u9519\u8BEF`);
-              if (!field && message)
-                error.push(`${message}`);
-            });
-          });
-          throw new Error(error.join("<br>"));
-        }
-      }
-    };
-  }
-});
-
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_form_container = resolveComponent("m-form-container");
-  const _component_el_form = resolveComponent("el-form");
-  return openBlock(), createBlock(_component_el_form, {
-    class: "m-form",
-    ref: "elForm",
-    model: _ctx.values,
-    "label-width": _ctx.labelWidth,
-    disabled: _ctx.disabled,
-    style: normalizeStyle(`height: ${_ctx.height}`),
-    inline: _ctx.inline,
-    "label-position": _ctx.labelPosition
-  }, {
-    default: withCtx(() => [
-      _ctx.initialized && Array.isArray(_ctx.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.config, (item, index) => {
-        return openBlock(), createBlock(_component_m_form_container, {
-          key: item[_ctx.keyProp] ?? index,
-          config: item,
-          model: _ctx.values,
-          "label-width": item.labelWidth || _ctx.labelWidth,
-          "step-active": _ctx.stepActive,
-          size: _ctx.size,
-          onChange: _ctx.changeHandler
-        }, null, 8, ["config", "model", "label-width", "step-active", "size", "onChange"]);
-      }), 128)) : createCommentVNode("", true)
-    ]),
-    _: 1
-  }, 8, ["model", "label-width", "disabled", "style", "inline", "label-position"]);
-}
-const Form = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-
-const _sfc_main = defineComponent({
-  name: "m-form-dialog",
-  props: {
-    values: {
-      type: Object,
-      default: () => ({})
-    },
-    parentValues: {
-      type: Object
-    },
-    width: [Number, String],
-    fullscreen: Boolean,
-    title: String,
-    config: {
-      type: Array,
-      required: true,
-      default: () => []
-    },
-    labelWidth: [Number, String],
-    size: String,
-    confirmText: {
-      type: String,
-      default: "\u786E\u5B9A"
-    }
-  },
-  emits: ["close", "submit", "error", "change"],
-  setup(props, { emit }) {
-    const form = ref();
-    const dialogVisible = ref(false);
-    const saveFetch = ref(false);
-    const stepActive = ref(1);
-    const bodyHeight = ref(`${document.body.clientHeight - 194}px`);
-    const stepCount = computed(() => {
-      const { length } = props.config;
-      for (let index = 0; index < length; index++) {
-        if (props.config[index].type === "step") {
-          return props.config[index].items.length;
-        }
-      }
-      return 0;
-    });
-    const hasStep = computed(() => {
-      const { length } = props.config;
-      for (let index = 0; index < length; index++) {
-        if (props.config[index].type === "step") {
-          return true;
-        }
-      }
-      return false;
-    });
-    const cancel = () => {
-      dialogVisible.value = false;
-    };
-    const closeHandler = () => {
-      stepActive.value = 1;
-      emit("close");
-    };
-    const save = async () => {
-      try {
-        const values = await form.value?.submitForm();
-        emit("submit", values);
-      } catch (e) {
-        emit("error", e);
-      }
-    };
-    const preStep = () => {
-      stepActive.value -= 1;
-    };
-    const nextStep = () => {
-      stepActive.value += 1;
-    };
-    const changeHandler = (value) => {
-      emit("change", value);
-    };
-    return {
-      form,
-      saveFetch,
-      stepActive,
-      dialogVisible,
-      bodyHeight,
-      stepCount,
-      hasStep,
-      cancel,
-      closeHandler,
-      save,
-      preStep,
-      nextStep,
-      changeHandler
-    };
-  }
-});
-
-const _hoisted_1 = { style: { "min-height": "1px" } };
-const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u53D6 \u6D88");
-const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u4E0A\u4E00\u6B65");
-const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u4E0B\u4E00\u6B65");
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_m_form = resolveComponent("m-form");
-  const _component_el_col = resolveComponent("el-col");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_row = resolveComponent("el-row");
-  const _component_el_dialog = resolveComponent("el-dialog");
-  return openBlock(), createBlock(_component_el_dialog, {
-    modelValue: _ctx.dialogVisible,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.dialogVisible = $event),
-    class: "m-form-dialog",
-    top: "20px",
-    "append-to-body": "",
-    title: _ctx.title,
-    width: _ctx.width,
-    fullscreen: _ctx.fullscreen,
-    "close-on-click-modal": false,
-    onClose: _ctx.closeHandler
-  }, {
-    footer: withCtx(() => [
-      createVNode(_component_el_row, { class: "dialog-footer" }, {
-        default: withCtx(() => [
-          createVNode(_component_el_col, {
-            span: 12,
-            style: { "text-align": "left" }
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_1, [
-                renderSlot(_ctx.$slots, "left")
-              ])
-            ]),
-            _: 3
-          }),
-          createVNode(_component_el_col, { span: 12 }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "footer", {}, () => [
-                createVNode(_component_el_button, {
-                  onClick: _ctx.cancel,
-                  size: "small"
-                }, {
-                  default: withCtx(() => [
-                    _hoisted_2
-                  ]),
-                  _: 1
-                }, 8, ["onClick"]),
-                _ctx.hasStep && _ctx.stepActive > 1 ? (openBlock(), createBlock(_component_el_button, {
-                  key: 0,
-                  type: "info",
-                  size: "small",
-                  onClick: _ctx.preStep
-                }, {
-                  default: withCtx(() => [
-                    _hoisted_3
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])) : createCommentVNode("", true),
-                _ctx.hasStep && _ctx.stepCount > _ctx.stepActive ? (openBlock(), createBlock(_component_el_button, {
-                  key: 1,
-                  type: "info",
-                  size: "small",
-                  onClick: _ctx.nextStep
-                }, {
-                  default: withCtx(() => [
-                    _hoisted_4
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])) : (openBlock(), createBlock(_component_el_button, {
-                  key: 2,
-                  type: "primary",
-                  size: "small",
-                  loading: _ctx.saveFetch,
-                  onClick: _ctx.save
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.confirmText), 1)
-                  ]),
-                  _: 1
-                }, 8, ["loading", "onClick"]))
-              ])
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      })
-    ]),
-    default: withCtx(() => [
-      _ctx.dialogVisible ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "m-dialog-body",
-        style: normalizeStyle(`max-height: ${_ctx.bodyHeight}; overflow-y: auto; overflow-x: hidden;`)
-      }, [
-        createVNode(_component_m_form, {
-          modelValue: _ctx.stepActive,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.stepActive = $event),
-          ref: "form",
-          size: _ctx.size,
-          config: _ctx.config,
-          "init-values": _ctx.values,
-          "parent-values": _ctx.parentValues,
-          "label-width": _ctx.labelWidth,
-          onChange: _ctx.changeHandler
-        }, null, 8, ["modelValue", "size", "config", "init-values", "parent-values", "label-width", "onChange"]),
-        renderSlot(_ctx.$slots, "default")
-      ], 4)) : createCommentVNode("", true)
-    ]),
-    _: 3
-  }, 8, ["modelValue", "title", "width", "fullscreen", "onClose"]);
-}
-const FormDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-
-const index$1 = '';
-
-const defaultInstallOpt = {};
-const install = (app, opt) => {
-  const option = Object.assign(defaultInstallOpt, opt);
-  app.config.globalProperties.$MAGIC_FORM = option;
-  setConfig(option);
-  app.component(Form.name, Form);
-  app.component(FormDialog.name, FormDialog);
-  app.component(Container.name, Container);
-  app.component("m-form-fieldset", _sfc_main$t);
-  app.component(GroupList.name, GroupList);
-  app.component(Panel.name, Panel);
-  app.component(Row.name, Row);
-  app.component(MStep.name, MStep);
-  app.component("m-form-table", Table);
-  app.component(Tabs.name, Tabs);
-  app.component(Text.name, Text);
-  app.component(Number$1.name, Number$1);
-  app.component(Textarea.name, Textarea);
-  app.component("m-fields-hidden", _sfc_main$c);
-  app.component(Date$1.name, Date$1);
-  app.component(DateTime.name, DateTime);
-  app.component(Time.name, Time);
-  app.component(Checkbox.name, Checkbox);
-  app.component(Switch.name, Switch);
-  app.component("m-fields-daterange", _sfc_main$g);
-  app.component("m-fields-color-picker", _sfc_main$i);
-  app.component(CheckboxGroup.name, CheckboxGroup);
-  app.component(RadioGroup.name, RadioGroup);
-  app.component("m-fields-display", _sfc_main$e);
-  app.component(Link.name, Link);
-  app.component(Select.name, Select);
-  app.component(Cascader.name, Cascader);
-  app.component(DynamicField.name, DynamicField);
-};
-const index = {
-  install
-};
-
-export { Cascader as MCascader, Checkbox as MCheckbox, CheckboxGroup as MCheckboxGroup, _sfc_main$i as MColorPicker, Container as MContainer, Date$1 as MDate, DateTime as MDateTime, _sfc_main$g as MDaterange, _sfc_main$e as MDisplay, DynamicField as MDynamicField, _sfc_main$t as MFieldset, Form as MForm, FormDialog as MFormDialog, GroupList as MGroupList, _sfc_main$c as MHidden, Link as MLink, Number$1 as MNumber, Panel as MPanel, RadioGroup as MRadioGroup, Row as MRow, Select as MSelect, Switch as MSwitch, Table as MTable, Tabs as MTabs, Text as MText, Textarea as MTextarea, Time as MTime, index as default, display, fieldProps, filterFunction, getRules, initValue, useAddField };
-//# sourceMappingURL=tmagic-form.mjs.map