@tmagic/form 1.2.0-beta.18 → 1.2.0-beta.19

package/dist/tmagic-form.mjs

@@ -184,6 +184,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     model: null,
     config: null,
     prop: { default: "" },
+    disabled: { type: Boolean },
     labelWidth: null,
     expandMore: { type: Boolean, default: false },
     stepActive: null,
@@ -214,7 +215,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         return component;
       return "m-fields-text";
     });
-    const disabled = computed(() => filterFunction(mForm, props.config.disabled, props));
+    const disabled = computed(
+      () => typeof props.disabled === "undefined" ? filterFunction(mForm, props.config.disabled, props) : props.disabled
+    );
     const tooltip = computed(() => filterFunction(mForm, props.config.tooltip, props));
     const extra = computed(() => filterFunction(mForm, props.config.extra, props));
     const rule = computed(() => getRules(mForm, props.config.rules, props));
@@ -311,13 +314,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           size: __props.size,
           model: __props.model,
           config: __props.config,
+          disabled: unref(disabled),
           name: unref(name),
           prop: unref(itemProp),
           "step-active": __props.stepActive,
           "expand-more": expand.value,
           "label-width": unref(itemLabelWidth),
           onChange: onChangeHandler
-        }, null, 40, ["size", "model", "config", "name", "prop", "step-active", "expand-more", "label-width"])) : unref(type) && unref(display$1) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        }, null, 40, ["size", "model", "config", "disabled", "name", "prop", "step-active", "expand-more", "label-width"])) : unref(type) && unref(display$1) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createVNode(unref(TMagicFormItem), {
             style: normalizeStyle(__props.config.tip ? "flex: 1" : ""),
             class: normalizeClass({ hidden: `${unref(itemLabelWidth)}` === "0" || !__props.config.text }),
@@ -392,18 +396,20 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               model: unref(name) || unref(name) === 0 ? __props.model[unref(name)] : __props.model,
               config: item,
               size: __props.size,
+              disabled: unref(disabled),
               "step-active": __props.stepActive,
               "expand-more": expand.value,
               "label-width": unref(itemLabelWidth),
               prop: unref(itemProp),
               onChange: onChangeHandler
-            }, null, 8, ["model", "config", "size", "step-active", "expand-more", "label-width", "prop"]);
+            }, null, 8, ["model", "config", "size", "disabled", "step-active", "expand-more", "label-width", "prop"]);
           }), 128)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
         __props.config.expand && unref(type) !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
           createVNode(unref(TMagicButton), {
             type: "primary",
             size: "small",
+            disabled: false,
             text: "",
             onClick: expandHandler
           }, {
@@ -440,7 +446,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     size: null,
     model: null,
     config: null,
-    rules: { default: {} }
+    rules: { default: {} },
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -519,10 +526,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 rules: unref(name) ? __props.rules[unref(name)] : [],
                 config: item,
                 prop: __props.prop,
+                disabled: __props.disabled,
                 labelWidth: unref(lWidth),
                 size: __props.size,
                 onChange: change
-              }, null, 8, ["model", "rules", "config", "prop", "labelWidth", "size"]);
+              }, null, 8, ["model", "rules", "config", "prop", "disabled", "labelWidth", "size"]);
             }), 128))
           ]),
           createElementVNode("img", {
@@ -538,8 +546,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             prop: __props.prop,
             labelWidth: unref(lWidth),
             size: __props.size,
+            disabled: __props.disabled,
             onChange: change
-          }, null, 8, ["model", "rules", "config", "prop", "labelWidth", "size"]);
+          }, null, 8, ["model", "rules", "config", "prop", "labelWidth", "size", "disabled"]);
         }), 128)) : createCommentVNode("", true)
       ], 4)) : createCommentVNode("", true);
     };
@@ -562,7 +571,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     labelWidth: null,
     prop: null,
     size: null,
-    index: null
+    index: null,
+    disabled: { type: Boolean }
   },
   emits: ["swap-item", "remove-item", "change"],
   setup(__props, { emit }) {
@@ -623,24 +633,27 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           }),
           createVNode(unref(TMagicButton), {
             text: "",
+            disabled: __props.disabled,
             onClick: expandHandler
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(title)), 1)
             ]),
             _: 1
-          }),
+          }, 8, ["disabled"]),
           withDirectives(createVNode(unref(TMagicButton), {
+            style: { "color": "#f56c6c" },
             text: "",
             icon: unref(Delete),
-            style: { "color": "#f56c6c" },
+            disabled: __props.disabled,
             onClick: removeHandler
-          }, null, 8, ["icon"]), [
+          }, null, 8, ["icon", "disabled"]), [
             [vShow, showDelete(parseInt(String(__props.index)))]
           ]),
           movable() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             withDirectives(createVNode(unref(TMagicButton), {
               text: "",
+              disabled: __props.disabled,
               size: "small",
               onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
             }, {
@@ -654,10 +667,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 1
-            }, 512), [
+            }, 8, ["disabled"]), [
               [vShow, __props.index !== 0]
             ]),
             withDirectives(createVNode(unref(TMagicButton), {
+              disabled: __props.disabled,
               text: "",
               size: "small",
               onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
@@ -672,7 +686,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 1
-            }, 512), [
+            }, 8, ["disabled"]), [
               [vShow, __props.index !== unref(length) - 1]
             ])
           ], 64)) : createCommentVNode("", true),
@@ -689,8 +703,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           labelWidth: __props.labelWidth,
           prop: `${__props.prop}${__props.prop ? "." : ""}${String(__props.index)}`,
           size: __props.size,
+          disabled: __props.disabled,
           onChange: changeHandler
-        }, null, 8, ["config", "model", "labelWidth", "prop", "size"])) : createCommentVNode("", true)
+        }, null, 8, ["config", "model", "labelWidth", "prop", "size", "disabled"])) : createCommentVNode("", true)
       ]);
     };
   }
@@ -719,7 +734,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     name: null,
     labelWidth: null,
     prop: null,
-    size: null
+    size: null,
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -801,22 +817,24 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             index,
             "label-width": __props.labelWidth,
             size: __props.size,
+            disabled: __props.disabled,
             "group-model": __props.model[__props.name],
             onRemoveItem: removeHandler,
             onSwapItem: swapHandler,
             onChange: changeHandler
-          }, null, 8, ["model", "config", "prop", "index", "label-width", "size", "group-model"]);
+          }, null, 8, ["model", "config", "prop", "index", "label-width", "size", "disabled", "group-model"]);
         }), 128)),
         unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 3,
           onClick: addHandler,
-          size: "small"
+          size: "small",
+          disabled: __props.disabled
         }, {
           default: withCtx(() => [
             _hoisted_6$1
           ]),
           _: 1
-        })) : createCommentVNode("", true),
+        }, 8, ["disabled"])) : createCommentVNode("", true),
         __props.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 4,
           icon: unref(Grid),
@@ -852,7 +870,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     name: null,
     labelWidth: null,
     prop: null,
-    size: null
+    size: null,
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -902,9 +921,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                     model: __props.name ? __props.model[__props.name] : __props.model,
                     prop: __props.prop,
                     size: __props.size,
+                    disabled: __props.disabled,
                     "label-width": __props.config.labelWidth || __props.labelWidth,
                     onChange: changeHandler
-                  }, null, 8, ["config", "model", "prop", "size", "label-width"]);
+                  }, null, 8, ["config", "model", "prop", "size", "disabled", "label-width"]);
                 }), 128))
               ]),
               createElementVNode("img", {
@@ -918,9 +938,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 model: __props.name ? __props.model[__props.name] : __props.model,
                 prop: __props.prop,
                 size: __props.size,
+                disabled: __props.disabled,
                 "label-width": __props.config.labelWidth || __props.labelWidth,
                 onChange: changeHandler
-              }, null, 8, ["config", "model", "prop", "size", "label-width"]);
+              }, null, 8, ["config", "model", "prop", "size", "disabled", "label-width"]);
             }), 128))
           ])
         ]),
@@ -942,7 +963,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     expandMore: { type: Boolean },
     span: null,
     size: null,
-    prop: null
+    prop: null,
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -960,8 +982,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             "label-width": __props.config.labelWidth || __props.labelWidth,
             "expand-more": __props.expandMore,
             size: __props.size,
+            disabled: __props.disabled,
             onChange: changeHandler
-          }, null, 8, ["model", "config", "prop", "label-width", "expand-more", "size"])
+          }, null, 8, ["model", "config", "prop", "label-width", "expand-more", "size", "disabled"])
         ]),
         _: 1
       }, 8, ["span"])), [
@@ -983,7 +1006,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     labelWidth: null,
     prop: null,
     size: null,
-    expandMore: { type: Boolean }
+    expandMore: { type: Boolean },
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -1003,8 +1027,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               model: __props.name ? __props.model[__props.name] : __props.model,
               prop: __props.prop,
               size: __props.size,
+              disabled: __props.disabled,
               onChange: changeHandler
-            }, null, 8, ["span", "config", "labelWidth", "expandMore", "model", "prop", "size"]);
+            }, null, 8, ["span", "config", "labelWidth", "expandMore", "model", "prop", "size", "disabled"]);
           }), 128))
         ]),
         _: 1
@@ -1023,7 +1048,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     config: null,
     stepActive: { default: 1 },
     labelWidth: null,
-    size: null
+    size: null,
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -1069,9 +1095,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   model: step.name ? __props.model[step.name] : __props.model,
                   prop: `${step.name}`,
                   size: __props.size,
+                  disabled: __props.disabled,
                   "label-width": __props.config.labelWidth || __props.labelWidth,
                   onChange: changeHandler
-                }, null, 8, ["config", "model", "prop", "size", "label-width"])), [
+                }, null, 8, ["config", "model", "prop", "size", "disabled", "label-width"])), [
                   [vShow, active.value - 1 === index]
                 ]) : createCommentVNode("", true)
               ], 64);
@@ -1109,6 +1136,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     prop: { default: "" },
     labelWidth: null,
     sort: { type: Boolean },
+    disabled: { type: Boolean },
     sortKey: { default: "" },
     text: null,
     size: null,
@@ -1296,6 +1324,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return fuc;
     };
     const removeHandler = (index) => {
+      if (props.disabled)
+        return;
       props.model[modelName.value].splice(index, 1);
       emit("change", props.model[modelName.value]);
     };
@@ -1457,6 +1487,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 ref_key: "tMagicTable",
                 ref: tMagicTable,
                 style: { "width": "100%" },
+                "row-key": __props.config.rowKey || "id",
                 data: unref(data),
                 border: __props.config.border,
                 "max-height": __props.config.maxHeight,
@@ -1518,10 +1549,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                             size: "small",
                             type: "primary",
                             icon: unref(ArrowUp),
+                            disabled: __props.disabled,
                             text: "",
                             onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                             onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                          }, null, 8, ["icon", "onClick", "onDblclick"])
+                          }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
                         ]),
                         _: 2
                       }, 1024)) : createCommentVNode("", true),
@@ -1536,10 +1568,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                             size: "small",
                             type: "primary",
                             icon: unref(ArrowDown),
+                            disabled: __props.disabled,
                             text: "",
                             onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                             onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                          }, null, 8, ["icon", "onClick", "onDblclick"])
+                          }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
                         ]),
                         _: 2
                       }, 1024)) : createCommentVNode("", true)
@@ -1578,13 +1611,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                           scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$v, {
                             key: 0,
                             labelWidth: "0",
+                            disabled: __props.disabled,
                             prop: getProp(scope.$index),
                             rules: column.rules,
                             config: makeConfig(column, scope.row),
                             model: scope.row,
                             size: __props.size,
                             onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", __props.model[unref(modelName)]))
-                          }, null, 8, ["prop", "rules", "config", "model", "size"])) : createCommentVNode("", true)
+                          }, null, 8, ["disabled", "prop", "rules", "config", "model", "size"])) : createCommentVNode("", true)
                         ]),
                         _: 2
                       }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : createCommentVNode("", true)
@@ -1592,7 +1626,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   }), 256))
                 ]),
                 _: 1
-              }, 8, ["data", "border", "max-height"])) : createCommentVNode("", true)
+              }, 8, ["row-key", "data", "border", "max-height"])) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -1601,6 +1635,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             key: 0,
             size: "small",
             type: "primary",
+            disabled: __props.disabled,
             plain: "",
             onClick: _cache[1] || (_cache[1] = ($event) => newHandler())
           }, {
@@ -1608,7 +1643,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               _hoisted_4$1
             ]),
             _: 1
-          })) : createCommentVNode("", true),
+          }, 8, ["disabled"])) : createCommentVNode("", true),
           _hoisted_5,
           __props.enableToggleMode && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 1,
@@ -1636,32 +1671,35 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           }, 8, ["icon"])) : createCommentVNode("", true),
           unref(importable) ? (openBlock(), createBlock(unref(TMagicUpload), {
             key: 3,
+            style: { "display": "inline-block" },
             ref_key: "excelBtn",
             ref: excelBtn,
             action: "/noop",
+            disabled: __props.disabled,
             "on-change": excelHandler,
-            "auto-upload": false,
-            style: { "display": "inline-block" }
+            "auto-upload": false
           }, {
             default: withCtx(() => [
               createVNode(unref(TMagicButton), {
                 size: "small",
                 type: "success",
+                disabled: __props.disabled,
                 plain: ""
               }, {
                 default: withCtx(() => [
                   _hoisted_7
                 ]),
                 _: 1
-              })
+              }, 8, ["disabled"])
             ]),
             _: 1
-          }, 512)) : createCommentVNode("", true),
+          }, 8, ["disabled"])) : createCommentVNode("", true),
           _hoisted_8,
           unref(importable) ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 4,
             size: "small",
             type: "warning",
+            disabled: __props.disabled,
             plain: "",
             onClick: _cache[2] || (_cache[2] = ($event) => clearHandler())
           }, {
@@ -1669,7 +1707,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               _hoisted_9
             ]),
             _: 1
-          })) : createCommentVNode("", true)
+          }, 8, ["disabled"])) : createCommentVNode("", true)
         ]),
         __props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_10, [
           createVNode(unref(TMagicPagination), {
@@ -1700,7 +1738,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     size: null,
     labelWidth: null,
     prop: null,
-    expandMore: { type: Boolean }
+    expandMore: { type: Boolean },
+    disabled: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -1818,13 +1857,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     return openBlock(), createBlock(_sfc_main$v, {
                       key: item[unref(mForm)?.keyProp || "__key"],
                       config: item,
+                      disabled: __props.disabled,
                       model: __props.config.dynamic ? (__props.name ? __props.model[__props.name] : __props.model)[tabIndex] : tab.name ? (__props.name ? __props.model[__props.name] : __props.model)[tab.name] : __props.name ? __props.model[__props.name] : __props.model,
                       prop: __props.config.dynamic ? `${__props.prop}${__props.prop ? "." : ""}${String(tabIndex)}` : __props.prop,
                       size: __props.size,
                       "label-width": tab.labelWidth || __props.labelWidth,
                       "expand-more": __props.expandMore,
                       onChange: changeHandler
-                    }, null, 8, ["config", "model", "prop", "size", "label-width", "expand-more"]);
+                    }, null, 8, ["config", "disabled", "model", "prop", "size", "label-width", "expand-more"]);
                   }), 128))
                 ]),
                 _: 2
@@ -2548,7 +2588,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         ref: tMagicForm,
         model: values.value,
         "label-width": __props.labelWidth,
-        disabled: __props.disabled,
         style: normalizeStyle(`height: ${__props.height}`),
         inline: __props.inline,
         "label-position": __props.labelPosition
@@ -2556,6 +2595,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           initialized.value && Array.isArray(__props.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.config, (item, index) => {
             return openBlock(), createBlock(_sfc_main$v, {
+              disabled: __props.disabled,
               key: item[__props.keyProp] ?? index,
               config: item,
               model: values.value,
@@ -2563,11 +2603,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               "step-active": __props.stepActive,
               size: __props.size,
               onChange: changeHandler
-            }, null, 8, ["config", "model", "label-width", "step-active", "size"]);
+            }, null, 8, ["disabled", "config", "model", "label-width", "step-active", "size"]);
           }), 128)) : createCommentVNode("", true)
         ]),
         _: 1
-      }, 8, ["model", "label-width", "disabled", "style", "inline", "label-position"]);
+      }, 8, ["model", "label-width", "style", "inline", "label-position"]);
     };
   }
 });
@@ -2588,6 +2628,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     width: null,
     labelWidth: null,
     fullscreen: { type: Boolean },
+    disabled: { type: Boolean },
     title: null,
     zIndex: null,
     size: null,
@@ -2743,12 +2784,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               ref_key: "form",
               ref: form,
               size: __props.size,
+              disabled: __props.disabled,
               config: __props.config,
               "init-values": __props.values,
               "parent-values": __props.parentValues,
               "label-width": __props.labelWidth,
               onChange: changeHandler
-            }, null, 8, ["modelValue", "size", "config", "init-values", "parent-values", "label-width"]),
+            }, null, 8, ["modelValue", "size", "disabled", "config", "init-values", "parent-values", "label-width"]),
             renderSlot(_ctx.$slots, "default")
           ], 4)) : createCommentVNode("", true)
         ]),