orion-design 0.1.31 → 0.1.32

package/dist/components/Pagetable/index.js

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