@tmagic/form 1.1.6 → 1.2.0-beta.2

package/dist/tmagic-form.umd.js

@@ -323,7 +323,7 @@
   const _hoisted_2$7 = ["innerHTML"];
   const _hoisted_3$7 = ["innerHTML"];
   const _hoisted_4$6 = ["innerHTML"];
-  const _hoisted_5$5 = {
+  const _hoisted_5$4 = {
     key: 4,
     style: { "text-align": "center" }
   };
@@ -441,7 +441,7 @@
           }, null, 8, ["model", "config", "size", "step-active", "expand-more", "label-width", "prop", "onChange"]);
         }), 128)) : vue.createCommentVNode("", true)
       ], 64)) : vue.createCommentVNode("", true),
-      _ctx.config.expand && _ctx.type !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
+      _ctx.config.expand && _ctx.type !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
         vue.createVNode(_component_el_button, {
           text: "",
           onClick: _ctx.expandHandler
@@ -460,7 +460,7 @@
   const _hoisted_2$6 = ["innerHTML"];
   const _hoisted_3$6 = { key: 1 };
   const _hoisted_4$5 = ["innerHTML"];
-  const _hoisted_5$4 = ["innerHTML"];
+  const _hoisted_5$3 = ["innerHTML"];
   const _hoisted_6$2 = {
     key: 2,
     style: { "display": "flex" }
@@ -545,7 +545,7 @@
               key: 0,
               innerHTML: __props.config.extra,
               class: "m-form-tip"
-            }, null, 8, _hoisted_5$4)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_5$3)) : vue.createCommentVNode("", true)
           ])),
           __props.config.schematic && vue.unref(show) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
             vue.createElementVNode("div", _hoisted_7$2, [
@@ -869,7 +869,7 @@
     class: "el-table__empty-block"
   };
   const _hoisted_4$3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "\u6682\u65E0\u6570\u636E", -1);
-  const _hoisted_5$3 = [
+  const _hoisted_5$2 = [
     _hoisted_4$3
   ];
   const _hoisted_6$1 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0\u7EC4");
@@ -883,7 +883,7 @@
         innerHTML: _ctx.config.extra,
         style: { "color": "rgba(0, 0, 0, 0.45)" }
       }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
-      !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, _hoisted_5$3)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
+      !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, _hoisted_5$2)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
         return vue.openBlock(), vue.createBlock(_component_m_fields_group_list_item, {
           key: index,
           model: item,
@@ -964,7 +964,7 @@
     style: { "display": "flex" }
   };
   const _hoisted_4$2 = { style: { "flex": "1" } };
-  const _hoisted_5$2 = ["src"];
+  const _hoisted_5$1 = ["src"];
   function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_caret_bottom = vue.resolveComponent("caret-bottom");
     const _component_caret_right = vue.resolveComponent("caret-right");
@@ -1018,7 +1018,7 @@
             vue.createElementVNode("img", {
               class: "m-form-schematic",
               src: _ctx.config.schematic
-            }, null, 8, _hoisted_5$2)
+            }, null, 8, _hoisted_5$1)
           ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.items, (item, index) => {
             return vue.openBlock(), vue.createBlock(_component_m_form_container, {
               key: item[_ctx.mForm?.keyProp || "__key"] ?? index,
@@ -1604,7 +1604,7 @@
   const _hoisted_2$2 = { class: "el-form-item__content" };
   const _hoisted_3$2 = ["innerHTML"];
   const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0");
-  const _hoisted_5$1 = /* @__PURE__ */ vue.createTextVNode(" \xA0 ");
+  const _hoisted_5 = /* @__PURE__ */ vue.createTextVNode(" \xA0 ");
   const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("\u5C55\u5F00\u914D\u7F6E");
   const _hoisted_7 = /* @__PURE__ */ vue.createTextVNode("\u5BFC\u5165EXCEL");
   const _hoisted_8 = /* @__PURE__ */ vue.createTextVNode("\xA0 ");
@@ -1794,7 +1794,7 @@
           ]),
           _: 1
         })) : vue.createCommentVNode("", true),
-        _hoisted_5$1,
+        _hoisted_5,
         _ctx.enableToggleMode && !_ctx.isFullscreen ? (vue.openBlock(), vue.createBlock(_component_el_button, {
           key: 1,
           icon: _ctx.Grid,
@@ -3116,34 +3116,23 @@
         return options2;
       };
       if (typeof props.config.options === "function") {
-        vue.watch(
-          () => mForm?.values,
-          () => {
-            typeof props.config.options === "function" && Promise.resolve(
-              props.config.options(mForm, {
-                model: props.model,
-                prop: props.prop,
-                formValues: mForm?.values,
-                formValue: mForm?.values,
-                config: props.config
-              })
-            ).then((data) => {
-              options.value = data;
-            });
-          },
-          {
-            deep: true,
-            immediate: true
-          }
-        );
+        vue.watchEffect(() => {
+          typeof props.config.options === "function" && Promise.resolve(
+            props.config.options(mForm, {
+              model: props.model,
+              prop: props.prop,
+              formValues: mForm?.values,
+              formValue: mForm?.values,
+              config: props.config
+            })
+          ).then((data) => {
+            options.value = data;
+          });
+        });
       } else if (Array.isArray(props.config.options)) {
-        vue.watch(
-          () => props.config.options,
-          () => {
-            options.value = props.config.options;
-          },
-          { immediate: true }
-        );
+        vue.watchEffect(() => {
+          options.value = props.config.options;
+        });
       } else if (props.config.option) {
         vue.onBeforeMount(() => {
           if (!props.model)
@@ -3781,121 +3770,117 @@
     }
   });
 
-  const _hoisted_1 = { class: "m-form-dialog" };
-  const _hoisted_2 = { style: { "min-height": "1px" } };
-  const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("\u53D6 \u6D88");
-  const _hoisted_4 = /* @__PURE__ */ vue.createTextVNode("\u4E0A\u4E00\u6B65");
-  const _hoisted_5 = /* @__PURE__ */ vue.createTextVNode("\u4E0B\u4E00\u6B65");
+  const _hoisted_1 = { style: { "min-height": "1px" } };
+  const _hoisted_2 = /* @__PURE__ */ vue.createTextVNode("\u53D6 \u6D88");
+  const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("\u4E0A\u4E00\u6B65");
+  const _hoisted_4 = /* @__PURE__ */ vue.createTextVNode("\u4E0B\u4E00\u6B65");
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_m_form = vue.resolveComponent("m-form");
     const _component_el_col = vue.resolveComponent("el-col");
     const _component_el_button = vue.resolveComponent("el-button");
     const _component_el_row = vue.resolveComponent("el-row");
     const _component_el_dialog = vue.resolveComponent("el-dialog");
-    return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-      vue.withDirectives(vue.createElementVNode("div", _hoisted_1, [
-        vue.createVNode(_component_el_dialog, {
-          modelValue: _ctx.dialogVisible,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.dialogVisible = $event),
-          top: "20px",
-          title: _ctx.title,
-          width: _ctx.width,
-          fullscreen: _ctx.fullscreen,
-          "close-on-click-modal": false,
-          onClose: _ctx.closeHandler
-        }, {
-          footer: vue.withCtx(() => [
-            vue.createVNode(_component_el_row, { class: "dialog-footer" }, {
+    return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+      modelValue: _ctx.dialogVisible,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.dialogVisible = $event),
+      class: "m-form-dialog",
+      top: "20px",
+      "append-to-body": "",
+      title: _ctx.title,
+      width: _ctx.width,
+      fullscreen: _ctx.fullscreen,
+      "close-on-click-modal": false,
+      onClose: _ctx.closeHandler
+    }, {
+      footer: vue.withCtx(() => [
+        vue.createVNode(_component_el_row, { class: "dialog-footer" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_col, {
+              span: 12,
+              style: { "text-align": "left" }
+            }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_el_col, {
-                  span: 12,
-                  style: { "text-align": "left" }
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_2, [
-                      vue.renderSlot(_ctx.$slots, "left")
-                    ])
-                  ]),
-                  _: 3
-                }),
-                vue.createVNode(_component_el_col, { span: 12 }, {
-                  default: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "footer", {}, () => [
-                      vue.createVNode(_component_el_button, {
-                        onClick: _ctx.cancel,
-                        size: "small"
-                      }, {
-                        default: vue.withCtx(() => [
-                          _hoisted_3
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"]),
-                      _ctx.hasStep && _ctx.stepActive > 1 ? (vue.openBlock(), vue.createBlock(_component_el_button, {
-                        key: 0,
-                        type: "info",
-                        size: "small",
-                        onClick: _ctx.preStep
-                      }, {
-                        default: vue.withCtx(() => [
-                          _hoisted_4
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"])) : vue.createCommentVNode("", true),
-                      _ctx.hasStep && _ctx.stepCount > _ctx.stepActive ? (vue.openBlock(), vue.createBlock(_component_el_button, {
-                        key: 1,
-                        type: "info",
-                        size: "small",
-                        onClick: _ctx.nextStep
-                      }, {
-                        default: vue.withCtx(() => [
-                          _hoisted_5
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_button, {
-                        key: 2,
-                        type: "primary",
-                        size: "small",
-                        loading: _ctx.saveFetch,
-                        onClick: _ctx.save
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["loading", "onClick"]))
-                    ])
-                  ]),
-                  _: 3
-                })
+                vue.createElementVNode("div", _hoisted_1, [
+                  vue.renderSlot(_ctx.$slots, "left")
+                ])
+              ]),
+              _: 3
+            }),
+            vue.createVNode(_component_el_col, { span: 12 }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                  vue.createVNode(_component_el_button, {
+                    onClick: _ctx.cancel,
+                    size: "small"
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_2
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  _ctx.hasStep && _ctx.stepActive > 1 ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                    key: 0,
+                    type: "info",
+                    size: "small",
+                    onClick: _ctx.preStep
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_3
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : vue.createCommentVNode("", true),
+                  _ctx.hasStep && _ctx.stepCount > _ctx.stepActive ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                    key: 1,
+                    type: "info",
+                    size: "small",
+                    onClick: _ctx.nextStep
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_4
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_button, {
+                    key: 2,
+                    type: "primary",
+                    size: "small",
+                    loading: _ctx.saveFetch,
+                    onClick: _ctx.save
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "onClick"]))
+                ])
               ]),
               _: 3
             })
           ]),
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: "m-dialog-body",
-              style: vue.normalizeStyle(`max-height: ${_ctx.bodyHeight}; overflow-y: auto; overflow-x: hidden;`)
-            }, [
-              vue.createVNode(_component_m_form, {
-                modelValue: _ctx.stepActive,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.stepActive = $event),
-                ref: "form",
-                size: _ctx.size,
-                config: _ctx.config,
-                "init-values": _ctx.values,
-                "parent-values": _ctx.parentValues,
-                "label-width": _ctx.labelWidth,
-                onChange: _ctx.changeHandler
-              }, null, 8, ["modelValue", "size", "config", "init-values", "parent-values", "label-width", "onChange"]),
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 4)
-          ]),
           _: 3
-        }, 8, ["modelValue", "title", "width", "fullscreen", "onClose"])
-      ], 512), [
-        [vue.vShow, _ctx.dialogVisible]
-      ])
-    ]);
+        })
+      ]),
+      default: vue.withCtx(() => [
+        _ctx.dialogVisible ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "m-dialog-body",
+          style: vue.normalizeStyle(`max-height: ${_ctx.bodyHeight}; overflow-y: auto; overflow-x: hidden;`)
+        }, [
+          vue.createVNode(_component_m_form, {
+            modelValue: _ctx.stepActive,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.stepActive = $event),
+            ref: "form",
+            size: _ctx.size,
+            config: _ctx.config,
+            "init-values": _ctx.values,
+            "parent-values": _ctx.parentValues,
+            "label-width": _ctx.labelWidth,
+            onChange: _ctx.changeHandler
+          }, null, 8, ["modelValue", "size", "config", "init-values", "parent-values", "label-width", "onChange"]),
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 4)) : vue.createCommentVNode("", true)
+      ]),
+      _: 3
+    }, 8, ["modelValue", "title", "width", "fullscreen", "onClose"]);
   }
   const FormDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);