@tmagic/form 1.0.0-rc.8 → 1.0.1

package/dist/tmagic-form.es.js

@@ -114,7 +114,8 @@ const filterFunction = (mForm, config, props) => {
     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) {
@@ -145,7 +146,8 @@ const getRules = function(mForm, rules = [], props) {
         model: props.model,
         parent: mForm?.parentValues || {},
         formValue: mForm?.values || props.model,
-        prop: props.prop
+        prop: props.prop,
+        config: props.config
       }, mForm);
     }
     return item;
@@ -256,7 +258,8 @@ const _sfc_main$t = defineComponent({
           model: props.model,
           values: mForm?.initValues,
           formValue: mForm?.values,
-          prop: itemProp.value
+          prop: itemProp.value,
+          config: props.config
         });
       }
       if (filter === "number") {
@@ -270,7 +273,8 @@ const _sfc_main$t = defineComponent({
           model: props.model,
           values: mForm?.initValues,
           formValue: mForm?.values,
-          prop: itemProp.value
+          prop: itemProp.value,
+          config: props.config
         });
       }
     };
@@ -316,7 +320,7 @@ const _sfc_main$t = defineComponent({
     };
   }
 });
-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"];
@@ -366,7 +370,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
         label: withCtx(() => [
           createElementVNode("span", {
             innerHTML: _ctx.type === "checkbox" ? "" : _ctx.config.text
-          }, null, 8, _hoisted_1$f)
+          }, null, 8, _hoisted_1$e)
         ]),
         default: withCtx(() => [
           _ctx.tooltip ? (openBlock(), createBlock(_component_el_tooltip, { key: 0 }, {
@@ -505,7 +509,7 @@ const _sfc_main$s = defineComponent({
     };
   }
 });
-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"];
@@ -539,7 +543,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createElementVNode("span", {
           innerHTML: _ctx.config.legend
-        }, null, 8, _hoisted_1$e),
+        }, null, 8, _hoisted_1$d),
         _ctx.config.extra ? (openBlock(), createElementBlock("span", {
           key: 0,
           innerHTML: _ctx.config.extra,
@@ -697,7 +701,7 @@ const _sfc_main$r = defineComponent({
     };
   }
 });
-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__ */ createTextVNode("\u4E0A\u79FB");
 const _hoisted_3$5 = /* @__PURE__ */ createTextVNode("\u4E0B\u79FB");
 const _hoisted_4$4 = ["innerHTML"];
@@ -709,7 +713,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CaretRight = resolveComponent("CaretRight");
   const _component_CaretBottom = resolveComponent("CaretBottom");
   const _component_m_form_container = resolveComponent("m-form-container");
-  return openBlock(), createElementBlock("div", _hoisted_1$d, [
+  return openBlock(), createElementBlock("div", _hoisted_1$c, [
     createElementVNode("div", null, [
       createVNode(_component_el_icon, {
         style: { "margin-right": "7px" },
@@ -826,7 +830,9 @@ const _sfc_main$q = defineComponent({
       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;
@@ -843,7 +849,9 @@ const _sfc_main$q = defineComponent({
       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;
@@ -886,7 +894,7 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-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,
@@ -901,7 +909,7 @@ const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u5207\u6362\u4E3A\u8868\u
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_m_fields_group_list_item = resolveComponent("m-fields-group-list-item");
   const _component_el_button = resolveComponent("el-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$c, [
+  return openBlock(), createElementBlock("div", _hoisted_1$b, [
     _ctx.config.extra ? (openBlock(), createElementBlock("div", {
       key: 0,
       innerHTML: _ctx.config.extra,
@@ -980,7 +988,7 @@ const _sfc_main$p = defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "clearfix" };
+const _hoisted_1$a = { class: "clearfix" };
 const _hoisted_2$3 = ["innerHTML"];
 const _hoisted_3$3 = {
   key: 0,
@@ -1000,7 +1008,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     "body-style": { display: _ctx.expand ? "block" : "none" }
   }, {
     header: withCtx(() => [
-      createElementVNode("div", _hoisted_1$b, [
+      createElementVNode("div", _hoisted_1$a, [
         createElementVNode("a", {
           href: "javascript:",
           style: { "width": "100%", "display": "block" },
@@ -1486,7 +1494,7 @@ const _sfc_main$l = defineComponent({
         }
         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) {
@@ -1612,7 +1620,7 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-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__ */ createTextVNode("\u6DFB\u52A0");
@@ -1641,7 +1649,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       style: { "color": "rgba(0, 0, 0, 0.45)" },
       innerHTML: _ctx.config.extra
-    }, null, 8, _hoisted_1$a)) : createCommentVNode("", true),
+    }, null, 8, _hoisted_1$9)) : createCommentVNode("", true),
     createElementVNode("div", _hoisted_2$2, [
       createVNode(_component_el_tooltip, {
         content: "\u62D6\u62FD\u53EF\u6392\u5E8F",
@@ -1891,11 +1899,11 @@ const tabClickHandler = (mForm, tab, props) => {
   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 = defineComponent({
@@ -1950,7 +1958,11 @@ const Tab = defineComponent({
         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 = cloneDeep(tabs.value[0]);
           newObj.title = `\u6807\u7B7E${tabs.value.length + 1}`;
@@ -1963,7 +1975,11 @@ const Tab = defineComponent({
         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) {
@@ -1978,7 +1994,7 @@ const Tab = defineComponent({
       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 });
         }
       }
     };
@@ -2167,13 +2183,13 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-cascader");
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [
     createVNode(_component_el_cascader, {
       modelValue: _ctx.model[_ctx.name],
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2296,7 +2312,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
 }
 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 = defineComponent({
   name: "m-fields-color-picker"
 });
@@ -2316,7 +2332,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const changeHandler = (value) => emit("change", value);
     return (_ctx, _cache) => {
       const _component_el_color_picker = resolveComponent("el-color-picker");
-      return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
         createVNode(_component_el_color_picker, {
           modelValue: _ctx.model[_ctx.name],
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2352,10 +2368,10 @@ const _sfc_main$f = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-date-picker");
-  return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+  return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
     createVNode(_component_el_date_picker, {
       modelValue: _ctx.model[_ctx.modelName],
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.modelName] = $event),
@@ -2422,20 +2438,19 @@ const _sfc_main$e = defineComponent({
 });
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker = resolveComponent("el-date-picker");
-  return openBlock(), createElementBlock("div", null, [
-    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 openBlock(), 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]]);
 
@@ -2467,23 +2482,21 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { key: 0 };
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker = resolveComponent("el-date-picker");
-  return _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
-    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"])
-  ])) : createCommentVNode("", true);
+  return openBlock(), 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]]);
 
@@ -2905,7 +2918,8 @@ const _sfc_main$6 = defineComponent({
           body = body(mForm, {
             model: props.model,
             formValue: mForm?.values,
-            formValues: mForm?.values
+            formValues: mForm?.values,
+            config: props.config
           });
         }
         body.query = query.value;
@@ -2928,7 +2942,8 @@ const _sfc_main$6 = defineComponent({
         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];
@@ -3020,7 +3035,8 @@ const _sfc_main$6 = defineComponent({
           model: props.model,
           prop: props.prop,
           formValues: mForm?.values,
-          formValue: mForm?.values
+          formValue: mForm?.values,
+          config: props.config
         })).then((data) => {
           options.value = data;
         });