orion-design 0.1.32 → 0.1.34

package/dist/components/MultiTableSelectPagetable/index.d.ts

@@ -0,0 +1,465 @@
+declare const _default: import('../_util').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        data: any[];
+        width: number | string;
+        height: number | string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+        data: any[];
+        width: number | string;
+        height: number | string;
+    }> & Readonly<{}>, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        table: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            data: {
+                type: import('vue').PropType<any[]>;
+                default: any[];
+            };
+            tailData: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: Record<string, any>;
+            };
+            pagination: {
+                type: import('vue').PropType<{
+                    currentPage?: number;
+                    pageSize?: number;
+                    pageSizes?: number[];
+                    total?: number;
+                }>;
+                default: {
+                    currentPage?: number;
+                    pageSize?: number;
+                    pageSizes?: number[];
+                    total?: number;
+                };
+            };
+            paginationTeleported: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRowNumber: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectionMode: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            currentRowMode: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: import('vue').PropType<"" | "small" | "default" | "large">;
+                default: "" | "small" | "default" | "large";
+            };
+            rowClassName: {
+                type: import('vue').PropType<string | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => string)>;
+                default: string | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => string);
+            };
+            rowStyle: {
+                type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => import('vue').CSSProperties)>;
+                default: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => import('vue').CSSProperties);
+            };
+            cellClassName: {
+                type: import('vue').PropType<string | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => string)>;
+                default: string | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => string);
+            };
+            cellStyle: {
+                type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => import('vue').CSSProperties)>;
+                default: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => import('vue').CSSProperties);
+            };
+        }>> & Readonly<{
+            onSelect?: ((...args: any[]) => any) | undefined;
+            "onSelect-all"?: ((...args: any[]) => any) | undefined;
+            onSelectionChange?: ((...args: any[]) => any) | undefined;
+            onCurrentRowChange?: ((...args: any[]) => any) | undefined;
+            "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
+            onPaginationChange?: ((...args: any[]) => any) | undefined;
+            onRowClick?: ((...args: any[]) => any) | undefined;
+            onRowDblclick?: ((...args: any[]) => any) | undefined;
+            onCellClick?: ((...args: any[]) => any) | undefined;
+            onCellDblclick?: ((...args: any[]) => any) | undefined;
+        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "select-all" | "selectionChange" | "currentRowChange" | "update:pagination" | "paginationChange" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            data: {
+                type: import('vue').PropType<any[]>;
+                default: any[];
+            };
+            tailData: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: Record<string, any>;
+            };
+            pagination: {
+                type: import('vue').PropType<{
+                    currentPage?: number;
+                    pageSize?: number;
+                    pageSizes?: number[];
+                    total?: number;
+                }>;
+                default: {
+                    currentPage?: number;
+                    pageSize?: number;
+                    pageSizes?: number[];
+                    total?: number;
+                };
+            };
+            paginationTeleported: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRowNumber: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectionMode: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            currentRowMode: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: import('vue').PropType<"" | "small" | "default" | "large">;
+                default: "" | "small" | "default" | "large";
+            };
+            rowClassName: {
+                type: import('vue').PropType<string | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => string)>;
+                default: string | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => string);
+            };
+            rowStyle: {
+                type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => import('vue').CSSProperties)>;
+                default: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => import('vue').CSSProperties);
+            };
+            cellClassName: {
+                type: import('vue').PropType<string | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => string)>;
+                default: string | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => string);
+            };
+            cellStyle: {
+                type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => import('vue').CSSProperties)>;
+                default: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => import('vue').CSSProperties);
+            };
+        }>> & Readonly<{
+            onSelect?: ((...args: any[]) => any) | undefined;
+            "onSelect-all"?: ((...args: any[]) => any) | undefined;
+            onSelectionChange?: ((...args: any[]) => any) | undefined;
+            onCurrentRowChange?: ((...args: any[]) => any) | undefined;
+            "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
+            onPaginationChange?: ((...args: any[]) => any) | undefined;
+            onRowClick?: ((...args: any[]) => any) | undefined;
+            onRowDblclick?: ((...args: any[]) => any) | undefined;
+            onCellClick?: ((...args: any[]) => any) | undefined;
+            onCellDblclick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "" | "small" | "default" | "large";
+            data: any[];
+            pagination: {
+                currentPage?: number;
+                pageSize?: number;
+                pageSizes?: number[];
+                total?: number;
+            };
+            tailData: Record<string, any>;
+            paginationTeleported: boolean;
+            showRowNumber: boolean;
+            selectionMode: boolean;
+            currentRowMode: boolean;
+            rowClassName: string | ((data: {
+                rowData: any;
+                rowIndex: number;
+            }) => string);
+            rowStyle: import('vue').CSSProperties | ((data: {
+                rowData: any;
+                rowIndex: number;
+            }) => import('vue').CSSProperties);
+            cellClassName: string | ((data: {
+                rowData: any;
+                column: {
+                    name: string;
+                    head: string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => string);
+            cellStyle: import('vue').CSSProperties | ((data: {
+                rowData: any;
+                column: {
+                    name: string;
+                    head: string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => import('vue').CSSProperties);
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            data: {
+                type: import('vue').PropType<any[]>;
+                default: any[];
+            };
+            tailData: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: Record<string, any>;
+            };
+            pagination: {
+                type: import('vue').PropType<{
+                    currentPage?: number;
+                    pageSize?: number;
+                    pageSizes?: number[];
+                    total?: number;
+                }>;
+                default: {
+                    currentPage?: number;
+                    pageSize?: number;
+                    pageSizes?: number[];
+                    total?: number;
+                };
+            };
+            paginationTeleported: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showRowNumber: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectionMode: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            currentRowMode: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: import('vue').PropType<"" | "small" | "default" | "large">;
+                default: "" | "small" | "default" | "large";
+            };
+            rowClassName: {
+                type: import('vue').PropType<string | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => string)>;
+                default: string | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => string);
+            };
+            rowStyle: {
+                type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => import('vue').CSSProperties)>;
+                default: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    rowIndex: number;
+                }) => import('vue').CSSProperties);
+            };
+            cellClassName: {
+                type: import('vue').PropType<string | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => string)>;
+                default: string | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => string);
+            };
+            cellStyle: {
+                type: import('vue').PropType<import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => import('vue').CSSProperties)>;
+                default: import('vue').CSSProperties | ((data: {
+                    rowData: any;
+                    column: {
+                        name: string;
+                        head: string;
+                    };
+                    rowIndex: number;
+                    columnIndex: number;
+                }) => import('vue').CSSProperties);
+            };
+        }>> & Readonly<{
+            onSelect?: ((...args: any[]) => any) | undefined;
+            "onSelect-all"?: ((...args: any[]) => any) | undefined;
+            onSelectionChange?: ((...args: any[]) => any) | undefined;
+            onCurrentRowChange?: ((...args: any[]) => any) | undefined;
+            "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
+            onPaginationChange?: ((...args: any[]) => any) | undefined;
+            onRowClick?: ((...args: any[]) => any) | undefined;
+            onRowDblclick?: ((...args: any[]) => any) | undefined;
+            onCellClick?: ((...args: any[]) => any) | undefined;
+            onCellDblclick?: ((...args: any[]) => any) | undefined;
+        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+            size: "" | "small" | "default" | "large";
+            data: any[];
+            pagination: {
+                currentPage?: number;
+                pageSize?: number;
+                pageSizes?: number[];
+                total?: number;
+            };
+            tailData: Record<string, any>;
+            paginationTeleported: boolean;
+            showRowNumber: boolean;
+            selectionMode: boolean;
+            currentRowMode: boolean;
+            rowClassName: string | ((data: {
+                rowData: any;
+                rowIndex: number;
+            }) => string);
+            rowStyle: import('vue').CSSProperties | ((data: {
+                rowData: any;
+                rowIndex: number;
+            }) => import('vue').CSSProperties);
+            cellClassName: string | ((data: {
+                rowData: any;
+                column: {
+                    name: string;
+                    head: string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => string);
+            cellStyle: import('vue').CSSProperties | ((data: {
+                rowData: any;
+                column: {
+                    name: string;
+                    head: string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => import('vue').CSSProperties);
+        }> | null;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        data: any[];
+        width: number | string;
+        height: number | string;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    data: any[];
+    width: number | string;
+    height: number | string;
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & {};
+export default _default;

package/dist/components/MultiTableSelectPagetable/index.js

@@ -0,0 +1,164 @@
+import { intersectionWith as b, isEqual as S, find as c, remove as x } from "lodash-es";
+import { defineComponent as I, computed as y, useTemplateRef as L, ref as O, watch as k, nextTick as U, resolveComponent as u, openBlock as f, createBlock as w, normalizeStyle as W, withCtx as l, createVNode as n, unref as r, createElementBlock as m, Fragment as E, renderList as T, createTextVNode as d, toDisplayString as C, mergeProps as j, renderSlot as G } from "vue";
+import { withInstall as H } from "../_util/vue/install.js";
+import { ElTooltip as J, ElTag as z, ElScrollbar as K } from "element-plus";
+import Q from "../Pagetable/index.js";
+import { addUnit as P } from "../_util/dom/style.js";
+import X from "../Form/MultiTableSelect/hooks/useMultiTableSelect.js";
+const Y = { style: { margin: "5px", display: "inline-block" } }, Z = /* @__PURE__ */ I({
+  name: "OTableselectPagetable",
+  inheritAttrs: !0,
+  __name: "MultiTableSelectPagetable",
+  props: {
+    data: {},
+    width: { default: 600 },
+    height: { default: 300 }
+  },
+  setup(i) {
+    const R = y(() => ({
+      width: P(i.width),
+      height: P(i.height)
+    })), g = L("table"), o = O([]), h = y(() => o.value.map((a) => e == null ? void 0 : e.tag(a))), B = (a, t) => {
+      c(a, t) ? c(o.value, t) || o.value.push(t) : c(o.value, t) && x(o.value, t), e == null || e.onSelect(o.value);
+    }, D = (a) => {
+      a.length > 0 ? a.forEach((t) => {
+        c(o.value, t) || o.value.push(t);
+      }) : x(o.value, (t) => c(i.data, t)), e == null || e.onSelect(o.value);
+    }, e = X(), A = () => {
+      e == null || e.selectDone();
+    }, M = () => {
+      N(), o.value = [], e == null || e.onSelect([], !0);
+    };
+    k(
+      () => i.data,
+      async () => {
+        i.data.length > 0 && (await U(), v());
+      }
+    ), k(() => e == null ? void 0 : e.selection, () => {
+      e != null && e.selection && e.selection.length > 0 && (o.value = e.selection, v());
+    });
+    const v = () => {
+      b(i.data, o.value, S).forEach((t) => {
+        g.value.toggleRowSelection(t, !0);
+      });
+    }, N = () => {
+      b(i.data, o.value, S).forEach((t) => {
+        g.value.toggleRowSelection(t, !1);
+      });
+    };
+    return (a, t) => {
+      const V = u("o-space"), s = u("o-flexitem"), _ = u("o-button"), $ = u("o-buttongroup"), q = u("o-rowflex"), F = u("o-colflex");
+      return f(), w(F, {
+        style: W(R.value)
+      }, {
+        default: l(() => [
+          n(s, { "flex-basic": "need" }, {
+            default: l(() => [
+              n(q, null, {
+                default: l(() => [
+                  n(s, { style: { overflow: "hidden", padding: "5px" } }, {
+                    default: l(() => [
+                      n(r(J), {
+                        effect: "light",
+                        teleported: !1
+                      }, {
+                        default: l(() => [
+                          n(V, null, {
+                            default: l(() => [
+                              (f(!0), m(E, null, T(h.value, (p) => (f(), w(r(z), { type: "info" }, {
+                                default: l(() => [
+                                  d(C(p), 1)
+                                ]),
+                                _: 2
+                              }, 1024))), 256))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        content: l(() => [
+                          n(r(K), { "max-height": "100" }, {
+                            default: l(() => [
+                              (f(!0), m(E, null, T(h.value, (p) => (f(), m("div", Y, [
+                                n(r(z), { type: "info" }, {
+                                  default: l(() => [
+                                    d(C(p), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]))), 256))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  n(s, {
+                    "flex-basic": "need",
+                    style: { padding: "5px" }
+                  }, {
+                    default: l(() => [
+                      n($, null, {
+                        default: l(() => [
+                          n(_, {
+                            type: "primary",
+                            size: "small",
+                            onClick: A
+                          }, {
+                            default: l(() => t[0] || (t[0] = [
+                              d("确定")
+                            ])),
+                            _: 1
+                          }),
+                          n(_, {
+                            size: "small",
+                            onClick: M
+                          }, {
+                            default: l(() => t[1] || (t[1] = [
+                              d("清空")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          n(s, null, {
+            default: l(() => [
+              n(r(Q), j({
+                ref: "table",
+                data: a.data,
+                "selection-mode": "",
+                size: "small",
+                "pagination-teleported": !1,
+                onSelect: B,
+                onSelectAll: D
+              }, a.$attrs), {
+                default: l(() => [
+                  G(a.$slots, "default")
+                ]),
+                _: 3
+              }, 16, ["data"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["style"]);
+    };
+  }
+}), ue = H(Z, {});
+export {
+  ue as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/MultiTableSelectPagetable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/MultiTableSelectPagetable/MultiTableSelectPagetable.vue","../../../src/components/MultiTableSelectPagetable/index.ts"],"sourcesContent":["<template>\r\n    <o-colflex :style=\"style\">\r\n        <o-flexitem flex-basic=\"need\">\r\n            <o-rowflex>\r\n                <o-flexitem style=\"overflow: hidden;padding: 5px;\">\r\n                    <el-tooltip effect=\"light\" :teleported=\"false\">\r\n                        <template #default>\r\n                            <o-space>\r\n                                <el-tag v-for=\"tag in tags\" type=\"info\">{{ tag }}</el-tag>\r\n                            </o-space>\r\n                        </template>\r\n                        <template #content>\r\n                            <el-scrollbar max-height=\"100\">\r\n                                <div v-for=\"tag in tags\" style=\"margin: 5px;display: inline-block;\">\r\n                                    <el-tag type=\"info\">{{ tag }}</el-tag>\r\n                                </div>\r\n                            </el-scrollbar>\r\n                        </template>\r\n                    </el-tooltip>\r\n                </o-flexitem>\r\n                <o-flexitem flex-basic=\"need\" style=\"padding: 5px;\">\r\n                    <o-buttongroup>\r\n                        <o-button type=\"primary\" size=\"small\" @click=\"selectDone\">确定</o-button>\r\n                        <o-button size=\"small\" @click=\"clearSelection\">清空</o-button>\r\n                    </o-buttongroup>\r\n                </o-flexitem>\r\n            </o-rowflex>\r\n        </o-flexitem>\r\n        <o-flexitem>\r\n            <pagetable ref=\"table\" :data=\"data\" selection-mode size=\"small\" :pagination-teleported=\"false\"\r\n                @select=\"onSelect\" @select-all=\"onSelectAll\" v-bind=\"$attrs\">\r\n                <slot></slot>\r\n            </pagetable>\r\n        </o-flexitem>\r\n    </o-colflex>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport Pagetable from '../Pagetable'\r\nimport { ElTag, ElTooltip, ElScrollbar } from 'element-plus'\r\nimport { computed, nextTick, ref, useTemplateRef, watch } from 'vue'\r\nimport { find, intersectionWith, isEqual, remove } from 'lodash-es';\r\nimport { addUnit } from '../_util';\r\nimport useMultiTableSelect from '../Form/MultiTableSelect/hooks/useMultiTableSelect'\r\n\r\ndefineOptions({ name: 'OTableselectPagetable', inheritAttrs: true })\r\n\r\nconst { data, width = 600, height = 300 } = defineProps<{ data: any[], width: number | string, height: number | string }>()\r\nconst style = computed(() => {\r\n    return {\r\n        width: addUnit(width),\r\n        height: addUnit(height)\r\n    }\r\n})\r\nconst tableRef = useTemplateRef('table')\r\nconst tableSelection = ref<any[]>([])\r\nconst tags = computed(() => tableSelection.value.map((item) => mtselect?.tag(item)))\r\n\r\nconst onSelect = (selection: any[], row: any) => {\r\n    if (find(selection, row)) {\r\n        if (!find(tableSelection.value, row)) {\r\n            tableSelection.value.push(row)\r\n        }\r\n    } else {\r\n        if (find(tableSelection.value, row)) {\r\n            remove(tableSelection.value, row)\r\n        }\r\n    }\r\n    mtselect?.onSelect(tableSelection.value)\r\n}\r\nconst onSelectAll = (selection: any[]) => {\r\n    if (selection.length > 0) {\r\n        selection.forEach((item) => {\r\n            if (!find(tableSelection.value, item)) {\r\n                tableSelection.value.push(item)\r\n            }\r\n        })\r\n    } else {\r\n        remove(tableSelection.value, (item) => find(data, item))\r\n    }\r\n    mtselect?.onSelect(tableSelection.value)\r\n}\r\n\r\nconst mtselect = useMultiTableSelect()\r\nconst selectDone = () => {\r\n    mtselect?.selectDone()\r\n}\r\nconst clearSelection = () => {\r\n    uncheckSelection()\r\n    tableSelection.value = []\r\n    mtselect?.onSelect([], true)\r\n}\r\n\r\nwatch(\r\n    () => data,\r\n    async () => {\r\n        if (data.length > 0) {\r\n            await nextTick()\r\n            checkSelection()\r\n        }\r\n    }\r\n)\r\nwatch(() => mtselect?.selection, () => {\r\n    if (mtselect?.selection && mtselect.selection.length > 0) {\r\n        tableSelection.value = mtselect.selection\r\n        checkSelection()\r\n    }\r\n})\r\n\r\nconst checkSelection = () => {\r\n    const selection = intersectionWith(data, tableSelection.value, isEqual)\r\n    selection.forEach((row) => {\r\n        //@ts-ignore\r\n        tableRef.value!.toggleRowSelection(row, true)\r\n    })\r\n}\r\n\r\nconst uncheckSelection = () => {\r\n    const selection = intersectionWith(data, tableSelection.value, isEqual)\r\n    selection.forEach((row) => {\r\n        //@ts-ignore\r\n        tableRef.value!.toggleRowSelection(row, false)\r\n    })\r\n}\r\n</script>","import { withInstall } from '../_util'\r\n\r\nimport MultiTableSelectPagetable from './MultiTableSelectPagetable.vue'\r\n\r\nexport default withInstall(MultiTableSelectPagetable, {})\r\n"],"names":["style","computed","addUnit","__props","tableRef","useTemplateRef","tableSelection","ref","tags","item","mtselect","onSelect","selection","row","find","remove","onSelectAll","useMultiTableSelect","selectDone","clearSelection","uncheckSelection","watch","nextTick","checkSelection","intersectionWith","isEqual","index","withInstall","MultiTableSelectPagetable"],"mappings":";;;;;;;;;;;;;;;;;AA+CM,UAAAA,IAAQC,EAAS,OACZ;AAAA,MACH,OAAOC,EAAQC,EAAA,KAAK;AAAA,MACpB,QAAQD,EAAQC,EAAM,MAAA;AAAA,IAAA,EAE7B,GACKC,IAAWC,EAAe,OAAO,GACjCC,IAAiBC,EAAW,CAAA,CAAE,GAC9BC,IAAOP,EAAS,MAAMK,EAAe,MAAM,IAAI,CAACG,MAASC,KAAA,gBAAAA,EAAU,IAAID,EAAK,CAAC,GAE7EE,IAAW,CAACC,GAAkBC,MAAa;AACzC,MAAAC,EAAKF,GAAWC,CAAG,IACdC,EAAKR,EAAe,OAAOO,CAAG,KAChBP,EAAA,MAAM,KAAKO,CAAG,IAG7BC,EAAKR,EAAe,OAAOO,CAAG,KACvBE,EAAAT,EAAe,OAAOO,CAAG,GAG9BH,KAAA,QAAAA,EAAA,SAASJ,EAAe;AAAA,IAAK,GAErCU,IAAc,CAACJ,MAAqB;AAClC,MAAAA,EAAU,SAAS,IACTA,EAAA,QAAQ,CAACH,MAAS;AACxB,QAAKK,EAAKR,EAAe,OAAOG,CAAI,KACjBH,EAAA,MAAM,KAAKG,CAAI;AAAA,MAClC,CACH,IAEMM,EAAAT,EAAe,OAAO,CAACG,MAASK,EAAKX,EAAA,MAAMM,CAAI,CAAC,GAEjDC,KAAA,QAAAA,EAAA,SAASJ,EAAe;AAAA,IAAK,GAGrCI,IAAWO,KACXC,IAAa,MAAM;AACrB,MAAAR,KAAA,QAAAA,EAAU;AAAA,IAAW,GAEnBS,IAAiB,MAAM;AACR,MAAAC,KACjBd,EAAe,QAAQ,IACbI,KAAA,QAAAA,EAAA,SAAS,IAAI;AAAA,IAAI;AAG/B,IAAAW;AAAA,MACI,MAAMlB,EAAI;AAAA,MACV,YAAY;AACJ,QAAAA,EAAI,KAAC,SAAS,MACd,MAAMmB,EAAS,GACAC;MAEvB;AAAA,IAAA,GAEEF,EAAA,MAAMX,KAAA,gBAAAA,EAAU,WAAW,MAAM;AACnC,MAAIA,KAAA,QAAAA,EAAU,aAAaA,EAAS,UAAU,SAAS,MACnDJ,EAAe,QAAQI,EAAS,WACjBa;IACnB,CACH;AAED,UAAMA,IAAiB,MAAM;AAEf,MADQC,EAAiBrB,EAAA,MAAMG,EAAe,OAAOmB,CAAO,EAC5D,QAAQ,CAACZ,MAAQ;AAEd,QAAAT,EAAA,MAAO,mBAAmBS,GAAK,EAAI;AAAA,MAAA,CAC/C;AAAA,IAAA,GAGCO,IAAmB,MAAM;AAEjB,MADQI,EAAiBrB,EAAA,MAAMG,EAAe,OAAOmB,CAAO,EAC5D,QAAQ,CAACZ,MAAQ;AAEd,QAAAT,EAAA,MAAO,mBAAmBS,GAAK,EAAK;AAAA,MAAA,CAChD;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICrHLa,KAAeC,EAAYC,GAA2B,EAAE;"}

package/dist/components/Pagetable/Pagetable.d.ts

@@ -145,7 +145,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: PropType<CSSProperties | cellStyleFn>;
         default: CSSProperties | cellStyleFn;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selectionChange" | "currentRowChange" | "update:pagination" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick")[], "selectionChange" | "currentRowChange" | "update:pagination" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick", import('vue').PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "select-all" | "selectionChange" | "currentRowChange" | "update:pagination" | "paginationChange" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick")[], "select" | "select-all" | "selectionChange" | "currentRowChange" | "update:pagination" | "paginationChange" | "rowClick" | "rowDblclick" | "cellClick" | "cellDblclick", import('vue').PublicProps, Readonly<ExtractPropTypes<{
     data: {
         type: PropType<any[]>;
         default: any[];
@@ -205,16 +205,19 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         default: CSSProperties | cellStyleFn;
     };
 }>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onSelect-all"?: ((...args: any[]) => any) | undefined;
     onSelectionChange?: ((...args: any[]) => any) | undefined;
     onCurrentRowChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
+    onPaginationChange?: ((...args: any[]) => any) | undefined;
     onRowClick?: ((...args: any[]) => any) | undefined;
     onRowDblclick?: ((...args: any[]) => any) | undefined;
     onCellClick?: ((...args: any[]) => any) | undefined;
     onCellDblclick?: ((...args: any[]) => any) | undefined;
 }>, {
-    data: any[];
     size: "" | "small" | "default" | "large";
+    data: any[];
     pagination: {
         currentPage?: number;
         pageSize?: number;