@tmagic/form 1.3.4 → 1.3.6

package/dist/tmagic-form.umd.cjs

@@ -165,7 +165,7 @@
     return valuesTmp || {};
   };
 
-  const _hoisted_1$e = ["innerHTML"];
+  const _hoisted_1$e = ["id"];
   const _hoisted_2$8 = ["innerHTML"];
   const _hoisted_3$4 = ["innerHTML"];
   const _hoisted_4$4 = ["innerHTML"];
@@ -177,7 +177,8 @@
   const _hoisted_10 = ["innerHTML"];
   const _hoisted_11 = ["innerHTML"];
   const _hoisted_12 = ["innerHTML"];
-  const _hoisted_13 = {
+  const _hoisted_13 = ["innerHTML"];
+  const _hoisted_14 = {
     key: 5,
     style: { "text-align": "center" }
   };
@@ -330,6 +331,7 @@
         const _component_Container = vue.resolveComponent("Container", true);
         return _ctx.config ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
+          id: _ctx.config.id,
           style: vue.normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
           class: vue.normalizeClass(`m-form-container m-container-${type.value || ""} ${_ctx.config.className || ""}`)
         }, [
@@ -366,12 +368,12 @@
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
                   innerHTML: type.value === "checkbox" ? "" : text.value
-                }, null, 8, _hoisted_1$e)
+                }, null, 8, _hoisted_2$8)
               ]),
               default: vue.withCtx(() => [
                 tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
                   content: vue.withCtx(() => [
-                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$8)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_3$4)
                   ]),
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
@@ -404,7 +406,7 @@
                   key: 2,
                   innerHTML: extra.value,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_3$4)) : vue.createCommentVNode("", true)
+                }, null, 8, _hoisted_4$4)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["style", "class", "prop", "label-width", "rules"]),
@@ -415,7 +417,7 @@
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", {
                   innerHTML: _ctx.config.tip
-                }, null, 8, _hoisted_4$4)
+                }, null, 8, _hoisted_5$4)
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -438,12 +440,12 @@
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
                   innerHTML: type.value === "checkbox" ? "" : text.value
-                }, null, 8, _hoisted_5$4)
+                }, null, 8, _hoisted_6$1)
               ]),
               default: vue.withCtx(() => [
                 tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
                   content: vue.withCtx(() => [
-                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_6$1)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_7$1)
                   ]),
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
@@ -472,7 +474,7 @@
                   key: 2,
                   innerHTML: extra.value,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_7$1)) : vue.createCommentVNode("", true)
+                }, null, 8, _hoisted_8$1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["style", "class", "prop", "label-width", "rules"]),
@@ -483,7 +485,7 @@
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", {
                   innerHTML: _ctx.config.tip
-                }, null, 8, _hoisted_8$1)
+                }, null, 8, _hoisted_9)
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -505,12 +507,12 @@
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
                   innerHTML: type.value === "checkbox" ? "" : text.value
-                }, null, 8, _hoisted_9)
+                }, null, 8, _hoisted_10)
               ]),
               default: vue.withCtx(() => [
                 tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
                   content: vue.withCtx(() => [
-                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_10)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_11)
                   ]),
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
@@ -539,7 +541,7 @@
                   key: 2,
                   innerHTML: extra.value,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_11)) : vue.createCommentVNode("", true)
+                }, null, 8, _hoisted_12)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["style", "class", "prop", "label-width", "rules"]),
@@ -550,7 +552,7 @@
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", {
                   innerHTML: _ctx.config.tip
-                }, null, 8, _hoisted_12)
+                }, null, 8, _hoisted_13)
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -581,7 +583,7 @@
               }, null, 8, ["model", "last-values", "is-compare", "config", "size", "disabled", "step-active", "expand-more", "label-width", "prop"]);
             }), 128)) : vue.createCommentVNode("", true)
           ], 64)) : vue.createCommentVNode("", true),
-          _ctx.config.expand && type.value !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+          _ctx.config.expand && type.value !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               type: "primary",
               size: "small",
@@ -595,7 +597,7 @@
               _: 1
             })
           ])) : vue.createCommentVNode("", true)
-        ], 6)) : vue.createCommentVNode("", true);
+        ], 14, _hoisted_1$e)) : vue.createCommentVNode("", true);
       };
     }
   });
@@ -2174,7 +2176,7 @@
       useAddField(props.prop);
       const requestFunc = getConfig("request");
       const tMagicCascader = vue.ref();
-      const options = Array.isArray(props.config.options) ? vue.ref(props.config.options) : vue.ref([]);
+      const options = vue.ref([]);
       const remoteData = vue.ref(null);
       const setRemoteOptions = async function() {
         const { config } = props;
@@ -2211,6 +2213,10 @@
         );
       } else if (!props.config.options?.length || props.config.remote) {
         Promise.resolve(setRemoteOptions());
+      } else if (Array.isArray(props.config.options)) {
+        vue.watchEffect(() => {
+          options.value = props.config.options;
+        });
       }
       const changeHandler = (value) => {
         if (!tMagicCascader.value)
@@ -2231,7 +2237,7 @@
           size: _ctx.size,
           placeholder: _ctx.config.placeholder,
           disabled: _ctx.disabled,
-          options: vue.unref(options),
+          options: options.value,
           props: {
             multiple: _ctx.config.multiple ?? false,
             emitPath: _ctx.config.emitPath ?? true,
@@ -4139,8 +4145,6 @@
     }
   });
 
-  const index$1 = '';
-
   const _hoisted_1$1 = { style: { "min-height": "1px" } };
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{