@tmagic/form 1.3.0-alpha.18 → 1.3.0-alpha.19

package/dist/tmagic-form.js

@@ -170,7 +170,7 @@ const initValue = async (mForm, { initValues, config }) => {
 const _hoisted_1$d = ["innerHTML"];
 const _hoisted_2$7 = ["innerHTML"];
 const _hoisted_3$4 = ["innerHTML"];
-const _hoisted_4$4 = ["innerHTML"];
+const _hoisted_4$3 = ["innerHTML"];
 const _hoisted_5$3 = ["innerHTML"];
 const _hoisted_6$1 = ["innerHTML"];
 const _hoisted_7$1 = ["innerHTML"];
@@ -416,7 +416,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createElementVNode("div", {
                 innerHTML: _ctx.config.tip
-              }, null, 8, _hoisted_4$4)
+              }, null, 8, _hoisted_4$3)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -604,7 +604,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 const _hoisted_1$c = ["innerHTML"];
 const _hoisted_2$6 = ["innerHTML"];
 const _hoisted_3$3 = { key: 1 };
-const _hoisted_4$3 = ["innerHTML"];
+const _hoisted_4$2 = ["innerHTML"];
 const _hoisted_5$2 = ["innerHTML"];
 const _hoisted_6 = {
   key: 2,
@@ -685,7 +685,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         })) : (openBlock(), createElementBlock("legend", _hoisted_3$3, [
           createElementVNode("span", {
             innerHTML: _ctx.config.legend
-          }, null, 8, _hoisted_4$3),
+          }, null, 8, _hoisted_4$2),
           _ctx.config.extra ? (openBlock(), createElementBlock("span", {
             key: 0,
             innerHTML: _ctx.config.extra,
@@ -895,9 +895,9 @@ const _hoisted_3$2 = {
   key: 1,
   class: "el-table__empty-block"
 };
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
+const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
 const _hoisted_5$1 = [
-  _hoisted_4$2
+  _hoisted_4$1
 ];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
@@ -1040,7 +1040,7 @@ const _hoisted_3$1 = {
   key: 0,
   style: { "display": "flex" }
 };
-const _hoisted_4$1 = { style: { "flex": "1" } };
+const _hoisted_4 = { style: { "flex": "1" } };
 const _hoisted_5 = ["src"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
@@ -1095,7 +1095,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default"),
             _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-              createElementVNode("div", _hoisted_4$1, [
+              createElementVNode("div", _hoisted_4, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
                   return openBlock(), createBlock(_sfc_main$x, {
                     key: item[unref(mForm)?.keyProp || "__key"] ?? index,
@@ -1317,10 +1317,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$8 = ["innerHTML"];
-const _hoisted_2$2 = { class: "el-form-item__content" };
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = {
-  key: 1,
+const _hoisted_2$2 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 6,
   class: "bottom",
   style: { "text-align": "right" }
 };
@@ -1680,245 +1679,243 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           style: { "color": "rgba(0, 0, 0, 0.45)" },
           innerHTML: _ctx.config.extra
         }, null, 8, _hoisted_1$8)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$2, [
-          createVNode(unref(TMagicTooltip), {
-            content: "拖拽可排序",
-            placement: "left-start",
-            disabled: _ctx.config.dropSort !== true
-          }, {
-            default: withCtx(() => [
-              _ctx.model[modelName.value] ? (openBlock(), createBlock(unref(TMagicTable), {
-                ref_key: "tMagicTable",
-                ref: tMagicTable,
-                style: { "width": "100%" },
-                "row-key": _ctx.config.rowKey || "id",
-                data: data.value,
-                lastData: lastData.value,
-                border: _ctx.config.border,
-                "max-height": _ctx.config.maxHeight,
-                "default-expand-all": true,
-                key: updateKey.value,
-                onSelect: selectHandle,
-                onSortChange: sortChange
-              }, {
-                default: withCtx(() => [
-                  _ctx.config.itemExtra ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                    key: 0,
-                    fixed: "left",
-                    width: "30",
-                    type: "expand"
-                  }, {
-                    default: withCtx((scope) => [
-                      createElementVNode("span", {
-                        innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
-                        class: "m-form-tip"
-                      }, null, 8, _hoisted_3)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  createVNode(unref(TMagicTableColumn), {
-                    label: "操作",
-                    width: _ctx.config.operateColWidth || 55,
-                    align: "center",
-                    fixed: _ctx.config.fixed === false ? void 0 : "left"
-                  }, {
-                    default: withCtx((scope) => [
-                      renderSlot(_ctx.$slots, "operateCol", { scope }),
-                      withDirectives(createVNode(unref(TMagicIcon), {
-                        class: "m-table-delete-icon",
-                        onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(Delete))
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]), [
-                        [vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
-                      ])
-                    ]),
-                    _: 3
-                  }, 8, ["width", "fixed"]),
-                  _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                    key: 1,
-                    label: "排序",
-                    width: "60"
-                  }, {
-                    default: withCtx((scope) => [
-                      scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (openBlock(), createBlock(unref(TMagicTooltip), {
-                        key: 0,
-                        content: "点击上移，双击置顶",
-                        placement: "top"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TMagicButton), {
-                            plain: "",
-                            size: "small",
-                            type: "primary",
-                            icon: unref(ArrowUp),
-                            disabled: _ctx.disabled,
-                            text: "",
-                            onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
-                            onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                          }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
-                        ]),
-                        _: 2
-                      }, 1024)) : createCommentVNode("", true),
-                      scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (openBlock(), createBlock(unref(TMagicTooltip), {
-                        key: 1,
-                        content: "点击下移，双击置底",
-                        placement: "top"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TMagicButton), {
-                            plain: "",
-                            size: "small",
-                            type: "primary",
-                            icon: unref(ArrowDown),
-                            disabled: _ctx.disabled,
-                            text: "",
-                            onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
-                            onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                          }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
-                        ]),
-                        _: 2
-                      }, 1024)) : createCommentVNode("", true)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  selection.value ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                    key: 2,
-                    align: "center",
-                    "header-align": "center",
-                    type: "selection",
-                    width: "45"
-                  })) : createCommentVNode("", true),
-                  _ctx.showIndex && _ctx.config.showIndex ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                    key: 3,
-                    width: "60",
-                    label: "序号"
-                  }, {
-                    default: withCtx((scope) => [
-                      createTextVNode(toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (column, index) => {
-                    return openBlock(), createElementBlock(Fragment, null, [
-                      column.type !== "hidden" && display$1(column.display) ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                        prop: column.name,
-                        width: column.width,
-                        label: column.label,
-                        sortable: column.sortable,
-                        "sort-orders": ["ascending", "descending"],
-                        key: column[unref(mForm)?.keyProp || "__key"] ?? index,
-                        "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
-                      }, {
-                        default: withCtx((scope) => [
-                          scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$x, {
-                            key: 0,
-                            labelWidth: "0",
-                            disabled: _ctx.disabled,
-                            prop: getProp(scope.$index),
-                            rules: column.rules,
-                            config: makeConfig(column, scope.row),
-                            model: scope.row,
-                            lastValues: lastData.value[scope.$index],
-                            "is-compare": _ctx.isCompare,
-                            size: _ctx.size,
-                            onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
-                            onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
-                          }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : createCommentVNode("", true)
-                        ]),
-                        _: 2
-                      }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : createCommentVNode("", true)
-                    ], 64);
-                  }), 256))
-                ]),
-                _: 3
-              }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : createCommentVNode("", true)
-            ]),
-            _: 3
-          }, 8, ["disabled"]),
-          renderSlot(_ctx.$slots, "default"),
-          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),
-          createTextVNode("   "),
-          _ctx.enableToggleMode && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
-            key: 1,
-            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: 2,
-            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: 3,
-            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), {
-                size: "small",
-                type: "success",
-                disabled: _ctx.disabled,
-                plain: ""
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("导入EXCEL")
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : createCommentVNode("", true),
-          createTextVNode("  "),
-          importable.value ? (openBlock(), createBlock(unref(TMagicButton), {
-            key: 4,
-            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_4, [
+        createVNode(unref(TMagicTooltip), {
+          content: "拖拽可排序",
+          placement: "left-start",
+          disabled: _ctx.config.dropSort !== true
+        }, {
+          default: withCtx(() => [
+            _ctx.model[modelName.value] ? (openBlock(), createBlock(unref(TMagicTable), {
+              ref_key: "tMagicTable",
+              ref: tMagicTable,
+              style: { "width": "100%" },
+              "row-key": _ctx.config.rowKey || "id",
+              data: data.value,
+              lastData: lastData.value,
+              border: _ctx.config.border,
+              "max-height": _ctx.config.maxHeight,
+              "default-expand-all": true,
+              key: updateKey.value,
+              onSelect: selectHandle,
+              onSortChange: sortChange
+            }, {
+              default: withCtx(() => [
+                _ctx.config.itemExtra ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  key: 0,
+                  fixed: "left",
+                  width: "30",
+                  type: "expand"
+                }, {
+                  default: withCtx((scope) => [
+                    createElementVNode("span", {
+                      innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
+                      class: "m-form-tip"
+                    }, null, 8, _hoisted_2$2)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createVNode(unref(TMagicTableColumn), {
+                  label: "操作",
+                  width: _ctx.config.operateColWidth || 55,
+                  align: "center",
+                  fixed: _ctx.config.fixed === false ? void 0 : "left"
+                }, {
+                  default: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, "operateCol", { scope }),
+                    withDirectives(createVNode(unref(TMagicIcon), {
+                      class: "m-table-delete-icon",
+                      onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Delete))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]), [
+                      [vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["width", "fixed"]),
+                _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  key: 1,
+                  label: "排序",
+                  width: "60"
+                }, {
+                  default: withCtx((scope) => [
+                    scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (openBlock(), createBlock(unref(TMagicTooltip), {
+                      key: 0,
+                      content: "点击上移，双击置顶",
+                      placement: "top"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(TMagicButton), {
+                          plain: "",
+                          size: "small",
+                          type: "primary",
+                          icon: unref(ArrowUp),
+                          disabled: _ctx.disabled,
+                          text: "",
+                          onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
+                          onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
+                        }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true),
+                    scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (openBlock(), createBlock(unref(TMagicTooltip), {
+                      key: 1,
+                      content: "点击下移，双击置底",
+                      placement: "top"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(TMagicButton), {
+                          plain: "",
+                          size: "small",
+                          type: "primary",
+                          icon: unref(ArrowDown),
+                          disabled: _ctx.disabled,
+                          text: "",
+                          onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
+                          onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
+                        }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                selection.value ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  key: 2,
+                  align: "center",
+                  "header-align": "center",
+                  type: "selection",
+                  width: "45"
+                })) : createCommentVNode("", true),
+                _ctx.showIndex && _ctx.config.showIndex ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  key: 3,
+                  width: "60",
+                  label: "序号"
+                }, {
+                  default: withCtx((scope) => [
+                    createTextVNode(toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (column, index) => {
+                  return openBlock(), createElementBlock(Fragment, null, [
+                    column.type !== "hidden" && display$1(column.display) ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                      prop: column.name,
+                      width: column.width,
+                      label: column.label,
+                      sortable: column.sortable,
+                      "sort-orders": ["ascending", "descending"],
+                      key: column[unref(mForm)?.keyProp || "__key"] ?? index,
+                      "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
+                    }, {
+                      default: withCtx((scope) => [
+                        scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$x, {
+                          key: 0,
+                          labelWidth: "0",
+                          disabled: _ctx.disabled,
+                          prop: getProp(scope.$index),
+                          rules: column.rules,
+                          config: makeConfig(column, scope.row),
+                          model: scope.row,
+                          lastValues: lastData.value[scope.$index],
+                          "is-compare": _ctx.isCompare,
+                          size: _ctx.size,
+                          onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
+                          onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
+                        }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : createCommentVNode("", true)
+                  ], 64);
+                }), 256))
+              ]),
+              _: 3
+            }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : createCommentVNode("", true)
+          ]),
+          _: 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), {
+              size: "small",
+              type: "success",
+              disabled: _ctx.disabled,
+              plain: ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode("导入EXCEL")
+              ]),
+              _: 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, [
           createVNode(unref(TMagicPagination), {
             layout: "total, sizes, prev, pager, next, jumper",
             "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,