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

package/dist/tmagic-form.mjs

@@ -320,7 +320,7 @@ const _hoisted_5$4 = {
   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 = resolveComponent("m-fields-hidden");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_form_item = resolveComponent("el-form-item");
@@ -447,7 +447,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 6)) : 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"];
@@ -662,7 +662,7 @@ const _hoisted_1$a = { 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"];
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CaretBottom = resolveComponent("CaretBottom");
   const _component_CaretRight = resolveComponent("CaretRight");
   const _component_el_icon = resolveComponent("el-icon");
@@ -752,7 +752,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["config", "model", "labelWidth", "prop", "size", "onChange"])) : 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 = defineComponent({
   name: "m-form-group-list",
@@ -863,7 +863,7 @@ const _hoisted_5$2 = [
 ];
 const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("\u6DFB\u52A0\u7EC4");
 const _hoisted_7$1 = /* @__PURE__ */ 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 = resolveComponent("m-fields-group-list-item");
   const _component_el_button = resolveComponent("el-button");
   return openBlock(), createElementBlock("div", _hoisted_1$9, [
@@ -910,7 +910,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onClick"])) : 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 = defineComponent({
   name: "m-form-panel",
@@ -954,7 +954,7 @@ const _hoisted_3$3 = {
 };
 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 = resolveComponent("caret-bottom");
   const _component_caret_right = resolveComponent("caret-right");
   const _component_el_icon = resolveComponent("el-icon");
@@ -1024,7 +1024,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["body-style"])) : 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 = defineComponent({
   props: {
@@ -1054,7 +1054,7 @@ const _sfc_main$p = defineComponent({
   }
 });
 
-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 = resolveComponent("m-form-container");
   const _component_el_col = resolveComponent("el-col");
   return withDirectives((openBlock(), createBlock(_component_el_col, { span: _ctx.span }, {
@@ -1074,7 +1074,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     [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 = defineComponent({
   name: "m-form-row",
@@ -1105,7 +1105,7 @@ const _sfc_main$o = defineComponent({
   }
 });
 
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Col = resolveComponent("Col");
   const _component_el_row = resolveComponent("el-row");
   return openBlock(), createBlock(_component_el_row, { gutter: 10 }, {
@@ -1127,7 +1127,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
   name: "m-form-step",
@@ -1165,7 +1165,7 @@ const _sfc_main$n = defineComponent({
   }
 });
 
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_step = resolveComponent("el-step");
   const _component_el_steps = resolveComponent("el-steps");
   const _component_m_form_container = resolveComponent("m-form-container");
@@ -1208,7 +1208,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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;
@@ -1595,7 +1595,7 @@ const _hoisted_10 = {
   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 = resolveComponent("el-table-column");
   const _component_el_button = resolveComponent("el-button");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -1844,7 +1844,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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;
@@ -1964,7 +1964,7 @@ const Tab = defineComponent({
   }
 });
 
-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 = resolveComponent("m-form-container");
   const _component_el_tab_pane = resolveComponent("el-tab-pane");
   const _component_el_tabs = resolveComponent("el-tabs");
@@ -2010,7 +2010,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) => {
@@ -2152,7 +2152,7 @@ const _hoisted_1$6 = {
   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 = resolveComponent("el-cascader");
   return openBlock(), createElementBlock("div", _hoisted_1$6, [
     createVNode(_component_el_cascader, {
@@ -2171,7 +2171,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 = defineComponent({
   name: "m-fields-checkbox",
@@ -2213,7 +2213,7 @@ const _sfc_main$k = defineComponent({
   }
 });
 
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   return openBlock(), createBlock(_component_el_checkbox, {
     modelValue: _ctx.model[_ctx.name],
@@ -2226,7 +2226,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
   name: "m-fields-checkbox-group",
@@ -2251,7 +2251,7 @@ const _sfc_main$j = defineComponent({
   }
 });
 
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
   return openBlock(), createBlock(_component_el_checkbox_group, {
@@ -2277,7 +2277,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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__ */ defineComponent({
   __name: "ColorPicker",
@@ -2331,7 +2331,7 @@ const _sfc_main$h = defineComponent({
   }
 });
 
-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 = resolveComponent("el-date-picker");
   return openBlock(), createBlock(_component_el_date_picker, {
     modelValue: _ctx.model[_ctx.name],
@@ -2345,76 +2345,96 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
-  name: "m-fields-daterange",
+const _sfc_main$g = /* @__PURE__ */ 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 = ref([]);
     if (props.model !== void 0) {
       if (names?.length) {
-        value.value = names.map((item) => datetimeFormatter(props.model?.[item], ""));
-      } else if (props.name && props.model[props.name]) {
-        value.value = props.model[props.name].map((item) => datetimeFormatter(item, ""));
-      }
-    }
-    const setValue = (v) => {
-      if (names?.length && v instanceof Array) {
-        names.forEach((item, index) => {
-          if (props.model) {
-            props.model[item] = datetimeFormatter(v[index].toString(), "");
+        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] = 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]) {
+        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] = 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 datetimeFormatter(item, "");
+          return void 0;
+        }));
+      } else {
+        if (names?.length) {
+          setValue(value2);
+        }
+        emit("change", value2);
       }
     };
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      return openBlock(), 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 = resolveComponent("el-date-picker");
-  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,
-    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 = defineComponent({
   name: "m-fields-datetime",
   props: {
@@ -3832,7 +3852,7 @@ const install = (app, opt) => {
   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);
@@ -3846,5 +3866,5 @@ const index = {
   install
 };
 
-export { Cascader as MCascader, Checkbox as MCheckbox, CheckboxGroup as MCheckboxGroup, _sfc_main$i as MColorPicker, Container as MContainer, Date$1 as MDate, DateTime as MDateTime, Daterange as MDaterange, _sfc_main$e as MDisplay, DynamicField as MDynamicField, _sfc_main$t as MFieldset, Form as MForm, FormDialog as MFormDialog, GroupList as MGroupList, _sfc_main$c as MHidden, Link as MLink, Number$1 as MNumber, Panel as MPanel, RadioGroup as MRadioGroup, Row as MRow, Select as MSelect, Switch as MSwitch, Table as MTable, Tabs as MTabs, Text as MText, Textarea as MTextarea, Time as MTime, index as default, display, fieldProps, filterFunction, getRules, initValue, useAddField };
+export { Cascader as MCascader, Checkbox as MCheckbox, CheckboxGroup as MCheckboxGroup, _sfc_main$i as MColorPicker, Container as MContainer, Date$1 as MDate, DateTime as MDateTime, _sfc_main$g as MDaterange, _sfc_main$e as MDisplay, DynamicField as MDynamicField, _sfc_main$t as MFieldset, Form as MForm, FormDialog as MFormDialog, GroupList as MGroupList, _sfc_main$c as MHidden, Link as MLink, Number$1 as MNumber, Panel as MPanel, RadioGroup as MRadioGroup, Row as MRow, Select as MSelect, Switch as MSwitch, Table as MTable, Tabs as MTabs, Text as MText, Textarea as MTextarea, Time as MTime, index as default, display, fieldProps, filterFunction, getRules, initValue, useAddField };
 //# sourceMappingURL=tmagic-form.mjs.map