@tmagic/form 1.3.0-beta.2 → 1.3.0-beta.3

package/dist/tmagic-form.js

@@ -3,7 +3,7 @@ import { WarningFilled, CaretBottom, CaretRight, Delete, CaretTop, Grid, ArrowUp
 import { cloneDeep, isEqual, isEmpty } from 'lodash-es';
 import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getConfig as getConfig$1, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, TMagicOptionGroup, TMagicOption, TMagicSelect, TMagicSwitch, TMagicTimePicker, TMagicDrawer } from '@tmagic/design';
 import Sortable from 'sortablejs';
-import { asyncLoadJs, sleep, datetimeFormatter, getValueByKeyPath, isNumber } from '@tmagic/utils';
+import { sleep, asyncLoadJs, datetimeFormatter, getValueByKeyPath, isNumber } from '@tmagic/utils';
 import cloneDeep$1 from 'lodash-es/cloneDeep';
 
 const isTableSelect = (type) => typeof type === "string" && ["table-select", "tableSelect"].includes(type);
@@ -170,8 +170,8 @@ const initValue = async (mForm, { initValues, config }) => {
 const _hoisted_1$d = ["innerHTML"];
 const _hoisted_2$7 = ["innerHTML"];
 const _hoisted_3$4 = ["innerHTML"];
-const _hoisted_4$3 = ["innerHTML"];
-const _hoisted_5$3 = ["innerHTML"];
+const _hoisted_4$4 = ["innerHTML"];
+const _hoisted_5$4 = ["innerHTML"];
 const _hoisted_6$1 = ["innerHTML"];
 const _hoisted_7$1 = ["innerHTML"];
 const _hoisted_8$1 = ["innerHTML"];
@@ -416,7 +416,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createElementVNode("div", {
                 innerHTML: _ctx.config.tip
-              }, null, 8, _hoisted_4$3)
+              }, null, 8, _hoisted_4$4)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -439,7 +439,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             label: withCtx(() => [
               createElementVNode("span", {
                 innerHTML: type.value === "checkbox" ? "" : text.value
-              }, null, 8, _hoisted_5$3)
+              }, null, 8, _hoisted_5$4)
             ]),
             default: withCtx(() => [
               tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
@@ -604,8 +604,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 const _hoisted_1$c = ["innerHTML"];
 const _hoisted_2$6 = ["innerHTML"];
 const _hoisted_3$3 = { key: 1 };
-const _hoisted_4$2 = ["innerHTML"];
-const _hoisted_5$2 = ["innerHTML"];
+const _hoisted_4$3 = ["innerHTML"];
+const _hoisted_5$3 = ["innerHTML"];
 const _hoisted_6 = {
   key: 2,
   style: { "display": "flex" }
@@ -685,12 +685,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         })) : (openBlock(), createElementBlock("legend", _hoisted_3$3, [
           createElementVNode("span", {
             innerHTML: _ctx.config.legend
-          }, null, 8, _hoisted_4$2),
+          }, null, 8, _hoisted_4$3),
           _ctx.config.extra ? (openBlock(), createElementBlock("span", {
             key: 0,
             innerHTML: _ctx.config.extra,
             class: "m-form-tip"
-          }, null, 8, _hoisted_5$2)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_5$3)) : createCommentVNode("", true)
         ])),
         _ctx.config.schematic && show.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
           createElementVNode("div", _hoisted_7, [
@@ -895,9 +895,9 @@ const _hoisted_3$2 = {
   key: 1,
   class: "el-table__empty-block"
 };
-const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
-const _hoisted_5$1 = [
-  _hoisted_4$1
+const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
+const _hoisted_5$2 = [
+  _hoisted_4$2
 ];
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
@@ -988,7 +988,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           innerHTML: _ctx.config.extra,
           style: { "color": "rgba(0, 0, 0, 0.45)" }
         }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
-        !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$2, _hoisted_5$1)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
+        !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$2, _hoisted_5$2)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
           return openBlock(), createBlock(_sfc_main$w, {
             key: index,
             model: item,
@@ -1040,8 +1040,8 @@ const _hoisted_3$1 = {
   key: 0,
   style: { "display": "flex" }
 };
-const _hoisted_4 = { style: { "flex": "1" } };
-const _hoisted_5 = ["src"];
+const _hoisted_4$1 = { style: { "flex": "1" } };
+const _hoisted_5$1 = ["src"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormPanel"
@@ -1095,7 +1095,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default"),
             _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-              createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_4$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
                   return openBlock(), createBlock(_sfc_main$y, {
                     key: item[unref(mForm)?.keyProp || "__key"] ?? index,
@@ -1115,7 +1115,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               createElementVNode("img", {
                 class: "m-form-schematic",
                 src: _ctx.config.schematic
-              }, null, 8, _hoisted_5)
+              }, null, 8, _hoisted_5$1)
             ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(items.value, (item, index) => {
               return openBlock(), createBlock(_sfc_main$y, {
                 key: item[unref(mForm)?.keyProp || "__key"] ?? index,
@@ -1318,8 +1318,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$8 = ["innerHTML"];
 const _hoisted_2$2 = ["innerHTML"];
-const _hoisted_3 = {
-  key: 6,
+const _hoisted_3 = { style: { "display": "flex", "justify-content": "space-between", "margin": "10px 0" } };
+const _hoisted_4 = { style: { "display": "flex" } };
+const _hoisted_5 = {
+  key: 1,
   class: "bottom",
   style: { "text-align": "right" }
 };
@@ -1358,14 +1360,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const isFullscreen = ref(false);
     const modelName = computed(() => props.name || props.config.name || "");
     const data = computed(
-      () => props.config.pagination ? props.model[modelName.value].filter(
+      () => props.config.pagination ? (props.model[modelName.value] || []).filter(
         (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
       ) : props.model[modelName.value]
     );
     const lastData = computed(
-      () => props.config.pagination ? props.lastValues[modelName.value].filter(
+      () => props.config.pagination ? (props.lastValues[modelName.value] || []).filter(
         (item, index) => index >= pagecontext.value * pagesize.value && index + 1 <= (pagecontext.value + 1) * pagesize.value
-      ) : props.lastValues[modelName.value] || {}
+      ) : props.lastValues[modelName.value] || []
     );
     const sortChange = ({ prop, order }) => {
       if (order === "ascending") {
@@ -1466,9 +1468,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       props.model[modelName.value].push(inputs);
       emit("change", props.model[modelName.value]);
     };
-    if (!globalThis.XLSX) {
-      asyncLoadJs("https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js");
-    }
     onMounted(() => {
       if (props.config.defautSort) {
         sortChange(props.config.defautSort);
@@ -1600,10 +1599,13 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       props.model[modelName.value].splice(0, len);
       mForm?.$emit("field-change", props.prop, props.model[modelName.value]);
     };
-    const excelHandler = (file) => {
+    const excelHandler = async (file) => {
       if (!file?.raw) {
         return false;
       }
+      if (!globalThis.XLSX) {
+        await asyncLoadJs("https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js");
+      }
       const reader = new FileReader();
       reader.onload = () => {
         const data2 = reader.result;
@@ -1838,84 +1840,86 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           _: 3
         }, 8, ["disabled"]),
         renderSlot(_ctx.$slots, "default"),
-        addable.value ? (openBlock(), createBlock(unref(TMagicButton), {
-          key: 1,
-          size: "small",
-          type: "primary",
-          disabled: _ctx.disabled,
-          plain: "",
-          onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
-        }, {
-          default: withCtx(() => [
-            createTextVNode("新增一行")
-          ]),
-          _: 1
-        }, 8, ["disabled"])) : createCommentVNode("", true),
-        createTextVNode("   "),
-        _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
-          key: 2,
-          icon: unref(Grid),
-          size: "small",
-          type: "primary",
-          onClick: toggleMode
-        }, {
-          default: withCtx(() => [
-            createTextVNode("展开配置")
-          ]),
-          _: 1
-        }, 8, ["icon"])) : createCommentVNode("", true),
-        _ctx.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
-          key: 3,
-          icon: unref(FullScreen),
-          size: "small",
-          type: "primary",
-          onClick: toggleFullscreen
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
-          ]),
-          _: 1
-        }, 8, ["icon"])) : createCommentVNode("", true),
-        importable.value ? (openBlock(), createBlock(unref(TMagicUpload), {
-          key: 4,
-          style: { "display": "inline-block" },
-          ref_key: "excelBtn",
-          ref: excelBtn,
-          action: "/noop",
-          disabled: _ctx.disabled,
-          "on-change": excelHandler,
-          "auto-upload": false
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(TMagicButton), {
+        createElementVNode("div", _hoisted_3, [
+          addable.value ? (openBlock(), createBlock(unref(TMagicButton), {
+            key: 0,
+            size: "small",
+            type: "primary",
+            disabled: _ctx.disabled,
+            plain: "",
+            onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
+          }, {
+            default: withCtx(() => [
+              createTextVNode("新增一行")
+            ]),
+            _: 1
+          }, 8, ["disabled"])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_4, [
+            _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
+              key: 0,
+              icon: unref(Grid),
+              size: "small",
+              type: "primary",
+              onClick: toggleMode
+            }, {
+              default: withCtx(() => [
+                createTextVNode("展开配置")
+              ]),
+              _: 1
+            }, 8, ["icon"])) : createCommentVNode("", true),
+            _ctx.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
+              key: 1,
+              icon: unref(FullScreen),
               size: "small",
-              type: "success",
+              type: "primary",
+              onClick: toggleFullscreen
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
+              ]),
+              _: 1
+            }, 8, ["icon"])) : createCommentVNode("", true),
+            importable.value ? (openBlock(), createBlock(unref(TMagicUpload), {
+              key: 2,
+              style: { "display": "inline-block" },
+              ref_key: "excelBtn",
+              ref: excelBtn,
+              action: "/noop",
               disabled: _ctx.disabled,
-              plain: ""
+              "on-change": excelHandler,
+              "auto-upload": false
             }, {
               default: withCtx(() => [
-                createTextVNode("导入EXCEL")
+                createVNode(unref(TMagicButton), {
+                  size: "small",
+                  type: "success",
+                  disabled: _ctx.disabled,
+                  plain: ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("导入EXCEL")
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
               ]),
               _: 1
-            }, 8, ["disabled"])
-          ]),
-          _: 1
-        }, 8, ["disabled"])) : createCommentVNode("", true),
-        createTextVNode("  "),
-        importable.value ? (openBlock(), createBlock(unref(TMagicButton), {
-          key: 5,
-          size: "small",
-          type: "warning",
-          disabled: _ctx.disabled,
-          plain: "",
-          onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
-        }, {
-          default: withCtx(() => [
-            createTextVNode("清空")
-          ]),
-          _: 1
-        }, 8, ["disabled"])) : createCommentVNode("", true),
-        _ctx.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            }, 8, ["disabled"])) : createCommentVNode("", true),
+            importable.value ? (openBlock(), createBlock(unref(TMagicButton), {
+              key: 3,
+              size: "small",
+              type: "warning",
+              disabled: _ctx.disabled,
+              plain: "",
+              onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
+            }, {
+              default: withCtx(() => [
+                createTextVNode("清空")
+              ]),
+              _: 1
+            }, 8, ["disabled"])) : createCommentVNode("", true)
+          ])
+        ]),
+        _ctx.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_5, [
           createVNode(unref(TMagicPagination), {
             layout: "total, sizes, prev, pager, next, jumper",
             "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
@@ -2219,7 +2223,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         placeholder: _ctx.config.placeholder,
         disabled: _ctx.disabled,
         options: unref(options),
-        props: { multiple: _ctx.config.multiple },
+        props: {
+          multiple: _ctx.config.multiple ?? false,
+          emitPath: _ctx.config.emitPath ?? true,
+          checkStrictly: _ctx.config.checkStrictly ?? false
+        },
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "options", "props"]);
     };