orion-design 0.1.29 → 0.1.31

package/dist/components/Pagetable/index.js

@@ -1,606 +1,812 @@
 import "lodash-es";
-import { defineComponent as C, ref as Z, computed as ee, createVNode as l, createTextVNode as te, isVNode as V } from "vue";
-import { withInstall as ne } from "../_util/vue/install.js";
-import { ElTable as le, ElPagination as oe, ElTableColumn as S, ElButton as re } from "element-plus";
-import ae from "../_util/classNames.js";
-import { arrayType as ie, objectType as se, booleanType as D, stringType as n, someType as p, numberType as ue } from "../_util/type.js";
-import { number2string as pe, formatDate as z, getSingleCodeContent as j, getMultiCodeContent as M } from "./utils/index.js";
-import ce from "dayjs";
-import { S as de } from "../../index-BbsXWo7C.js";
-import ge from "../../error/OrionError.js";
-import me from "./hooks/useColumns.js";
-import I from "../../Throne/index.js";
-function he(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !V(o);
+import { defineComponent, ref, computed, createVNode, createTextVNode, isVNode } from "vue";
+import { withInstall } from "../_util/vue/install.js";
+import { ElTable, ElPagination, ElTableColumn, ElButton } from "element-plus";
+import classNames from "../_util/classNames.js";
+import { arrayType, objectType, booleanType, stringType, someType, numberType } from "../_util/type.js";
+import { number2string, formatDate, getSingleCodeContent, getMultiCodeContent } from "./utils/index.js";
+import dayjs from "dayjs";
+import { S as Space } from "../../index-BOKLZnqH.js";
+import OrionError from "../../error/OrionError.js";
+import useColumns from "./hooks/useColumns.js";
+import Throne from "../../Throne/index.js";
+function _isSlot$1(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const fe = () => ({
-  data: ie(),
-  pagination: se(),
-  showRowNumber: D(!0),
-  selectionMode: D(!1),
-  currentRowMode: D(!1),
-  size: n()
-}), be = /* @__PURE__ */ C({
+const pagetableProps = () => ({
+  data: arrayType(),
+  tailData: objectType(),
+  pagination: objectType(),
+  showRowNumber: booleanType(true),
+  selectionMode: booleanType(false),
+  currentRowMode: booleanType(false),
+  size: stringType()
+});
+const Pagetable$1 = /* @__PURE__ */ defineComponent({
   name: "OPagetable",
-  inheritAttrs: !1,
-  props: fe(),
+  inheritAttrs: false,
+  props: pagetableProps(),
   emits: ["selectionChange", "currentRowChange", "update:pagination", "rowClick", "rowDblclick", "cellClick", "cellDblclick"],
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
-    const y = Z(), B = ee(() => ({})), k = me(g);
-    return w({
-      clearSelection: () => {
-        y.value.clearSelection();
-      },
-      getSelectionRows: () => y.value.getSelectionRows(),
-      toggleRowSelection: (...O) => y.value.toggleRowSelection(...O),
-      toggleAllSelection: () => y.value.toggleAllSelection(),
-      setCurrentRow: (...O) => y.value.setCurrentRow(...O),
-      scrollTo: (...O) => y.value.scrollTo(...O)
-    }), () => {
+    const elTableRef = ref();
+    const style = computed(() => {
+      const rowStyle = {};
+      return rowStyle;
+    });
+    const columns = useColumns(slots);
+    const leafColumns4ShowSummary = computed(() => {
+      let r = [];
+      if (props.showRowNumber) {
+        r.push({
+          type: "__showRowNumber__"
+        });
+      }
+      if (props.selectionMode) {
+        r.push({
+          type: "__selectionMode__"
+        });
+      }
+      function flat(columns2) {
+        if (!columns2) {
+          return;
+        }
+        for (let i = 0; i < columns2.length; i++) {
+          const c = columns2[i];
+          if (c.type === "OPagetableColumngroup") {
+            flat(c.children);
+          } else {
+            r.push({
+              ...c
+            });
+          }
+        }
+      }
+      flat(columns.value);
+      return r;
+    });
+    const showSummary = computed(() => {
+      function existTail(columns2) {
+        if (!columns2) {
+          return false;
+        }
+        for (let i = 0; i < columns2.length; i++) {
+          const c = columns2[i];
+          if (c.type === "OPagetableColumngroup") {
+            if (existTail(c.children)) {
+              return true;
+            }
+          } else {
+            if (c.tail === "" || c.tail === true || c.tail) {
+              return true;
+            }
+          }
+        }
+        return false;
+      }
+      return existTail(columns.value);
+    });
+    const clearSelection = () => {
+      elTableRef.value.clearSelection();
+    };
+    const getSelectionRows = () => {
+      return elTableRef.value.getSelectionRows();
+    };
+    const toggleRowSelection = (...args) => {
+      return elTableRef.value.toggleRowSelection(...args);
+    };
+    const toggleAllSelection = () => {
+      return elTableRef.value.toggleAllSelection();
+    };
+    const setCurrentRow = (...args) => {
+      return elTableRef.value.setCurrentRow(...args);
+    };
+    const scrollTo = (...args) => {
+      return elTableRef.value.scrollTo(...args);
+    };
+    expose({
+      clearSelection,
+      getSelectionRows,
+      toggleRowSelection,
+      toggleAllSelection,
+      setCurrentRow,
+      scrollTo
+    });
+    return () => {
+      const {
+        data
+      } = props;
+      const {
+        selectionMode = false
+      } = props;
       const {
-        data: O
-      } = o, {
-        selectionMode: E = !1
-      } = o, {
-        pagination: v
-      } = o, {
-        showRowNumber: L = !0
-      } = o, {
-        currentRowMode: $ = !1
-      } = o, {
-        size: R = "default"
-      } = o, Y = ae("orion-pagetbale"), F = () => l(S, {
-        type: "index",
-        label: "No",
-        width: 56,
-        fixed: "left",
-        showOverflowTooltip: !0,
-        index: (t) => (v.currentPage - 1) * v.pageSize + t + 1
-      }, null), H = () => l(S, {
-        type: "selection",
-        width: 40,
-        fixed: "left"
-      }, null), U = (t) => {
+        pagination
+      } = props;
+      const {
+        showRowNumber = true
+      } = props;
+      const {
+        currentRowMode = false
+      } = props;
+      const {
+        size = "default"
+      } = props;
+      const getSummaries = (param) => {
+        const tailData = computed(() => props.tailData);
+        return leafColumns4ShowSummary.value.map((c) => {
+          if (c.type === "__showRowNumber__") {
+            return "Σ";
+          }
+          if (c.type === "__selectionMode__") {
+            return;
+          }
+          if (!tailData.value) {
+            return;
+          }
+          const columnName = c.name;
+          const columnTail = c.tail;
+          if (columnTail == null) {
+            return;
+          }
+          if (columnTail === false) {
+            return;
+          }
+          if (columnTail === "" || columnTail === true) {
+            if (tailData.value[columnName] != null) {
+              return tailData.value[columnName];
+            }
+          } else if (typeof columnTail === "string") {
+            return columnTail.replace("{}", tailData.value[columnName]);
+          } else {
+            throw new OrionError(`列[${columnName}]的tail属性配置错误，只能是 Boolean、String 类型，当前是[${typeof columnTail}]类型。`);
+          }
+          return;
+        });
+      };
+      const cn = classNames("orion-pagetbale");
+      const renderIndexColumn = () => {
+        return createVNode(ElTableColumn, {
+          "type": "index",
+          "label": "No",
+          "width": 56,
+          "fixed": "left",
+          "showOverflowTooltip": true,
+          "index": (index) => {
+            return (pagination.currentPage - 1) * pagination.pageSize + index + 1;
+          }
+        }, null);
+      };
+      const renderSelectionColumn = () => {
+        return createVNode(ElTableColumn, {
+          "type": "selection",
+          "width": 40,
+          "fixed": "left"
+        }, null);
+      };
+      const renderStringColumn = (column) => {
         const {
-          name: e,
-          head: r,
-          headAlign: i,
-          width: d,
-          fixed: m
-        } = t;
-        return l(S, {
-          label: r,
-          headerAlign: i,
-          prop: e,
-          width: d,
-          fixed: m,
-          showOverflowTooltip: !0
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, null);
-      }, _ = (t) => {
+      };
+      const renderLinkColumn = (column) => {
         const {
-          name: e,
-          head: r,
-          headAlign: i,
-          width: d,
-          fixed: m
-        } = t;
-        return l(S, {
-          label: r,
-          headerAlign: i,
-          prop: e,
-          width: d,
-          fixed: m,
-          showOverflowTooltip: !0
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (a) => {
+          default: (scope) => {
             const {
-              row: c,
-              column: u
-            } = a;
-            return l("span", {
-              class: "cell-linkcolumn"
-            }, [c[u.property]]);
+              row,
+              column: column2
+            } = scope;
+            return createVNode("span", {
+              "class": "cell-linkcolumn"
+            }, [row[column2.property]]);
           }
         });
-      }, q = (t) => {
+      };
+      const renderNumberColumn = (column) => {
+        const {
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
         const {
-          name: e,
-          head: r,
-          headAlign: i,
-          width: d,
-          fixed: m
-        } = t, {
-          thousandsSeparator: a = !0,
-          precision: c = -1,
-          percentage: u = !1
-        } = t;
-        return l(S, {
-          label: r,
-          headerAlign: i,
-          align: "right",
-          prop: e,
-          width: d,
-          fixed: m,
-          showOverflowTooltip: !0
+          thousandsSeparator = true,
+          precision = -1,
+          percentage = false
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "align": "right",
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (f) => {
+          default: (scope) => {
             const {
-              row: P,
-              column: b
-            } = f;
-            return l("span", {
-              class: "cell-numbercolumn"
-            }, [pe(P[b.property], a, c, u === !0 || u === "")]);
+              row,
+              column: column2
+            } = scope;
+            return createVNode("span", {
+              "class": "cell-numbercolumn"
+            }, [number2string(row[column2.property], thousandsSeparator, precision, percentage === true || percentage === "")]);
           }
         });
-      }, G = (t) => {
+      };
+      const renderDateColumn = (column) => {
         const {
-          name: e,
-          head: r,
-          headAlign: i,
-          width: d,
-          fixed: m,
-          sourceFormat: a,
-          format: c = "YYYYMMDDHHmmss"
-        } = t;
-        return l(S, {
-          label: r,
-          headerAlign: i,
-          prop: e,
-          width: d,
-          fixed: m,
-          showOverflowTooltip: !0
+          name,
+          head,
+          headAlign,
+          width,
+          fixed,
+          sourceFormat,
+          format = "YYYYMMDDHHmmss"
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (u) => {
+          default: (scope) => {
             const {
-              row: f,
-              column: P
-            } = u, b = f[P.property];
-            return b instanceof Date || ce.isDayjs(b) ? l("div", null, [z(b, c)]) : a && c ? l("div", null, [z(b, a, c)]) : l("div", null, [b]);
+              row,
+              column: column2
+            } = scope;
+            const cellValue = row[column2.property];
+            if (cellValue instanceof Date || dayjs.isDayjs(cellValue)) {
+              return createVNode("div", null, [formatDate(cellValue, format)]);
+            } else {
+              if (sourceFormat && format) {
+                return createVNode("div", null, [formatDate(cellValue, sourceFormat, format)]);
+              } else {
+                return createVNode("div", null, [cellValue]);
+              }
+            }
           }
         });
-      }, J = (t) => {
+      };
+      const renderSingleSelectColumn = (column) => {
         const {
-          name: e,
-          head: r,
-          headAlign: i,
-          width: d,
-          fixed: m
-        } = t, {
-          code: a
-        } = t;
-        return l(S, {
-          label: r,
-          headerAlign: i,
-          prop: e,
-          width: d,
-          fixed: m,
-          showOverflowTooltip: !0
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        const {
+          code
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (c) => {
+          default: (scope) => {
             const {
-              row: u,
-              column: f
-            } = c, P = u[f.property];
-            let b, x, A;
-            return a ? typeof a == "string" ? (b = a, x = I.getCode(b), A = j(x.value, P)) : (x = a, A = j(x, P)) : A = null, l("span", {
-              class: "cell-singleselect"
-            }, [A]);
+              row,
+              column: column2
+            } = scope;
+            const cellValue = row[column2.property];
+            let codeName, codeData, codeContent;
+            if (!code) {
+              codeContent = null;
+            } else if (typeof code === "string") {
+              codeName = code;
+              codeData = Throne.getCode(codeName);
+              codeContent = getSingleCodeContent(codeData.value, cellValue);
+            } else {
+              codeData = code;
+              codeContent = getSingleCodeContent(codeData, cellValue);
+            }
+            return createVNode("span", {
+              "class": "cell-singleselect"
+            }, [codeContent]);
           }
         });
-      }, K = (t) => {
+      };
+      const renderMultiSelectColumn = (column) => {
+        const {
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
         const {
-          name: e,
-          head: r,
-          headAlign: i,
-          width: d,
-          fixed: m
-        } = t, {
-          code: a
-        } = t;
-        return l(S, {
-          label: r,
-          headerAlign: i,
-          prop: e,
-          width: d,
-          fixed: m,
-          showOverflowTooltip: !0
+          code
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (c) => {
+          default: (scope) => {
             const {
-              row: u,
-              column: f
-            } = c, P = u[f.property];
-            let b, x, A;
-            return a ? typeof a == "string" ? (b = a, x = I.getCode(b), A = M(x.value, P)) : (x = a, A = M(x, P)) : A = null, l("span", {
-              class: "cell-multiselect"
-            }, [A]);
+              row,
+              column: column2
+            } = scope;
+            const cellValue = row[column2.property];
+            let codeName, codeData, codeContent;
+            if (!code) {
+              codeContent = null;
+            } else if (typeof code === "string") {
+              codeName = code;
+              codeData = Throne.getCode(codeName);
+              codeContent = getMultiCodeContent(codeData.value, cellValue);
+            } else {
+              codeData = code;
+              codeContent = getMultiCodeContent(codeData, cellValue);
+            }
+            return createVNode("span", {
+              "class": "cell-multiselect"
+            }, [codeContent]);
           }
         });
-      }, Q = (t) => {
+      };
+      const renderButtongroupColumn = (column) => {
         const {
-          name: e,
-          head: r,
-          headAlign: i,
-          width: d,
-          fixed: m
-        } = t;
-        return l(S, {
-          label: r,
-          headerAlign: i,
-          prop: e,
-          width: d,
-          fixed: m
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed
         }, {
-          default: (a) => {
-            var u, f;
-            const c = (f = (u = t.children) == null ? void 0 : u.default) == null ? void 0 : f.call(u, {
-              rowData: a.row,
-              column: t,
-              rowIndex: a.$index
+          default: (scope) => {
+            var _a, _b;
+            const children = (_b = (_a = column.children) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a, {
+              rowData: scope.row,
+              column,
+              rowIndex: scope.$index
             });
-            return l("div", {
-              class: "cell-buttongroup"
-            }, [l(de, null, he(c) ? c : {
-              default: () => [c]
+            return createVNode("div", {
+              "class": "cell-buttongroup"
+            }, [createVNode(Space, null, _isSlot$1(children) ? children : {
+              default: () => [children]
             })]);
           }
         });
-      }, W = (t) => {
+      };
+      const renderColumngroupColumn = (column) => {
         const {
-          head: e,
-          headAlign: r
-        } = t, {
-          children: i
-        } = t;
-        return l(S, {
-          label: e,
-          headerAlign: r
+          head,
+          headAlign
+        } = column;
+        const {
+          children
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign
         }, {
-          default: (d) => N(i)
+          default: (scope) => {
+            return renderColumns(children);
+          }
         });
-      }, X = (t) => {
+      };
+      const renderDiyColumn = (column) => {
         const {
-          name: e,
-          head: r,
-          headAlign: i,
-          width: d,
-          fixed: m
-        } = t;
-        return l(S, {
-          label: r,
-          headerAlign: i,
-          prop: e,
-          width: d,
-          fixed: m
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed
         }, {
-          default: (a) => {
-            var u, f;
-            const c = (f = (u = t.children) == null ? void 0 : u.default) == null ? void 0 : f.call(u, {
-              rowData: a.row,
-              column: t,
-              rowIndex: a.$index
+          default: (scope) => {
+            var _a, _b;
+            const children = (_b = (_a = column.children) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a, {
+              rowData: scope.row,
+              column,
+              rowIndex: scope.$index
             });
-            return l("div", {
-              class: "cell-diy"
-            }, [c, te(" ")]);
+            return createVNode("div", {
+              "class": "cell-diy"
+            }, [children, createTextVNode(" ")]);
           }
         });
-      }, N = (t) => t == null ? void 0 : t.map((e) => {
-        if (e.type === "OPagetableColumnString")
-          return U(e);
-        if (e.type === "OPagetableColumnLink")
-          return _(e);
-        if (e.type === "OPagetableColumnNumber")
-          return q(e);
-        if (e.type === "OPagetableColumnDate")
-          return G(e);
-        if (e.type === "OPagetableColumnSingleselect")
-          return J(e);
-        if (e.type === "OPagetableColumnMultiselect")
-          return K(e);
-        if (e.type === "OPagetableColumnButtongroup")
-          return Q(e);
-        if (e.type === "OPagetableColumngroup")
-          return W(e);
-        if (e.type === "OPagetableColumnDiy")
-          return X(e);
-        throw new ge(`OPagetable不能正确渲染'${e.type.name}'子组件。`);
-      });
-      return l("div", {
-        class: [Y, h.class],
-        style: [B.value, h.style]
-      }, [l("div", {
-        class: "pagetable-wrapper"
-      }, [l(le, {
-        border: !0,
-        ref: y,
-        data: O,
-        height: "100%",
-        style: {
+      };
+      const renderColumns = (columns2) => {
+        return columns2 == null ? void 0 : columns2.map((c) => {
+          if (c.type === "OPagetableColumnString") {
+            return renderStringColumn(c);
+          } else if (c.type === "OPagetableColumnLink") {
+            return renderLinkColumn(c);
+          } else if (c.type === "OPagetableColumnNumber") {
+            return renderNumberColumn(c);
+          } else if (c.type === "OPagetableColumnDate") {
+            return renderDateColumn(c);
+          } else if (c.type === "OPagetableColumnSingleselect") {
+            return renderSingleSelectColumn(c);
+          } else if (c.type === "OPagetableColumnMultiselect") {
+            return renderMultiSelectColumn(c);
+          } else if (c.type === "OPagetableColumnButtongroup") {
+            return renderButtongroupColumn(c);
+          } else if (c.type === "OPagetableColumngroup") {
+            return renderColumngroupColumn(c);
+          } else if (c.type === "OPagetableColumnDiy") {
+            return renderDiyColumn(c);
+          } else {
+            throw new OrionError(`OPagetable不能正确渲染'${c.type.name}'子组件。`);
+          }
+        });
+      };
+      return createVNode("div", {
+        "class": [cn, attrs.class],
+        "style": [style.value, attrs.style]
+      }, [createVNode("div", {
+        "class": "pagetable-wrapper"
+      }, [createVNode(ElTable, {
+        "showSummary": showSummary.value,
+        "summaryMethod": getSummaries,
+        "border": true,
+        "ref": elTableRef,
+        "data": data,
+        "height": "100%",
+        "style": {
           width: "100%"
         },
-        "onSelection-change": (t) => s("selectionChange", t),
-        "highlight-current-row": $,
-        "onCurrent-change": (t, e) => s("currentRowChange", t, e),
-        "onRow-click": (t, e, r) => s("rowClick", t, {
-          name: e.property,
-          head: e.label
-        }, r),
-        "onRow-dblclick": (t, e, r) => s("rowDblclick", t, {
-          name: e.property,
-          head: e.label
-        }, r),
-        "onCell-click": (t, e, r, i) => s("cellClick", t, {
-          name: e.property,
-          head: e.label
-        }, r, i),
-        "onCell-dblclick": (t, e, r, i) => s("cellDblclick", t, {
-          name: e.property,
-          head: e.label
-        }, r, i),
-        size: R
+        "onSelection-change": (rows) => emit("selectionChange", rows),
+        "highlight-current-row": currentRowMode,
+        "onCurrent-change": (currentRow, oldCurrentRow) => emit("currentRowChange", currentRow, oldCurrentRow),
+        "onRow-click": (row, column, event) => emit("rowClick", row, {
+          name: column.property,
+          head: column.label
+        }, event),
+        "onRow-dblclick": (row, column, event) => emit("rowDblclick", row, {
+          name: column.property,
+          head: column.label
+        }, event),
+        "onCell-click": (row, column, cell, event) => emit("cellClick", row, {
+          name: column.property,
+          head: column.label
+        }, cell, event),
+        "onCell-dblclick": (row, column, cell, event) => emit("cellDblclick", row, {
+          name: column.property,
+          head: column.label
+        }, cell, event),
+        "size": size
       }, {
-        default: () => [L && F(), E && H(), N(k.value)]
-      })]), l("div", {
-        class: "pagination-wrapper"
-      }, [l(oe, {
-        currentPage: v.currentPage,
-        "onUpdate:current-page": (t) => {
-          s("update:pagination", {
-            ...v,
-            currentPage: t
+        default: () => [showRowNumber && renderIndexColumn(), selectionMode && renderSelectionColumn(), renderColumns(columns.value)]
+      })]), createVNode("div", {
+        "class": "pagination-wrapper"
+      }, [createVNode(ElPagination, {
+        "currentPage": pagination.currentPage,
+        "onUpdate:current-page": (e) => {
+          emit("update:pagination", {
+            ...pagination,
+            currentPage: e
           });
         },
-        pageSize: v.pageSize,
-        pageSizes: v.pageSizes,
-        "onUpdate:page-size": (t) => {
-          s("update:pagination", {
-            ...v,
-            pageSize: t
+        "pageSize": pagination.pageSize,
+        "pageSizes": pagination.pageSizes,
+        "onUpdate:page-size": (e) => {
+          emit("update:pagination", {
+            ...pagination,
+            pageSize: e
           });
         },
-        total: v.total,
-        layout: "total, ->, sizes, prev, pager, next, jumper",
-        size: R
+        "total": pagination.total,
+        "layout": "total, ->, sizes, prev, pager, next, jumper",
+        "size": size,
+        "teleported": false
       }, null)])]);
     };
   }
-}), we = () => ({}), Ce = /* @__PURE__ */ C({
+});
+const pagetableColumnIndexProps = () => ({});
+const PagetableColumnIndex = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnIndex",
-  inheritAttrs: !1,
-  props: we(),
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  inheritAttrs: false,
+  props: pagetableColumnIndexProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Se = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: p([Boolean, String]),
-  fixed: p([Boolean, String])
-}), ye = /* @__PURE__ */ C({
+});
+const pagetableColumnStringProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  tail: someType([Boolean, String])
+});
+const PagetableColumnString = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnString",
-  inheritAttrs: !1,
-  props: Se(),
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  inheritAttrs: false,
+  props: pagetableColumnStringProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Pe = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: p([Boolean, String]),
-  fixed: p([Boolean, String])
-}), xe = /* @__PURE__ */ C({
+});
+const pagetableColumnLinkProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  tail: someType([Boolean, String])
+});
+const PagetableColumnLink = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnLink",
-  inheritAttrs: !1,
-  props: Pe(),
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  inheritAttrs: false,
+  props: pagetableColumnLinkProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Ae = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: p([Boolean, String]),
-  fixed: p([Boolean, String]),
-  thousandsSeparator: D(!0),
-  precision: ue(-1),
-  percentage: D(!1)
-}), Oe = /* @__PURE__ */ C({
+});
+const pagetableColumnNumberProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  tail: someType([Boolean, String]),
+  thousandsSeparator: booleanType(true),
+  precision: numberType(-1),
+  percentage: booleanType(false)
+});
+const PagetableColumnNumber = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnNumber",
-  inheritAttrs: !1,
-  props: Ae(),
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  inheritAttrs: false,
+  props: pagetableColumnNumberProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), ve = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: p([Boolean, String]),
-  fixed: p([Boolean, String]),
+});
+const pagetableColumnDateProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  tail: someType([Boolean, String]),
   // Date
-  format: n(),
-  sourceFormat: n()
-}), Be = /* @__PURE__ */ C({
+  format: stringType(),
+  sourceFormat: stringType()
+});
+const PagetableColumnDate = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnDate",
-  inheritAttrs: !1,
-  props: ve(),
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  inheritAttrs: false,
+  props: pagetableColumnDateProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), ke = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: p([Boolean, String]),
-  fixed: p([Boolean, String]),
-  code: p([String, Array])
-}), De = /* @__PURE__ */ C({
+});
+const pagetableColumnSingleselectProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  tail: someType([Boolean, String]),
+  code: someType([String, Array])
+});
+const PagetableColumnSingleselect = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnSingleselect",
-  inheritAttrs: !1,
-  props: ke(),
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  inheritAttrs: false,
+  props: pagetableColumnSingleselectProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Te = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: p([Boolean, String]),
-  fixed: p([Boolean, String]),
-  code: p([String, Array])
-}), Re = /* @__PURE__ */ C({
+});
+const pagetableColumnMultiselectProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  tail: someType([Boolean, String]),
+  code: someType([String, Array])
+});
+const PagetableColumnMultiselect = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnMultiselect",
-  inheritAttrs: !1,
-  props: Te(),
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  inheritAttrs: false,
+  props: pagetableColumnMultiselectProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Ne = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: p([Boolean, String]),
-  fixed: p([Boolean, String])
-}), ze = /* @__PURE__ */ C({
+});
+const pagetableColumnButtongroupProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  tail: someType([Boolean, String])
+});
+const PagetableColumnButtongroup = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnButtongroup",
-  inheritAttrs: !1,
-  props: Ne(),
+  inheritAttrs: false,
+  props: pagetableColumnButtongroupProps(),
   slots: Object,
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
 });
-function je(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !V(o);
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const Me = () => ({
-  type: n()
-}), Ie = /* @__PURE__ */ C({
+const pagetableCellButtonProps = () => ({
+  type: stringType()
+});
+const PagetableCellButton = /* @__PURE__ */ defineComponent({
   name: "OPagetableCellButton",
-  inheritAttrs: !1,
-  props: Me(),
+  inheritAttrs: false,
+  props: pagetableCellButtonProps(),
   emits: ["click"],
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
-    const y = (B) => {
-      s("click", B);
+    const handleClick = (event) => {
+      emit("click", event);
     };
     return () => {
-      var T;
+      var _a;
       const {
-        type: B
-      } = o, k = (T = g.default) == null ? void 0 : T.call(g);
-      return l(re, {
-        link: !0,
-        type: B,
-        size: "small",
-        onClick: y
-      }, je(k) ? k : {
-        default: () => [k]
+        type
+      } = props;
+      const children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      return createVNode(ElButton, {
+        "link": true,
+        "type": type,
+        "size": "small",
+        "onClick": handleClick
+      }, _isSlot(children) ? children : {
+        default: () => [children]
       });
     };
   }
-}), Ve = () => ({
-  head: n(),
-  headAlign: n()
-}), Ee = /* @__PURE__ */ C({
+});
+const pagetableColumngroupProps = () => ({
+  head: stringType(),
+  headAlign: stringType()
+});
+const PagetableColumngroup = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumngroup",
-  inheritAttrs: !1,
-  props: Ve(),
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  inheritAttrs: false,
+  props: pagetableColumngroupProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Le = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: p([Boolean, String]),
-  fixed: p([Boolean, String])
-}), $e = /* @__PURE__ */ C({
+});
+const pagetableColumnDiyProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  tail: someType([Boolean, String])
+});
+const PagetableColumnDiy = /* @__PURE__ */ defineComponent({
   name: "OPagetableColumnDiy",
-  inheritAttrs: !1,
-  props: Le(),
+  inheritAttrs: false,
+  props: pagetableColumnDiyProps(),
   slots: Object,
-  setup(o, {
-    slots: g,
-    attrs: h,
-    emit: s,
-    expose: w
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), ot = ne(be, {
-  PagetableColumnIndex: Ce,
-  PagetableColumnString: ye,
-  PagetableColumnLink: xe,
-  PagetableColumnNumber: Oe,
-  PagetableColumnDate: Be,
-  PagetableColumnSingleselect: De,
-  PagetableColumnMultiselect: Re,
-  PagetableColumnButtongroup: ze,
-  PagetableCellButton: Ie,
-  PagetableColumngroup: Ee,
-  PagetableColumnDiy: $e
+});
+const Pagetable = withInstall(Pagetable$1, {
+  PagetableColumnIndex,
+  PagetableColumnString,
+  PagetableColumnLink,
+  PagetableColumnNumber,
+  PagetableColumnDate,
+  PagetableColumnSingleselect,
+  PagetableColumnMultiselect,
+  PagetableColumnButtongroup,
+  PagetableCellButton,
+  PagetableColumngroup,
+  PagetableColumnDiy
 });
 export {
-  ot as default
+  Pagetable as default
 };
 //# sourceMappingURL=index.js.map