@tmagic/form 1.3.4 → 1.3.6

package/dist/tmagic-form.js

@@ -166,7 +166,7 @@ const initValue = async (mForm, { initValues, config }) => {
   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"];
@@ -178,7 +178,8 @@ const _hoisted_9 = ["innerHTML"];
 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" }
 };
@@ -331,6 +332,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       const _component_Container = resolveComponent("Container", true);
       return _ctx.config ? (openBlock(), createElementBlock("div", {
         key: 0,
+        id: _ctx.config.id,
         style: normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
         class: normalizeClass(`m-form-container m-container-${type.value || ""} ${_ctx.config.className || ""}`)
       }, [
@@ -367,12 +369,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             label: withCtx(() => [
               createElementVNode("span", {
                 innerHTML: type.value === "checkbox" ? "" : text.value
-              }, null, 8, _hoisted_1$e)
+              }, null, 8, _hoisted_2$8)
             ]),
             default: withCtx(() => [
               tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$8)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_3$4)
                 ]),
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
@@ -405,7 +407,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 key: 2,
                 innerHTML: extra.value,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_3$4)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_4$4)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
@@ -416,7 +418,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createElementVNode("div", {
                 innerHTML: _ctx.config.tip
-              }, null, 8, _hoisted_4$4)
+              }, null, 8, _hoisted_5$4)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -439,12 +441,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             label: withCtx(() => [
               createElementVNode("span", {
                 innerHTML: type.value === "checkbox" ? "" : text.value
-              }, null, 8, _hoisted_5$4)
+              }, null, 8, _hoisted_6$1)
             ]),
             default: withCtx(() => [
               tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_6$1)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_7$1)
                 ]),
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
@@ -473,7 +475,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 key: 2,
                 innerHTML: extra.value,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_7$1)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_8$1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
@@ -484,7 +486,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createElementVNode("div", {
                 innerHTML: _ctx.config.tip
-              }, null, 8, _hoisted_8$1)
+              }, null, 8, _hoisted_9)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -506,12 +508,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             label: withCtx(() => [
               createElementVNode("span", {
                 innerHTML: type.value === "checkbox" ? "" : text.value
-              }, null, 8, _hoisted_9)
+              }, null, 8, _hoisted_10)
             ]),
             default: withCtx(() => [
               tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_10)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_11)
                 ]),
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
@@ -540,7 +542,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 key: 2,
                 innerHTML: extra.value,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_11)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_12)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
@@ -551,7 +553,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createElementVNode("div", {
                 innerHTML: _ctx.config.tip
-              }, null, 8, _hoisted_12)
+              }, null, 8, _hoisted_13)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -582,7 +584,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             }, null, 8, ["model", "last-values", "is-compare", "config", "size", "disabled", "step-active", "expand-more", "label-width", "prop"]);
           }), 128)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
-        _ctx.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+        _ctx.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_14, [
           createVNode(unref(TMagicButton), {
             type: "primary",
             size: "small",
@@ -596,7 +598,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ])) : createCommentVNode("", true)
-      ], 6)) : createCommentVNode("", true);
+      ], 14, _hoisted_1$e)) : createCommentVNode("", true);
     };
   }
 });
@@ -2175,7 +2177,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     useAddField(props.prop);
     const requestFunc = getConfig("request");
     const tMagicCascader = ref();
-    const options = Array.isArray(props.config.options) ? ref(props.config.options) : ref([]);
+    const options = ref([]);
     const remoteData = ref(null);
     const setRemoteOptions = async function() {
       const { config } = props;
@@ -2212,6 +2214,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       );
     } else if (!props.config.options?.length || props.config.remote) {
       Promise.resolve(setRemoteOptions());
+    } else if (Array.isArray(props.config.options)) {
+      watchEffect(() => {
+        options.value = props.config.options;
+      });
     }
     const changeHandler = (value) => {
       if (!tMagicCascader.value)
@@ -2232,7 +2238,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         size: _ctx.size,
         placeholder: _ctx.config.placeholder,
         disabled: _ctx.disabled,
-        options: unref(options),
+        options: options.value,
         props: {
           multiple: _ctx.config.multiple ?? false,
           emitPath: _ctx.config.emitPath ?? true,
@@ -4140,8 +4146,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const index$1 = '';
-
 const _hoisted_1$1 = { style: { "min-height": "1px" } };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{