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

package/dist/tmagic-form.umd.cjs

@@ -168,8 +168,8 @@
   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"];
@@ -414,7 +414,7 @@
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", {
                   innerHTML: _ctx.config.tip
-                }, null, 8, _hoisted_4$3)
+                }, null, 8, _hoisted_4$4)
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -437,7 +437,7 @@
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
                   innerHTML: type.value === "checkbox" ? "" : text.value
-                }, null, 8, _hoisted_5$3)
+                }, null, 8, _hoisted_5$4)
               ]),
               default: vue.withCtx(() => [
                 tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
@@ -602,8 +602,8 @@
   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" }
@@ -683,12 +683,12 @@
           })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$3, [
             vue.createElementVNode("span", {
               innerHTML: _ctx.config.legend
-            }, null, 8, _hoisted_4$2),
+            }, null, 8, _hoisted_4$3),
             _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.config.extra,
               class: "m-form-tip"
-            }, null, 8, _hoisted_5$2)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_5$3)) : vue.createCommentVNode("", true)
           ])),
           _ctx.config.schematic && show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
             vue.createElementVNode("div", _hoisted_7, [
@@ -893,9 +893,9 @@
     key: 1,
     class: "el-table__empty-block"
   };
-  const _hoisted_4$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
-  const _hoisted_5$1 = [
-    _hoisted_4$1
+  const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
+  const _hoisted_5$2 = [
+    _hoisted_4$2
   ];
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -986,7 +986,7 @@
             innerHTML: _ctx.config.extra,
             style: { "color": "rgba(0, 0, 0, 0.45)" }
           }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
-          !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, _hoisted_5$1)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
+          !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, _hoisted_5$2)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
             return vue.openBlock(), vue.createBlock(_sfc_main$w, {
               key: index,
               model: item,
@@ -1038,8 +1038,8 @@
     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__ */ vue.defineComponent({
     ...{
       name: "MFormPanel"
@@ -1093,7 +1093,7 @@
             vue.createElementVNode("div", null, [
               vue.renderSlot(_ctx.$slots, "default"),
               _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
-                vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_4$1, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
                     return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                       key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
@@ -1113,7 +1113,7 @@
                 vue.createElementVNode("img", {
                   class: "m-form-schematic",
                   src: _ctx.config.schematic
-                }, null, 8, _hoisted_5)
+                }, null, 8, _hoisted_5$1)
               ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(items.value, (item, index) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
@@ -1316,8 +1316,10 @@
 
   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" }
   };
@@ -1356,14 +1358,14 @@
       const isFullscreen = vue.ref(false);
       const modelName = vue.computed(() => props.name || props.config.name || "");
       const data = vue.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 = vue.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") {
@@ -1464,9 +1466,6 @@
         props.model[modelName.value].push(inputs);
         emit("change", props.model[modelName.value]);
       };
-      if (!globalThis.XLSX) {
-        utils.asyncLoadJs("https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js");
-      }
       vue.onMounted(() => {
         if (props.config.defautSort) {
           sortChange(props.config.defautSort);
@@ -1598,10 +1597,13 @@
         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 utils.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;
@@ -1836,84 +1838,86 @@
             _: 3
           }, 8, ["disabled"]),
           vue.renderSlot(_ctx.$slots, "default"),
-          addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-            key: 1,
-            size: "small",
-            type: "primary",
-            disabled: _ctx.disabled,
-            plain: "",
-            onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode("新增一行")
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-          vue.createTextVNode("   "),
-          _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-            key: 2,
-            icon: vue.unref(iconsVue.Grid),
-            size: "small",
-            type: "primary",
-            onClick: toggleMode
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode("展开配置")
-            ]),
-            _: 1
-          }, 8, ["icon"])) : vue.createCommentVNode("", true),
-          _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-            key: 3,
-            icon: vue.unref(iconsVue.FullScreen),
-            size: "small",
-            type: "primary",
-            onClick: toggleFullscreen
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])) : vue.createCommentVNode("", true),
-          importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
-            key: 4,
-            style: { "display": "inline-block" },
-            ref_key: "excelBtn",
-            ref: excelBtn,
-            action: "/noop",
-            disabled: _ctx.disabled,
-            "on-change": excelHandler,
-            "auto-upload": false
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(design.TMagicButton), {
+          vue.createElementVNode("div", _hoisted_3, [
+            addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+              key: 0,
+              size: "small",
+              type: "primary",
+              disabled: _ctx.disabled,
+              plain: "",
+              onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("新增一行")
+              ]),
+              _: 1
+            }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_4, [
+              _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                key: 0,
+                icon: vue.unref(iconsVue.Grid),
+                size: "small",
+                type: "primary",
+                onClick: toggleMode
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("展开配置")
+                ]),
+                _: 1
+              }, 8, ["icon"])) : vue.createCommentVNode("", true),
+              _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                key: 1,
+                icon: vue.unref(iconsVue.FullScreen),
                 size: "small",
-                type: "success",
+                type: "primary",
+                onClick: toggleFullscreen
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
+                ]),
+                _: 1
+              }, 8, ["icon"])) : vue.createCommentVNode("", true),
+              importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.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: vue.withCtx(() => [
-                  vue.createTextVNode("导入EXCEL")
+                  vue.createVNode(vue.unref(design.TMagicButton), {
+                    size: "small",
+                    type: "success",
+                    disabled: _ctx.disabled,
+                    plain: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("导入EXCEL")
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])
                 ]),
                 _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-          vue.createTextVNode("  "),
-          importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-            key: 5,
-            size: "small",
-            type: "warning",
-            disabled: _ctx.disabled,
-            plain: "",
-            onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode("清空")
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-          _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+              }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+              importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                key: 3,
+                size: "small",
+                type: "warning",
+                disabled: _ctx.disabled,
+                plain: "",
+                onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("清空")
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
             vue.createVNode(vue.unref(design.TMagicPagination), {
               layout: "total, sizes, prev, pager, next, jumper",
               "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
@@ -2217,7 +2221,11 @@
           placeholder: _ctx.config.placeholder,
           disabled: _ctx.disabled,
           options: vue.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"]);
       };