@tmagic/form 1.1.0-beta.6 → 1.1.0-beta.7

package/dist/tmagic-form.umd.js

@@ -323,7 +323,7 @@
     key: 4,
     style: { "text-align": "center" }
   };
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_m_fields_hidden = vue.resolveComponent("m-fields-hidden");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_form_item = vue.resolveComponent("el-form-item");
@@ -450,7 +450,7 @@
       ])) : vue.createCommentVNode("", true)
     ], 6)) : vue.createCommentVNode("", true);
   }
-  const Container = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$p]]);
+  const Container = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$o]]);
 
   const _hoisted_1$b = ["innerHTML"];
   const _hoisted_2$6 = ["innerHTML"];
@@ -665,7 +665,7 @@
   const _hoisted_2$5 = /* @__PURE__ */ vue.createTextVNode("\u4E0A\u79FB");
   const _hoisted_3$5 = /* @__PURE__ */ vue.createTextVNode("\u4E0B\u79FB");
   const _hoisted_4$4 = ["innerHTML"];
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_CaretBottom = vue.resolveComponent("CaretBottom");
     const _component_CaretRight = vue.resolveComponent("CaretRight");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -755,7 +755,7 @@
       }, null, 8, ["config", "model", "labelWidth", "prop", "size", "onChange"])) : vue.createCommentVNode("", true)
     ]);
   }
-  const MFieldsGroupListItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$o]]);
+  const MFieldsGroupListItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$n]]);
 
   const _sfc_main$r = vue.defineComponent({
     name: "m-form-group-list",
@@ -866,7 +866,7 @@
   ];
   const _hoisted_6$1 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0\u7EC4");
   const _hoisted_7$1 = /* @__PURE__ */ vue.createTextVNode("\u5207\u6362\u4E3A\u8868\u683C");
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_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$9, [
@@ -913,7 +913,7 @@
       }, 8, ["onClick"])) : vue.createCommentVNode("", true)
     ]);
   }
-  const GroupList = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$n]]);
+  const GroupList = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$m]]);
 
   const _sfc_main$q = vue.defineComponent({
     name: "m-form-panel",
@@ -957,7 +957,7 @@
   };
   const _hoisted_4$2 = { style: { "flex": "1" } };
   const _hoisted_5$1 = ["src"];
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_caret_bottom = vue.resolveComponent("caret-bottom");
     const _component_caret_right = vue.resolveComponent("caret-right");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -1027,7 +1027,7 @@
       _: 3
     }, 8, ["body-style"])) : vue.createCommentVNode("", true);
   }
-  const Panel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$m]]);
+  const Panel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$l]]);
 
   const _sfc_main$p = vue.defineComponent({
     props: {
@@ -1057,7 +1057,7 @@
     }
   });
 
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_m_form_container = vue.resolveComponent("m-form-container");
     const _component_el_col = vue.resolveComponent("el-col");
     return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_col, { span: _ctx.span }, {
@@ -1077,7 +1077,7 @@
       [vue.vShow, _ctx.display && _ctx.config.type !== "hidden"]
     ]);
   }
-  const Col = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$l]]);
+  const Col = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$k]]);
 
   const _sfc_main$o = vue.defineComponent({
     name: "m-form-row",
@@ -1108,7 +1108,7 @@
     }
   });
 
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Col = vue.resolveComponent("Col");
     const _component_el_row = vue.resolveComponent("el-row");
     return vue.openBlock(), vue.createBlock(_component_el_row, { gutter: 10 }, {
@@ -1130,7 +1130,7 @@
       _: 1
     });
   }
-  const Row = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$k]]);
+  const Row = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$j]]);
 
   const _sfc_main$n = vue.defineComponent({
     name: "m-form-step",
@@ -1168,7 +1168,7 @@
     }
   });
 
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_step = vue.resolveComponent("el-step");
     const _component_el_steps = vue.resolveComponent("el-steps");
     const _component_m_form_container = vue.resolveComponent("m-form-container");
@@ -1211,7 +1211,7 @@
       }), 256))
     ]);
   }
-  const MStep = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$j]]);
+  const MStep = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$i]]);
 
   let loadedAMapJS = false;
   let firstLoadingAMapJS = true;
@@ -1598,7 +1598,7 @@
     class: "bottom",
     style: { "text-align": "right" }
   };
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_table_column = vue.resolveComponent("el-table-column");
     const _component_el_button = vue.resolveComponent("el-button");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -1847,7 +1847,7 @@
       ])
     ], 2);
   }
-  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$i]]);
+  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$h]]);
 
   const getActive = (mForm, props, activeTabName) => {
     const { config, model, prop } = props;
@@ -1967,7 +1967,7 @@
     }
   });
 
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_m_form_container = vue.resolveComponent("m-form-container");
     const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
     const _component_el_tabs = vue.resolveComponent("el-tabs");
@@ -2013,7 +2013,7 @@
       _: 1
     }, 8, ["modelValue", "class", "type", "editable", "tab-position", "onTabClick", "onTabAdd", "onTabRemove"]);
   }
-  const Tabs = /* @__PURE__ */ _export_sfc(Tab, [["render", _sfc_render$h]]);
+  const Tabs = /* @__PURE__ */ _export_sfc(Tab, [["render", _sfc_render$g]]);
 
   let $MAGIC_FORM = {};
   const setConfig = (option) => {
@@ -2155,7 +2155,7 @@
     class: "m-cascader",
     style: { "width": "100%" }
   };
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader = vue.resolveComponent("el-cascader");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
       vue.createVNode(_component_el_cascader, {
@@ -2174,7 +2174,7 @@
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "options", "props", "onChange"])
     ]);
   }
-  const Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$g]]);
+  const Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$f]]);
 
   const _sfc_main$k = vue.defineComponent({
     name: "m-fields-checkbox",
@@ -2216,7 +2216,7 @@
     }
   });
 
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     return vue.openBlock(), vue.createBlock(_component_el_checkbox, {
       modelValue: _ctx.model[_ctx.name],
@@ -2229,7 +2229,7 @@
       onChange: _ctx.changeHandler
     }, null, 8, ["modelValue", "size", "trueLabel", "falseLabel", "disabled", "label", "onChange"]);
   }
-  const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$f]]);
+  const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$e]]);
 
   const _sfc_main$j = vue.defineComponent({
     name: "m-fields-checkbox-group",
@@ -2254,7 +2254,7 @@
     }
   });
 
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
     return vue.openBlock(), vue.createBlock(_component_el_checkbox_group, {
@@ -2280,7 +2280,7 @@
       _: 1
     }, 8, ["modelValue", "size", "disabled", "onChange"]);
   }
-  const CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$e]]);
+  const CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$d]]);
 
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     __name: "ColorPicker",
@@ -2334,7 +2334,7 @@
     }
   });
 
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_date_picker = vue.resolveComponent("el-date-picker");
     return vue.openBlock(), vue.createBlock(_component_el_date_picker, {
       modelValue: _ctx.model[_ctx.name],
@@ -2348,76 +2348,96 @@
       onChange: _ctx.changeHandler
     }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "onChange"]);
   }
-  const Date$1 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$d]]);
+  const Date$1 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$c]]);
 
-  const _sfc_main$g = vue.defineComponent({
-    name: "m-fields-daterange",
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    __name: "Daterange",
     props: {
-      ...fieldProps,
-      config: {
-        type: Object,
-        required: true
-      }
+      config: null,
+      model: null,
+      initValues: null,
+      values: null,
+      name: null,
+      prop: null,
+      disabled: { type: Boolean },
+      size: null
     },
     emits: ["change"],
-    setup(props, { emit }) {
+    setup(__props, { emit }) {
+      const props = __props;
       useAddField(props.prop);
       const { names } = props.config;
       const value = vue.ref([]);
       if (props.model !== void 0) {
         if (names?.length) {
-          value.value = names.map((item) => utils.datetimeFormatter(props.model?.[item], ""));
-        } else if (props.name && props.model[props.name]) {
-          value.value = props.model[props.name].map((item) => utils.datetimeFormatter(item, ""));
-        }
-      }
-      const setValue = (v) => {
-        if (names?.length && v instanceof Array) {
-          names.forEach((item, index) => {
-            if (props.model) {
-              props.model[item] = utils.datetimeFormatter(v[index].toString(), "");
+          vue.watch([() => props.model[names[0]], () => props.model[names[1]]], ([start, end], [preStart, preEnd]) => {
+            if (!value.value) {
+              value.value = [];
             }
+            if (!start || !end)
+              value.value = [];
+            if (start !== preStart)
+              value.value[0] = new Date(start);
+            if (end !== preEnd)
+              value.value[1] = new Date(end);
+          }, {
+            immediate: true
           });
-        } else if (props.model && props.name && v instanceof Date) {
-          props.model[props.name] = utils.datetimeFormatter(v.toString(), "");
-        } else if (names?.length) {
-          names.forEach((item) => {
-            if (props.model) {
-              props.model[item] = void 0;
-            }
+        } else if (props.name && props.model[props.name]) {
+          vue.watch(() => props.model[props.name], (start, preStart) => {
+            if (start !== preStart)
+              value.value = start.map((item) => item ? new Date(item) : void 0);
+          }, {
+            immediate: true
           });
-        } else if (props.name) {
-          props.model[props.name] = void 0;
         }
+      }
+      const setValue = (v) => {
+        names?.forEach((item, index) => {
+          if (!props.model) {
+            return;
+          }
+          if (Array.isArray(v)) {
+            props.model[item] = utils.datetimeFormatter(v[index]?.toString(), "");
+          } else {
+            props.model[item] = void 0;
+          }
+        });
       };
-      return {
-        value,
-        changeHandler(v) {
-          setValue(v);
-          emit("change", v);
+      const changeHandler = (v) => {
+        const value2 = v || [];
+        if (props.name) {
+          emit("change", value2.map((item) => {
+            if (item)
+              return utils.datetimeFormatter(item, "");
+            return void 0;
+          }));
+        } else {
+          if (names?.length) {
+            setValue(value2);
+          }
+          emit("change", value2);
         }
       };
+      return (_ctx, _cache) => {
+        const _component_el_date_picker = vue.resolveComponent("el-date-picker");
+        return vue.openBlock(), vue.createBlock(_component_el_date_picker, {
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          type: "datetimerange",
+          "range-separator": "-",
+          "start-placeholder": "\u5F00\u59CB\u65E5\u671F",
+          "end-placeholder": "\u7ED3\u675F\u65E5\u671F",
+          size: __props.size,
+          "unlink-panels": true,
+          disabled: __props.disabled,
+          "default-time": __props.config.defaultTime,
+          onChange: changeHandler
+        }, null, 8, ["modelValue", "size", "disabled", "default-time"]);
+      };
     }
   });
 
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_date_picker = vue.resolveComponent("el-date-picker");
-    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,
-      onChange: _ctx.changeHandler
-    }, null, 8, ["modelValue", "size", "disabled", "default-time", "onChange"]);
-  }
-  const Daterange = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$c]]);
-
   const _sfc_main$f = vue.defineComponent({
     name: "m-fields-datetime",
     props: {
@@ -3835,7 +3855,7 @@
     app.component(Time.name, Time);
     app.component(Checkbox.name, Checkbox);
     app.component(Switch.name, Switch);
-    app.component(Daterange.name, Daterange);
+    app.component("m-fields-daterange", _sfc_main$g);
     app.component("m-fields-color-picker", _sfc_main$i);
     app.component(CheckboxGroup.name, CheckboxGroup);
     app.component(RadioGroup.name, RadioGroup);
@@ -3856,7 +3876,7 @@
   exports.MContainer = Container;
   exports.MDate = Date$1;
   exports.MDateTime = DateTime;
-  exports.MDaterange = Daterange;
+  exports.MDaterange = _sfc_main$g;
   exports.MDisplay = _sfc_main$e;
   exports.MDynamicField = DynamicField;
   exports.MFieldset = _sfc_main$t;