@tmagic/form 1.0.0-rc.9 → 1.0.2

package/dist/tmagic-form.umd.js

@@ -27,7 +27,7 @@
   ].includes(type);
   const initItemsValue = (mForm, value, initValue2, { items, name, extensible }) => {
     if (Array.isArray(initValue2[name])) {
-      value[name] = initValue2[name].map((v) => init(mForm, items, v));
+      value[name] = initValue2[name].map((v, index) => init(mForm, items, v, value[name]?.[index]));
     } else {
       value[name] = init(mForm, items, initValue2[name], value[name]);
       if (extensible) {
@@ -117,7 +117,8 @@
       model: props.model,
       parent: mForm?.parentValues || {},
       formValue: mForm?.values || props.model,
-      prop: props.prop
+      prop: props.prop,
+      config: props.config
     });
   };
   const display = function(mForm, config, props) {
@@ -148,7 +149,8 @@
           model: props.model,
           parent: mForm?.parentValues || {},
           formValue: mForm?.values || props.model,
-          prop: props.prop
+          prop: props.prop,
+          config: props.config
         }, mForm);
       }
       return item;
@@ -259,7 +261,8 @@
             model: props.model,
             values: mForm?.initValues,
             formValue: mForm?.values,
-            prop: itemProp.value
+            prop: itemProp.value,
+            config: props.config
           });
         }
         if (filter === "number") {
@@ -273,7 +276,8 @@
             model: props.model,
             values: mForm?.initValues,
             formValue: mForm?.values,
-            prop: itemProp.value
+            prop: itemProp.value,
+            config: props.config
           });
         }
       };
@@ -319,7 +323,7 @@
       };
     }
   });
-  const _hoisted_1$f = ["innerHTML"];
+  const _hoisted_1$e = ["innerHTML"];
   const _hoisted_2$7 = ["innerHTML"];
   const _hoisted_3$7 = ["innerHTML"];
   const _hoisted_4$6 = ["innerHTML"];
@@ -369,7 +373,7 @@
           label: vue.withCtx(() => [
             vue.createElementVNode("span", {
               innerHTML: _ctx.type === "checkbox" ? "" : _ctx.config.text
-            }, null, 8, _hoisted_1$f)
+            }, null, 8, _hoisted_1$e)
           ]),
           default: vue.withCtx(() => [
             _ctx.tooltip ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, { key: 0 }, {
@@ -508,7 +512,7 @@
       };
     }
   });
-  const _hoisted_1$e = ["innerHTML"];
+  const _hoisted_1$d = ["innerHTML"];
   const _hoisted_2$6 = ["innerHTML"];
   const _hoisted_3$6 = { key: 1 };
   const _hoisted_4$5 = ["innerHTML"];
@@ -542,7 +546,7 @@
         default: vue.withCtx(() => [
           vue.createElementVNode("span", {
             innerHTML: _ctx.config.legend
-          }, null, 8, _hoisted_1$e),
+          }, null, 8, _hoisted_1$d),
           _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             innerHTML: _ctx.config.extra,
@@ -700,7 +704,7 @@
       };
     }
   });
-  const _hoisted_1$d = { class: "m-fields-group-list-item" };
+  const _hoisted_1$c = { class: "m-fields-group-list-item" };
   const _hoisted_2$5 = /* @__PURE__ */ vue.createTextVNode("\u4E0A\u79FB");
   const _hoisted_3$5 = /* @__PURE__ */ vue.createTextVNode("\u4E0B\u79FB");
   const _hoisted_4$4 = ["innerHTML"];
@@ -712,7 +716,7 @@
     const _component_CaretRight = vue.resolveComponent("CaretRight");
     const _component_CaretBottom = vue.resolveComponent("CaretBottom");
     const _component_m_form_container = vue.resolveComponent("m-form-container");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
       vue.createElementVNode("div", null, [
         vue.createVNode(_component_el_icon, {
           style: { "margin-right": "7px" },
@@ -829,7 +833,9 @@
         if (typeof props.config.addable === "function") {
           return props.config.addable(mForm, {
             model: props.model[props.name],
-            formValue: mForm?.values
+            formValue: mForm?.values,
+            prop: props.prop,
+            config: props.config
           });
         }
         return typeof props.config.addable === "undefined" ? true : props.config.addable;
@@ -846,7 +852,9 @@
         if (typeof props.config.defaultAdd === "function") {
           initValues = await props.config.defaultAdd(mForm, {
             model: props.model[props.name],
-            formValue: mForm?.values
+            formValue: mForm?.values,
+            prop: props.prop,
+            config: props.config
           });
         } else if (props.config.defaultAdd) {
           initValues = props.config.defaultAdd;
@@ -889,7 +897,7 @@
       };
     }
   });
-  const _hoisted_1$c = { class: "m-fields-group-list" };
+  const _hoisted_1$b = { class: "m-fields-group-list" };
   const _hoisted_2$4 = ["innerHTML"];
   const _hoisted_3$4 = {
     key: 1,
@@ -904,7 +912,7 @@
   function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_m_fields_group_list_item = vue.resolveComponent("m-fields-group-list-item");
     const _component_el_button = vue.resolveComponent("el-button");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
       _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         innerHTML: _ctx.config.extra,
@@ -983,7 +991,7 @@
       };
     }
   });
-  const _hoisted_1$b = { class: "clearfix" };
+  const _hoisted_1$a = { class: "clearfix" };
   const _hoisted_2$3 = ["innerHTML"];
   const _hoisted_3$3 = {
     key: 0,
@@ -1003,7 +1011,7 @@
       "body-style": { display: _ctx.expand ? "block" : "none" }
     }, {
       header: vue.withCtx(() => [
-        vue.createElementVNode("div", _hoisted_1$b, [
+        vue.createElementVNode("div", _hoisted_1$a, [
           vue.createElementVNode("a", {
             href: "javascript:",
             style: { "width": "100%", "display": "block" },
@@ -1489,7 +1497,7 @@
           }
           emit("select", selection, row);
           if (typeof props.config.onSelect === "function") {
-            props.config.onSelect(mForm, { selection, row });
+            props.config.onSelect(mForm, { selection, row, config: props.config });
           }
         },
         toggleRowSelection(row, selected) {
@@ -1615,7 +1623,7 @@
       };
     }
   });
-  const _hoisted_1$a = ["innerHTML"];
+  const _hoisted_1$9 = ["innerHTML"];
   const _hoisted_2$2 = { class: "el-form-item__content" };
   const _hoisted_3$2 = ["innerHTML"];
   const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0");
@@ -1644,7 +1652,7 @@
         key: 0,
         style: { "color": "rgba(0, 0, 0, 0.45)" },
         innerHTML: _ctx.config.extra
-      }, null, 8, _hoisted_1$a)) : vue.createCommentVNode("", true),
+      }, null, 8, _hoisted_1$9)) : vue.createCommentVNode("", true),
       vue.createElementVNode("div", _hoisted_2$2, [
         vue.createVNode(_component_el_tooltip, {
           content: "\u62D6\u62FD\u53EF\u6392\u5E8F",
@@ -1894,11 +1902,11 @@
     const { config, model, prop } = props;
     tab.name = tab.paneName;
     if (typeof config.onTabClick === "function") {
-      config.onTabClick(mForm, tab, { model, formValue: mForm?.values, prop });
+      config.onTabClick(mForm, tab, { model, formValue: mForm?.values, prop, config });
     }
     const tabConfig = config.items.find((item) => tab.name === item.status);
     if (tabConfig && typeof tabConfig.onTabClick === "function") {
-      tabConfig.onTabClick(mForm, tab, { model, formValue: mForm?.values, prop });
+      tabConfig.onTabClick(mForm, tab, { model, formValue: mForm?.values, prop, config });
     }
   };
   const Tab = vue.defineComponent({
@@ -1953,7 +1961,11 @@
           if (!props.config.name)
             throw new Error("dynamic tab \u5FC5\u987B\u914D\u7F6Ename");
           if (typeof props.config.onTabAdd === "function") {
-            props.config.onTabAdd(mForm, { model: props.model });
+            props.config.onTabAdd(mForm, {
+              model: props.model,
+              prop: props.prop,
+              config: props.config
+            });
           } else if (tabs.value.length > 0) {
             const newObj = lodashEs.cloneDeep(tabs.value[0]);
             newObj.title = `\u6807\u7B7E${tabs.value.length + 1}`;
@@ -1966,7 +1978,11 @@
           if (!props.config.name)
             throw new Error("dynamic tab \u5FC5\u987B\u914D\u7F6Ename");
           if (typeof props.config.onTabRemove === "function") {
-            props.config.onTabRemove(mForm, tabName, { model: props.model });
+            props.config.onTabRemove(mForm, tabName, {
+              model: props.model,
+              prop: props.prop,
+              config: props.config
+            });
           } else {
             props.model[props.config.name].splice(+tabName, 1);
             if (tabName < activeTabName.value || activeTabName.value >= props.model[props.config.name].length) {
@@ -1981,7 +1997,7 @@
         changeHandler: () => {
           emit("change", props.model);
           if (typeof props.config.onChange === "function") {
-            props.config.onChange(mForm, { model: props.model });
+            props.config.onChange(mForm, { model: props.model, prop: props.prop, config: props.config });
           }
         }
       };
@@ -2170,13 +2186,13 @@
       };
     }
   });
-  const _hoisted_1$9 = {
+  const _hoisted_1$8 = {
     class: "m-cascader",
     style: { "width": "100%" }
   };
   function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader = vue.resolveComponent("el-cascader");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
       vue.createVNode(_component_el_cascader, {
         modelValue: _ctx.model[_ctx.name],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2299,7 +2315,7 @@
   }
   var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$e]]);
 
-  const _hoisted_1$8 = { key: 0 };
+  const _hoisted_1$7 = { key: 0 };
   const __default__$2 = vue.defineComponent({
     name: "m-fields-color-picker"
   });
@@ -2319,7 +2335,7 @@
       const changeHandler = (value) => emit("change", value);
       return (_ctx, _cache) => {
         const _component_el_color_picker = vue.resolveComponent("el-color-picker");
-        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
           vue.createVNode(_component_el_color_picker, {
             modelValue: _ctx.model[_ctx.name],
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2355,10 +2371,10 @@
       };
     }
   });
-  const _hoisted_1$7 = { key: 0 };
+  const _hoisted_1$6 = { key: 0 };
   function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_date_picker = vue.resolveComponent("el-date-picker");
-    return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+    return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
       vue.createVNode(_component_el_date_picker, {
         modelValue: _ctx.model[_ctx.modelName],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.modelName] = $event),
@@ -2425,20 +2441,19 @@
   });
   function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_date_picker = vue.resolveComponent("el-date-picker");
-    return vue.openBlock(), vue.createElementBlock("div", null, [
-      vue.createVNode(_component_el_date_picker, {
-        modelValue: _ctx.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
-        type: "datetimerange",
-        "range-separator": "-",
-        "start-placeholder": "\u5F00\u59CB\u65E5\u671F",
-        "end-placeholder": "\u7ED3\u675F\u65E5\u671F",
-        size: _ctx.size,
-        "unlink-panels": true,
-        disabled: _ctx.disabled,
-        onChange: _ctx.changeHandler
-      }, null, 8, ["modelValue", "size", "disabled", "onChange"])
-    ]);
+    return vue.openBlock(), vue.createBlock(_component_el_date_picker, {
+      modelValue: _ctx.value,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
+      type: "datetimerange",
+      "range-separator": "-",
+      "start-placeholder": "\u5F00\u59CB\u65E5\u671F",
+      "end-placeholder": "\u7ED3\u675F\u65E5\u671F",
+      size: _ctx.size,
+      "unlink-panels": true,
+      disabled: _ctx.disabled,
+      "default-time": _ctx.config.defaultTime || [new Date(2e3, 1, 1, 23, 59, 59)],
+      onChange: _ctx.changeHandler
+    }, null, 8, ["modelValue", "size", "disabled", "default-time", "onChange"]);
   }
   var Daterange = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
 
@@ -2470,23 +2485,21 @@
       };
     }
   });
-  const _hoisted_1$6 = { key: 0 };
   function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_date_picker = vue.resolveComponent("el-date-picker");
-    return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-      vue.createVNode(_component_el_date_picker, {
-        modelValue: _ctx.model[_ctx.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-        "popper-class": "magic-datetime-picker-popper",
-        type: "datetime",
-        size: _ctx.size,
-        placeholder: _ctx.config.placeholder,
-        disabled: _ctx.disabled,
-        format: _ctx.config.format || "YYYY-MM-DD HH:mm:ss",
-        "value-format": _ctx.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
-        onChange: _ctx.changeHandler
-      }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "onChange"])
-    ])) : vue.createCommentVNode("", true);
+    return vue.openBlock(), vue.createBlock(_component_el_date_picker, {
+      modelValue: _ctx.model[_ctx.name],
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+      "popper-class": "magic-datetime-picker-popper",
+      type: "datetime",
+      size: _ctx.size,
+      placeholder: _ctx.config.placeholder,
+      disabled: _ctx.disabled,
+      format: _ctx.config.format || "YYYY-MM-DD HH:mm:ss",
+      "value-format": _ctx.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
+      "default-time": _ctx.config.defaultTime || [new Date(2e3, 1, 1, 23, 59, 59)],
+      onChange: _ctx.changeHandler
+    }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "default-time", "onChange"]);
   }
   var DateTime = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
 
@@ -2908,7 +2921,8 @@
             body = body(mForm, {
               model: props.model,
               formValue: mForm?.values,
-              formValues: mForm?.values
+              formValues: mForm?.values,
+              config: props.config
             });
           }
           body.query = query.value;
@@ -2931,7 +2945,8 @@
           res = option.afterRequest(mForm, res, {
             model: props.model,
             formValue: mForm?.values,
-            formValues: mForm?.values
+            formValues: mForm?.values,
+            config: props.config
           });
         }
         const optionsData = res[option.root];
@@ -3023,7 +3038,8 @@
             model: props.model,
             prop: props.prop,
             formValues: mForm?.values,
-            formValue: mForm?.values
+            formValue: mForm?.values,
+            config: props.config
           })).then((data) => {
             options.value = data;
           });