@tmagic/form 1.0.3 → 1.0.6

package/dist/tmagic-form.umd.js

@@ -314,7 +314,7 @@
       };
     }
   });
-  const _hoisted_1$e = ["innerHTML"];
+  const _hoisted_1$d = ["innerHTML"];
   const _hoisted_2$7 = ["innerHTML"];
   const _hoisted_3$7 = ["innerHTML"];
   const _hoisted_4$6 = ["innerHTML"];
@@ -364,7 +364,7 @@
           label: vue.withCtx(() => [
             vue.createElementVNode("span", {
               innerHTML: _ctx.type === "checkbox" ? "" : _ctx.config.text
-            }, null, 8, _hoisted_1$e)
+            }, null, 8, _hoisted_1$d)
           ]),
           default: vue.withCtx(() => [
             _ctx.tooltip ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, { key: 0 }, {
@@ -451,7 +451,7 @@
   }
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$p]]);
 
-  const _hoisted_1$d = ["innerHTML"];
+  const _hoisted_1$c = ["innerHTML"];
   const _hoisted_2$6 = ["innerHTML"];
   const _hoisted_3$6 = { key: 1 };
   const _hoisted_4$5 = ["innerHTML"];
@@ -495,7 +495,6 @@
       const key = (item, index) => item[mForm?.keyProp || "__key"] ?? index;
       if (props.config.checkbox && name.value) {
         vue.watch(() => props.model[name.value]?.value, () => {
-          console.log(props.model);
           emit("change", props.model);
         });
       }
@@ -519,7 +518,7 @@
                 default: vue.withCtx(() => [
                   vue.createElementVNode("span", {
                     innerHTML: __props.config.legend
-                  }, null, 8, _hoisted_1$d),
+                  }, null, 8, _hoisted_1$c),
                   __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: __props.config.extra,
@@ -660,7 +659,7 @@
       };
     }
   });
-  const _hoisted_1$c = { class: "m-fields-group-list-item" };
+  const _hoisted_1$b = { 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"];
@@ -672,7 +671,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$c, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
       vue.createElementVNode("div", null, [
         vue.createVNode(_component_el_icon, {
           style: { "margin-right": "7px" },
@@ -853,7 +852,7 @@
       };
     }
   });
-  const _hoisted_1$b = { class: "m-fields-group-list" };
+  const _hoisted_1$a = { class: "m-fields-group-list" };
   const _hoisted_2$4 = ["innerHTML"];
   const _hoisted_3$4 = {
     key: 1,
@@ -868,7 +867,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$b, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
       _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         innerHTML: _ctx.config.extra,
@@ -947,7 +946,7 @@
       };
     }
   });
-  const _hoisted_1$a = { class: "clearfix" };
+  const _hoisted_1$9 = { class: "clearfix" };
   const _hoisted_2$3 = ["innerHTML"];
   const _hoisted_3$3 = {
     key: 0,
@@ -967,7 +966,7 @@
       "body-style": { display: _ctx.expand ? "block" : "none" }
     }, {
       header: vue.withCtx(() => [
-        vue.createElementVNode("div", _hoisted_1$a, [
+        vue.createElementVNode("div", _hoisted_1$9, [
           vue.createElementVNode("a", {
             href: "javascript:",
             style: { "width": "100%", "display": "block" },
@@ -1579,7 +1578,7 @@
       };
     }
   });
-  const _hoisted_1$9 = ["innerHTML"];
+  const _hoisted_1$8 = ["innerHTML"];
   const _hoisted_2$2 = { class: "el-form-item__content" };
   const _hoisted_3$2 = ["innerHTML"];
   const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0");
@@ -1608,7 +1607,7 @@
         key: 0,
         style: { "color": "rgba(0, 0, 0, 0.45)" },
         innerHTML: _ctx.config.extra
-      }, null, 8, _hoisted_1$9)) : vue.createCommentVNode("", true),
+      }, null, 8, _hoisted_1$8)) : vue.createCommentVNode("", true),
       vue.createElementVNode("div", _hoisted_2$2, [
         vue.createVNode(_component_el_tooltip, {
           content: "\u62D6\u62FD\u53EF\u6392\u5E8F",
@@ -2144,13 +2143,13 @@
       };
     }
   });
-  const _hoisted_1$8 = {
+  const _hoisted_1$7 = {
     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$8, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
       vue.createVNode(_component_el_cascader, {
         modelValue: _ctx.model[_ctx.name],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2273,7 +2272,7 @@
   }
   var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$e]]);
 
-  const _hoisted_1$7 = { key: 0 };
+  const _hoisted_1$6 = { key: 0 };
   const __default__$2 = vue.defineComponent({
     name: "m-fields-color-picker"
   });
@@ -2293,7 +2292,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$7, [
+        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
           vue.createVNode(_component_el_color_picker, {
             modelValue: _ctx.model[_ctx.name],
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
@@ -2319,32 +2318,27 @@
     emits: ["change", "input"],
     setup(props, { emit }) {
       useAddField(props.prop);
-      const modelName = vue.computed(() => props.prop || props.config.name || "");
-      props.model[modelName.value] = utils.datetimeFormatter(props.model[modelName.value], "");
+      props.model[props.name] = utils.datetimeFormatter(props.model[props.name], "");
       return {
-        modelName,
         changeHandler(v) {
           emit("change", v);
         }
       };
     }
   });
-  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$6, [
-      vue.createVNode(_component_el_date_picker, {
-        modelValue: _ctx.model[_ctx.modelName],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.modelName] = $event),
-        type: "date",
-        size: _ctx.size,
-        placeholder: _ctx.config.placeholder,
-        disabled: _ctx.disabled,
-        format: _ctx.config.format,
-        "value-format": _ctx.config.format || "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),
+      type: "date",
+      size: _ctx.size,
+      placeholder: _ctx.config.placeholder,
+      disabled: _ctx.disabled,
+      format: _ctx.config.format,
+      "value-format": _ctx.config.format || "YYYY-MM-DD HH:mm:ss",
+      onChange: _ctx.changeHandler
+    }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "onChange"]);
   }
   var Date$1 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$d]]);
 
@@ -3431,17 +3425,15 @@
   });
   function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_time_picker = vue.resolveComponent("el-time-picker");
-    return vue.openBlock(), vue.createElementBlock("div", null, [
-      vue.createVNode(_component_el_time_picker, {
-        modelValue: _ctx.model[_ctx.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-        size: _ctx.size,
-        "value-format": "HH:mm:ss",
-        placeholder: _ctx.config.placeholder,
-        disabled: _ctx.disabled,
-        onChange: _ctx.changeHandler
-      }, null, 8, ["modelValue", "size", "placeholder", "disabled", "onChange"])
-    ]);
+    return vue.openBlock(), vue.createBlock(_component_el_time_picker, {
+      modelValue: _ctx.model[_ctx.name],
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+      size: _ctx.size,
+      "value-format": "HH:mm:ss",
+      placeholder: _ctx.config.placeholder,
+      disabled: _ctx.disabled,
+      onChange: _ctx.changeHandler
+    }, null, 8, ["modelValue", "size", "placeholder", "disabled", "onChange"]);
   }
   var Time = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);