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

package/dist/tmagic-form.umd.js

@@ -176,7 +176,7 @@
     return target;
   };
 
-  const _sfc_main$s = vue.defineComponent({
+  const _sfc_main$t = vue.defineComponent({
     name: "m-form-container",
     components: { WarningFilled: icons.WarningFilled },
     props: {
@@ -306,7 +306,7 @@
       };
     }
   });
-  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"];
@@ -314,7 +314,7 @@
     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 = vue.resolveComponent("m-fields-hidden");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_form_item = vue.resolveComponent("el-form-item");
@@ -355,7 +355,7 @@
           label: vue.withCtx(() => [
             vue.createElementVNode("span", {
               innerHTML: _ctx.type === "checkbox" ? "" : _ctx.config.text
-            }, null, 8, _hoisted_1$g)
+            }, null, 8, _hoisted_1$f)
           ]),
           default: vue.withCtx(() => [
             _ctx.tooltip ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, { key: 0 }, {
@@ -440,9 +440,9 @@
       ])) : vue.createCommentVNode("", true)
     ], 6)) : vue.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 = vue.defineComponent({
+  const _sfc_main$s = vue.defineComponent({
     name: "m-form-fieldset",
     props: {
       labelWidth: String,
@@ -494,7 +494,7 @@
       };
     }
   });
-  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"];
@@ -508,7 +508,7 @@
   };
   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 = vue.resolveComponent("el-checkbox");
     const _component_m_form_container = vue.resolveComponent("m-form-container");
     return (_ctx.name ? _ctx.model[_ctx.name] : _ctx.model) ? (vue.openBlock(), vue.createElementBlock("fieldset", {
@@ -528,7 +528,7 @@
         default: vue.withCtx(() => [
           vue.createElementVNode("span", {
             innerHTML: _ctx.config.legend
-          }, null, 8, _hoisted_1$f),
+          }, null, 8, _hoisted_1$e),
           _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             innerHTML: _ctx.config.extra,
@@ -600,9 +600,9 @@
       }), 128)) : vue.createCommentVNode("", true)
     ], 4)) : vue.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 = vue.defineComponent({
+  const _sfc_main$r = vue.defineComponent({
     name: "m-form-group-list-item",
     components: { CaretRight: icons.CaretRight, CaretBottom: icons.CaretBottom },
     props: {
@@ -686,11 +686,11 @@
       };
     }
   });
-  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__ */ vue.createTextVNode("\u4E0A\u79FB");
   const _hoisted_3$5 = /* @__PURE__ */ vue.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 = vue.resolveComponent("caret-bottom");
     const _component_caret_right = vue.resolveComponent("caret-right");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -698,7 +698,7 @@
     const _component_CaretRight = vue.resolveComponent("CaretRight");
     const _component_CaretBottom = vue.resolveComponent("CaretBottom");
     const _component_m_form_container = vue.resolveComponent("m-form-container");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
       vue.createElementVNode("div", null, [
         vue.createVNode(_component_el_icon, {
           style: { "margin-right": "7px" },
@@ -781,9 +781,9 @@
       }, null, 8, ["config", "model", "labelWidth", "prop", "size", "onChange"])) : vue.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 = vue.defineComponent({
+  const _sfc_main$q = vue.defineComponent({
     name: "m-form-group-list",
     components: { MFieldsGroupListItem },
     props: {
@@ -875,7 +875,7 @@
       };
     }
   });
-  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,
@@ -887,10 +887,10 @@
   ];
   const _hoisted_6$1 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0\u7EC4");
   const _hoisted_7$1 = /* @__PURE__ */ vue.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 = vue.resolveComponent("m-fields-group-list-item");
     const _component_el_button = vue.resolveComponent("el-button");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
       _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         innerHTML: _ctx.config.extra,
@@ -934,9 +934,9 @@
       }, 8, ["onClick"])) : vue.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 = vue.defineComponent({
+  const _sfc_main$p = vue.defineComponent({
     name: "m-form-panel",
     components: { CaretBottom: icons.CaretBottom, CaretRight: icons.CaretRight },
     props: {
@@ -969,7 +969,7 @@
       };
     }
   });
-  const _hoisted_1$c = { class: "clearfix" };
+  const _hoisted_1$b = { class: "clearfix" };
   const _hoisted_2$3 = ["innerHTML"];
   const _hoisted_3$3 = {
     key: 0,
@@ -977,7 +977,7 @@
   };
   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 = vue.resolveComponent("caret-bottom");
     const _component_caret_right = vue.resolveComponent("caret-right");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -989,7 +989,7 @@
       "body-style": { display: _ctx.expand ? "block" : "none" }
     }, {
       header: vue.withCtx(() => [
-        vue.createElementVNode("div", _hoisted_1$c, [
+        vue.createElementVNode("div", _hoisted_1$b, [
           vue.createElementVNode("a", {
             href: "javascript:",
             style: { "width": "100%", "display": "block" },
@@ -1047,10 +1047,60 @@
       _: 3
     }, 8, ["body-style"])) : vue.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 = vue.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 = vue.inject("mForm");
+      const changeHandler = () => emit("change", props.model);
+      return {
+        mForm,
+        display: vue.computed(() => display(mForm, props.config.display, props)),
+        changeHandler
+      };
+    }
+  });
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_m_form_container = vue.resolveComponent("m-form-container");
+    const _component_el_col = vue.resolveComponent("el-col");
+    return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_col, { span: _ctx.span }, {
+      default: vue.withCtx(() => [
+        vue.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"])), [
+      [vue.vShow, _ctx.display && _ctx.config.type !== "hidden"]
+    ]);
+  }
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$l]]);
 
   const _sfc_main$n = vue.defineComponent({
     name: "m-form-row",
+    components: { Col },
     props: {
       labelWidth: String,
       expandMore: Boolean,
@@ -1072,38 +1122,27 @@
       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 = vue.resolveComponent("m-form-container");
-    const _component_el_col = vue.resolveComponent("el-col");
+    const _component_Col = vue.resolveComponent("Col");
     const _component_el_row = vue.resolveComponent("el-row");
     return vue.openBlock(), vue.createBlock(_component_el_row, { gutter: 10 }, {
       default: vue.withCtx(() => [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (col, index) => {
-          return vue.openBlock(), vue.createBlock(_component_el_col, {
-            style: vue.normalizeStyle(!_ctx.display(col) || col.type === "hidden" ? "display: none" : ""),
+          return vue.openBlock(), vue.createBlock(_component_Col, {
             key: col[_ctx.mForm?.keyProp || "__key"] ?? index,
-            span: col.span || _ctx.config.span || 24 / _ctx.config.items.length
-          }, {
-            default: vue.withCtx(() => [
-              vue.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
@@ -1562,7 +1601,7 @@
       };
     }
   });
-  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__ */ vue.createTextVNode("\u6DFB\u52A0");
@@ -1591,7 +1630,7 @@
         key: 0,
         style: { "color": "rgba(0, 0, 0, 0.45)" },
         innerHTML: _ctx.config.extra
-      }, null, 8, _hoisted_1$b)) : vue.createCommentVNode("", true),
+      }, null, 8, _hoisted_1$a)) : vue.createCommentVNode("", true),
       vue.createElementVNode("div", _hoisted_2$2, [
         vue.createVNode(_component_el_tooltip, {
           content: "\u62D6\u62FD\u53EF\u6392\u5E8F",
@@ -2113,13 +2152,13 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
       vue.createVNode(_component_el_cascader, {
         modelValue: _ctx.model[_ctx.name],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2159,7 +2198,7 @@
           } else {
             return props.config.activeValue;
           }
-          return "true";
+          return void 0;
         }),
         inactiveValue: vue.computed(() => {
           if (typeof props.config.inactiveValue === "undefined") {
@@ -2169,7 +2208,7 @@
           } else {
             return props.config.inactiveValue;
           }
-          return "false";
+          return void 0;
         }),
         changeHandler(value) {
           emit("change", value);
@@ -2242,7 +2281,7 @@
   }
   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 = vue.defineComponent({
     name: "m-fields-color-picker"
   });
@@ -2262,7 +2301,7 @@
       const changeHandler = (value) => emit("change", value);
       return (_ctx, _cache) => {
         const _component_el_color_picker = vue.resolveComponent("el-color-picker");
-        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
           vue.createVNode(_component_el_color_picker, {
             modelValue: _ctx.model[_ctx.name],
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2298,10 +2337,10 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-date-picker");
-    return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+    return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
       vue.createVNode(_component_el_date_picker, {
         modelValue: _ctx.model[_ctx.modelName],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.modelName] = $event),
@@ -2405,10 +2444,10 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-date-picker");
-    return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+    return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
       vue.createVNode(_component_el_date_picker, {
         modelValue: _ctx.model[_ctx.name],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2425,7 +2464,7 @@
   }
   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 = vue.defineComponent({
     name: "m-fields-display"
   });
@@ -2446,7 +2485,7 @@
       }
       useAddField(props.prop);
       return (_ctx, _cache) => {
-        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, vue.toDisplayString(_ctx.model[vue.unref(n)]), 1)) : vue.createCommentVNode("", true);
+        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$5, vue.toDisplayString(_ctx.model[vue.unref(n)]), 1)) : vue.createCommentVNode("", true);
       };
     }
   });
@@ -2516,12 +2555,12 @@
       }
     }
   });
-  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 = vue.resolveComponent("el-input");
     const _component_el_form_item = vue.resolveComponent("el-form-item");
     const _component_el_form = vue.resolveComponent("el-form");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
       vue.createVNode(_component_el_form, { size: "small" }, {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(_ctx.fieldMap.value), (key) => {
@@ -2643,7 +2682,7 @@
       };
     }
   });
-  const _hoisted_1$4 = ["href"];
+  const _hoisted_1$3 = ["href"];
   const _hoisted_2$1 = {
     key: 2,
     class: "m-fields-link"
@@ -2657,7 +2696,7 @@
       target: "_blank",
       href: _ctx.href,
       style: vue.normalizeStyle(_ctx.config.css || {})
-    }, vue.toDisplayString(_ctx.displayText), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
+    }, vue.toDisplayString(_ctx.displayText), 13, _hoisted_1$3)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
       key: 1,
       style: vue.normalizeStyle(_ctx.config.disabledCss || {})
     }, vue.toDisplayString(_ctx.displayText), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
@@ -3043,7 +3082,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-option");
     const _component_el_option_group = vue.resolveComponent("el-option-group");
@@ -3096,7 +3135,7 @@
             disabled: option.disabled
           }, null, 8, ["label", "value", "disabled"]);
         }), 128)),
-        _ctx.moreLoadingVisible ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, null, 512)), [
+        _ctx.moreLoadingVisible ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, null, 512)), [
           [_directive_loading, true]
         ]) : vue.createCommentVNode("", true)
       ]),
@@ -3249,7 +3288,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-button");
     const _component_el_input = vue.resolveComponent("el-input");
@@ -3267,7 +3306,7 @@
       _ctx.config.append ? {
         name: "append",
         fn: vue.withCtx(() => [
-          typeof _ctx.config.append === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, vue.toDisplayString(_ctx.config.append), 1)) : vue.createCommentVNode("", true),
+          typeof _ctx.config.append === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, vue.toDisplayString(_ctx.config.append), 1)) : vue.createCommentVNode("", true),
           typeof _ctx.config.append === "object" && _ctx.config.append.type === "button" ? (vue.openBlock(), vue.createBlock(_component_el_button, {
             key: 1,
             style: { "color": "#409eff" },
@@ -3317,22 +3356,19 @@
       };
     }
   });
-  const _hoisted_1$1 = { key: 0 };
   function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_input = vue.resolveComponent("el-input");
-    return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-      vue.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"])
-    ])) : vue.createCommentVNode("", true);
+    return vue.openBlock(), vue.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]]);
 
@@ -3480,7 +3516,7 @@
         submitForm: async (native) => {
           try {
             await elForm.value?.validate();
-            return native ? values.value : lodashEs.cloneDeep(values.value);
+            return native ? values.value : lodashEs.cloneDeep(vue.toRaw(values.value));
           } catch (invalidFields) {
             const error = [];
             Object.entries(invalidFields).forEach(([, ValidateError]) => {