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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/tmagic-form.js +248 -251
  2. package/dist/tmagic-form.js.map +1 -1
  3. package/dist/tmagic-form.umd.cjs +248 -251
  4. package/dist/tmagic-form.umd.cjs.map +1 -1
  5. package/package.json +3 -3
  6. package/src/containers/Table.vue +148 -150
package/dist/tmagic-form.umd.cjs CHANGED
@@ -168,7 +168,7 @@
168
168
  const _hoisted_1$d = ["innerHTML"];
169
169
  const _hoisted_2$7 = ["innerHTML"];
170
170
  const _hoisted_3$4 = ["innerHTML"];
171
- const _hoisted_4$4 = ["innerHTML"];
171
+ const _hoisted_4$3 = ["innerHTML"];
172
172
  const _hoisted_5$3 = ["innerHTML"];
173
173
  const _hoisted_6$1 = ["innerHTML"];
174
174
  const _hoisted_7$1 = ["innerHTML"];
@@ -414,7 +414,7 @@
414
414
  content: vue.withCtx(() => [
415
415
  vue.createElementVNode("div", {
416
416
  innerHTML: _ctx.config.tip
417
- }, null, 8, _hoisted_4$4)
417
+ }, null, 8, _hoisted_4$3)
418
418
  ]),
419
419
  default: vue.withCtx(() => [
420
420
  vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -602,7 +602,7 @@
602
602
  const _hoisted_1$c = ["innerHTML"];
603
603
  const _hoisted_2$6 = ["innerHTML"];
604
604
  const _hoisted_3$3 = { key: 1 };
605
- const _hoisted_4$3 = ["innerHTML"];
605
+ const _hoisted_4$2 = ["innerHTML"];
606
606
  const _hoisted_5$2 = ["innerHTML"];
607
607
  const _hoisted_6 = {
608
608
  key: 2,
@@ -683,7 +683,7 @@
683
683
  })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$3, [
684
684
  vue.createElementVNode("span", {
685
685
  innerHTML: _ctx.config.legend
686
- }, null, 8, _hoisted_4$3),
686
+ }, null, 8, _hoisted_4$2),
687
687
  _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
688
688
  key: 0,
689
689
  innerHTML: _ctx.config.extra,
@@ -893,9 +893,9 @@
893
893
  key: 1,
894
894
  class: "el-table__empty-block"
895
895
  };
896
- const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
896
+ const _hoisted_4$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
897
897
  const _hoisted_5$1 = [
898
- _hoisted_4$2
898
+ _hoisted_4$1
899
899
  ];
900
900
  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
901
901
  ...{
@@ -1038,7 +1038,7 @@
1038
1038
  key: 0,
1039
1039
  style: { "display": "flex" }
1040
1040
  };
1041
- const _hoisted_4$1 = { style: { "flex": "1" } };
1041
+ const _hoisted_4 = { style: { "flex": "1" } };
1042
1042
  const _hoisted_5 = ["src"];
1043
1043
  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
1044
1044
  ...{
@@ -1093,7 +1093,7 @@
1093
1093
  vue.createElementVNode("div", null, [
1094
1094
  vue.renderSlot(_ctx.$slots, "default"),
1095
1095
  _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
1096
- vue.createElementVNode("div", _hoisted_4$1, [
1096
+ vue.createElementVNode("div", _hoisted_4, [
1097
1097
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
1098
1098
  return vue.openBlock(), vue.createBlock(_sfc_main$x, {
1099
1099
  key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
@@ -1315,10 +1315,9 @@
1315
1315
  });
1316
1316
 
1317
1317
  const _hoisted_1$8 = ["innerHTML"];
1318
- const _hoisted_2$2 = { class: "el-form-item__content" };
1319
- const _hoisted_3 = ["innerHTML"];
1320
- const _hoisted_4 = {
1321
- key: 1,
1318
+ const _hoisted_2$2 = ["innerHTML"];
1319
+ const _hoisted_3 = {
1320
+ key: 6,
1322
1321
  class: "bottom",
1323
1322
  style: { "text-align": "right" }
1324
1323
  };
@@ -1678,245 +1677,243 @@
1678
1677
  style: { "color": "rgba(0, 0, 0, 0.45)" },
1679
1678
  innerHTML: _ctx.config.extra
1680
1679
  }, null, 8, _hoisted_1$8)) : vue.createCommentVNode("", true),
1681
- vue.createElementVNode("div", _hoisted_2$2, [
1682
- vue.createVNode(vue.unref(design.TMagicTooltip), {
1683
- content: "拖拽可排序",
1684
- placement: "left-start",
1685
- disabled: _ctx.config.dropSort !== true
1686
- }, {
1687
- default: vue.withCtx(() => [
1688
- _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
1689
- ref_key: "tMagicTable",
1690
- ref: tMagicTable,
1691
- style: { "width": "100%" },
1692
- "row-key": _ctx.config.rowKey || "id",
1693
- data: data.value,
1694
- lastData: lastData.value,
1695
- border: _ctx.config.border,
1696
- "max-height": _ctx.config.maxHeight,
1697
- "default-expand-all": true,
1698
- key: updateKey.value,
1699
- onSelect: selectHandle,
1700
- onSortChange: sortChange
1701
- }, {
1702
- default: vue.withCtx(() => [
1703
- _ctx.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1704
- key: 0,
1705
- fixed: "left",
1706
- width: "30",
1707
- type: "expand"
1708
- }, {
1709
- default: vue.withCtx((scope) => [
1710
- vue.createElementVNode("span", {
1711
- innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
1712
- class: "m-form-tip"
1713
- }, null, 8, _hoisted_3)
1714
- ]),
1715
- _: 1
1716
- })) : vue.createCommentVNode("", true),
1717
- vue.createVNode(vue.unref(design.TMagicTableColumn), {
1718
- label: "操作",
1719
- width: _ctx.config.operateColWidth || 55,
1720
- align: "center",
1721
- fixed: _ctx.config.fixed === false ? void 0 : "left"
1722
- }, {
1723
- default: vue.withCtx((scope) => [
1724
- vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
1725
- vue.withDirectives(vue.createVNode(vue.unref(design.TMagicIcon), {
1726
- class: "m-table-delete-icon",
1727
- onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1728
- }, {
1729
- default: vue.withCtx(() => [
1730
- vue.createVNode(vue.unref(iconsVue.Delete))
1731
- ]),
1732
- _: 2
1733
- }, 1032, ["onClick"]), [
1734
- [vue.vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
1735
- ])
1736
- ]),
1737
- _: 3
1738
- }, 8, ["width", "fixed"]),
1739
- _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1740
- key: 1,
1741
- label: "排序",
1742
- width: "60"
1743
- }, {
1744
- default: vue.withCtx((scope) => [
1745
- scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
1746
- key: 0,
1747
- content: "点击上移，双击置顶",
1748
- placement: "top"
1749
- }, {
1750
- default: vue.withCtx(() => [
1751
- vue.createVNode(vue.unref(design.TMagicButton), {
1752
- plain: "",
1753
- size: "small",
1754
- type: "primary",
1755
- icon: vue.unref(iconsVue.ArrowUp),
1756
- disabled: _ctx.disabled,
1757
- text: "",
1758
- onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
1759
- onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1760
- }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
1761
- ]),
1762
- _: 2
1763
- }, 1024)) : vue.createCommentVNode("", true),
1764
- scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
1765
- key: 1,
1766
- content: "点击下移，双击置底",
1767
- placement: "top"
1768
- }, {
1769
- default: vue.withCtx(() => [
1770
- vue.createVNode(vue.unref(design.TMagicButton), {
1771
- plain: "",
1772
- size: "small",
1773
- type: "primary",
1774
- icon: vue.unref(iconsVue.ArrowDown),
1775
- disabled: _ctx.disabled,
1776
- text: "",
1777
- onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
1778
- onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1779
- }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
1780
- ]),
1781
- _: 2
1782
- }, 1024)) : vue.createCommentVNode("", true)
1783
- ]),
1784
- _: 1
1785
- })) : vue.createCommentVNode("", true),
1786
- selection.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1787
- key: 2,
1788
- align: "center",
1789
- "header-align": "center",
1790
- type: "selection",
1791
- width: "45"
1792
- })) : vue.createCommentVNode("", true),
1793
- _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1794
- key: 3,
1795
- width: "60",
1796
- label: "序号"
1797
- }, {
1798
- default: vue.withCtx((scope) => [
1799
- vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
1800
- ]),
1801
- _: 1
1802
- })) : vue.createCommentVNode("", true),
1803
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (column, index) => {
1804
- return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
1805
- column.type !== "hidden" && display$1(column.display) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1806
- prop: column.name,
1807
- width: column.width,
1808
- label: column.label,
1809
- sortable: column.sortable,
1810
- "sort-orders": ["ascending", "descending"],
1811
- key: column[vue.unref(mForm)?.keyProp || "__key"] ?? index,
1812
- "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
1813
- }, {
1814
- default: vue.withCtx((scope) => [
1815
- scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
1816
- key: 0,
1817
- labelWidth: "0",
1818
- disabled: _ctx.disabled,
1819
- prop: getProp(scope.$index),
1820
- rules: column.rules,
1821
- config: makeConfig(column, scope.row),
1822
- model: scope.row,
1823
- lastValues: lastData.value[scope.$index],
1824
- "is-compare": _ctx.isCompare,
1825
- size: _ctx.size,
1826
- onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
1827
- onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
1828
- }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : vue.createCommentVNode("", true)
1829
- ]),
1830
- _: 2
1831
- }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : vue.createCommentVNode("", true)
1832
- ], 64);
1833
- }), 256))
1834
- ]),
1835
- _: 3
1836
- }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : vue.createCommentVNode("", true)
1837
- ]),
1838
- _: 3
1839
- }, 8, ["disabled"]),
1840
- vue.renderSlot(_ctx.$slots, "default"),
1841
- addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1842
- key: 0,
1843
- size: "small",
1844
- type: "primary",
1845
- disabled: _ctx.disabled,
1846
- plain: "",
1847
- onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
1848
- }, {
1849
- default: vue.withCtx(() => [
1850
- vue.createTextVNode("新增一行")
1851
- ]),
1852
- _: 1
1853
- }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1854
- vue.createTextVNode("   "),
1855
- _ctx.enableToggleMode && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1856
- key: 1,
1857
- icon: vue.unref(iconsVue.Grid),
1858
- size: "small",
1859
- type: "primary",
1860
- onClick: toggleMode
1861
- }, {
1862
- default: vue.withCtx(() => [
1863
- vue.createTextVNode("展开配置")
1864
- ]),
1865
- _: 1
1866
- }, 8, ["icon"])) : vue.createCommentVNode("", true),
1867
- _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1868
- key: 2,
1869
- icon: vue.unref(iconsVue.FullScreen),
1870
- size: "small",
1871
- type: "primary",
1872
- onClick: toggleFullscreen
1873
- }, {
1874
- default: vue.withCtx(() => [
1875
- vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
1876
- ]),
1877
- _: 1
1878
- }, 8, ["icon"])) : vue.createCommentVNode("", true),
1879
- importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
1880
- key: 3,
1881
- style: { "display": "inline-block" },
1882
- ref_key: "excelBtn",
1883
- ref: excelBtn,
1884
- action: "/noop",
1885
- disabled: _ctx.disabled,
1886
- "on-change": excelHandler,
1887
- "auto-upload": false
1888
- }, {
1889
- default: vue.withCtx(() => [
1890
- vue.createVNode(vue.unref(design.TMagicButton), {
1891
- size: "small",
1892
- type: "success",
1893
- disabled: _ctx.disabled,
1894
- plain: ""
1895
- }, {
1896
- default: vue.withCtx(() => [
1897
- vue.createTextVNode("导入EXCEL")
1898
- ]),
1899
- _: 1
1900
- }, 8, ["disabled"])
1901
- ]),
1902
- _: 1
1903
- }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1904
- vue.createTextVNode("  "),
1905
- importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1906
- key: 4,
1907
- size: "small",
1908
- type: "warning",
1909
- disabled: _ctx.disabled,
1910
- plain: "",
1911
- onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
1912
- }, {
1913
- default: vue.withCtx(() => [
1914
- vue.createTextVNode("清空")
1915
- ]),
1916
- _: 1
1917
- }, 8, ["disabled"])) : vue.createCommentVNode("", true)
1918
- ]),
1919
- _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
1680
+ vue.createVNode(vue.unref(design.TMagicTooltip), {
1681
+ content: "拖拽可排序",
1682
+ placement: "left-start",
1683
+ disabled: _ctx.config.dropSort !== true
1684
+ }, {
1685
+ default: vue.withCtx(() => [
1686
+ _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
1687
+ ref_key: "tMagicTable",
1688
+ ref: tMagicTable,
1689
+ style: { "width": "100%" },
1690
+ "row-key": _ctx.config.rowKey || "id",
1691
+ data: data.value,
1692
+ lastData: lastData.value,
1693
+ border: _ctx.config.border,
1694
+ "max-height": _ctx.config.maxHeight,
1695
+ "default-expand-all": true,
1696
+ key: updateKey.value,
1697
+ onSelect: selectHandle,
1698
+ onSortChange: sortChange
1699
+ }, {
1700
+ default: vue.withCtx(() => [
1701
+ _ctx.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1702
+ key: 0,
1703
+ fixed: "left",
1704
+ width: "30",
1705
+ type: "expand"
1706
+ }, {
1707
+ default: vue.withCtx((scope) => [
1708
+ vue.createElementVNode("span", {
1709
+ innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
1710
+ class: "m-form-tip"
1711
+ }, null, 8, _hoisted_2$2)
1712
+ ]),
1713
+ _: 1
1714
+ })) : vue.createCommentVNode("", true),
1715
+ vue.createVNode(vue.unref(design.TMagicTableColumn), {
1716
+ label: "操作",
1717
+ width: _ctx.config.operateColWidth || 55,
1718
+ align: "center",
1719
+ fixed: _ctx.config.fixed === false ? void 0 : "left"
1720
+ }, {
1721
+ default: vue.withCtx((scope) => [
1722
+ vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
1723
+ vue.withDirectives(vue.createVNode(vue.unref(design.TMagicIcon), {
1724
+ class: "m-table-delete-icon",
1725
+ onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1726
+ }, {
1727
+ default: vue.withCtx(() => [
1728
+ vue.createVNode(vue.unref(iconsVue.Delete))
1729
+ ]),
1730
+ _: 2
1731
+ }, 1032, ["onClick"]), [
1732
+ [vue.vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
1733
+ ])
1734
+ ]),
1735
+ _: 3
1736
+ }, 8, ["width", "fixed"]),
1737
+ _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1738
+ key: 1,
1739
+ label: "排序",
1740
+ width: "60"
1741
+ }, {
1742
+ default: vue.withCtx((scope) => [
1743
+ scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
1744
+ key: 0,
1745
+ content: "点击上移，双击置顶",
1746
+ placement: "top"
1747
+ }, {
1748
+ default: vue.withCtx(() => [
1749
+ vue.createVNode(vue.unref(design.TMagicButton), {
1750
+ plain: "",
1751
+ size: "small",
1752
+ type: "primary",
1753
+ icon: vue.unref(iconsVue.ArrowUp),
1754
+ disabled: _ctx.disabled,
1755
+ text: "",
1756
+ onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
1757
+ onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1758
+ }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
1759
+ ]),
1760
+ _: 2
1761
+ }, 1024)) : vue.createCommentVNode("", true),
1762
+ scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
1763
+ key: 1,
1764
+ content: "点击下移，双击置底",
1765
+ placement: "top"
1766
+ }, {
1767
+ default: vue.withCtx(() => [
1768
+ vue.createVNode(vue.unref(design.TMagicButton), {
1769
+ plain: "",
1770
+ size: "small",
1771
+ type: "primary",
1772
+ icon: vue.unref(iconsVue.ArrowDown),
1773
+ disabled: _ctx.disabled,
1774
+ text: "",
1775
+ onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
1776
+ onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1777
+ }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
1778
+ ]),
1779
+ _: 2
1780
+ }, 1024)) : vue.createCommentVNode("", true)
1781
+ ]),
1782
+ _: 1
1783
+ })) : vue.createCommentVNode("", true),
1784
+ selection.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1785
+ key: 2,
1786
+ align: "center",
1787
+ "header-align": "center",
1788
+ type: "selection",
1789
+ width: "45"
1790
+ })) : vue.createCommentVNode("", true),
1791
+ _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1792
+ key: 3,
1793
+ width: "60",
1794
+ label: "序号"
1795
+ }, {
1796
+ default: vue.withCtx((scope) => [
1797
+ vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
1798
+ ]),
1799
+ _: 1
1800
+ })) : vue.createCommentVNode("", true),
1801
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (column, index) => {
1802
+ return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
1803
+ column.type !== "hidden" && display$1(column.display) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1804
+ prop: column.name,
1805
+ width: column.width,
1806
+ label: column.label,
1807
+ sortable: column.sortable,
1808
+ "sort-orders": ["ascending", "descending"],
1809
+ key: column[vue.unref(mForm)?.keyProp || "__key"] ?? index,
1810
+ "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
1811
+ }, {
1812
+ default: vue.withCtx((scope) => [
1813
+ scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
1814
+ key: 0,
1815
+ labelWidth: "0",
1816
+ disabled: _ctx.disabled,
1817
+ prop: getProp(scope.$index),
1818
+ rules: column.rules,
1819
+ config: makeConfig(column, scope.row),
1820
+ model: scope.row,
1821
+ lastValues: lastData.value[scope.$index],
1822
+ "is-compare": _ctx.isCompare,
1823
+ size: _ctx.size,
1824
+ onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
1825
+ onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
1826
+ }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : vue.createCommentVNode("", true)
1827
+ ]),
1828
+ _: 2
1829
+ }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : vue.createCommentVNode("", true)
1830
+ ], 64);
1831
+ }), 256))
1832
+ ]),
1833
+ _: 3
1834
+ }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : vue.createCommentVNode("", true)
1835
+ ]),
1836
+ _: 3
1837
+ }, 8, ["disabled"]),
1838
+ vue.renderSlot(_ctx.$slots, "default"),
1839
+ addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1840
+ key: 1,
1841
+ size: "small",
1842
+ type: "primary",
1843
+ disabled: _ctx.disabled,
1844
+ plain: "",
1845
+ onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
1846
+ }, {
1847
+ default: vue.withCtx(() => [
1848
+ vue.createTextVNode("新增一行")
1849
+ ]),
1850
+ _: 1
1851
+ }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1852
+ vue.createTextVNode("   "),
1853
+ _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1854
+ key: 2,
1855
+ icon: vue.unref(iconsVue.Grid),
1856
+ size: "small",
1857
+ type: "primary",
1858
+ onClick: toggleMode
1859
+ }, {
1860
+ default: vue.withCtx(() => [
1861
+ vue.createTextVNode("展开配置")
1862
+ ]),
1863
+ _: 1
1864
+ }, 8, ["icon"])) : vue.createCommentVNode("", true),
1865
+ _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1866
+ key: 3,
1867
+ icon: vue.unref(iconsVue.FullScreen),
1868
+ size: "small",
1869
+ type: "primary",
1870
+ onClick: toggleFullscreen
1871
+ }, {
1872
+ default: vue.withCtx(() => [
1873
+ vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
1874
+ ]),
1875
+ _: 1
1876
+ }, 8, ["icon"])) : vue.createCommentVNode("", true),
1877
+ importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
1878
+ key: 4,
1879
+ style: { "display": "inline-block" },
1880
+ ref_key: "excelBtn",
1881
+ ref: excelBtn,
1882
+ action: "/noop",
1883
+ disabled: _ctx.disabled,
1884
+ "on-change": excelHandler,
1885
+ "auto-upload": false
1886
+ }, {
1887
+ default: vue.withCtx(() => [
1888
+ vue.createVNode(vue.unref(design.TMagicButton), {
1889
+ size: "small",
1890
+ type: "success",
1891
+ disabled: _ctx.disabled,
1892
+ plain: ""
1893
+ }, {
1894
+ default: vue.withCtx(() => [
1895
+ vue.createTextVNode("导入EXCEL")
1896
+ ]),
1897
+ _: 1
1898
+ }, 8, ["disabled"])
1899
+ ]),
1900
+ _: 1
1901
+ }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1902
+ vue.createTextVNode("  "),
1903
+ importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1904
+ key: 5,
1905
+ size: "small",
1906
+ type: "warning",
1907
+ disabled: _ctx.disabled,
1908
+ plain: "",
1909
+ onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
1910
+ }, {
1911
+ default: vue.withCtx(() => [
1912
+ vue.createTextVNode("清空")
1913
+ ]),
1914
+ _: 1
1915
+ }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1916
+ _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
1920
1917
  vue.createVNode(vue.unref(design.TMagicPagination), {
1921
1918
  layout: "total, sizes, prev, pager, next, jumper",
1922
1919
  "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,