@tmagic/form 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/tmagic-form.umd.js

@@ -1818,6 +1818,7 @@
   };
   const tabClickHandler = (mForm, tab, props) => {
     const { config, model, prop } = props;
+    tab.name = tab.paneName;
     if (typeof config.onTabClick === "function") {
       config.onTabClick(mForm, tab, { model, formValue: mForm?.values, prop });
     }
@@ -3358,7 +3359,6 @@
 
   const _sfc_main$1 = vue.defineComponent({
     name: "m-form",
-    components: { ElForm: elementPlus.ElForm, MContainer: Container },
     props: {
       initValues: {
         type: Object,
@@ -3391,8 +3391,7 @@
         default: () => 1
       },
       size: {
-        type: String,
-        default: "small"
+        type: String
       },
       inline: {
         type: Boolean,
@@ -3435,8 +3434,10 @@
         }
       });
       vue.provide("mForm", formState);
-      vue.watchEffect(() => {
-        initialized.value = false;
+      vue.watch([() => props.config, () => props.initValues], ([config], [preConfig]) => {
+        if (!lodashEs.isEqual(vue.toRaw(config), vue.toRaw(preConfig))) {
+          initialized.value = false;
+        }
         initValue(formState, {
           initValues: props.initValues,
           config: props.config
@@ -3444,7 +3445,7 @@
           values.value = value;
           initialized.value = true;
         });
-      });
+      }, { immediate: true });
       return {
         initialized,
         values,
@@ -3477,10 +3478,9 @@
     }
   });
   function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_MContainer = vue.resolveComponent("MContainer");
-    const _component_ElForm = vue.resolveComponent("ElForm");
-    return _ctx.initialized && Array.isArray(_ctx.config) ? (vue.openBlock(), vue.createBlock(_component_ElForm, {
-      key: 0,
+    const _component_m_form_container = vue.resolveComponent("m-form-container");
+    const _component_el_form = vue.resolveComponent("el-form");
+    return vue.openBlock(), vue.createBlock(_component_el_form, {
       class: "m-form",
       ref: "elForm",
       model: _ctx.values,
@@ -3491,8 +3491,8 @@
       "label-position": _ctx.labelPosition
     }, {
       default: vue.withCtx(() => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_component_MContainer, {
+        _ctx.initialized && Array.isArray(_ctx.config) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.config, (item, index) => {
+          return vue.openBlock(), vue.createBlock(_component_m_form_container, {
             key: item[_ctx.keyProp] ?? index,
             config: item,
             model: _ctx.values,
@@ -3501,10 +3501,10 @@
             size: _ctx.size,
             onChange: _ctx.changeHandler
           }, null, 8, ["config", "model", "label-width", "step-active", "size", "onChange"]);
-        }), 128))
+        }), 128)) : vue.createCommentVNode("", true)
       ]),
       _: 1
-    }, 8, ["model", "label-width", "disabled", "style", "inline", "label-position"])) : vue.createCommentVNode("", true);
+    }, 8, ["model", "label-width", "disabled", "style", "inline", "label-position"]);
   }
   var Form = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 
@@ -3524,6 +3524,7 @@
         default: () => []
       },
       labelWidth: [Number, String],
+      size: String,
       confirmText: {
         type: String,
         default: "\u786E\u5B9A"
@@ -3694,11 +3695,12 @@
               modelValue: _ctx.stepActive,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.stepActive = $event),
               ref: "form",
+              size: _ctx.size,
               config: _ctx.config,
               "init-values": _ctx.values,
               "label-width": _ctx.labelWidth,
               onChange: _ctx.changeHandler
-            }, null, 8, ["modelValue", "config", "init-values", "label-width", "onChange"]),
+            }, null, 8, ["modelValue", "size", "config", "init-values", "label-width", "onChange"]),
             vue.renderSlot(_ctx.$slots, "default")
           ], 4)
         ]),