orion-design 0.1.31 → 0.1.33

package/dist/components/Pagetable/index.js

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