@tmagic/form 1.0.0-beta.11 → 1.0.0-beta.14

package/dist/style.css

@@ -48,7 +48,7 @@ div.m-fields-link {
 
 fieldset.m-fieldset {
   position: relative;
-  border: 1px solid #e5e5e5;
+  border: 1px solid rgb(229, 229, 229);
   margin-top: 10px;
   margin-bottom: 10px;
   min-inline-size: auto;
@@ -59,7 +59,7 @@ fieldset.m-fieldset legend {
   border: 0;
   top: -10px;
   left: 20px;
-  background: white;
+  background: rgb(255, 255, 255);
   width: auto;
   padding: 0px 3px;
   font-weight: bold;

package/dist/tmagic-form.es.js

@@ -59,7 +59,11 @@ const initValueItem = function(mForm, item, initValue2, value) {
   asyncLoadConfig(value, initValue2, item);
   if (name && !items && typeof initValue2[name] !== "undefined") {
     if (typeof value[name] === "undefined") {
-      value[name] = typeof initValue2[name] === "object" ? cloneDeep(initValue2[name]) : initValue2[name];
+      if (type === "number") {
+        value[name] = Number(initValue2[name]);
+      } else {
+        value[name] = typeof initValue2[name] === "object" ? cloneDeep(initValue2[name]) : initValue2[name];
+      }
     }
     return value;
   }
@@ -169,7 +173,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$s = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "m-form-container",
   components: { WarningFilled },
   props: {
@@ -299,7 +303,7 @@ const _sfc_main$s = defineComponent({
     };
   }
 });
-const _hoisted_1$g = ["innerHTML"];
+const _hoisted_1$f = ["innerHTML"];
 const _hoisted_2$7 = ["innerHTML"];
 const _hoisted_3$7 = ["innerHTML"];
 const _hoisted_4$6 = ["innerHTML"];
@@ -307,7 +311,7 @@ const _hoisted_5$4 = {
   key: 4,
   style: { "text-align": "center" }
 };
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_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");
@@ -348,7 +352,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
         label: withCtx(() => [
           createElementVNode("span", {
             innerHTML: _ctx.type === "checkbox" ? "" : _ctx.config.text
-          }, null, 8, _hoisted_1$g)
+          }, null, 8, _hoisted_1$f)
         ]),
         default: withCtx(() => [
           _ctx.tooltip ? (openBlock(), createBlock(_component_el_tooltip, { key: 0 }, {
@@ -433,9 +437,9 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 6)) : createCommentVNode("", true);
 }
-var Container = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$p]]);
+var Container = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$q]]);
 
-const _sfc_main$r = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "m-form-fieldset",
   props: {
     labelWidth: String,
@@ -487,7 +491,7 @@ const _sfc_main$r = defineComponent({
     };
   }
 });
-const _hoisted_1$f = ["innerHTML"];
+const _hoisted_1$e = ["innerHTML"];
 const _hoisted_2$6 = ["innerHTML"];
 const _hoisted_3$6 = { key: 1 };
 const _hoisted_4$5 = ["innerHTML"];
@@ -501,7 +505,7 @@ const _hoisted_9$1 = {
 };
 const _hoisted_10$1 = { style: { "flex": "1" } };
 const _hoisted_11 = ["src"];
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_m_form_container = resolveComponent("m-form-container");
   return (_ctx.name ? _ctx.model[_ctx.name] : _ctx.model) ? (openBlock(), createElementBlock("fieldset", {
@@ -521,7 +525,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createElementVNode("span", {
           innerHTML: _ctx.config.legend
-        }, null, 8, _hoisted_1$f),
+        }, null, 8, _hoisted_1$e),
         _ctx.config.extra ? (openBlock(), createElementBlock("span", {
           key: 0,
           innerHTML: _ctx.config.extra,
@@ -593,9 +597,9 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128)) : createCommentVNode("", true)
   ], 4)) : createCommentVNode("", true);
 }
-var Fieldset = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$o]]);
+var Fieldset = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$p]]);
 
-const _sfc_main$q = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "m-form-group-list-item",
   components: { CaretRight, CaretBottom },
   props: {
@@ -679,11 +683,11 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "m-fields-group-list-item" };
+const _hoisted_1$d = { 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) {
+function _sfc_render$o(_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");
@@ -691,7 +695,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CaretRight = resolveComponent("CaretRight");
   const _component_CaretBottom = resolveComponent("CaretBottom");
   const _component_m_form_container = resolveComponent("m-form-container");
-  return openBlock(), createElementBlock("div", _hoisted_1$e, [
+  return openBlock(), createElementBlock("div", _hoisted_1$d, [
     createElementVNode("div", null, [
       createVNode(_component_el_icon, {
         style: { "margin-right": "7px" },
@@ -774,9 +778,9 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["config", "model", "labelWidth", "prop", "size", "onChange"])) : createCommentVNode("", true)
   ]);
 }
-var MFieldsGroupListItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$n]]);
+var MFieldsGroupListItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$o]]);
 
-const _sfc_main$p = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "m-form-group-list",
   components: { MFieldsGroupListItem },
   props: {
@@ -868,7 +872,7 @@ const _sfc_main$p = defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "m-fields-group-list" };
+const _hoisted_1$c = { class: "m-fields-group-list" };
 const _hoisted_2$4 = ["innerHTML"];
 const _hoisted_3$4 = {
   key: 1,
@@ -880,10 +884,10 @@ const _hoisted_5$2 = [
 ];
 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) {
+function _sfc_render$n(_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$d, [
+  return openBlock(), createElementBlock("div", _hoisted_1$c, [
     _ctx.config.extra ? (openBlock(), createElementBlock("div", {
       key: 0,
       innerHTML: _ctx.config.extra,
@@ -927,9 +931,9 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onClick"])) : createCommentVNode("", true)
   ]);
 }
-var GroupList = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$m]]);
+var GroupList = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$n]]);
 
-const _sfc_main$o = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "m-form-panel",
   components: { CaretBottom, CaretRight },
   props: {
@@ -962,7 +966,7 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "clearfix" };
+const _hoisted_1$b = { class: "clearfix" };
 const _hoisted_2$3 = ["innerHTML"];
 const _hoisted_3$3 = {
   key: 0,
@@ -970,7 +974,7 @@ const _hoisted_3$3 = {
 };
 const _hoisted_4$2 = { style: { "flex": "1" } };
 const _hoisted_5$1 = ["src"];
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_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");
@@ -982,7 +986,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     "body-style": { display: _ctx.expand ? "block" : "none" }
   }, {
     header: withCtx(() => [
-      createElementVNode("div", _hoisted_1$c, [
+      createElementVNode("div", _hoisted_1$b, [
         createElementVNode("a", {
           href: "javascript:",
           style: { "width": "100%", "display": "block" },
@@ -1040,10 +1044,60 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["body-style"])) : createCommentVNode("", true);
 }
-var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$l]]);
+var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$m]]);
+
+const _sfc_main$o = 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$l(_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"]
+  ]);
+}
+var Col = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$l]]);
 
 const _sfc_main$n = defineComponent({
   name: "m-form-row",
+  components: { Col },
   props: {
     labelWidth: String,
     expandMore: Boolean,
@@ -1065,38 +1119,27 @@ const _sfc_main$n = defineComponent({
     const changeHandler = () => emit("change", props.name ? props.model[props.name] : props.model);
     return {
       mForm,
-      display(config) {
-        return display(mForm, 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");
+  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_el_col, {
-          style: normalizeStyle(!_ctx.display(col) || col.type === "hidden" ? "display: none" : ""),
+        return openBlock(), createBlock(_component_Col, {
           key: col[_ctx.mForm?.keyProp || "__key"] ?? index,
-          span: col.span || _ctx.config.span || 24 / _ctx.config.items.length
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_m_form_container, {
-              model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-              config: col,
-              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"])
-          ]),
-          _: 2
-        }, 1032, ["style", "span"]);
+          span: _ctx.config.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
@@ -1555,7 +1598,7 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["innerHTML"];
+const _hoisted_1$a = ["innerHTML"];
 const _hoisted_2$2 = { class: "el-form-item__content" };
 const _hoisted_3$2 = ["innerHTML"];
 const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("\u6DFB\u52A0");
@@ -1584,7 +1627,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       style: { "color": "rgba(0, 0, 0, 0.45)" },
       innerHTML: _ctx.config.extra
-    }, null, 8, _hoisted_1$b)) : createCommentVNode("", true),
+    }, null, 8, _hoisted_1$a)) : createCommentVNode("", true),
     createElementVNode("div", _hoisted_2$2, [
       createVNode(_component_el_tooltip, {
         content: "\u62D6\u62FD\u53EF\u6392\u5E8F",
@@ -2106,13 +2149,13 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$9 = {
   class: "m-cascader",
   style: { "width": "100%" }
 };
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader = resolveComponent("el-cascader");
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
+  return openBlock(), createElementBlock("div", _hoisted_1$9, [
     createVNode(_component_el_cascader, {
       modelValue: _ctx.model[_ctx.name],
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2152,7 +2195,7 @@ const _sfc_main$i = defineComponent({
         } else {
           return props.config.activeValue;
         }
-        return "true";
+        return void 0;
       }),
       inactiveValue: computed(() => {
         if (typeof props.config.inactiveValue === "undefined") {
@@ -2162,7 +2205,7 @@ const _sfc_main$i = defineComponent({
         } else {
           return props.config.inactiveValue;
         }
-        return "false";
+        return void 0;
       }),
       changeHandler(value) {
         emit("change", value);
@@ -2235,7 +2278,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$e]]);
 
-const _hoisted_1$9 = { key: 0 };
+const _hoisted_1$8 = { key: 0 };
 const __default__$2 = defineComponent({
   name: "m-fields-color-picker"
 });
@@ -2255,7 +2298,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const changeHandler = (value) => emit("change", value);
     return (_ctx, _cache) => {
       const _component_el_color_picker = resolveComponent("el-color-picker");
-      return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(_component_el_color_picker, {
           modelValue: _ctx.model[_ctx.name],
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2291,10 +2334,10 @@ const _sfc_main$f = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { key: 0 };
+const _hoisted_1$7 = { key: 0 };
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker = resolveComponent("el-date-picker");
-  return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+  return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
     createVNode(_component_el_date_picker, {
       modelValue: _ctx.model[_ctx.modelName],
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.modelName] = $event),
@@ -2398,10 +2441,10 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { key: 0 };
+const _hoisted_1$6 = { key: 0 };
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker = resolveComponent("el-date-picker");
-  return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+  return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
     createVNode(_component_el_date_picker, {
       modelValue: _ctx.model[_ctx.name],
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2418,7 +2461,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var DateTime = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
 
-const _hoisted_1$6 = { key: 0 };
+const _hoisted_1$5 = { key: 0 };
 const __default__$1 = defineComponent({
   name: "m-fields-display"
 });
@@ -2439,7 +2482,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     }
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return _ctx.model ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(_ctx.model[unref(n)]), 1)) : createCommentVNode("", true);
+      return _ctx.model ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(_ctx.model[unref(n)]), 1)) : createCommentVNode("", true);
     };
   }
 });
@@ -2509,12 +2552,12 @@ const _sfc_main$b = defineComponent({
     }
   }
 });
-const _hoisted_1$5 = { class: "m-fields-dynamic-field" };
+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$5, [
+  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) => {
@@ -2636,7 +2679,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["href"];
+const _hoisted_1$3 = ["href"];
 const _hoisted_2$1 = {
   key: 2,
   class: "m-fields-link"
@@ -2650,7 +2693,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     target: "_blank",
     href: _ctx.href,
     style: normalizeStyle(_ctx.config.css || {})
-  }, toDisplayString(_ctx.displayText), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
+  }, 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, [
@@ -3002,8 +3045,6 @@ const _sfc_main$6 = defineComponent({
       getRequestFuc() {
         return getConfig("request");
       },
-      async getInitOption() {
-      },
       changeHandler(value) {
         emit("change", value);
       },
@@ -3038,7 +3079,7 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { key: 2 };
+const _hoisted_1$2 = { key: 2 };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_option = resolveComponent("el-option");
   const _component_el_option_group = resolveComponent("el-option-group");
@@ -3060,7 +3101,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     "value-key": _ctx.config.valueKey || "value",
     "allow-create": _ctx.config.allowCreate,
     disabled: _ctx.disabled,
-    "remote-method": _ctx.remoteMethod,
+    "remote-method": _ctx.config.remote && _ctx.remoteMethod,
     onChange: _ctx.changeHandler,
     onVisibleChange: _ctx.visibleHandler
   }, {
@@ -3091,7 +3132,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: option.disabled
         }, null, 8, ["label", "value", "disabled"]);
       }), 128)),
-      _ctx.moreLoadingVisible ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$3, null, 512)), [
+      _ctx.moreLoadingVisible ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, null, 512)), [
         [_directive_loading, true]
       ]) : createCommentVNode("", true)
     ]),
@@ -3168,6 +3209,7 @@ const _sfc_main$4 = defineComponent({
   },
   emits: ["change", "input"],
   setup(props, { emit }) {
+    const mForm = inject("mForm");
     useAddField(props.prop);
     const modelName = computed(() => props.name || props.config.name || "");
     return {
@@ -3176,12 +3218,10 @@ const _sfc_main$4 = defineComponent({
         emit("change", v);
       },
       inputHandler(v) {
-        const mForm = inject("mForm");
         emit("input", v);
         mForm?.$emit("field-input", props.prop, v);
       },
       buttonClickHandler() {
-        const mForm = inject("mForm");
         if (typeof props.config.append === "string")
           return;
         if (props.config.append?.handler) {
@@ -3245,7 +3285,7 @@ const _sfc_main$4 = defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { key: 0 };
+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");
@@ -3263,17 +3303,18 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.config.append ? {
       name: "append",
       fn: withCtx(() => [
-        typeof _ctx.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(_ctx.config.append), 1)) : createCommentVNode("", true),
+        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, ["onClick"])) : createCommentVNode("", true)
+        }, 8, ["size", "onClick"])) : createCommentVNode("", true)
       ])
     } : void 0
   ]), 1032, ["modelValue", "size", "placeholder", "disabled", "onChange", "onInput"]);
@@ -3312,22 +3353,19 @@ const _sfc_main$3 = defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { key: 0 };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = resolveComponent("el-input");
-  return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-    createVNode(_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"])
-  ])) : createCommentVNode("", true);
+  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"]);
 }
 var Textarea = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
 
@@ -3475,7 +3513,7 @@ const _sfc_main$1 = defineComponent({
       submitForm: async (native) => {
         try {
           await elForm.value?.validate();
-          return native ? values.value : cloneDeep(values.value);
+          return native ? values.value : cloneDeep(toRaw(values.value));
         } catch (invalidFields) {
           const error = [];
           Object.entries(invalidFields).forEach(([, ValidateError]) => {