@tmagic/form 1.3.8 → 1.3.9

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.
@@ -1690,272 +1690,274 @@
1690
1690
  toggleRowSelection
1691
1691
  });
1692
1692
  return (_ctx, _cache) => {
1693
- return vue.openBlock(), vue.createBlock(vue.Teleport, {
1694
- to: "body",
1695
- disabled: !isFullscreen.value
1696
- }, [
1697
- vue.createElementVNode("div", {
1698
- ref_key: "mTable",
1699
- ref: mTable,
1700
- class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
1693
+ return vue.openBlock(), vue.createElementBlock("div", null, [
1694
+ (vue.openBlock(), vue.createBlock(vue.Teleport, {
1695
+ to: "body",
1696
+ disabled: !isFullscreen.value
1701
1697
  }, [
1702
- _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
1703
- key: 0,
1704
- style: { "color": "rgba(0, 0, 0, 0.45)" },
1705
- innerHTML: _ctx.config.extra
1706
- }, null, 8, _hoisted_1$9)) : vue.createCommentVNode("", true),
1707
- vue.createVNode(vue.unref(design.TMagicTooltip), {
1708
- content: "拖拽可排序",
1709
- placement: "left-start",
1710
- disabled: _ctx.config.dropSort !== true
1711
- }, {
1712
- default: vue.withCtx(() => [
1713
- _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
1714
- ref_key: "tMagicTable",
1715
- ref: tMagicTable,
1716
- style: { "width": "100%" },
1717
- "row-key": _ctx.config.rowKey || "id",
1718
- data: data.value,
1719
- lastData: lastData.value,
1720
- border: _ctx.config.border,
1721
- "max-height": _ctx.config.maxHeight,
1722
- "default-expand-all": true,
1723
- key: updateKey.value,
1724
- onSelect: selectHandle,
1725
- onSortChange: sortChange
1726
- }, {
1727
- default: vue.withCtx(() => [
1728
- _ctx.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1729
- key: 0,
1730
- fixed: "left",
1731
- width: "30",
1732
- type: "expand"
1733
- }, {
1734
- default: vue.withCtx((scope) => [
1735
- vue.createElementVNode("span", {
1736
- innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
1737
- class: "m-form-tip"
1738
- }, null, 8, _hoisted_2$3)
1739
- ]),
1740
- _: 1
1741
- })) : vue.createCommentVNode("", true),
1742
- vue.createVNode(vue.unref(design.TMagicTableColumn), {
1743
- label: "操作",
1744
- width: _ctx.config.operateColWidth || 55,
1745
- align: "center",
1746
- fixed: _ctx.config.fixed === false ? void 0 : "left"
1747
- }, {
1748
- default: vue.withCtx((scope) => [
1749
- vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
1750
- vue.withDirectives(vue.createVNode(vue.unref(design.TMagicIcon), {
1751
- class: "m-table-delete-icon",
1752
- onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1753
- }, {
1754
- default: vue.withCtx(() => [
1755
- vue.createVNode(vue.unref(iconsVue.Delete))
1756
- ]),
1757
- _: 2
1758
- }, 1032, ["onClick"]), [
1759
- [vue.vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
1760
- ])
1761
- ]),
1762
- _: 3
1763
- }, 8, ["width", "fixed"]),
1764
- _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1765
- key: 1,
1766
- label: "排序",
1767
- width: "60"
1768
- }, {
1769
- default: vue.withCtx((scope) => [
1770
- scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
1771
- key: 0,
1772
- content: "点击上移,双击置顶",
1773
- placement: "top"
1774
- }, {
1775
- default: vue.withCtx(() => [
1776
- vue.createVNode(vue.unref(design.TMagicButton), {
1777
- plain: "",
1778
- size: "small",
1779
- type: "primary",
1780
- icon: vue.unref(iconsVue.ArrowUp),
1781
- disabled: _ctx.disabled,
1782
- text: "",
1783
- onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
1784
- onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1785
- }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
1786
- ]),
1787
- _: 2
1788
- }, 1024)) : vue.createCommentVNode("", true),
1789
- scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
1790
- key: 1,
1791
- content: "点击下移,双击置底",
1792
- placement: "top"
1793
- }, {
1794
- default: vue.withCtx(() => [
1795
- vue.createVNode(vue.unref(design.TMagicButton), {
1796
- plain: "",
1797
- size: "small",
1798
- type: "primary",
1799
- icon: vue.unref(iconsVue.ArrowDown),
1800
- disabled: _ctx.disabled,
1801
- text: "",
1802
- onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
1803
- onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1804
- }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
1805
- ]),
1806
- _: 2
1807
- }, 1024)) : vue.createCommentVNode("", true)
1808
- ]),
1809
- _: 1
1810
- })) : vue.createCommentVNode("", true),
1811
- selection.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1812
- key: 2,
1813
- align: "center",
1814
- "header-align": "center",
1815
- type: "selection",
1816
- width: "45"
1817
- })) : vue.createCommentVNode("", true),
1818
- _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1819
- key: 3,
1820
- width: "60",
1821
- label: "序号"
1822
- }, {
1823
- default: vue.withCtx((scope) => [
1824
- vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
1825
- ]),
1826
- _: 1
1827
- })) : vue.createCommentVNode("", true),
1828
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (column, index) => {
1829
- return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
1830
- column.type !== "hidden" && display$1(column.display) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1831
- prop: column.name,
1832
- width: column.width,
1833
- label: column.label,
1834
- sortable: column.sortable,
1835
- "sort-orders": ["ascending", "descending"],
1836
- key: column[vue.unref(mForm)?.keyProp || "__key"] ?? index,
1837
- "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
1838
- }, {
1839
- default: vue.withCtx((scope) => [
1840
- scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
1841
- key: 0,
1842
- labelWidth: "0",
1843
- disabled: _ctx.disabled,
1844
- prop: getProp(scope.$index),
1845
- rules: column.rules,
1846
- config: makeConfig(column, scope.row),
1847
- model: scope.row,
1848
- lastValues: lastData.value[scope.$index],
1849
- "is-compare": _ctx.isCompare,
1850
- size: _ctx.size,
1851
- onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
1852
- onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
1853
- }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : vue.createCommentVNode("", true)
1854
- ]),
1855
- _: 2
1856
- }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : vue.createCommentVNode("", true)
1857
- ], 64);
1858
- }), 256))
1859
- ]),
1860
- _: 3
1861
- }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : vue.createCommentVNode("", true)
1862
- ]),
1863
- _: 3
1864
- }, 8, ["disabled"]),
1865
- vue.renderSlot(_ctx.$slots, "default"),
1866
- vue.createElementVNode("div", _hoisted_3, [
1867
- addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1698
+ vue.createElementVNode("div", {
1699
+ ref_key: "mTable",
1700
+ ref: mTable,
1701
+ class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
1702
+ }, [
1703
+ _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
1868
1704
  key: 0,
1869
- size: "small",
1870
- type: "primary",
1871
- disabled: _ctx.disabled,
1872
- plain: "",
1873
- onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
1705
+ style: { "color": "rgba(0, 0, 0, 0.45)" },
1706
+ innerHTML: _ctx.config.extra
1707
+ }, null, 8, _hoisted_1$9)) : vue.createCommentVNode("", true),
1708
+ vue.createVNode(vue.unref(design.TMagicTooltip), {
1709
+ content: "拖拽可排序",
1710
+ placement: "left-start",
1711
+ disabled: _ctx.config.dropSort !== true
1874
1712
  }, {
1875
1713
  default: vue.withCtx(() => [
1876
- vue.createTextVNode("新增一行")
1714
+ _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
1715
+ ref_key: "tMagicTable",
1716
+ ref: tMagicTable,
1717
+ style: { "width": "100%" },
1718
+ "row-key": _ctx.config.rowKey || "id",
1719
+ data: data.value,
1720
+ lastData: lastData.value,
1721
+ border: _ctx.config.border,
1722
+ "max-height": _ctx.config.maxHeight,
1723
+ "default-expand-all": true,
1724
+ key: updateKey.value,
1725
+ onSelect: selectHandle,
1726
+ onSortChange: sortChange
1727
+ }, {
1728
+ default: vue.withCtx(() => [
1729
+ _ctx.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1730
+ key: 0,
1731
+ fixed: "left",
1732
+ width: "30",
1733
+ type: "expand"
1734
+ }, {
1735
+ default: vue.withCtx((scope) => [
1736
+ vue.createElementVNode("span", {
1737
+ innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
1738
+ class: "m-form-tip"
1739
+ }, null, 8, _hoisted_2$3)
1740
+ ]),
1741
+ _: 1
1742
+ })) : vue.createCommentVNode("", true),
1743
+ vue.createVNode(vue.unref(design.TMagicTableColumn), {
1744
+ label: "操作",
1745
+ width: _ctx.config.operateColWidth || 55,
1746
+ align: "center",
1747
+ fixed: _ctx.config.fixed === false ? void 0 : "left"
1748
+ }, {
1749
+ default: vue.withCtx((scope) => [
1750
+ vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
1751
+ vue.withDirectives(vue.createVNode(vue.unref(design.TMagicIcon), {
1752
+ class: "m-table-delete-icon",
1753
+ onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1754
+ }, {
1755
+ default: vue.withCtx(() => [
1756
+ vue.createVNode(vue.unref(iconsVue.Delete))
1757
+ ]),
1758
+ _: 2
1759
+ }, 1032, ["onClick"]), [
1760
+ [vue.vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
1761
+ ])
1762
+ ]),
1763
+ _: 3
1764
+ }, 8, ["width", "fixed"]),
1765
+ _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1766
+ key: 1,
1767
+ label: "排序",
1768
+ width: "60"
1769
+ }, {
1770
+ default: vue.withCtx((scope) => [
1771
+ scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
1772
+ key: 0,
1773
+ content: "点击上移,双击置顶",
1774
+ placement: "top"
1775
+ }, {
1776
+ default: vue.withCtx(() => [
1777
+ vue.createVNode(vue.unref(design.TMagicButton), {
1778
+ plain: "",
1779
+ size: "small",
1780
+ type: "primary",
1781
+ icon: vue.unref(iconsVue.ArrowUp),
1782
+ disabled: _ctx.disabled,
1783
+ text: "",
1784
+ onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
1785
+ onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1786
+ }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
1787
+ ]),
1788
+ _: 2
1789
+ }, 1024)) : vue.createCommentVNode("", true),
1790
+ scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
1791
+ key: 1,
1792
+ content: "点击下移,双击置底",
1793
+ placement: "top"
1794
+ }, {
1795
+ default: vue.withCtx(() => [
1796
+ vue.createVNode(vue.unref(design.TMagicButton), {
1797
+ plain: "",
1798
+ size: "small",
1799
+ type: "primary",
1800
+ icon: vue.unref(iconsVue.ArrowDown),
1801
+ disabled: _ctx.disabled,
1802
+ text: "",
1803
+ onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
1804
+ onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
1805
+ }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
1806
+ ]),
1807
+ _: 2
1808
+ }, 1024)) : vue.createCommentVNode("", true)
1809
+ ]),
1810
+ _: 1
1811
+ })) : vue.createCommentVNode("", true),
1812
+ selection.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1813
+ key: 2,
1814
+ align: "center",
1815
+ "header-align": "center",
1816
+ type: "selection",
1817
+ width: "45"
1818
+ })) : vue.createCommentVNode("", true),
1819
+ _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1820
+ key: 3,
1821
+ width: "60",
1822
+ label: "序号"
1823
+ }, {
1824
+ default: vue.withCtx((scope) => [
1825
+ vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
1826
+ ]),
1827
+ _: 1
1828
+ })) : vue.createCommentVNode("", true),
1829
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (column, index) => {
1830
+ return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
1831
+ column.type !== "hidden" && display$1(column.display) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
1832
+ prop: column.name,
1833
+ width: column.width,
1834
+ label: column.label,
1835
+ sortable: column.sortable,
1836
+ "sort-orders": ["ascending", "descending"],
1837
+ key: column[vue.unref(mForm)?.keyProp || "__key"] ?? index,
1838
+ "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
1839
+ }, {
1840
+ default: vue.withCtx((scope) => [
1841
+ scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
1842
+ key: 0,
1843
+ labelWidth: "0",
1844
+ disabled: _ctx.disabled,
1845
+ prop: getProp(scope.$index),
1846
+ rules: column.rules,
1847
+ config: makeConfig(column, scope.row),
1848
+ model: scope.row,
1849
+ lastValues: lastData.value[scope.$index],
1850
+ "is-compare": _ctx.isCompare,
1851
+ size: _ctx.size,
1852
+ onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
1853
+ onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
1854
+ }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : vue.createCommentVNode("", true)
1855
+ ]),
1856
+ _: 2
1857
+ }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : vue.createCommentVNode("", true)
1858
+ ], 64);
1859
+ }), 256))
1860
+ ]),
1861
+ _: 3
1862
+ }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : vue.createCommentVNode("", true)
1877
1863
  ]),
1878
- _: 1
1879
- }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1880
- vue.createElementVNode("div", _hoisted_4, [
1881
- _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1864
+ _: 3
1865
+ }, 8, ["disabled"]),
1866
+ vue.renderSlot(_ctx.$slots, "default"),
1867
+ vue.createElementVNode("div", _hoisted_3, [
1868
+ addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1882
1869
  key: 0,
1883
- icon: vue.unref(iconsVue.Grid),
1884
1870
  size: "small",
1885
1871
  type: "primary",
1886
- onClick: toggleMode
1887
- }, {
1888
- default: vue.withCtx(() => [
1889
- vue.createTextVNode("展开配置")
1890
- ]),
1891
- _: 1
1892
- }, 8, ["icon"])) : vue.createCommentVNode("", true),
1893
- _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1894
- key: 1,
1895
- icon: vue.unref(iconsVue.FullScreen),
1896
- size: "small",
1897
- type: "primary",
1898
- onClick: toggleFullscreen
1899
- }, {
1900
- default: vue.withCtx(() => [
1901
- vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
1902
- ]),
1903
- _: 1
1904
- }, 8, ["icon"])) : vue.createCommentVNode("", true),
1905
- importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
1906
- key: 2,
1907
- style: { "display": "inline-block" },
1908
- ref_key: "excelBtn",
1909
- ref: excelBtn,
1910
- action: "/noop",
1911
- disabled: _ctx.disabled,
1912
- "on-change": excelHandler,
1913
- "auto-upload": false
1914
- }, {
1915
- default: vue.withCtx(() => [
1916
- vue.createVNode(vue.unref(design.TMagicButton), {
1917
- size: "small",
1918
- type: "success",
1919
- disabled: _ctx.disabled,
1920
- plain: ""
1921
- }, {
1922
- default: vue.withCtx(() => [
1923
- vue.createTextVNode("导入EXCEL")
1924
- ]),
1925
- _: 1
1926
- }, 8, ["disabled"])
1927
- ]),
1928
- _: 1
1929
- }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1930
- importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1931
- key: 3,
1932
- size: "small",
1933
- type: "warning",
1934
1872
  disabled: _ctx.disabled,
1935
1873
  plain: "",
1936
- onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
1874
+ onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
1937
1875
  }, {
1938
1876
  default: vue.withCtx(() => [
1939
- vue.createTextVNode("清空")
1877
+ vue.createTextVNode("新增一行")
1940
1878
  ]),
1941
1879
  _: 1
1942
- }, 8, ["disabled"])) : vue.createCommentVNode("", true)
1943
- ])
1944
- ]),
1945
- _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
1946
- vue.createVNode(vue.unref(design.TMagicPagination), {
1947
- layout: "total, sizes, prev, pager, next, jumper",
1948
- "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
1949
- "current-page": pagecontext.value + 1,
1950
- "page-sizes": [pagesize.value, 60, 120, 300],
1951
- "page-size": pagesize.value,
1952
- total: _ctx.model[modelName.value].length,
1953
- onSizeChange: handleSizeChange,
1954
- onCurrentChange: handleCurrentChange
1955
- }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total"])
1956
- ])) : vue.createCommentVNode("", true)
1957
- ], 2)
1958
- ], 8, ["disabled"]);
1880
+ }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1881
+ vue.createElementVNode("div", _hoisted_4, [
1882
+ _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1883
+ key: 0,
1884
+ icon: vue.unref(iconsVue.Grid),
1885
+ size: "small",
1886
+ type: "primary",
1887
+ onClick: toggleMode
1888
+ }, {
1889
+ default: vue.withCtx(() => [
1890
+ vue.createTextVNode("展开配置")
1891
+ ]),
1892
+ _: 1
1893
+ }, 8, ["icon"])) : vue.createCommentVNode("", true),
1894
+ _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1895
+ key: 1,
1896
+ icon: vue.unref(iconsVue.FullScreen),
1897
+ size: "small",
1898
+ type: "primary",
1899
+ onClick: toggleFullscreen
1900
+ }, {
1901
+ default: vue.withCtx(() => [
1902
+ vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
1903
+ ]),
1904
+ _: 1
1905
+ }, 8, ["icon"])) : vue.createCommentVNode("", true),
1906
+ importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
1907
+ key: 2,
1908
+ style: { "display": "inline-block" },
1909
+ ref_key: "excelBtn",
1910
+ ref: excelBtn,
1911
+ action: "/noop",
1912
+ disabled: _ctx.disabled,
1913
+ "on-change": excelHandler,
1914
+ "auto-upload": false
1915
+ }, {
1916
+ default: vue.withCtx(() => [
1917
+ vue.createVNode(vue.unref(design.TMagicButton), {
1918
+ size: "small",
1919
+ type: "success",
1920
+ disabled: _ctx.disabled,
1921
+ plain: ""
1922
+ }, {
1923
+ default: vue.withCtx(() => [
1924
+ vue.createTextVNode("导入EXCEL")
1925
+ ]),
1926
+ _: 1
1927
+ }, 8, ["disabled"])
1928
+ ]),
1929
+ _: 1
1930
+ }, 8, ["disabled"])) : vue.createCommentVNode("", true),
1931
+ importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
1932
+ key: 3,
1933
+ size: "small",
1934
+ type: "warning",
1935
+ disabled: _ctx.disabled,
1936
+ plain: "",
1937
+ onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
1938
+ }, {
1939
+ default: vue.withCtx(() => [
1940
+ vue.createTextVNode("清空")
1941
+ ]),
1942
+ _: 1
1943
+ }, 8, ["disabled"])) : vue.createCommentVNode("", true)
1944
+ ])
1945
+ ]),
1946
+ _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
1947
+ vue.createVNode(vue.unref(design.TMagicPagination), {
1948
+ layout: "total, sizes, prev, pager, next, jumper",
1949
+ "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
1950
+ "current-page": pagecontext.value + 1,
1951
+ "page-sizes": [pagesize.value, 60, 120, 300],
1952
+ "page-size": pagesize.value,
1953
+ total: _ctx.model[modelName.value].length,
1954
+ onSizeChange: handleSizeChange,
1955
+ onCurrentChange: handleCurrentChange
1956
+ }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total"])
1957
+ ])) : vue.createCommentVNode("", true)
1958
+ ], 2)
1959
+ ], 8, ["disabled"]))
1960
+ ]);
1959
1961
  };
1960
1962
  }
1961
1963
  });