orion-design 0.1.30 → 0.1.31

package/dist/components/Pagetable/index.js

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