@tmagic/form 1.2.0-beta.8 → 1.2.0

package/dist/{tmagic-form.mjs → tmagic-form.js}

@@ -1,6 +1,6 @@
 import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, createBlock, resolveDynamicComponent, Fragment, createVNode, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, watch, withDirectives, vShow, renderSlot, onMounted, toRefs, getCurrentInstance, reactive, onBeforeUnmount, vModelText, provide, onBeforeMount, nextTick, resolveDirective, createSlots, withModifiers } from 'vue';
 import { WarningFilled, CaretBottom, CaretRight, Delete, CaretTop, Grid, ArrowUp, ArrowDown, FullScreen } from '@element-plus/icons-vue';
-import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, TMagicTabs, TMagicTabPane, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, getConfig as getConfig$1, TMagicOptionGroup, TMagicOption, TMagicSelect, TMagicSwitch, TMagicTimePicker } from '@tmagic/design';
+import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getConfig as getConfig$1, TMagicTabs, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, TMagicOptionGroup, TMagicOption, TMagicSelect, TMagicSwitch, TMagicTimePicker } from '@tmagic/design';
 import { cloneDeep } from 'lodash-es';
 import Sortable from 'sortablejs';
 import { asyncLoadJs, sleep, datetimeFormatter, isNumber } from '@tmagic/utils';
@@ -17,9 +17,9 @@ const asyncLoadConfig = (value, initValue2, { asyncLoad, name, type }) => {
 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]));
+    value[name] = initValue2[name].map((v, index) => createValues(mForm, items, v, value[name]?.[index]));
   } else {
-    value[name] = init(mForm, items, initValue2[name], value[name]);
+    value[name] = createValues(mForm, items, initValue2[name], value[name]);
     if (extensible) {
       value[name] = Object.assign({}, initValue2[name], value[name]);
     }
@@ -64,12 +64,12 @@ const initValueItem = function(mForm, item, initValue2, value) {
     return names.forEach((n) => value[n] = initValue2[n] || "");
   }
   if (!name) {
-    return init(mForm, items, initValue2, value);
+    return createValues(mForm, items, initValue2, value);
   }
   setValue(mForm, value, initValue2, item);
   return value;
 };
-const init = function(mForm, config = [], initValue2 = {}, value = {}) {
+const createValues = function(mForm, config = [], initValue2 = {}, value = {}) {
   if (Array.isArray(config)) {
     config.forEach((item) => {
       initValueItem(mForm, item, initValue2, value);
@@ -112,6 +112,9 @@ const filterFunction = (mForm, config, props) => {
   });
 };
 const display = function(mForm, config, props) {
+  if (config === "expand") {
+    return config;
+  }
   if (typeof config === "function") {
     return filterFunction(mForm, config, props);
   }
@@ -153,7 +156,7 @@ const getRules = function(mForm, rules = [], props) {
 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), {});
+  let valuesTmp = createValues(mForm, config, toRaw(initValues), {});
   const [firstForm] = config;
   if (firstForm && typeof firstForm.onInitValue === "function") {
     valuesTmp = await firstForm.onInitValue(mForm, {
@@ -172,12 +175,16 @@ const _hoisted_5$4 = {
   key: 4,
   style: { "text-align": "center" }
 };
+const __default__$v = defineComponent({
+  name: "MFormContainer"
+});
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  __name: "Container",
+  ...__default__$v,
   props: {
     model: null,
     config: null,
     prop: { default: "" },
+    disabled: { type: Boolean },
     labelWidth: null,
     expandMore: { type: Boolean, default: false },
     stepActive: null,
@@ -208,7 +215,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         return component;
       return "m-fields-text";
     });
-    const disabled = computed(() => filterFunction(mForm, props.config.disabled, props));
+    const disabled = computed(() => props.disabled || 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));
@@ -224,10 +231,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       return type2?.replace(/([A-Z])/g, "-$1").toLowerCase() || (items.value ? "" : "text");
     });
     const display$1 = computed(() => {
-      if (props.config.display === "expand") {
+      const value = display(mForm, props.config.display, props);
+      if (value === "expand") {
         return expand.value;
       }
-      return display(mForm, props.config.display, props);
+      return value;
     });
     const itemLabelWidth = computed(() => props.config.labelWidth || props.labelWidth);
     watchEffect(() => {
@@ -304,13 +312,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           size: __props.size,
           model: __props.model,
           config: __props.config,
+          disabled: unref(disabled),
           name: unref(name),
           prop: unref(itemProp),
           "step-active": __props.stepActive,
           "expand-more": expand.value,
           "label-width": unref(itemLabelWidth),
           onChange: onChangeHandler
-        }, null, 40, ["size", "model", "config", "name", "prop", "step-active", "expand-more", "label-width"])) : unref(type) && unref(display$1) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        }, null, 40, ["size", "model", "config", "disabled", "name", "prop", "step-active", "expand-more", "label-width"])) : unref(type) && unref(display$1) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createVNode(unref(TMagicFormItem), {
             style: normalizeStyle(__props.config.tip ? "flex: 1" : ""),
             class: normalizeClass({ hidden: `${unref(itemLabelWidth)}` === "0" || !__props.config.text }),
@@ -385,16 +394,20 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               model: unref(name) || unref(name) === 0 ? __props.model[unref(name)] : __props.model,
               config: item,
               size: __props.size,
+              disabled: unref(disabled),
               "step-active": __props.stepActive,
               "expand-more": expand.value,
               "label-width": unref(itemLabelWidth),
               prop: unref(itemProp),
               onChange: onChangeHandler
-            }, null, 8, ["model", "config", "size", "step-active", "expand-more", "label-width", "prop"]);
+            }, null, 8, ["model", "config", "size", "disabled", "step-active", "expand-more", "label-width", "prop"]);
           }), 128)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
         __props.config.expand && unref(type) !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
           createVNode(unref(TMagicButton), {
+            type: "primary",
+            size: "small",
+            disabled: false,
             text: "",
             onClick: expandHandler
           }, {
@@ -420,15 +433,19 @@ const _hoisted_6$2 = {
 };
 const _hoisted_7$2 = { style: { "flex": "1" } };
 const _hoisted_8$1 = ["src"];
+const __default__$u = defineComponent({
+  name: "MFormFieldset"
+});
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "Fieldset",
+  ...__default__$u,
   props: {
     labelWidth: null,
     prop: { default: "" },
     size: null,
     model: null,
     config: null,
-    rules: { default: {} }
+    rules: { default: {} },
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -507,10 +524,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 rules: unref(name) ? __props.rules[unref(name)] : [],
                 config: item,
                 prop: __props.prop,
+                disabled: __props.disabled,
                 labelWidth: unref(lWidth),
                 size: __props.size,
                 onChange: change
-              }, null, 8, ["model", "rules", "config", "prop", "labelWidth", "size"]);
+              }, null, 8, ["model", "rules", "config", "prop", "disabled", "labelWidth", "size"]);
             }), 128))
           ]),
           createElementVNode("img", {
@@ -526,8 +544,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             prop: __props.prop,
             labelWidth: unref(lWidth),
             size: __props.size,
+            disabled: __props.disabled,
             onChange: change
-          }, null, 8, ["model", "rules", "config", "prop", "labelWidth", "size"]);
+          }, null, 8, ["model", "rules", "config", "prop", "labelWidth", "size", "disabled"]);
         }), 128)) : createCommentVNode("", true)
       ], 4)) : createCommentVNode("", true);
     };
@@ -538,8 +557,11 @@ const _hoisted_1$9 = { 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"];
+const __default__$t = defineComponent({
+  name: "MFormGroupListItem"
+});
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  __name: "GroupListItem",
+  ...__default__$t,
   props: {
     model: null,
     groupModel: null,
@@ -547,7 +569,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     labelWidth: null,
     prop: null,
     size: null,
-    index: null
+    index: null,
+    disabled: { type: Boolean }
   },
   emits: ["swap-item", "remove-item", "change"],
   setup(__props, { emit }) {
@@ -608,24 +631,27 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           }),
           createVNode(unref(TMagicButton), {
             text: "",
+            disabled: __props.disabled,
             onClick: expandHandler
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(title)), 1)
             ]),
             _: 1
-          }),
+          }, 8, ["disabled"]),
           withDirectives(createVNode(unref(TMagicButton), {
+            style: { "color": "#f56c6c" },
             text: "",
             icon: unref(Delete),
-            style: { "color": "#f56c6c" },
+            disabled: __props.disabled,
             onClick: removeHandler
-          }, null, 8, ["icon"]), [
+          }, null, 8, ["icon", "disabled"]), [
             [vShow, showDelete(parseInt(String(__props.index)))]
           ]),
           movable() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             withDirectives(createVNode(unref(TMagicButton), {
               text: "",
+              disabled: __props.disabled,
               size: "small",
               onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
             }, {
@@ -639,10 +665,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 1
-            }, 512), [
+            }, 8, ["disabled"]), [
               [vShow, __props.index !== 0]
             ]),
             withDirectives(createVNode(unref(TMagicButton), {
+              disabled: __props.disabled,
               text: "",
               size: "small",
               onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
@@ -657,7 +684,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 1
-            }, 512), [
+            }, 8, ["disabled"]), [
               [vShow, __props.index !== unref(length) - 1]
             ])
           ], 64)) : createCommentVNode("", true),
@@ -674,8 +701,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           labelWidth: __props.labelWidth,
           prop: `${__props.prop}${__props.prop ? "." : ""}${String(__props.index)}`,
           size: __props.size,
+          disabled: __props.disabled,
           onChange: changeHandler
-        }, null, 8, ["config", "model", "labelWidth", "prop", "size"])) : createCommentVNode("", true)
+        }, null, 8, ["config", "model", "labelWidth", "prop", "size", "disabled"])) : createCommentVNode("", true)
       ]);
     };
   }
@@ -693,15 +721,19 @@ const _hoisted_5$2 = [
 ];
 const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("\u6DFB\u52A0\u7EC4");
 const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u5207\u6362\u4E3A\u8868\u683C");
+const __default__$s = defineComponent({
+  name: "MFormGroupList"
+});
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  __name: "GroupList",
+  ...__default__$s,
   props: {
     model: null,
     config: null,
     name: null,
     labelWidth: null,
     prop: null,
-    size: null
+    size: null,
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -783,22 +815,24 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             index,
             "label-width": __props.labelWidth,
             size: __props.size,
+            disabled: __props.disabled,
             "group-model": __props.model[__props.name],
             onRemoveItem: removeHandler,
             onSwapItem: swapHandler,
             onChange: changeHandler
-          }, null, 8, ["model", "config", "prop", "index", "label-width", "size", "group-model"]);
+          }, null, 8, ["model", "config", "prop", "index", "label-width", "size", "disabled", "group-model"]);
         }), 128)),
         unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 3,
           onClick: addHandler,
-          size: "small"
+          size: "small",
+          disabled: __props.disabled
         }, {
           default: withCtx(() => [
             _hoisted_6$1
           ]),
           _: 1
-        })) : createCommentVNode("", true),
+        }, 8, ["disabled"])) : createCommentVNode("", true),
         __props.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 4,
           icon: unref(Grid),
@@ -823,15 +857,19 @@ const _hoisted_3$3 = {
 };
 const _hoisted_4$2 = { style: { "flex": "1" } };
 const _hoisted_5$1 = ["src"];
+const __default__$r = defineComponent({
+  name: "MFormPanel"
+});
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  __name: "Panel",
+  ...__default__$r,
   props: {
     model: null,
     config: null,
     name: null,
     labelWidth: null,
     prop: null,
-    size: null
+    size: null,
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -881,9 +919,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                     model: __props.name ? __props.model[__props.name] : __props.model,
                     prop: __props.prop,
                     size: __props.size,
+                    disabled: __props.disabled,
                     "label-width": __props.config.labelWidth || __props.labelWidth,
                     onChange: changeHandler
-                  }, null, 8, ["config", "model", "prop", "size", "label-width"]);
+                  }, null, 8, ["config", "model", "prop", "size", "disabled", "label-width"]);
                 }), 128))
               ]),
               createElementVNode("img", {
@@ -897,9 +936,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 model: __props.name ? __props.model[__props.name] : __props.model,
                 prop: __props.prop,
                 size: __props.size,
+                disabled: __props.disabled,
                 "label-width": __props.config.labelWidth || __props.labelWidth,
                 onChange: changeHandler
-              }, null, 8, ["config", "model", "prop", "size", "label-width"]);
+              }, null, 8, ["config", "model", "prop", "size", "disabled", "label-width"]);
             }), 128))
           ])
         ]),
@@ -909,8 +949,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$q = defineComponent({
+  name: "MFormCol"
+});
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  __name: "Col",
+  ...__default__$q,
   props: {
     model: null,
     config: null,
@@ -918,7 +961,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     expandMore: { type: Boolean },
     span: null,
     size: null,
-    prop: null
+    prop: null,
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -936,8 +980,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             "label-width": __props.config.labelWidth || __props.labelWidth,
             "expand-more": __props.expandMore,
             size: __props.size,
+            disabled: __props.disabled,
             onChange: changeHandler
-          }, null, 8, ["model", "config", "prop", "label-width", "expand-more", "size"])
+          }, null, 8, ["model", "config", "prop", "label-width", "expand-more", "size", "disabled"])
         ]),
         _: 1
       }, 8, ["span"])), [
@@ -947,8 +992,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$p = defineComponent({
+  name: "MFormRow"
+});
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  __name: "Row",
+  ...__default__$p,
   props: {
     model: null,
     config: null,
@@ -956,7 +1004,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     labelWidth: null,
     prop: null,
     size: null,
-    expandMore: { type: Boolean }
+    expandMore: { type: Boolean },
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -976,8 +1025,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               model: __props.name ? __props.model[__props.name] : __props.model,
               prop: __props.prop,
               size: __props.size,
+              disabled: __props.disabled,
               onChange: changeHandler
-            }, null, 8, ["span", "config", "labelWidth", "expandMore", "model", "prop", "size"]);
+            }, null, 8, ["span", "config", "labelWidth", "expandMore", "model", "prop", "size", "disabled"]);
           }), 128))
         ]),
         _: 1
@@ -986,14 +1036,18 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$o = defineComponent({
+  name: "MFormStep"
+});
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "Step",
+  ...__default__$o,
   props: {
     model: null,
     config: null,
     stepActive: { default: 1 },
     labelWidth: null,
-    size: null
+    size: null,
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -1039,9 +1093,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   model: step.name ? __props.model[step.name] : __props.model,
                   prop: `${step.name}`,
                   size: __props.size,
+                  disabled: __props.disabled,
                   "label-width": __props.config.labelWidth || __props.labelWidth,
                   onChange: changeHandler
-                }, null, 8, ["config", "model", "prop", "size", "label-width"])), [
+                }, null, 8, ["config", "model", "prop", "size", "disabled", "label-width"])), [
                   [vShow, active.value - 1 === index]
                 ]) : createCommentVNode("", true)
               ], 64);
@@ -1063,11 +1118,15 @@ const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u5BFC\u5165EXCEL");
 const _hoisted_8 = /* @__PURE__ */ createTextVNode("\xA0 ");
 const _hoisted_9 = /* @__PURE__ */ createTextVNode("\u6E05\u7A7A");
 const _hoisted_10 = {
+  key: 1,
   class: "bottom",
   style: { "text-align": "right" }
 };
+const __default__$n = defineComponent({
+  name: "MFormTable"
+});
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  __name: "Table",
+  ...__default__$n,
   props: {
     model: null,
     config: null,
@@ -1075,6 +1134,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     prop: { default: "" },
     labelWidth: null,
     sort: { type: Boolean },
+    disabled: { type: Boolean },
     sortKey: { default: "" },
     text: null,
     size: null,
@@ -1094,6 +1154,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const updateKey = ref(1);
     const isFullscreen = ref(false);
     const modelName = computed(() => props.name || props.config.name || "");
+    const data = computed(
+      () => props.config.pagination ? props.model[modelName.value].filter(
+        (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
+      ) : props.model[modelName.value]
+    );
     const sortChange = ({ prop, order }) => {
       if (order === "ascending") {
         props.model[modelName.value] = props.model[modelName.value].sort((a, b) => a[prop] - b[prop]);
@@ -1119,10 +1184,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       mForm?.$emit("field-change", props.prop, props.model[modelName.value]);
     };
     const rowDrop = () => {
-      const tableEl = tMagicTable.value?.$el;
-      if (tableEl?.querySelectorAll(".el-table__body > tbody")) {
-        const el = tableEl.querySelectorAll(".el-table__body > tbody")[0];
-        const sortable = Sortable.create(el, {
+      const tableEl = tMagicTable.value?.instance.$el;
+      const tBodyEl = tableEl?.querySelector(".el-table__body > tbody");
+      if (tBodyEl) {
+        const sortable = Sortable.create(tBodyEl, {
           onEnd: ({ newIndex, oldIndex }) => {
             if (typeof newIndex === "undefined")
               return;
@@ -1134,11 +1199,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             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)";
+              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 = "";
+                  elTrs[newIndex].style.backgroundColor = "";
                 });
               }
             });
@@ -1209,6 +1274,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       if (props.sort && props.sortKey) {
         props.model[modelName.value].sort((a, b) => b[props.sortKey] - a[props.sortKey]);
       }
+    });
+    watchEffect(() => {
       if (props.config.dropSort) {
         rowDrop();
       }
@@ -1255,6 +1322,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return fuc;
     };
     const removeHandler = (index) => {
+      if (props.disabled)
+        return;
       props.model[modelName.value].splice(index, 1);
       emit("change", props.model[modelName.value]);
     };
@@ -1271,8 +1340,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const toggleRowSelection = (row, selected) => {
       tMagicTable.value?.toggleRowSelection.call(tMagicTable.value, row, selected);
     };
-    const makeConfig = (config) => {
+    const makeConfig = (config, row) => {
       const newConfig = cloneDeep(config);
+      if (typeof config.itemsFunction === "function") {
+        newConfig.items = config.itemsFunction(row);
+      }
       delete newConfig.display;
       return newConfig;
     };
@@ -1330,8 +1402,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }
       const reader = new FileReader();
       reader.onload = () => {
-        const data = reader.result;
-        const pdata = globalThis.XLSX.read(data, { type: "array" });
+        const data2 = reader.result;
+        const pdata = globalThis.XLSX.read(data2, { type: "array" });
         pdata.SheetNames.forEach((sheetName) => {
           const arr = globalThis.XLSX.utils.sheet_to_json(pdata.Sheets[sheetName], { header: 1 });
           if (arr?.[0]) {
@@ -1413,7 +1485,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 ref_key: "tMagicTable",
                 ref: tMagicTable,
                 style: { "width": "100%" },
-                data: __props.model[unref(modelName)],
+                "row-key": __props.config.rowKey || "id",
+                data: unref(data),
                 border: __props.config.border,
                 "max-height": __props.config.maxHeight,
                 "default-expand-all": true,
@@ -1474,10 +1547,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                             size: "small",
                             type: "primary",
                             icon: unref(ArrowUp),
+                            disabled: __props.disabled,
                             text: "",
                             onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                             onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                          }, null, 8, ["icon", "onClick", "onDblclick"])
+                          }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
                         ]),
                         _: 2
                       }, 1024)) : createCommentVNode("", true),
@@ -1492,10 +1566,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                             size: "small",
                             type: "primary",
                             icon: unref(ArrowDown),
+                            disabled: __props.disabled,
                             text: "",
                             onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                             onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                          }, null, 8, ["icon", "onClick", "onDblclick"])
+                          }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
                         ]),
                         _: 2
                       }, 1024)) : createCommentVNode("", true)
@@ -1534,13 +1609,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                           scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$v, {
                             key: 0,
                             labelWidth: "0",
+                            disabled: __props.disabled,
                             prop: getProp(scope.$index),
                             rules: column.rules,
-                            config: makeConfig(column),
+                            config: makeConfig(column, scope.row),
                             model: scope.row,
                             size: __props.size,
                             onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", __props.model[unref(modelName)]))
-                          }, null, 8, ["prop", "rules", "config", "model", "size"])) : createCommentVNode("", true)
+                          }, null, 8, ["disabled", "prop", "rules", "config", "model", "size"])) : createCommentVNode("", true)
                         ]),
                         _: 2
                       }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : createCommentVNode("", true)
@@ -1548,7 +1624,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   }), 256))
                 ]),
                 _: 1
-              }, 8, ["data", "border", "max-height"])) : createCommentVNode("", true)
+              }, 8, ["row-key", "data", "border", "max-height"])) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -1557,6 +1633,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             key: 0,
             size: "small",
             type: "primary",
+            disabled: __props.disabled,
             plain: "",
             onClick: _cache[1] || (_cache[1] = ($event) => newHandler())
           }, {
@@ -1564,7 +1641,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               _hoisted_4$1
             ]),
             _: 1
-          })) : createCommentVNode("", true),
+          }, 8, ["disabled"])) : createCommentVNode("", true),
           _hoisted_5,
           __props.enableToggleMode && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 1,
@@ -1592,32 +1669,35 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           }, 8, ["icon"])) : createCommentVNode("", true),
           unref(importable) ? (openBlock(), createBlock(unref(TMagicUpload), {
             key: 3,
+            style: { "display": "inline-block" },
             ref_key: "excelBtn",
             ref: excelBtn,
             action: "/noop",
+            disabled: __props.disabled,
             "on-change": excelHandler,
-            "auto-upload": false,
-            style: { "display": "inline-block" }
+            "auto-upload": false
           }, {
             default: withCtx(() => [
               createVNode(unref(TMagicButton), {
                 size: "small",
                 type: "success",
+                disabled: __props.disabled,
                 plain: ""
               }, {
                 default: withCtx(() => [
                   _hoisted_7
                 ]),
                 _: 1
-              })
+              }, 8, ["disabled"])
             ]),
             _: 1
-          }, 512)) : createCommentVNode("", true),
+          }, 8, ["disabled"])) : createCommentVNode("", true),
           _hoisted_8,
           unref(importable) ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 4,
             size: "small",
             type: "warning",
+            disabled: __props.disabled,
             plain: "",
             onClick: _cache[2] || (_cache[2] = ($event) => clearHandler())
           }, {
@@ -1625,9 +1705,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               _hoisted_9
             ]),
             _: 1
-          })) : createCommentVNode("", true)
+          }, 8, ["disabled"])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_10, [
+        __props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_10, [
           createVNode(unref(TMagicPagination), {
             layout: "total, sizes, prev, pager, next, jumper",
             "hide-on-single-page": __props.model[unref(modelName)].length < pagesize.value,
@@ -1638,14 +1718,17 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             onSizeChange: handleSizeChange,
             onCurrentChange: handleCurrentChange
           }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total"])
-        ])
+        ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
 
+const __default__$m = defineComponent({
+  name: "MFormTabs"
+});
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "Tabs",
+  ...__default__$m,
   props: {
     model: null,
     config: null,
@@ -1653,11 +1736,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     size: null,
     labelWidth: null,
     prop: null,
-    expandMore: { type: Boolean }
+    expandMore: { type: Boolean },
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
     const props = __props;
+    const uiComponent = getConfig$1("components").tabPane;
     const getActive = (mForm2, props2, activeTabName2) => {
       const { config, model, prop } = props2;
       const { active } = config;
@@ -1759,7 +1844,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab, tabIndex) => {
             return openBlock(), createElementBlock(Fragment, null, [
-              display$1(tab.display) && tabItems(tab).length ? (openBlock(), createBlock(unref(TMagicTabPane), {
+              display$1(tab.display) && tabItems(tab).length ? (openBlock(), createBlock(resolveDynamicComponent(unref(uiComponent).component), {
                 key: tab[unref(mForm)?.keyProp || "__key"] ?? tabIndex,
                 name: filter(tab.status) || tabIndex.toString(),
                 label: filter(tab.title),
@@ -1770,13 +1855,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     return openBlock(), createBlock(_sfc_main$v, {
                       key: item[unref(mForm)?.keyProp || "__key"],
                       config: item,
+                      disabled: __props.disabled,
                       model: __props.config.dynamic ? (__props.name ? __props.model[__props.name] : __props.model)[tabIndex] : tab.name ? (__props.name ? __props.model[__props.name] : __props.model)[tab.name] : __props.name ? __props.model[__props.name] : __props.model,
                       prop: __props.config.dynamic ? `${__props.prop}${__props.prop ? "." : ""}${String(tabIndex)}` : __props.prop,
                       size: __props.size,
                       "label-width": tab.labelWidth || __props.labelWidth,
                       "expand-more": __props.expandMore,
                       onChange: changeHandler
-                    }, null, 8, ["config", "model", "prop", "size", "label-width", "expand-more"]);
+                    }, null, 8, ["config", "disabled", "model", "prop", "size", "label-width", "expand-more"]);
                   }), 128))
                 ]),
                 _: 2
@@ -1816,8 +1902,11 @@ const useAddField = (prop) => {
   );
 };
 
+const __default__$l = defineComponent({
+  name: "MFormCascader"
+});
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  __name: "Cascader",
+  ...__default__$l,
   props: {
     config: null,
     model: null,
@@ -1900,8 +1989,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$k = defineComponent({
+  name: "MFormCheckbox"
+});
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "Checkbox",
+  ...__default__$k,
   props: {
     config: null,
     model: null,
@@ -1958,8 +2050,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$j = defineComponent({
+  name: "MFormCheckGroup"
+});
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "CheckboxGroup",
+  ...__default__$j,
   props: {
     config: null,
     model: null,
@@ -2000,6 +2095,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option) => {
             return openBlock(), createBlock(unref(TMagicCheckbox), {
               label: option.value,
+              value: option.value,
               key: option.value,
               disabled: option.disabled
             }, {
@@ -2007,7 +2103,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(option.text), 1)
               ]),
               _: 2
-            }, 1032, ["label", "disabled"]);
+            }, 1032, ["label", "value", "disabled"]);
           }), 128))
         ]),
         _: 1
@@ -2016,8 +2112,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$i = defineComponent({
+  name: "MFormColorPicker"
+});
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "ColorPicker",
+  ...__default__$i,
   props: {
     config: null,
     model: null,
@@ -2046,8 +2145,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$h = defineComponent({
+  name: "MFormDate"
+});
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "Date",
+  ...__default__$h,
   props: {
     config: null,
     model: null,
@@ -2075,15 +2177,18 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         placeholder: __props.config.placeholder,
         disabled: __props.disabled,
         format: __props.config.format,
-        "value-format": __props.config.format || "YYYY-MM-DD HH:mm:ss",
+        "value-format": __props.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format"]);
     };
   }
 });
 
+const __default__$g = defineComponent({
+  name: "MFormDateRange"
+});
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "Daterange",
+  ...__default__$g,
   props: {
     config: null,
     model: null,
@@ -2180,8 +2285,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$f = defineComponent({
+  name: "MFormDateTime"
+});
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "DateTime",
+  ...__default__$f,
   props: {
     config: null,
     model: null,
@@ -2226,8 +2334,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$5 = { key: 0 };
+const __default__$e = defineComponent({
+  name: "MFormDisplay"
+});
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "Display",
+  ...__default__$e,
   props: {
     config: null,
     model: null,
@@ -2249,8 +2360,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$4 = { class: "m-fields-dynamic-field" };
+const __default__$d = defineComponent({
+  name: "MFormDynamicField"
+});
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "DynamicField",
+  ...__default__$d,
   props: {
     config: null,
     model: null,
@@ -2337,8 +2451,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$c = defineComponent({
+  name: "MFormHidden"
+});
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "Hidden",
+  ...__default__$c,
   props: {
     config: null,
     model: null,
@@ -2362,8 +2479,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$b = defineComponent({
+  name: "MForm"
+});
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "Form",
+  ...__default__$b,
   props: {
     config: { default: () => [] },
     initValues: { default: () => ({}) },
@@ -2407,6 +2527,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }
       }
     });
+    watchEffect(() => {
+      formState.initValues = props.initValues;
+      formState.config = props.config;
+      formState.keyProp = props.keyProp;
+      formState.popperClass = props.popperClass;
+      formState.parentValues = props.parentValues;
+    });
     provide("mForm", formState);
     watch(
       [() => props.config, () => props.initValues],
@@ -2460,7 +2587,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         ref: tMagicForm,
         model: values.value,
         "label-width": __props.labelWidth,
-        disabled: __props.disabled,
         style: normalizeStyle(`height: ${__props.height}`),
         inline: __props.inline,
         "label-position": __props.labelPosition
@@ -2468,6 +2594,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           initialized.value && Array.isArray(__props.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.config, (item, index) => {
             return openBlock(), createBlock(_sfc_main$v, {
+              disabled: __props.disabled,
               key: item[__props.keyProp] ?? index,
               config: item,
               model: values.value,
@@ -2475,11 +2602,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               "step-active": __props.stepActive,
               size: __props.size,
               onChange: changeHandler
-            }, null, 8, ["config", "model", "label-width", "step-active", "size"]);
+            }, null, 8, ["disabled", "config", "model", "label-width", "step-active", "size"]);
           }), 128)) : createCommentVNode("", true)
         ]),
         _: 1
-      }, 8, ["model", "label-width", "disabled", "style", "inline", "label-position"]);
+      }, 8, ["model", "label-width", "style", "inline", "label-position"]);
     };
   }
 });
@@ -2488,8 +2615,11 @@ const _hoisted_1$3 = { style: { "min-height": "1px" } };
 const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("\u53D6 \u6D88");
 const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u4E0A\u4E00\u6B65");
 const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u4E0B\u4E00\u6B65");
+const __default__$a = defineComponent({
+  name: "MFormDialog"
+});
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "FormDialog",
+  ...__default__$a,
   props: {
     config: { default: () => [] },
     values: { default: () => ({}) },
@@ -2497,6 +2627,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     width: null,
     labelWidth: null,
     fullscreen: { type: Boolean },
+    disabled: { type: Boolean },
     title: null,
     zIndex: null,
     size: null,
@@ -2652,12 +2783,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               ref_key: "form",
               ref: form,
               size: __props.size,
+              disabled: __props.disabled,
               config: __props.config,
               "init-values": __props.values,
               "parent-values": __props.parentValues,
               "label-width": __props.labelWidth,
               onChange: changeHandler
-            }, null, 8, ["modelValue", "size", "config", "init-values", "parent-values", "label-width"]),
+            }, null, 8, ["modelValue", "size", "disabled", "config", "init-values", "parent-values", "label-width"]),
             renderSlot(_ctx.$slots, "default")
           ], 4)) : createCommentVNode("", true)
         ]),
@@ -2673,8 +2805,11 @@ const _hoisted_2 = {
   class: "m-fields-link"
 };
 const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u70B9\u51FB\u7F16\u8F91");
+const __default__$9 = defineComponent({
+  name: "MFormLink"
+});
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "Link",
+  ...__default__$9,
   props: {
     config: null,
     model: null,
@@ -2767,8 +2902,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$8 = defineComponent({
+  name: "MFormNumber"
+});
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "Number",
+  ...__default__$8,
   props: {
     config: null,
     model: null,
@@ -2811,8 +2949,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$7 = defineComponent({
+  name: "MFormRadioGroup"
+});
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "RadioGroup",
+  ...__default__$7,
   props: {
     config: null,
     model: null,
@@ -2843,13 +2984,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.options, (option) => {
             return openBlock(), createBlock(unref(TMagicRadio), {
               label: option.value,
+              value: option.value,
               key: `${option.value}`
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(option.text), 1)
               ]),
               _: 2
-            }, 1032, ["label"]);
+            }, 1032, ["label", "value"]);
           }), 128))
         ]),
         _: 1
@@ -2858,8 +3000,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$6 = defineComponent({
+  name: "MFormSelectOptionGroups"
+});
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "SelectOptionGroups",
+  ...__default__$6,
   props: {
     options: null
   },
@@ -2889,8 +3034,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$5 = defineComponent({
+  name: "MFormSelectOptions"
+});
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "SelectOptions",
+  ...__default__$5,
   props: {
     options: null,
     valueKey: null
@@ -2910,8 +3058,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$1 = { key: 2 };
+const __default__$4 = defineComponent({
+  name: "MFormSelect"
+});
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "Select",
+  ...__default__$4,
   props: {
     config: null,
     model: null,
@@ -2966,30 +3117,32 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       let items = [];
       const { config } = props;
       const { option } = config;
-      let { body } = option;
+      const { root = "", totalKey = "total" } = option;
+      let { body = {}, url } = option;
+      if (typeof url === "function") {
+        url = await url(mForm, { model: props.model, formValue: mForm?.values });
+      }
       let postOptions = {
         method: option.method || "POST",
-        url: option.url,
+        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;
+      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, {
@@ -3009,9 +3162,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           config: props.config
         });
       }
-      const optionsData = res[option.root];
-      if (res.total > 0) {
-        total.value = res.total;
+      const optionsData = root.split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res);
+      const resTotal = globalThis.parseInt(
+        totalKey.split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res),
+        10
+      );
+      if (resTotal > 0) {
+        total.value = resTotal;
       }
       remoteData.value = remoteData.value.concat(optionsData);
       if (optionsData) {
@@ -3060,6 +3217,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         return [];
       const { config } = props;
       const { option } = config;
+      const { root = "", initRoot = "" } = option;
+      let { initBody = {} } = option;
       let options2 = [];
       let url = option.initUrl;
       if (!url) {
@@ -3068,22 +3227,45 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       if (typeof url === "function") {
         url = await url(mForm, { model: props.model, formValue: mForm?.values });
       }
-      const postOptions = {
+      if (typeof initBody === "function") {
+        initBody = initBody(mForm, {
+          model: props.model,
+          formValue: mForm?.values,
+          formValues: mForm?.values,
+          config: props.config
+        });
+      }
+      let postOptions = {
         method: option.method || "POST",
         url,
         data: {
-          id: props.model[props.name]
+          id: props.model[props.name],
+          ...initBody
         },
         mode: option.mode,
         headers: option.headers || {},
         json: option.json || false
       };
+      if (typeof option.beforeInitRequest === "function") {
+        postOptions = option.beforeInitRequest(mForm, postOptions, {
+          model: props.model,
+          formValue: mForm?.values
+        });
+      }
       if (option.method?.toLocaleLowerCase() === "jsonp") {
         postOptions.jsonpCallback = option.jsonpCallback || "callback";
       }
       const requestFuc = getConfig("request");
-      const res = await requestFuc(postOptions);
-      let initData = res[option.root];
+      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
+        });
+      }
+      let initData = (initRoot || root).split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res);
       if (initData) {
         if (!Array.isArray(initData)) {
           initData = [initData];
@@ -3218,8 +3400,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$3 = defineComponent({
+  name: "MFormSwitch"
+});
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "Switch",
+  ...__default__$3,
   props: {
     config: null,
     model: null,
@@ -3272,8 +3457,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1 = { key: 0 };
+const __default__$2 = defineComponent({
+  name: "MFormText"
+});
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "Text",
+  ...__default__$2,
   props: {
     config: null,
     model: null,
@@ -3392,8 +3580,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__$1 = defineComponent({
+  name: "MFormTextarea"
+});
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "Textarea",
+  ...__default__$1,
   props: {
     config: null,
     model: null,
@@ -3432,8 +3623,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const __default__ = defineComponent({
+  name: "MFormTime"
+});
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Time",
+  ...__default__,
   props: {
     config: null,
     model: null,
@@ -3455,11 +3649,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(TMagicTimePicker), {
         modelValue: __props.model[__props.name],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        "value-format": __props.config.valueFormat || "HH:mm:ss",
+        format: __props.config.format || "HH:mm:ss",
         size: __props.size,
         placeholder: __props.config.placeholder,
         disabled: __props.disabled,
         onChange: changeHandler
-      }, null, 8, ["modelValue", "size", "placeholder", "disabled"]);
+      }, null, 8, ["modelValue", "value-format", "format", "size", "placeholder", "disabled"]);
     };
   }
 });
@@ -3504,5 +3700,5 @@ const index = {
   install
 };
 
-export { _sfc_main$l as MCascader, _sfc_main$k as MCheckbox, _sfc_main$j as MCheckboxGroup, _sfc_main$i as MColorPicker, _sfc_main$v as MContainer, _sfc_main$h as MDate, _sfc_main$f as MDateTime, _sfc_main$g as MDaterange, _sfc_main$e as MDisplay, _sfc_main$d as MDynamicField, _sfc_main$u as MFieldset, _sfc_main$b as MForm, _sfc_main$a as MFormDialog, _sfc_main$s as MGroupList, _sfc_main$c as MHidden, _sfc_main$9 as MLink, _sfc_main$8 as MNumber, _sfc_main$r as MPanel, _sfc_main$7 as MRadioGroup, _sfc_main$p as MRow, _sfc_main$4 as MSelect, _sfc_main$3 as MSwitch, _sfc_main$n as MTable, _sfc_main$m as MTabs, _sfc_main$2 as MText, _sfc_main$1 as MTextarea, _sfc_main as MTime, index as default, display, filterFunction, getRules, initValue, useAddField };
-//# sourceMappingURL=tmagic-form.mjs.map
+export { _sfc_main$l as MCascader, _sfc_main$k as MCheckbox, _sfc_main$j as MCheckboxGroup, _sfc_main$i as MColorPicker, _sfc_main$v as MContainer, _sfc_main$h as MDate, _sfc_main$f as MDateTime, _sfc_main$g as MDaterange, _sfc_main$e as MDisplay, _sfc_main$d as MDynamicField, _sfc_main$u as MFieldset, _sfc_main$b as MForm, _sfc_main$a as MFormDialog, _sfc_main$s as MGroupList, _sfc_main$c as MHidden, _sfc_main$9 as MLink, _sfc_main$8 as MNumber, _sfc_main$r as MPanel, _sfc_main$7 as MRadioGroup, _sfc_main$p as MRow, _sfc_main$4 as MSelect, _sfc_main$3 as MSwitch, _sfc_main$n as MTable, _sfc_main$m as MTabs, _sfc_main$2 as MText, _sfc_main$1 as MTextarea, _sfc_main as MTime, createValues, index as default, display, filterFunction, getRules, initValue, useAddField };
+//# sourceMappingURL=tmagic-form.js.map