@dinert/element-plus 1.1.45 → 2.0.0

package/es/packages/components/table/src/table-column-operations.mjs

@@ -0,0 +1,126 @@
+import { defineComponent as O, computed as a, createVNode as l, Fragment as j, resolveComponent as r, mergeProps as d, createTextVNode as x, isVNode as B } from "vue";
+import { ElMessageBox as F } from "element-plus";
+import i from "lodash";
+import { ArrowDown as v } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
+function D(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !B(e);
+}
+const I = /* @__PURE__ */ O({
+  name: "TableColumnOperations",
+  props: {
+    operations: {
+      type: Object,
+      default: () => ({})
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    scope: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(e, s) {
+    const c = a(() => {
+      const n = [];
+      return Object.keys(e.operations).forEach((o) => {
+        const t = e.operations[o], b = i.isFunction(t.show) ? t.show(e.scope, e.column, t) : t.show === void 0 ? !0 : t.show, p = i.isFunction(t.message) ? t.message(e.scope, e.column, t) : t.message, w = t.key === "delete" ? "danger" : t.type || "primary", y = t.link === void 0 ? !0 : t.link;
+        b && n.push({
+          key: o,
+          ...t,
+          message: p,
+          type: w,
+          link: y
+        });
+      }), n.sort((o, t) => (o.sort || 1 / 0) - (t.sort || 1 / 0)), n;
+    });
+    let u = e.column.maxOperations || 3;
+    u = c.value.length > u ? u - 1 : u;
+    const h = a(() => c.value.slice(0, u)), f = a(() => c.value.slice(u, c.value.length)), k = a(() => f.value.length && c.value.length > u), m = (n, o = null) => {
+      i.isObject(n.messageBox) ? F({
+        title: "警告",
+        message: `是否${n.message}该条数据？`,
+        type: "warning",
+        showCancelButton: !0,
+        cancelButtonText: "取消",
+        beforeClose(t, b, p) {
+          p();
+        },
+        ...n.messageBox
+      }).then(() => {
+        i.isFunction(n.clickCb) && n.clickCb(e.scope, e.column, n, o);
+      }).catch(() => null) : i.isFunction(n.clickCb) && n.clickCb(e.scope, e.column, n, o);
+    };
+    let C = null;
+    const g = (n = null) => {
+      C = n;
+    };
+    return {
+      defaultFunctions: h,
+      seniorFunctions: f,
+      isShowDropdown: k,
+      renderButton: (n) => l(r("el-button"), d(n, {
+        key: n.key,
+        onClick: (o) => i.isObject(n.popConfirm) ? g(o) : m(n, o)
+      }), {
+        default: () => [n.message]
+      }),
+      buttonClick: m,
+      popConConfirmClick: (n) => {
+        n.clickCb && n.clickCb(e.scope, e.column, n, C);
+      }
+    };
+  },
+  render() {
+    return l(j, null, [this.defaultFunctions.map((e) => {
+      if (i.isObject(e.popConfirm)) {
+        const s = {
+          title: `是否${e.message}该条数据？`,
+          ...e.popConfirm
+        };
+        return l(r("el-popconfirm"), d({
+          ...s
+        }, {
+          onConfirm: () => this.popConConfirmClick(e)
+        }), {
+          reference: () => this.renderButton(e)
+        });
+      }
+      return this.renderButton(e);
+    }), this.isShowDropdown ? l(r("el-dropdown"), {
+      teleported: !0
+    }, {
+      default: () => l(r("el-button"), {
+        type: "primary",
+        link: !0,
+        text: !0
+      }, {
+        default: () => [x("更多"), l(r("el-icon"), null, {
+          default: () => [l(v, null, null)]
+        })]
+      }),
+      dropdown: () => {
+        let e;
+        return l(r("el-dropdown-menu"), null, D(e = this.seniorFunctions.map((s) => l(r("el-dropdown-item"), {
+          command: s
+        }, {
+          default: () => [l(r("el-button"), d({
+            onClick: (c) => this.buttonClick(s, c)
+          }, {
+            text: !0,
+            ...s
+          }), {
+            default: () => [s.message]
+          })]
+        }))) ? e : {
+          default: () => [e]
+        });
+      }
+    }) : null]);
+  }
+});
+export {
+  I as default
+};
+//# sourceMappingURL=table-column-operations.mjs.map

package/es/packages/components/table/src/table-column-operations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-operations.mjs","sources":["../../../../../packages/components/table/src/table-column-operations.tsx"],"sourcesContent":["import {PropType, computed, defineComponent} from 'vue'\nimport type {\n    OperationsProps\n} from '@packages/components/table/types/index'\nimport {ElMessageBox} from 'element-plus'\nimport lodash from 'lodash'\nimport {ArrowDown} from '@element-plus/icons-vue'\n\nexport default defineComponent({\n    name: 'TableColumnOperations',\n    props: {\n        operations: {\n            type: Object,\n            default: () => ({})\n        },\n        column: {\n            type: Object,\n            default: () => ({})\n        },\n        scope: {\n            type: Object as PropType<any>,\n            default: () => ({})\n        }\n    },\n\n    setup(props, ctx) {\n\n\n        const operations = computed<OperationsProps[]>(() => {\n            const result: any = []\n            Object.keys((props.operations)).forEach(key => {\n                const tempObj = props.operations[key]\n                const show = lodash.isFunction(tempObj.show) ? tempObj.show(props.scope, props.column, tempObj) : tempObj.show === undefined ? true : tempObj.show\n                const message = lodash.isFunction(tempObj.message) ? tempObj.message(props.scope, props.column, tempObj) : tempObj.message\n                const type = tempObj.key === 'delete' ? 'danger' : tempObj.type || 'primary'\n                const link = tempObj.link === undefined ? true : tempObj.link\n\n                if (show) {\n                    result.push({\n                        key: key,\n                        ...tempObj,\n                        message,\n                        type,\n                        link\n                    })\n\n                }\n\n            })\n\n            result.sort((a: any, b: any) => {\n                return (a.sort || Infinity) - (b.sort || Infinity)\n            })\n\n            return result\n        })\n\n        let maxOperations = props.column.maxOperations || 3\n        const operationsLen = operations.value.length\n        maxOperations = operationsLen > maxOperations ? maxOperations - 1 : maxOperations\n\n        const defaultFunctions = computed(() => {\n            const list = operations.value.slice(0, maxOperations)\n            return list\n        })\n\n        const seniorFunctions = computed(() => {\n            const list = operations.value.slice(maxOperations, operations.value.length)\n            return list\n        })\n\n        const isShowDropdown = computed(() => {\n            return seniorFunctions.value.length && operations.value.length > maxOperations\n        })\n\n        const buttonClick = (item: OperationsProps, e: any = null) => {\n\n            if (lodash.isObject(item.messageBox)) {\n                ElMessageBox({\n                    title: '警告',\n                    message: `是否${item.message}该条数据？`,\n                    type: 'warning',\n                    showCancelButton: true,\n                    cancelButtonText: '取消',\n                    beforeClose(action, instance, done) {\n                        done()\n                    },\n                    ...item.messageBox\n                }).then(() => {\n                    lodash.isFunction(item.clickCb) && item.clickCb(props.scope, props.column, item, e)\n                }).catch(() => null)\n            } else {\n                lodash.isFunction(item.clickCb) && item.clickCb(props.scope, props.column, item, e)\n            }\n        }\n\n        let popButtonEl = null as any\n\n        const popConfirmClick = (e: any = null) => {\n            popButtonEl = e\n        }\n\n        const popConConfirmClick = (item: any) => {\n            item.clickCb && item.clickCb(props.scope, props.column, item, popButtonEl)\n        }\n\n        const renderButton = (item: any) => (\n            <el-button {...item} key={item.key} onClick={(e: any) => (lodash.isObject(item.popConfirm) ? popConfirmClick(e) : buttonClick(item, e))}>\n                {item.message}\n            </el-button>\n        )\n\n        return {\n            defaultFunctions,\n            seniorFunctions,\n            isShowDropdown,\n            renderButton,\n\n            buttonClick,\n            popConConfirmClick\n        }\n    },\n\n    render() {\n        return (\n            <>\n                {\n                    this.defaultFunctions.map(item => {\n                        if (lodash.isObject(item.popConfirm)) {\n                            const popConfirm = {\n                                title: `是否${item.message}该条数据？`,\n                                ...item.popConfirm\n                            }\n\n                            return (<el-popconfirm {...{...popConfirm}}\n                                onConfirm={ () => this.popConConfirmClick(item)}>\n                                {{\n                                    reference: () => {\n                                        return this.renderButton(item)\n                                    }\n                                }}\n                            </el-popconfirm>)\n                        }\n\n                        return this.renderButton(item)\n                    })\n                }\n\n                {this.isShowDropdown\n                    ? <el-dropdown teleported={true}\n                        v-slots= {{\n                            default: () => {\n                                return (\n                                    <el-button type=\"primary\" link text>\n                                            更多<el-icon><ArrowDown /></el-icon>\n                                    </el-button>\n                                )\n                            },\n                            dropdown: () => {\n                                return (\n                                    <el-dropdown-menu>\n                                        {this.seniorFunctions.map(item => {return (<el-dropdown-item command={item}>\n                                            <el-button\n                                                onClick={(e: any) => this.buttonClick(item, e)}\n                                                {...{\n                                                    text: true,\n                                                    ...item\n                                                }}\n                                            >{item.message}</el-button>\n                                        </el-dropdown-item>)})}\n                                    </el-dropdown-menu>\n                                )\n                            }\n                        }}>\n\n                    </el-dropdown> : null\n                }\n            </>\n        )\n    }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","operations","type","default","column","scope","setup","ctx","computed","result","keys","forEach","key","tempObj","show","lodash","isFunction","undefined","message","link","push","sort","a","b","Infinity","maxOperations","value","length","defaultFunctions","slice","seniorFunctions","isShowDropdown","buttonClick","item","e","isObject","messageBox","ElMessageBox","title","showCancelButton","cancelButtonText","beforeClose","action","instance","done","then","clickCb","catch","popButtonEl","popConfirmClick","renderButton","_createVNode","_resolveComponent","_mergeProps","popConfirm","popConConfirmClick","render","_Fragment","map","onConfirm","reference","_createTextVNode","ArrowDown","dropdown","_slot","text"],"mappings":"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"}

package/es/packages/components/table/src/table-header.mjs

@@ -0,0 +1,128 @@
+import { defineComponent as C, ref as g, computed as y, createVNode as l, resolveComponent as i, mergeProps as M, createTextVNode as b, isVNode as T } from "vue";
+import { ArrowDown as k } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
+import v from "./table-column-control.mjs";
+import { allShow as E } from "../hooks/index.mjs";
+import r from "lodash";
+import { ElMessageBox as m } from "element-plus";
+function w(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !T(n);
+}
+const F = /* @__PURE__ */ C({
+  name: "dinert-table-header",
+  props: {
+    table: {
+      type: Object
+    },
+    header: {
+      type: Object,
+      default: () => ({})
+    },
+    isAllData: {
+      type: Boolean
+    },
+    tableColumns: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["CheckedChange", "TooltipMouseEnter", "TooltipMouseLeave", "HeaderTooltipMouseEnter"],
+  setup(n, e) {
+    const s = g();
+    return {
+      headerList: y(() => {
+        const t = [];
+        return Object.keys(n.header).forEach((o) => {
+          const a = n.header[o];
+          t.push({
+            key: o,
+            ...a
+          });
+        }), t.sort((o, a) => (o.sort || 1 / 0) - (a.sort || 1 / 0)), t;
+      }),
+      selectTableRef: s,
+      buttonClick: (t, o = null) => {
+        r.isObject(t.messageBox) ? m({
+          title: "警告",
+          message: `是否${t.message}该条数据？`,
+          type: "warning",
+          showCancelButton: !0,
+          cancelButtonText: "取消",
+          beforeClose(a, h, f) {
+            f();
+          },
+          ...t.messageBox
+        }).then(() => {
+          r.isFunction(t.clickCb) && t.clickCb(t, o);
+        }).catch(() => null) : r.isFunction(t.clickCb) && t.clickCb(t, o);
+      },
+      tooltipMouseEnter: (t, o) => {
+        const a = r.isFunction(o.tooltip) ? o.tooltip(o) : o.tooltip;
+        if (r.isObject(a)) {
+          const h = r.isFunction(a.content) ? a.content(o) : a.content;
+          e.emit("HeaderTooltipMouseEnter", t, h);
+        }
+      },
+      tooltipMouseLeave: (t, o) => {
+        e.emit("TooltipMouseLeave", t, o);
+      }
+    };
+  },
+  render() {
+    var n;
+    return l("header", {
+      class: "dinert-table-header"
+    }, [l("div", {
+      class: "dinert-table-header-left"
+    }, [this.headerList.map((e) => {
+      var d, p;
+      if (this.$slots["header_left_" + e.key])
+        return (p = (d = this.$slots)["header_left_" + e.key]) == null ? void 0 : p.call(d, e);
+      const s = r.isFunction(e.disabled) ? e.disabled(e) : e.disabled, u = r.isFunction(e.show) ? e.show(e) : e.show, c = r.isFunction(e.message) ? e.message(e) : e.message;
+      return u || u === void 0 ? l(i("el-button"), M({
+        ...e,
+        disabled: s
+      }, {
+        onClick: (t) => this.buttonClick(e, t),
+        onMouseenter: (t) => this.tooltipMouseEnter(t, e),
+        onMouseleave: (t) => this.tooltipMouseLeave(t, e)
+      }), w(c) ? c : {
+        default: () => [c]
+      }) : null;
+    })]), ((n = this.table) == null ? void 0 : n.setting) && l("div", {
+      class: "dinert-table-header-right"
+    }, [l(i("el-button-group"), null, {
+      default: () => [l(i("el-button"), {
+        type: this.isAllData ? "primary" : "default",
+        onClick: async () => {
+          var e, s;
+          E((e = this.selectTableRef) == null ? void 0 : e.selectTableRef, ((s = this.table) == null ? void 0 : s.tableColumns) || []);
+        }
+      }, {
+        default: () => [b("全部显示")]
+      }), l(i("el-popover"), {
+        teleported: !0
+      }, {
+        default: () => l("ul", {
+          class: "dinert-popover-classify"
+        }, [l(v, {
+          onCheckedChange: (e, s, u) => this.$emit("CheckedChange", e, s, u),
+          onTooltipMouseEnter: (e, s) => this.$emit("TooltipMouseEnter", e, s),
+          onTooltipMouseLeave: (e, s) => this.$emit("TooltipMouseLeave", e, s),
+          ref: (e) => this.selectTableRef = e,
+          table: this.table
+        }, null)]),
+        reference: () => l(i("el-button"), {
+          type: this.isAllData ? "default" : "primary"
+        }, {
+          default: () => [b("分类显示"), l(i("el-icon"), null, {
+            default: () => [l(k, null, null)]
+          })]
+        })
+      })]
+    })])]);
+  }
+});
+export {
+  F as default
+};
+//# sourceMappingURL=table-header.mjs.map

package/es/packages/components/table/src/table-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.mjs","sources":["../../../../../packages/components/table/src/table-header.tsx"],"sourcesContent":["import {computed, defineComponent, PropType, ref} from 'vue'\nimport type {HeaderListProps, OperationsProps, RewriteTableColumnCtx, RewriteTableProps} from '@packages/components/table/types/index'\nimport {ArrowDown} from '@element-plus/icons-vue'\nimport DinertTableColumnControl from './table-column-control'\nimport {allShow} from '@packages/components/table/hooks'\nimport lodash from 'lodash'\nimport {ElMessageBox} from 'element-plus'\n\nexport default defineComponent({\n    name: 'dinert-table-header',\n    props: {\n        table: {\n            type: Object as PropType<RewriteTableProps>,\n        },\n        header: {\n            type: Object as PropType<HeaderListProps>,\n            default: () => ({})\n        },\n        isAllData: {\n            type: Boolean,\n        },\n        tableColumns: {\n            type: Array as PropType<RewriteTableColumnCtx[]>,\n            default: () => ([])\n        }\n    },\n    emits: ['CheckedChange', 'TooltipMouseEnter', 'TooltipMouseLeave', 'HeaderTooltipMouseEnter'],\n\n    setup(props, ctx) {\n\n        const selectTableRef = ref<InstanceType<typeof DinertTableColumnControl>>()\n\n        const headerList = computed<HeaderListProps[]>(() => {\n\n            const result: HeaderListProps[] = []\n\n            // eslint-disable-next-line max-statements\n            Object.keys(props.header).forEach(key => {\n                const tempObj = props.header[key]\n                result.push({\n                    key: key,\n                    ...tempObj,\n                })\n            })\n\n            result.sort((a: any, b: any) => {\n                return (a.sort || Infinity) - (b.sort || Infinity)\n            })\n            return result\n        })\n\n        const buttonClick = (item: HeaderListProps, e: any = null) => {\n\n            if (lodash.isObject(item.messageBox)) {\n                ElMessageBox({\n                    title: '警告',\n                    message: `是否${item.message}该条数据？`,\n                    type: 'warning',\n                    showCancelButton: true,\n                    cancelButtonText: '取消',\n                    beforeClose(action, instance, done) {\n                        done()\n                    },\n                    ...item.messageBox\n                }).then(() => {\n                    lodash.isFunction(item.clickCb) && item.clickCb(item, e)\n                }).catch(() => null)\n            } else {\n                lodash.isFunction(item.clickCb) && item.clickCb(item, e)\n            }\n        }\n\n        const tooltipMouseEnter = (e: PointerEvent, item: HeaderListProps) => {\n\n            const tooltipProps = lodash.isFunction(item.tooltip) ? item.tooltip(item) : item.tooltip\n\n            if (lodash.isObject(tooltipProps) as any) {\n                const message = lodash.isFunction(tooltipProps.content) ? tooltipProps.content(item as any) : tooltipProps.content\n                ctx.emit('HeaderTooltipMouseEnter', e, message)\n            }\n\n\n        }\n\n        const tooltipMouseLeave = (e: PointerEvent, item: HeaderListProps) => {\n\n            ctx.emit('TooltipMouseLeave', e, item)\n        }\n\n\n        return {\n            headerList,\n            selectTableRef,\n            buttonClick,\n            tooltipMouseEnter,\n            tooltipMouseLeave\n\n        }\n    },\n    render() {\n\n        // const isHeader = (this.header && headerList.length) || (this.getSetting && this.header)\n        return (\n            <header class={'dinert-table-header'}>\n                {\n                    <div class=\"dinert-table-header-left\">\n                        {\n                            this.headerList.map((item: HeaderListProps) => {\n                                if (this.$slots['header_left_' + (item as any).key]) {\n                                    return this.$slots['header_left_' + (item as any).key]?.(item)\n                                }\n\n                                const itemDisabled = lodash.isFunction(item.disabled) ? item.disabled(item) : item.disabled\n                                const itemShow = lodash.isFunction(item.show) ? item.show(item) : item.show\n                                const message = lodash.isFunction(item.message) ? item.message(item) : item.message\n\n                                if (itemShow || itemShow === undefined)\n                                {\n                                    // const tooltip = item.tooltip || {} as any\n                                    // const content = typeof tooltip.content === 'function' ? tooltip.content(item) : tooltip.content\n                                    return (<el-button\n                                        {...{\n                                            ...item,\n                                            disabled: itemDisabled,\n                                        }}\n                                        onClick={(e: any) => this.buttonClick(item, e)}\n                                        onMouseenter={e => this.tooltipMouseEnter(e, item)}\n                                        onMouseleave={e => this.tooltipMouseLeave(e, item)}\n                                    >\n                                        {message}\n                                    </el-button>)\n                                }\n                                return null\n                            })\n                        }\n                    </div>\n                }\n                {\n\n                    (this.table?.setting && <div class={'dinert-table-header-right'}>\n\n                        <el-button-group>\n                            <el-button type={this.isAllData ? 'primary' : 'default'}\n                                onClick={async () => {\n                                    allShow(this.selectTableRef?.selectTableRef, this.table?.tableColumns || [])}}\n                            >全部显示\n                            </el-button>\n                            <el-popover teleported={true}\n                                v-slots={\n                                    {\n                                        default: () => (\n                                            <ul class=\"dinert-popover-classify\">\n                                                <DinertTableColumnControl\n                                                    onCheckedChange={(data, checked, childChecked) => this.$emit('CheckedChange', data, checked, childChecked)}\n                                                    onTooltipMouseEnter={(e, label) => this.$emit('TooltipMouseEnter', e, label)}\n                                                    onTooltipMouseLeave={(e, label) => this.$emit('TooltipMouseLeave', e, label)}\n                                                    ref={el => (this.selectTableRef = el)}\n                                                    table={this.table}\n                                                ></DinertTableColumnControl>\n                                            </ul>\n                                        ),\n                                        reference: () => (\n                                            <el-button type={this.isAllData ? 'default' : 'primary'}>\n                                                分类显示<el-icon><ArrowDown/></el-icon>\n                                            </el-button>\n                                        )\n                                    }\n\n                                }\n                            >\n                            </el-popover>\n                        </el-button-group>\n                    </div>)\n                }\n            </header>\n        )\n\n    }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","table","type","header","default","isAllData","Boolean","tableColumns","Array","emits","setup","ctx","selectTableRef","ref","headerList","computed","result","keys","forEach","key","tempObj","push","sort","a","b","Infinity","buttonClick","item","e","lodash","isObject","messageBox","ElMessageBox","title","message","showCancelButton","cancelButtonText","beforeClose","action","instance","done","then","isFunction","clickCb","catch","tooltipMouseEnter","tooltipProps","tooltip","content","emit","tooltipMouseLeave","render","_createVNode","map","$slots","_b","_a","itemDisabled","disabled","itemShow","show","undefined","_resolveComponent","_mergeProps","setting","allShow","_createTextVNode","DinertTableColumnControl","onCheckedChange","data","checked","childChecked","$emit","onTooltipMouseEnter","label","onTooltipMouseLeave","el","reference","ArrowDown"],"mappings":"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"}

package/es/packages/components/table/src/table-setting-control.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as n, ref as r, createVNode as e, resolveComponent as l, createTextVNode as a } from "vue";
+import { allShow as s } from "../hooks/index.mjs";
+import { Setting as i } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
+import c from "./table-column-control.mjs";
+const b = /* @__PURE__ */ n({
+  name: "dinert-table-column-control",
+  props: {
+    table: {
+      type: Object
+    }
+  },
+  emits: ["CheckedChange"],
+  setup() {
+    return {
+      selectTableRef: r()
+    };
+  },
+  render() {
+    return e(l("el-popover"), {
+      teleported: !0
+    }, {
+      default: () => e("ul", {
+        class: "dinert-popover-classify"
+      }, [e("li", null, [e(l("el-button"), {
+        class: "allSelect",
+        link: !0,
+        type: "primary",
+        onClick: async () => {
+          var t, o;
+          return s((t = this.selectTableRef) == null ? void 0 : t.selectTableRef, ((o = this.table) == null ? void 0 : o.tableColumns) || []);
+        }
+      }, {
+        default: () => [a("全选")]
+      })]), e(c, {
+        ref: (t) => this.selectTableRef = t,
+        table: this.table
+      }, null)]),
+      reference: () => e(l("el-icon"), {
+        class: "setting-icon"
+      }, {
+        default: () => [e(i, null, null)]
+      })
+    });
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=table-setting-control.mjs.map

package/es/packages/components/table/src/table-setting-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-setting-control.mjs","sources":["../../../../../packages/components/table/src/table-setting-control.tsx"],"sourcesContent":["import {PropType, computed, defineComponent, ref} from 'vue'\n\nimport type {RewriteTableColumnCtx, RewriteTableProps} from '@packages/components/table/types/index'\nimport {getTreeNode} from '@packages/utils/tools'\nimport {allShow} from '@packages/components/table/hooks'\nimport type Node from 'element-plus/es/components/tree/src/model/node'\nimport {Setting} from '@element-plus/icons-vue'\nimport DinertTableColumnControl from './table-column-control'\n\nexport default defineComponent({\n    name: 'dinert-table-column-control',\n    props: {\n        table: {\n            type: Object as PropType<RewriteTableProps>,\n        }\n    },\n    emits: ['CheckedChange'],\n    setup() {\n\n        const selectTableRef = ref<InstanceType<typeof DinertTableColumnControl>>()\n\n\n        return {\n            selectTableRef,\n\n\n        }\n    },\n    render() {\n\n        return (\n            <el-popover teleported={true}\n                v-slots={\n                    {\n                        default: () => (\n                            <ul class=\"dinert-popover-classify\">\n                                <li>\n                                    <el-button class=\"allSelect\" link\n                                        type={'primary'} onClick={async () => allShow(this.selectTableRef?.selectTableRef, this.table?.tableColumns || [])}\n                                    >全选</el-button>\n                                </li>\n                                <DinertTableColumnControl ref={el => (this.selectTableRef = el)}\n                                    table={this.table}></DinertTableColumnControl>\n                            </ul>\n                        ),\n                        reference: () => (\n                            <el-icon class=\"setting-icon\">\n                                <Setting/>\n                            </el-icon>\n                        )\n\n                    }\n                }\n            >\n            </el-popover>\n        )\n    }\n})\n"],"names":["defineComponent","name","props","table","type","Object","emits","setup","selectTableRef","ref","render","_createVNode","_resolveComponent","default","allShow","_a","_b","tableColumns","_createTextVNode","DinertTableColumnControl","el","reference","Setting"],"mappings":";;;;AASA,MAAeA,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,OAAO;AAAA,MACHC,MAAMC;AAAAA,IACV;AAAA,EACH;AAAA,EACDC,OAAO,CAAC,eAAe;AAAA,EACvBC,QAAQ;AAKJ,WAAO;AAAA,MACHC,gBAJmBC;;EAQ1B;AAAA,EACDC,SAAS;AAEL,WAAAC,EAAAC,EAAA,YAAA,GAAA;AAAA,MAAA,YAC4B;AAAA,OAEhB;AAAA,MACIC,SAASA,MAAAF,EAAA,MAAA;AAAA,QAAA,OAAA;AAAA,MAAA,GAAA,CAAAA,EAAA,MAAA,MAAA,CAAAA,EAAAC,EAAA,WAAA,GAAA;AAAA,QAAA,OAAA;AAAA,QAAA,MAAA;AAAA,QAAA,MAIa;AAAA,QAAS,SAAW,YAAA;;AAAYE,iBAAAA,GAAQC,IAAA,KAAKP,mBAAL,gBAAAO,EAAqBP,kBAAgBQ,IAAA,KAAKb,UAAL,gBAAAa,EAAYC,iBAAgB,EAAE;AAAA;AAAA,MAAC,GAAA;AAAA,QAAAJ,SAAAA,MAAA,CAAAK,EAAA,IAAA,CAAA;AAAA,OAAAP,CAAAA,CAAAA,GAAAA,EAAAQ,GAAA;AAAA,QAAA,KAG3FC,CAAAA,MAAO,KAAKZ,iBAAiBY;AAAAA,QAAG,OACpD,KAAKjB;AAAAA,SAEvB,IAAA,CAAA,CAAA;AAAA,MACDkB,WAAWA,MAAAV,EAAAC,EAAA,SAAA,GAAA;AAAA,QAAA,OAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,EAAAW,GAAA,MAAA,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA,KAMd;AAAA,EAKjB;AACJ,CAAC;"}

package/es/packages/components/table-page/src/index.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as i, ref as r, createVNode as n } from "vue";
+import { defineComponent as l, ref as r, createVNode as s } from "vue";
 import { DinertTable as h } from "../../table/index.mjs";
 import { DinertForm as f } from "../../form/index.mjs";
 import "../../../assets/scss/dinert-table-page.scss.mjs";
-const b = /* @__PURE__ */ i({
+const b = /* @__PURE__ */ l({
   name: "dinert-table-page",
   props: {
     form: {
@@ -22,8 +22,8 @@ const b = /* @__PURE__ */ i({
       default: !0
     },
     header: {
-      type: [Object, Boolean],
-      default: !0
+      type: Object,
+      default: () => ({})
     },
     tableSlot: {
       type: Boolean,
@@ -38,9 +38,9 @@ const b = /* @__PURE__ */ i({
       tableRef: e,
       formRef: t,
       onUnFold: () => {
-        const l = setTimeout(() => {
-          var s;
-          (s = e.value) == null || s.resizeTaleHeightFn(), clearTimeout(l);
+        const i = setTimeout(() => {
+          var n;
+          (n = e.value) == null || n.resizeTaleHeightFn(), clearTimeout(i);
         }, 300);
       }
     };
@@ -53,12 +53,12 @@ const b = /* @__PURE__ */ i({
         return (o = (t = this.$slots)[e.prop]) == null ? void 0 : o.call(t, e);
       }
     };
-    return n("section", {
+    return s("section", {
       class: ["dinert-table-page", this.search ? "search" : ""],
       ref: (e) => {
         this.tablePageDom = e;
       }
-    }, [this.search && n(f, {
+    }, [this.search && s(f, {
       form: this.form,
       class: "near",
       onSearchFn: () => this.$emit("SearchFn"),
@@ -67,7 +67,7 @@ const b = /* @__PURE__ */ i({
       ref: (e) => {
         this.formRef = e;
       }
-    }, this.$slots), n(h, {
+    }, this.$slots), s(h, {
       ref: (e) => {
         this.tableRef = e;
       },

package/es/packages/components/table-page/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table-page/src/index.tsx"],"sourcesContent":["import {defineComponent, ref} from 'vue'\n\nimport DinertTable from '@packages/components/table'\nimport DinertForm from '@packages/components/form'\n\nimport type {RewriteTableProps, HeaderListProps} from '@packages/components/table/types/index'\nimport type {PropType} from 'vue'\nimport type {RewriteFormProps} from '@packages/components/form/types'\n\nimport '@packages/assets/scss/dinert-table-page.scss'\n\n\nexport default defineComponent({\n    name: 'dinert-table-page',\n    props: {\n        form: {\n            type: Object as PropType<RewriteFormProps>,\n            default: () => ({})\n        },\n        table: {\n            type: Object as PropType<RewriteTableProps>,\n            default: () => ({})\n        },\n        search: {\n            type: Boolean,\n            default: true\n        },\n        footer: {\n            type: Boolean,\n            default: true\n        },\n        header: {\n            type: [Object, Boolean] as PropType<HeaderListProps | boolean>,\n            default: true\n        },\n        tableSlot: {\n            type: Boolean,\n            default: false\n        }\n    },\n    emits: ['SizeChange', 'CurrentChange', 'SearchFn', 'ResetFn', 'CheckedChange'],\n    setup() {\n\n        const tablePageDom = ref<HTMLElement>()\n        const tableRef = ref<InstanceType<typeof DinertTable>>()\n        const formRef = ref<InstanceType<typeof DinertForm>>()\n\n        const onUnFold = () => {\n            const timer = setTimeout(() => {\n                tableRef.value?.resizeTaleHeightFn()\n                clearTimeout(timer)\n            }, 300)\n        }\n\n        return {\n            tablePageDom,\n            tableRef,\n            formRef,\n            onUnFold\n        }\n    },\n    render() {\n        const slots = this.tableSlot ? this.$slots : {\n            ...this.$slots,\n            default: (scope: any) => this.$slots[(scope.prop)]?.(scope)\n        }\n\n        return (\n            <section class={['dinert-table-page', this.search ? 'search' : '']} ref={el => {this.tablePageDom = el}}>\n                {this.search\n                && <DinertForm form={this.form}\n                    class=\"near\"\n                    v-slots={this.$slots}\n                    onSearchFn={() => this.$emit('SearchFn')}\n                    onResetFn={() => this.$emit('ResetFn')}\n                    onUnFold={this.onUnFold}\n                    ref={el => {this.formRef = el}}></DinertForm>\n                }\n                <DinertTable\n                    ref={el => {this.tableRef = el}}\n                    table={this.table}\n                    header={this.header}\n                    footer={this.footer}\n                    tableSlot={this.tableSlot}\n                    v-slots={slots}\n                    onSizeChange={(val: number) => this.$emit('SizeChange', val)}\n                    onCurrentChange={(val: number) => this.$emit('CurrentChange', val)}\n                    onCheckedChange={(data: Node, checked: boolean, childChecked: boolean) => this.$emit('CheckedChange', data, checked, childChecked)}\n                >\n                </DinertTable>\n            </section>\n        )\n    }\n})\n"],"names":["defineComponent","name","props","form","type","Object","default","table","search","Boolean","footer","header","tableSlot","emits","setup","tablePageDom","ref","tableRef","formRef","onUnFold","timer","setTimeout","value","resizeTaleHeightFn","clearTimeout","render","slots","$slots","scope","_b","_a","prop","_createVNode","el","DinertForm","onSearchFn","$emit","onResetFn","DinertTable","val","onCheckedChange","data","checked","childChecked"],"mappings":";;;;AAYA,MAAeA,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,OAAO;AAAA,MACHH,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDE,QAAQ;AAAA,MACJJ,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDI,QAAQ;AAAA,MACJN,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDK,QAAQ;AAAA,MACJP,MAAM,CAACC,QAAQI,OAAO;AAAA,MACtBH,SAAS;AAAA,IACZ;AAAA,IACDM,WAAW;AAAA,MACPR,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDO,OAAO,CAAC,cAAc,iBAAiB,YAAY,WAAW,eAAe;AAAA,EAC7EC,QAAQ;AAEJ,UAAMC,IAAeC,KACfC,IAAWD,KACXE,IAAUF;AAShB,WAAO;AAAA,MACHD,cAAAA;AAAAA,MACAE,UAAAA;AAAAA,MACAC,SAAAA;AAAAA,MACAC,UAXaA,MAAM;AACnB,cAAMC,IAAQC,WAAW,MAAM;;AAC3BJ,WAAAA,IAAAA,EAASK,UAATL,QAAAA,EAAgBM,sBAChBC,aAAaJ,CAAK;AAAA,QACrB,GAAE,GAAG;AAAA;;EASb;AAAA,EACDK,SAAS;AACL,UAAMC,IAAQ,KAAKd,YAAY,KAAKe,SAAS;AAAA,MACzC,GAAG,KAAKA;AAAAA,MACRrB,SAAUsB,CAAAA,MAAU;;AAAK,gBAAAC,KAAAC,IAAA,KAAKH,QAAQC,EAAMG,UAAnB,gBAAAF,EAAA,KAAAC,GAA4BF;AAAAA;AAAAA;AAGzD,WAAAI,EAAA,WAAA;AAAA,MAAA,OACoB,CAAC,qBAAqB,KAAKxB,SAAS,WAAW,EAAE;AAAA,MAAC,KAAOyB,CAAAA,MAAM;AAAC,aAAKlB,eAAekB;AAAAA,MAAE;AAAA,IAAC,GAAA,CAClG,KAAKzB,UAAMwB,EAAAE,GAAA;AAAA,MAAA,MACS,KAAK/B;AAAAA,MAAI,OAAA;AAAA,MAAA,YAGdgC,MAAM,KAAKC,MAAM,UAAU;AAAA,MAAC,WAC7BC,MAAM,KAAKD,MAAM,SAAS;AAAA,MAAC,UAC5B,KAAKjB;AAAAA,MAAQ,KAClBc,CAAAA,MAAM;AAAC,aAAKf,UAAUe;AAAAA,MAAE;AAAA,IAAC,GAJrB,KAAKN,MAAM,GAIyBK,EAAAM,GAAA;AAAA,MAAA,KAGxCL,CAAAA,MAAM;AAAC,aAAKhB,WAAWgB;AAAAA,MAAG;AAAA,MAAA,OACxB,KAAK1B;AAAAA,MAAK,QACT,KAAKI;AAAAA,MAAM,QACX,KAAKD;AAAAA,MAAM,WACR,KAAKE;AAAAA,MAAS,cAEV2B,CAAAA,MAAgB,KAAKH,MAAM,cAAcG,CAAG;AAAA,MAAC,iBAC1CA,CAAAA,MAAgB,KAAKH,MAAM,iBAAiBG,CAAG;AAAA,MAAC,iBACjDC,CAACC,GAAYC,GAAkBC,MAA0B,KAAKP,MAAM,iBAAiBK,GAAMC,GAASC,CAAY;AAAA,IAAC,GAHzHjB,CAAK,CAAA,CAAA;AAAA,EAQ9B;AACJ,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table-page/src/index.tsx"],"sourcesContent":["import {defineComponent, ref} from 'vue'\n\nimport DinertTable from '@packages/components/table'\nimport DinertForm from '@packages/components/form'\n\nimport type {RewriteTableProps, HeaderListProps} from '@packages/components/table/types/index'\nimport type {PropType} from 'vue'\nimport type {RewriteFormProps} from '@packages/components/form/types'\n\nimport '@packages/assets/scss/dinert-table-page.scss'\n\n\nexport default defineComponent({\n    name: 'dinert-table-page',\n    props: {\n        form: {\n            type: Object as PropType<RewriteFormProps>,\n            default: () => ({})\n        },\n        table: {\n            type: Object as PropType<RewriteTableProps>,\n            default: () => ({})\n        },\n        search: {\n            type: Boolean,\n            default: true\n        },\n        footer: {\n            type: Boolean,\n            default: true\n        },\n        header: {\n            type: Object as PropType<HeaderListProps>,\n            default: () => ({})\n        },\n        tableSlot: {\n            type: Boolean,\n            default: false\n        }\n    },\n    emits: ['SizeChange', 'CurrentChange', 'SearchFn', 'ResetFn', 'CheckedChange'],\n    setup() {\n\n        const tablePageDom = ref<HTMLElement>()\n        const tableRef = ref<InstanceType<typeof DinertTable>>()\n        const formRef = ref<InstanceType<typeof DinertForm>>()\n\n        const onUnFold = () => {\n            const timer = setTimeout(() => {\n                tableRef.value?.resizeTaleHeightFn()\n                clearTimeout(timer)\n            }, 300)\n        }\n\n        return {\n            tablePageDom,\n            tableRef,\n            formRef,\n            onUnFold\n        }\n    },\n    render() {\n        const slots = this.tableSlot ? this.$slots : {\n            ...this.$slots,\n            default: (scope: any) => this.$slots[(scope.prop)]?.(scope)\n        }\n\n        return (\n            <section class={['dinert-table-page', this.search ? 'search' : '']} ref={el => {this.tablePageDom = el}}>\n                {this.search\n                && <DinertForm form={this.form}\n                    class=\"near\"\n                    v-slots={this.$slots}\n                    onSearchFn={() => this.$emit('SearchFn')}\n                    onResetFn={() => this.$emit('ResetFn')}\n                    onUnFold={this.onUnFold}\n                    ref={el => {this.formRef = el}}></DinertForm>\n                }\n                <DinertTable\n                    ref={el => {this.tableRef = el}}\n                    table={this.table}\n                    header={this.header}\n                    footer={this.footer}\n                    tableSlot={this.tableSlot}\n                    v-slots={slots}\n                    onSizeChange={(val: number) => this.$emit('SizeChange', val)}\n                    onCurrentChange={(val: number) => this.$emit('CurrentChange', val)}\n                    onCheckedChange={(data: Node, checked: boolean, childChecked: boolean) => this.$emit('CheckedChange', data, checked, childChecked)}\n                >\n                </DinertTable>\n            </section>\n        )\n    }\n})\n"],"names":["defineComponent","name","props","form","type","Object","default","table","search","Boolean","footer","header","tableSlot","emits","setup","tablePageDom","ref","tableRef","formRef","onUnFold","timer","setTimeout","value","resizeTaleHeightFn","clearTimeout","render","slots","$slots","scope","_b","_a","prop","_createVNode","el","DinertForm","onSearchFn","$emit","onResetFn","DinertTable","val","onCheckedChange","data","checked","childChecked"],"mappings":";;;;AAYA,MAAeA,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,OAAO;AAAA,MACHH,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDE,QAAQ;AAAA,MACJJ,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDI,QAAQ;AAAA,MACJN,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDK,QAAQ;AAAA,MACJP,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDM,WAAW;AAAA,MACPR,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDO,OAAO,CAAC,cAAc,iBAAiB,YAAY,WAAW,eAAe;AAAA,EAC7EC,QAAQ;AAEJ,UAAMC,IAAeC,KACfC,IAAWD,KACXE,IAAUF;AAShB,WAAO;AAAA,MACHD,cAAAA;AAAAA,MACAE,UAAAA;AAAAA,MACAC,SAAAA;AAAAA,MACAC,UAXaA,MAAM;AACnB,cAAMC,IAAQC,WAAW,MAAM;;AAC3BJ,WAAAA,IAAAA,EAASK,UAATL,QAAAA,EAAgBM,sBAChBC,aAAaJ,CAAK;AAAA,QACrB,GAAE,GAAG;AAAA;;EASb;AAAA,EACDK,SAAS;AACL,UAAMC,IAAQ,KAAKd,YAAY,KAAKe,SAAS;AAAA,MACzC,GAAG,KAAKA;AAAAA,MACRrB,SAAUsB,CAAAA,MAAU;;AAAK,gBAAAC,KAAAC,IAAA,KAAKH,QAAQC,EAAMG,UAAnB,gBAAAF,EAAA,KAAAC,GAA4BF;AAAAA;AAAAA;AAGzD,WAAAI,EAAA,WAAA;AAAA,MAAA,OACoB,CAAC,qBAAqB,KAAKxB,SAAS,WAAW,EAAE;AAAA,MAAC,KAAOyB,CAAAA,MAAM;AAAC,aAAKlB,eAAekB;AAAAA,MAAE;AAAA,IAAC,GAAA,CAClG,KAAKzB,UAAMwB,EAAAE,GAAA;AAAA,MAAA,MACS,KAAK/B;AAAAA,MAAI,OAAA;AAAA,MAAA,YAGdgC,MAAM,KAAKC,MAAM,UAAU;AAAA,MAAC,WAC7BC,MAAM,KAAKD,MAAM,SAAS;AAAA,MAAC,UAC5B,KAAKjB;AAAAA,MAAQ,KAClBc,CAAAA,MAAM;AAAC,aAAKf,UAAUe;AAAAA,MAAE;AAAA,IAAC,GAJrB,KAAKN,MAAM,GAIyBK,EAAAM,GAAA;AAAA,MAAA,KAGxCL,CAAAA,MAAM;AAAC,aAAKhB,WAAWgB;AAAAA,MAAG;AAAA,MAAA,OACxB,KAAK1B;AAAAA,MAAK,QACT,KAAKI;AAAAA,MAAM,QACX,KAAKD;AAAAA,MAAM,WACR,KAAKE;AAAAA,MAAS,cAEV2B,CAAAA,MAAgB,KAAKH,MAAM,cAAcG,CAAG;AAAA,MAAC,iBAC1CA,CAAAA,MAAgB,KAAKH,MAAM,iBAAiBG,CAAG;AAAA,MAAC,iBACjDC,CAACC,GAAYC,GAAkBC,MAA0B,KAAKP,MAAM,iBAAiBK,GAAMC,GAASC,CAAY;AAAA,IAAC,GAHzHjB,CAAK,CAAA,CAAA;AAAA,EAQ9B;AACJ,CAAC;"}

package/es/packages/hooks/TablePage/index.mjs

@@ -3,7 +3,7 @@ import { getUuid as b } from "../../utils/tools.mjs";
 import i from "lodash";
 class v {
   constructor(e) {
-    this.dialogForm = s({ formItem: {}, model: {} }), this.selecTableDatas = s([]), this.lastSelectDatas = s([]), this.ids = s([]), this.tablePageRef = s(null), this.tableRef = s(null), this.tableOriginRef = s(null), this.formRef = s(null), this.formOriginRef = s(null), this.defaultOptions = {
+    this.dialogForm = s({ formItem: {}, model: {} }), this.selectTableDatas = s([]), this.lastSelectDatas = s([]), this.ids = s([]), this.tablePageRef = s(null), this.tableRef = s(null), this.tableOriginRef = s(null), this.formRef = s(null), this.formOriginRef = s(null), this.defaultOptions = {
       table: {
         rowKey: "id",
         className: "table_page" + b(),
@@ -57,7 +57,7 @@ class v {
   getAjaxTableDataParams(e) {
     this.params = this.getTableParams(e);
     const a = i.isEqual(this.params, this.oldParams);
-    return e.name === "search" ? (a || (this.table.value.pagination.currentPage = 1, this.params = this.getTableParams(e)), this.oldParams = i.cloneDeep(this.params)) : e.name === "reset" ? (this.resetPagination(), this.params = this.getTableParams(e), this.oldParams = i.cloneDeep(this.params)) : e.name === "delete" ? this.table.value.data && this.table.value.data.length && this.table.value.data.length === 1 && this.table.value.pagination.currentPage > 1 && (this.table.value.pagination.currentPage = this.table.value.pagination.currentPage - 1, this.params = this.getTableParams(e)) : ["current", "size", "reset"].includes(e.name || "") && (this.oldParams = i.cloneDeep(this.params)), (!["size", "current"].includes(e.name || "") || !this.table.value.rowKey || !this.table.value.echoSelect) && (this.selecTableDatas.value = []), this.params;
+    return e.name === "search" ? (a || (this.table.value.pagination.currentPage = 1, this.params = this.getTableParams(e)), this.oldParams = i.cloneDeep(this.params)) : e.name === "reset" ? (this.resetPagination(), this.params = this.getTableParams(e), this.oldParams = i.cloneDeep(this.params)) : e.name === "delete" ? this.table.value.data && this.table.value.data.length && this.table.value.data.length === 1 && this.table.value.pagination.currentPage > 1 && (this.table.value.pagination.currentPage = this.table.value.pagination.currentPage - 1, this.params = this.getTableParams(e)) : ["current", "size", "reset"].includes(e.name || "") && (this.oldParams = i.cloneDeep(this.params)), (!["size", "current"].includes(e.name || "") || !this.table.value.rowKey || !this.table.value.echoSelect) && (this.selectTableDatas.value = []), this.params;
   }
   // 请求
   ajaxTableData(e) {
@@ -85,7 +85,8 @@ class v {
   }
   // 重置分页参数
   resetPagination() {
-    this.table.value.pagination = { ...this.defaultOptions.table.pagination };
+    var e;
+    this.table.value.pagination = { ...(e = this.firstOptions.table) == null ? void 0 : e.pagination };
   }
   // 重置表格请求参数
   resetParams() {
@@ -112,7 +113,7 @@ class v {
   }
   // 回显选中
   echoOperations() {
-    const e = this.table.value.rowKey, a = (this.selecTableDatas.value || []).map((t) => t[e]);
+    const e = this.table.value.rowKey, a = (this.selectTableDatas.value || []).map((t) => t[e]);
     this.tablePageRef.value && (this.table.value.data || []).forEach((t) => {
       var l, r, o, n, h, u;
       a.includes(t[e]) ? (o = (r = (l = this.tablePageRef.value) == null ? void 0 : l.tableRef) == null ? void 0 : r.tableRef) == null || o.toggleRowSelection(t, !0) : (u = (h = (n = this.tablePageRef.value) == null ? void 0 : n.tableRef) == null ? void 0 : h.tableRef) == null || u.toggleRowSelection(t, !1);
@@ -130,14 +131,14 @@ class v {
     const e = this.table.value.rowKey;
     this.table.value && (this.table.value.onSelect || (this.table.value.onSelect = (a) => {
       e ? (this.table.value.data.forEach((t) => {
-        for (let l = 0; l < this.selecTableDatas.value.length; l++)
-          t[e] === this.selecTableDatas.value[l][e] && this.selecTableDatas.value.splice(l, 1);
-      }), this.selecTableDatas.value = i.uniqBy(a.concat(this.selecTableDatas.value), e)) : this.selecTableDatas.value = a;
+        for (let l = 0; l < this.selectTableDatas.value.length; l++)
+          t[e] === this.selectTableDatas.value[l][e] && this.selectTableDatas.value.splice(l, 1);
+      }), this.selectTableDatas.value = i.uniqBy(a.concat(this.selectTableDatas.value), e)) : this.selectTableDatas.value = a;
     }), this.table.value["onSelect-all"] || (this.table.value["onSelect-all"] = (a) => {
       e ? a.length === 0 ? this.table.value.data.forEach((t) => {
-        for (let l = 0; l < this.selecTableDatas.value.length; l++)
-          t[e] === this.selecTableDatas.value[l][e] && this.selecTableDatas.value.splice(l, 1);
-      }) : this.selecTableDatas.value = i.uniqBy(a.concat(this.selecTableDatas.value), e) : this.selecTableDatas.value = a;
+        for (let l = 0; l < this.selectTableDatas.value.length; l++)
+          t[e] === this.selectTableDatas.value[l][e] && this.selectTableDatas.value.splice(l, 1);
+      }) : this.selectTableDatas.value = i.uniqBy(a.concat(this.selectTableDatas.value), e) : this.selectTableDatas.value = a;
     }));
   }
 }

package/es/packages/hooks/TablePage/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../packages/hooks/TablePage/index.ts"],"sourcesContent":["\nimport {Ref, onMounted, ref} from 'vue'\n\nimport type {DinertTablePageProps, AjaxTableProps} from './types'\n\nimport TablePageComponent from '@packages/components/table-page/index'\nimport TableComponent from '@packages/components/table/index'\nimport FormComponent from '@packages/components/form/index'\nimport {getUuid} from '@packages/utils/tools'\nimport lodash from 'lodash'\nimport {MergeProp} from '@packages/components/form/types/utils'\n\n/**\n * T 表格data数据格式\n * D 表单model的数据格式\n * FI 表单formItem的数据格式\n * P 发起请求的数据格式\n * R 请求回来的数据格式\n */\n\nclass TablePage<T, D = any, FI = any, P = object, R = any> {\n    dialogForm: Ref<DinertTablePageProps<T, T, FI>['form']> = ref({formItem: {}, model: {}})\n    showSearch: Ref<DinertTablePageProps['search']>\n    table: Ref<DinertTablePageProps<T, D, FI>['table']>\n    form: Ref<DinertTablePageProps<T, D, FI>['form']>\n    footer: Ref<DinertTablePageProps['footer']>\n    header: Ref<DinertTablePageProps['header']>\n\n    selecTableDatas: Ref<T[]> = ref([])\n    lastSelectDatas: Ref<T[]> = ref([])\n\n    options: DinertTablePageProps<T, D, FI>\n\n    ids: Ref<string[]> = ref([])\n\n    params: P | any\n    oldParams: P | any\n\n    tablePageRef: Ref<InstanceType<typeof TablePageComponent> | null> = ref(null)\n\n    tableRef: Ref<InstanceType<typeof TablePageComponent>['tableRef'] | null> = ref(null) // DinertTable的Dom\n    tableOriginRef: Ref<InstanceType<typeof TableComponent>['tableRef'] | null> = ref(null) // elTable的Dom\n\n    formRef: Ref<(InstanceType<typeof TablePageComponent>['formRef']) | null> = ref(null) // DinertForm的Dom\n    formOriginRef: Ref<(InstanceType<typeof FormComponent>['formRef']) | null> = ref(null) // elForm的Dom\n\n    private readonly defaultOptions: DinertTablePageProps<T, D, FI> = {\n        table: {\n            rowKey: 'id',\n            className: 'table_page' + getUuid(),\n            tableColumns: [],\n            data: [],\n            key: true,\n            border: true,\n            pagination: {\n                total: 0,\n                currentPage: 1,\n                pageSize: 10,\n            },\n        },\n        form: {\n            model: {},\n            formItem: {}\n        },\n        footer: false,\n        search: false\n    }\n\n\n    private readonly firstOptions: DinertTablePageProps<T, D, FI> = {\n        table: {\n            tableColumns: [],\n            data: [],\n            key: true,\n            pagination: {}\n        },\n        form: {model: {}, formItem: {}}\n    }\n\n\n    constructor(options: DinertTablePageProps<T, D, FI> & {initMounteFlag?: boolean}) {\n\n        this.options = lodash.defaultsDeep(lodash.cloneDeep(options), this.defaultOptions)\n\n        this.firstOptions = lodash.cloneDeep(this.options)\n\n        this.table = ref<DinertTablePageProps<T, D, FI>['table'] | any>(this.options.table)\n\n        this.form = ref<DinertTablePageProps<T, D, FI>['form'] | any>(this.options.form)\n\n        this.footer = ref<DinertTablePageProps<T, D, FI>['footer']>(this.options.footer)\n\n        this.header = ref<DinertTablePageProps<T, D, FI>['header']>(this.options.header)\n\n        this.showSearch = ref<DinertTablePageProps<T, D, FI>['search']>(this.options.search)\n\n        this.params = {}\n        this.oldParams = {};\n\n        // 在组件挂载时调用\n        ([undefined, true].includes(options.initMounteFlag)) && this.initMonunt()\n\n        // 监听表格选择的方法，方便表格数据回显\n        this.tableSelectEvent()\n    }\n\n    initMonunt() {\n        onMounted(() => {\n            this.tableRef.value = this.tablePageRef.value?.tableRef\n            this.tableOriginRef.value = this.tablePageRef.value?.tableRef?.tableRef\n\n            this.formRef.value = this.tablePageRef.value?.formRef\n            this.formOriginRef.value = this.tablePageRef.value?.formRef?.formRef\n        })\n    }\n\n    // 获取请求参数\n    getTableParams: (params: P) => (Partial<P>) = () => ({} as P)\n    ajaxTableDataAfter: (res: R) => void = () => undefined\n\n    sizeChange(size: number) {\n\n        const pageSize = this.table.value.pagination.pageSize\n        this.table.value.pagination.pageSize = size\n        const pagination = this.table.value.pagination\n        if ((pageSize as any) > size\n            || (pagination.currentPage as any) <= Math.ceil((pagination.total as any) / (pagination.pageSize as any))) {\n            this.search({name: 'size', pageSize: size})\n        }\n\n    }\n\n    currentChange(currentPage: number) {\n        this.table.value.pagination.currentPage = currentPage\n        this.search({name: 'current', currentPage})\n    }\n\n    async getTableData(options: (MergeProp<P, AjaxTableProps>)) {\n        const res = await this.ajaxTableData(options)\n        this.changeTableData(res)\n\n        typeof this.ajaxTableDataAfter === 'function' && this.ajaxTableDataAfter(res)\n\n        this.table.value.key = !this.table.value.key\n        return res\n    }\n\n    // 获取请求的所有参数\n    getAjaxTableDataParams(options: MergeProp<P, AjaxTableProps> | any): MergeProp<P, AjaxTableProps> {\n        this.params = this.getTableParams(options)\n\n        const isSame = lodash.isEqual(this.params, this.oldParams) // 判断当前提交的参数和上一次提交的参数是否相同\n\n        if (options.name === 'search') {\n            if (!isSame) {\n                this.table.value.pagination.currentPage = 1\n                this.params = this.getTableParams(options)\n            }\n\n            this.oldParams = lodash.cloneDeep(this.params)\n        } else if (options.name === 'reset') {\n            this.resetPagination()\n            this.params = this.getTableParams(options)\n\n            this.oldParams = lodash.cloneDeep(this.params)\n        } else if (options.name === 'delete') {\n            if (this.table.value.data && this.table.value.data.length) {\n                if (this.table.value.data.length === 1 && (this.table.value as any).pagination.currentPage > 1) {\n                    this.table.value.pagination.currentPage = (this.table.value.pagination as any).currentPage - 1\n\n                    this.params = this.getTableParams(options)\n                }\n            }\n        } else if (['current', 'size', 'reset'].includes(options.name || '')) {\n            this.oldParams = lodash.cloneDeep(this.params)\n        }\n\n        if (!['size', 'current'].includes(options.name || '') || !this.table.value.rowKey || !this.table.value.echoSelect) {\n            this.selecTableDatas.value = []\n        }\n\n        return this.params\n    }\n\n    // 请求\n    ajaxTableData(options: (MergeProp<P, AjaxTableProps>)): Promise<R> {\n        return new Promise(resolve => {\n            resolve(this.getAjaxTableDataParams(options) as any)\n        })\n    }\n\n    changeTableData(res: R | any) {\n        if (res && res.data && res.data.length) {\n            for (let i = 0; i < res.data.length; i++) {\n                res.data[i].index = i + 1 + (res.pageNum as number) * (res.pageSize as number)\n            }\n            this.table.value.data = res.data\n            this.table.value.pagination.total = res.total\n        }\n    }\n\n\n    // 查询\n    search(options: (P & AjaxTableProps) | any = {name: 'search'}) {\n\n        for (const prop in this.form.value?.model) {\n            if ([null, undefined, ''].includes((this.form.value.model as any)[prop])) {\n                delete this.form.value?.model[prop]\n            }\n        }\n        return this.getTableData(options)\n    }\n\n    // 重置查询\n    resetSearch(options: (P & AjaxTableProps) | any = {name: 'reset'}) {\n        this.resetParams()\n        this.search(options)\n    }\n\n\n    // 重置分页参数\n    resetPagination() {\n        this.table.value.pagination = {...this.defaultOptions.table.pagination}\n    }\n\n    // 重置表格请求参数\n    resetParams() {\n        if (lodash.isEmpty(this.firstOptions.form?.model)) { // 判断查询的默认参数是否为空\n            for (const prop in this.form.value?.model) {\n                delete this.form.value?.model[prop]\n            }\n        } else {\n            for (const prop in this.form.value?.model) {\n                delete this.form.value?.model[prop]\n            }\n            for (const prop in this.firstOptions.form?.model) {\n                this.form.value.model[prop] = this.firstOptions.form?.model[prop]\n            }\n        }\n    }\n\n    // 清空参数\n    clearParams() {\n        for (const prop in this.form.value?.model) {\n            delete this.form.value.model[prop]\n        }\n    }\n\n    // 根据key获取表格中的数据\n    getTableDataKeys(key: string = 'id') {\n        this.ids.value = lodash.map(this.table.value.data || [], key)\n        return this.ids.value\n    }\n\n    // 回显选中\n    echoOperations() {\n        const rowKey = this.table.value.rowKey as any\n        const keys = (this.selecTableDatas.value || []).map((item: any) => item[rowKey])\n        if (this.tablePageRef.value) {\n            (this.table.value.data || []).forEach((item: any) => {\n                if (keys.includes(item[rowKey])) {\n                    this.tablePageRef.value?.tableRef?.tableRef?.toggleRowSelection(item, true)\n                } else {\n                    this.tablePageRef.value?.tableRef?.tableRef?.toggleRowSelection(item, false)\n                }\n            })\n        }\n\n    }\n\n    // 懒加载使用\n    lazyAddKey<T = any>(arr: any = [], children: string = 'children'): T {\n        return arr.map((item: any) => {\n            if (item[children]) {\n                item.children2 = [...item[children]]\n                item.hasChildren = true\n                delete item[children]\n            }\n            return {\n                ...item,\n                children2: item.children2 ? this.lazyAddKey(item.children2) : []\n            }\n        })\n    }\n\n    // 监听表格选择事件，包括全选和单选\n    tableSelectEvent() {\n        const rowKey: any = this.table.value.rowKey\n        if (this.table.value) {\n            if (!this.table.value.onSelect) {\n                this.table.value.onSelect = (selection: T[]) => {\n                    if (rowKey) {\n                        this.table.value.data.forEach((item: any) => {\n                            for (let i = 0; i < this.selecTableDatas.value.length; i++) {\n                                if (item[rowKey] === (this.selecTableDatas.value[i]as any)[rowKey]) {\n                                    this.selecTableDatas.value.splice(i, 1)\n                                }\n                            }\n                        })\n                        this.selecTableDatas.value = lodash.uniqBy(selection.concat(this.selecTableDatas.value), rowKey)\n                    } else {\n                        this.selecTableDatas.value = selection\n                    }\n                }\n            }\n            if (!this.table.value['onSelect-all']) {\n                this.table.value['onSelect-all'] = (selection: T[]) => {\n                    if (rowKey) {\n                        if (selection.length === 0) {\n                            this.table.value.data.forEach((item: any) => {\n                                for (let i = 0; i < this.selecTableDatas.value.length; i++) {\n                                    if (item[rowKey] === (this.selecTableDatas.value[i] as any)[rowKey]) {\n                                        this.selecTableDatas.value.splice(i, 1)\n                                    }\n                                }\n                            })\n                        } else {\n                            this.selecTableDatas.value = lodash.uniqBy(selection.concat(this.selecTableDatas.value), rowKey)\n                        }\n\n                    } else {\n                        this.selecTableDatas.value = selection\n                    }\n                }\n            }\n        }\n    }\n}\n\n\nexport default TablePage\n"],"names":["TablePage","options","ref","getUuid","lodash","onMounted","_a","_c","_b","_d","_f","_e","size","pageSize","pagination","currentPage","res","isSame","resolve","i","prop","_g","key","rowKey","keys","item","arr","children","selection"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../packages/hooks/TablePage/index.ts"],"sourcesContent":["\nimport {Ref, onMounted, ref} from 'vue'\n\nimport type {DinertTablePageProps, AjaxTableProps} from './types'\n\nimport TablePageComponent from '@packages/components/table-page/index'\nimport TableComponent from '@packages/components/table/index'\nimport FormComponent from '@packages/components/form/index'\nimport {getUuid} from '@packages/utils/tools'\nimport lodash from 'lodash'\nimport {MergeProp} from '@packages/components/form/types/utils'\n\n/**\n * T 表格data数据格式\n * D 表单model的数据格式\n * FI 表单formItem的数据格式\n * P 发起请求的数据格式\n * R 请求回来的数据格式\n */\n\nclass TablePage<T, D = any, FI = any, P = object, R = any> {\n    dialogForm: Ref<DinertTablePageProps<T, T, FI>['form']> = ref({formItem: {}, model: {}})\n    showSearch: Ref<DinertTablePageProps['search']>\n    table: Ref<DinertTablePageProps<T, D, FI>['table']>\n    form: Ref<DinertTablePageProps<T, D, FI>['form']>\n    footer: Ref<DinertTablePageProps['footer']>\n    header: Ref<DinertTablePageProps['header']>\n\n    selectTableDatas: Ref<T[]> = ref([])\n    lastSelectDatas: Ref<T[]> = ref([])\n\n    options: DinertTablePageProps<T, D, FI>\n\n    ids: Ref<string[]> = ref([])\n\n    params: P | any\n    oldParams: P | any\n\n    tablePageRef: Ref<InstanceType<typeof TablePageComponent> | null> = ref(null)\n\n    tableRef: Ref<InstanceType<typeof TablePageComponent>['tableRef'] | null> = ref(null) // DinertTable的Dom\n    tableOriginRef: Ref<InstanceType<typeof TableComponent>['tableRef'] | null> = ref(null) // elTable的Dom\n\n    formRef: Ref<(InstanceType<typeof TablePageComponent>['formRef']) | null> = ref(null) // DinertForm的Dom\n    formOriginRef: Ref<(InstanceType<typeof FormComponent>['formRef']) | null> = ref(null) // elForm的Dom\n\n    private readonly defaultOptions: DinertTablePageProps<T, D, FI> = {\n        table: {\n            rowKey: 'id',\n            className: 'table_page' + getUuid(),\n            tableColumns: [],\n            data: [],\n            key: true,\n            border: true,\n            pagination: {\n                total: 0,\n                currentPage: 1,\n                pageSize: 10,\n            },\n        },\n        form: {\n            model: {},\n            formItem: {}\n        },\n        footer: false,\n        search: false\n    }\n\n\n    private readonly firstOptions: DinertTablePageProps<T, D, FI> = {\n        table: {\n            tableColumns: [],\n            data: [],\n            key: true,\n            pagination: {}\n        },\n        form: {model: {}, formItem: {}}\n    }\n\n\n    constructor(options: DinertTablePageProps<T, D, FI> & {initMounteFlag?: boolean}) {\n\n        this.options = lodash.defaultsDeep(lodash.cloneDeep(options), this.defaultOptions)\n\n        this.firstOptions = lodash.cloneDeep(this.options)\n\n        this.table = ref<DinertTablePageProps<T, D, FI>['table'] | any>(this.options.table)\n\n        this.form = ref<DinertTablePageProps<T, D, FI>['form'] | any>(this.options.form)\n\n        this.footer = ref<DinertTablePageProps<T, D, FI>['footer']>(this.options.footer)\n\n        this.header = ref<DinertTablePageProps<T, D, FI>['header']>(this.options.header)\n\n        this.showSearch = ref<DinertTablePageProps<T, D, FI>['search']>(this.options.search)\n\n        this.params = {}\n        this.oldParams = {};\n\n        // 在组件挂载时调用\n        ([undefined, true].includes(options.initMounteFlag)) && this.initMonunt()\n\n        // 监听表格选择的方法，方便表格数据回显\n        this.tableSelectEvent()\n    }\n\n    initMonunt() {\n        onMounted(() => {\n            this.tableRef.value = this.tablePageRef.value?.tableRef\n            this.tableOriginRef.value = this.tablePageRef.value?.tableRef?.tableRef\n\n            this.formRef.value = this.tablePageRef.value?.formRef\n            this.formOriginRef.value = this.tablePageRef.value?.formRef?.formRef\n        })\n    }\n\n    // 获取请求参数\n    getTableParams: (params: P) => (Partial<P>) = () => ({} as P)\n    ajaxTableDataAfter: (res: R) => void = () => undefined\n\n    sizeChange(size: number) {\n\n        const pageSize = this.table.value.pagination.pageSize\n        this.table.value.pagination.pageSize = size\n        const pagination = this.table.value.pagination\n        if ((pageSize as any) > size\n            || (pagination.currentPage as any) <= Math.ceil((pagination.total as any) / (pagination.pageSize as any))) {\n            this.search({name: 'size', pageSize: size})\n        }\n\n    }\n\n    currentChange(currentPage: number) {\n        this.table.value.pagination.currentPage = currentPage\n        this.search({name: 'current', currentPage})\n    }\n\n    async getTableData(options: (MergeProp<P, AjaxTableProps>)) {\n        const res = await this.ajaxTableData(options)\n        this.changeTableData(res)\n\n        typeof this.ajaxTableDataAfter === 'function' && this.ajaxTableDataAfter(res)\n\n        this.table.value.key = !this.table.value.key\n        return res\n    }\n\n    // 获取请求的所有参数\n    getAjaxTableDataParams(options: MergeProp<P, AjaxTableProps> | any): MergeProp<P, AjaxTableProps> {\n        this.params = this.getTableParams(options)\n\n        const isSame = lodash.isEqual(this.params, this.oldParams) // 判断当前提交的参数和上一次提交的参数是否相同\n\n        if (options.name === 'search') {\n            if (!isSame) {\n                this.table.value.pagination.currentPage = 1\n                this.params = this.getTableParams(options)\n            }\n\n            this.oldParams = lodash.cloneDeep(this.params)\n        } else if (options.name === 'reset') {\n            this.resetPagination()\n            this.params = this.getTableParams(options)\n\n            this.oldParams = lodash.cloneDeep(this.params)\n        } else if (options.name === 'delete') {\n            if (this.table.value.data && this.table.value.data.length) {\n                if (this.table.value.data.length === 1 && (this.table.value as any).pagination.currentPage > 1) {\n                    this.table.value.pagination.currentPage = (this.table.value.pagination as any).currentPage - 1\n\n                    this.params = this.getTableParams(options)\n                }\n            }\n        } else if (['current', 'size', 'reset'].includes(options.name || '')) {\n            this.oldParams = lodash.cloneDeep(this.params)\n        }\n\n        if (!['size', 'current'].includes(options.name || '') || !this.table.value.rowKey || !this.table.value.echoSelect) {\n            this.selectTableDatas.value = []\n        }\n\n        return this.params\n    }\n\n    // 请求\n    ajaxTableData(options: (MergeProp<P, AjaxTableProps>)): Promise<R> {\n        return new Promise(resolve => {\n            resolve(this.getAjaxTableDataParams(options) as any)\n        })\n    }\n\n    changeTableData(res: R | any) {\n        if (res && res.data && res.data.length) {\n            for (let i = 0; i < res.data.length; i++) {\n                res.data[i].index = i + 1 + (res.pageNum as number) * (res.pageSize as number)\n            }\n            this.table.value.data = res.data\n            this.table.value.pagination.total = res.total\n        }\n    }\n\n\n    // 查询\n    search(options: (P & AjaxTableProps) | any = {name: 'search'}) {\n\n        for (const prop in this.form.value?.model) {\n            if ([null, undefined, ''].includes((this.form.value.model as any)[prop])) {\n                delete this.form.value?.model[prop]\n            }\n        }\n        return this.getTableData(options)\n    }\n\n    // 重置查询\n    resetSearch(options: (P & AjaxTableProps) | any = {name: 'reset'}) {\n        this.resetParams()\n        this.search(options)\n    }\n\n\n    // 重置分页参数\n    resetPagination() {\n        this.table.value.pagination = {...this.firstOptions.table?.pagination}\n    }\n\n    // 重置表格请求参数\n    resetParams() {\n        if (lodash.isEmpty(this.firstOptions.form?.model)) { // 判断查询的默认参数是否为空\n            for (const prop in this.form.value?.model) {\n                delete this.form.value?.model[prop]\n            }\n        } else {\n            for (const prop in this.form.value?.model) {\n                delete this.form.value?.model[prop]\n            }\n            for (const prop in this.firstOptions.form?.model) {\n                this.form.value.model[prop] = this.firstOptions.form?.model[prop]\n            }\n        }\n    }\n\n    // 清空参数\n    clearParams() {\n        for (const prop in this.form.value?.model) {\n            delete this.form.value.model[prop]\n        }\n    }\n\n    // 根据key获取表格中的数据\n    getTableDataKeys(key: string = 'id') {\n        this.ids.value = lodash.map(this.table.value.data || [], key)\n        return this.ids.value\n    }\n\n    // 回显选中\n    echoOperations() {\n        const rowKey = this.table.value.rowKey as any\n        const keys = (this.selectTableDatas.value || []).map((item: any) => item[rowKey])\n        if (this.tablePageRef.value) {\n            (this.table.value.data || []).forEach((item: any) => {\n                if (keys.includes(item[rowKey])) {\n                    this.tablePageRef.value?.tableRef?.tableRef?.toggleRowSelection(item, true)\n                } else {\n                    this.tablePageRef.value?.tableRef?.tableRef?.toggleRowSelection(item, false)\n                }\n            })\n        }\n\n    }\n\n    // 懒加载使用\n    lazyAddKey<T = any>(arr: any = [], children: string = 'children'): T {\n        return arr.map((item: any) => {\n            if (item[children]) {\n                item.children2 = [...item[children]]\n                item.hasChildren = true\n                delete item[children]\n            }\n            return {\n                ...item,\n                children2: item.children2 ? this.lazyAddKey(item.children2) : []\n            }\n        })\n    }\n\n    // 监听表格选择事件，包括全选和单选\n    tableSelectEvent() {\n        const rowKey: any = this.table.value.rowKey\n        if (this.table.value) {\n            if (!this.table.value.onSelect) {\n                this.table.value.onSelect = (selection: T[]) => {\n                    if (rowKey) {\n                        this.table.value.data.forEach((item: any) => {\n                            for (let i = 0; i < this.selectTableDatas.value.length; i++) {\n                                if (item[rowKey] === (this.selectTableDatas.value[i]as any)[rowKey]) {\n                                    this.selectTableDatas.value.splice(i, 1)\n                                }\n                            }\n                        })\n                        this.selectTableDatas.value = lodash.uniqBy(selection.concat(this.selectTableDatas.value), rowKey)\n                    } else {\n                        this.selectTableDatas.value = selection\n                    }\n                }\n            }\n            if (!this.table.value['onSelect-all']) {\n                this.table.value['onSelect-all'] = (selection: T[]) => {\n                    if (rowKey) {\n                        if (selection.length === 0) {\n                            this.table.value.data.forEach((item: any) => {\n                                for (let i = 0; i < this.selectTableDatas.value.length; i++) {\n                                    if (item[rowKey] === (this.selectTableDatas.value[i] as any)[rowKey]) {\n                                        this.selectTableDatas.value.splice(i, 1)\n                                    }\n                                }\n                            })\n                        } else {\n                            this.selectTableDatas.value = lodash.uniqBy(selection.concat(this.selectTableDatas.value), rowKey)\n                        }\n\n                    } else {\n                        this.selectTableDatas.value = selection\n                    }\n                }\n            }\n        }\n    }\n}\n\n\nexport default TablePage\n"],"names":["TablePage","options","ref","getUuid","lodash","onMounted","_a","_c","_b","_d","_f","_e","size","pageSize","pagination","currentPage","res","isSame","resolve","i","prop","_g","key","rowKey","keys","item","arr","children","selection"],"mappings":";;;AAoBA,MAAMA,EAAqD;AAAA,EA4DvD,YAAYC,GAAsE;AA3DxB,SAAA,aAAAC,EAAI,EAAC,UAAU,CAAA,GAAI,OAAO,IAAG,GAO1D,KAAA,mBAAAA,EAAI,CAAA,CAAE,GACP,KAAA,kBAAAA,EAAI,CAAA,CAAE,GAIb,KAAA,MAAAA,EAAI,CAAA,CAAE,GAK3B,KAAA,eAAoEA,EAAI,IAAI,GAE5E,KAAA,WAA4EA,EAAI,IAAI,GACpF,KAAA,iBAA8EA,EAAI,IAAI,GAEtF,KAAA,UAA4EA,EAAI,IAAI,GACpF,KAAA,gBAA6EA,EAAI,IAAI,GAErF,KAAiB,iBAAiD;AAAA,MAC9D,OAAO;AAAA,QACH,QAAQ;AAAA,QACR,WAAW,eAAeC,EAAQ;AAAA,QAClC,cAAc,CAAC;AAAA,QACf,MAAM,CAAC;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,YAAY;AAAA,UACR,OAAO;AAAA,UACP,aAAa;AAAA,UACb,UAAU;AAAA,QACd;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACF,OAAO,CAAC;AAAA,QACR,UAAU,CAAC;AAAA,MACf;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA,GAIZ,KAAiB,eAA+C;AAAA,MAC5D,OAAO;AAAA,QACH,cAAc,CAAC;AAAA,QACf,MAAM,CAAC;AAAA,QACP,KAAK;AAAA,QACL,YAAY,CAAC;AAAA,MACjB;AAAA,MACA,MAAM,EAAC,OAAO,IAAI,UAAU,CAAA,EAAE;AAAA,IAAA,GAyClC,KAAA,iBAA8C,OAAO,CAAA,IACrD,KAAA,qBAAuC,MAAM;AAAA,OApCpC,KAAA,UAAUC,EAAO,aAAaA,EAAO,UAAUH,CAAO,GAAG,KAAK,cAAc,GAEjF,KAAK,eAAeG,EAAO,UAAU,KAAK,OAAO,GAEjD,KAAK,QAAQF,EAAmD,KAAK,QAAQ,KAAK,GAElF,KAAK,OAAOA,EAAkD,KAAK,QAAQ,IAAI,GAE/E,KAAK,SAASA,EAA8C,KAAK,QAAQ,MAAM,GAE/E,KAAK,SAASA,EAA8C,KAAK,QAAQ,MAAM,GAE/E,KAAK,aAAaA,EAA8C,KAAK,QAAQ,MAAM,GAEnF,KAAK,SAAS,IACd,KAAK,YAAY,IAGhB,CAAC,QAAW,EAAI,EAAE,SAASD,EAAQ,cAAc,KAAM,KAAK,cAG7D,KAAK,iBAAiB;AAAA,EAC1B;AAAA,EAEA,aAAa;AACT,IAAAI,EAAU,MAAM;;AACZ,WAAK,SAAS,SAAQC,IAAA,KAAK,aAAa,UAAlB,gBAAAA,EAAyB,UAC/C,KAAK,eAAe,SAAQC,KAAAC,IAAA,KAAK,aAAa,UAAlB,gBAAAA,EAAyB,aAAzB,gBAAAD,EAAmC,UAE/D,KAAK,QAAQ,SAAQE,IAAA,KAAK,aAAa,UAAlB,gBAAAA,EAAyB,SAC9C,KAAK,cAAc,SAAQC,KAAAC,IAAA,KAAK,aAAa,UAAlB,gBAAAA,EAAyB,YAAzB,gBAAAD,EAAkC;AAAA,IAAA,CAChE;AAAA,EACL;AAAA,EAMA,WAAWE,GAAc;AAErB,UAAMC,IAAW,KAAK,MAAM,MAAM,WAAW;AACxC,SAAA,MAAM,MAAM,WAAW,WAAWD;AACjC,UAAAE,IAAa,KAAK,MAAM,MAAM;AAC/B,KAAAD,IAAmBD,KAChBE,EAAW,eAAuB,KAAK,KAAMA,EAAW,QAAiBA,EAAW,QAAgB,MACxG,KAAK,OAAO,EAAC,MAAM,QAAQ,UAAUF,GAAK;AAAA,EAGlD;AAAA,EAEA,cAAcG,GAAqB;AAC1B,SAAA,MAAM,MAAM,WAAW,cAAcA,GAC1C,KAAK,OAAO,EAAC,MAAM,WAAW,aAAAA,EAAY,CAAA;AAAA,EAC9C;AAAA,EAEA,MAAM,aAAad,GAAyC;AACxD,UAAMe,IAAM,MAAM,KAAK,cAAcf,CAAO;AAC5C,gBAAK,gBAAgBe,CAAG,GAExB,OAAO,KAAK,sBAAuB,cAAc,KAAK,mBAAmBA,CAAG,GAE5E,KAAK,MAAM,MAAM,MAAM,CAAC,KAAK,MAAM,MAAM,KAClCA;AAAA,EACX;AAAA;AAAA,EAGA,uBAAuBf,GAA2E;AACzF,SAAA,SAAS,KAAK,eAAeA,CAAO;AAEzC,UAAMgB,IAASb,EAAO,QAAQ,KAAK,QAAQ,KAAK,SAAS;AAErD,WAAAH,EAAQ,SAAS,YACZgB,MACI,KAAA,MAAM,MAAM,WAAW,cAAc,GACrC,KAAA,SAAS,KAAK,eAAehB,CAAO,IAG7C,KAAK,YAAYG,EAAO,UAAU,KAAK,MAAM,KACtCH,EAAQ,SAAS,WACxB,KAAK,gBAAgB,GAChB,KAAA,SAAS,KAAK,eAAeA,CAAO,GAEzC,KAAK,YAAYG,EAAO,UAAU,KAAK,MAAM,KACtCH,EAAQ,SAAS,WACpB,KAAK,MAAM,MAAM,QAAQ,KAAK,MAAM,MAAM,KAAK,UAC3C,KAAK,MAAM,MAAM,KAAK,WAAW,KAAM,KAAK,MAAM,MAAc,WAAW,cAAc,MACpF,KAAA,MAAM,MAAM,WAAW,cAAe,KAAK,MAAM,MAAM,WAAmB,cAAc,GAExF,KAAA,SAAS,KAAK,eAAeA,CAAO,KAG1C,CAAC,WAAW,QAAQ,OAAO,EAAE,SAASA,EAAQ,QAAQ,EAAE,MAC/D,KAAK,YAAYG,EAAO,UAAU,KAAK,MAAM,KAG7C,CAAC,CAAC,QAAQ,SAAS,EAAE,SAASH,EAAQ,QAAQ,EAAE,KAAK,CAAC,KAAK,MAAM,MAAM,UAAU,CAAC,KAAK,MAAM,MAAM,gBAC9F,KAAA,iBAAiB,QAAQ,KAG3B,KAAK;AAAA,EAChB;AAAA;AAAA,EAGA,cAAcA,GAAqD;AACxD,WAAA,IAAI,QAAQ,CAAWiB,MAAA;AAClB,MAAAA,EAAA,KAAK,uBAAuBjB,CAAO,CAAQ;AAAA,IAAA,CACtD;AAAA,EACL;AAAA,EAEA,gBAAgBe,GAAc;AAC1B,QAAIA,KAAOA,EAAI,QAAQA,EAAI,KAAK,QAAQ;AACpC,eAASG,IAAI,GAAGA,IAAIH,EAAI,KAAK,QAAQG;AAC7B,QAAAH,EAAA,KAAKG,CAAC,EAAE,QAAQA,IAAI,IAAKH,EAAI,UAAsBA,EAAI;AAE1D,WAAA,MAAM,MAAM,OAAOA,EAAI,MAC5B,KAAK,MAAM,MAAM,WAAW,QAAQA,EAAI;AAAA,IAC5C;AAAA,EACJ;AAAA;AAAA,EAIA,OAAOf,IAAsC,EAAC,MAAM,YAAW;;AAE3D,eAAWmB,MAAQd,IAAA,KAAK,KAAK,UAAV,gBAAAA,EAAiB;AAChC,MAAI,CAAC,MAAM,QAAW,EAAE,EAAE,SAAU,KAAK,KAAK,MAAM,MAAcc,CAAI,CAAC,OACnEZ,IAAO,KAAK,KAAK,UAAjB,eAAAA,EAAwB,MAAMY;AAG/B,WAAA,KAAK,aAAanB,CAAO;AAAA,EACpC;AAAA;AAAA,EAGA,YAAYA,IAAsC,EAAC,MAAM,WAAU;AAC/D,SAAK,YAAY,GACjB,KAAK,OAAOA,CAAO;AAAA,EACvB;AAAA;AAAA,EAIA,kBAAkB;;AACT,SAAA,MAAM,MAAM,aAAa,EAAC,IAAGK,IAAA,KAAK,aAAa,UAAlB,gBAAAA,EAAyB;EAC/D;AAAA;AAAA,EAGA,cAAc;;AACV,QAAIF,EAAO,SAAQE,IAAA,KAAK,aAAa,SAAlB,gBAAAA,EAAwB,KAAK;AAC5C,iBAAWc,MAAQZ,IAAA,KAAK,KAAK,UAAV,gBAAAA,EAAiB;AAChC,SAAAD,IAAO,KAAK,KAAK,UAAjB,eAAAA,EAAwB,MAAMa;AAAA,SAE/B;AACH,iBAAWA,MAAQX,IAAA,KAAK,KAAK,UAAV,gBAAAA,EAAiB;AAChC,SAAAE,IAAO,KAAK,KAAK,UAAjB,eAAAA,EAAwB,MAAMS;AAElC,iBAAWA,MAAQV,IAAA,KAAK,aAAa,SAAlB,gBAAAA,EAAwB;AAClC,aAAA,KAAK,MAAM,MAAMU,CAAI,KAAIC,IAAA,KAAK,aAAa,SAAlB,gBAAAA,EAAwB,MAAMD;AAAA,IAEpE;AAAA,EACJ;AAAA;AAAA,EAGA,cAAc;;AACV,eAAWA,MAAQd,IAAA,KAAK,KAAK,UAAV,gBAAAA,EAAiB;AAChC,aAAO,KAAK,KAAK,MAAM,MAAMc,CAAI;AAAA,EAEzC;AAAA;AAAA,EAGA,iBAAiBE,IAAc,MAAM;AAC5B,gBAAA,IAAI,QAAQlB,EAAO,IAAI,KAAK,MAAM,MAAM,QAAQ,CAAC,GAAGkB,CAAG,GACrD,KAAK,IAAI;AAAA,EACpB;AAAA;AAAA,EAGA,iBAAiB;AACP,UAAAC,IAAS,KAAK,MAAM,MAAM,QAC1BC,KAAQ,KAAK,iBAAiB,SAAS,CAAA,GAAI,IAAI,CAACC,MAAcA,EAAKF,CAAM,CAAC;AAC5E,IAAA,KAAK,aAAa,UACjB,KAAK,MAAM,MAAM,QAAQ,IAAI,QAAQ,CAACE,MAAc;;AACjD,MAAID,EAAK,SAASC,EAAKF,CAAM,CAAC,KAC1BhB,KAAAC,KAAAF,IAAA,KAAK,aAAa,UAAlB,gBAAAA,EAAyB,aAAzB,gBAAAE,EAAmC,aAAnC,QAAAD,EAA6C,mBAAmBkB,GAAM,OAEtEf,KAAAC,KAAAF,IAAA,KAAK,aAAa,UAAlB,gBAAAA,EAAyB,aAAzB,gBAAAE,EAAmC,aAAnC,QAAAD,EAA6C,mBAAmBe,GAAM;AAAA,IAC1E,CACH;AAAA,EAGT;AAAA;AAAA,EAGA,WAAoBC,IAAW,IAAIC,IAAmB,YAAe;AAC1D,WAAAD,EAAI,IAAI,CAACD,OACRA,EAAKE,CAAQ,MACbF,EAAK,YAAY,CAAC,GAAGA,EAAKE,CAAQ,CAAC,GACnCF,EAAK,cAAc,IACnB,OAAOA,EAAKE,CAAQ,IAEjB;AAAA,MACH,GAAGF;AAAA,MACH,WAAWA,EAAK,YAAY,KAAK,WAAWA,EAAK,SAAS,IAAI,CAAC;AAAA,IAAA,EAEtE;AAAA,EACL;AAAA;AAAA,EAGA,mBAAmB;AACT,UAAAF,IAAc,KAAK,MAAM,MAAM;AACjC,IAAA,KAAK,MAAM,UACN,KAAK,MAAM,MAAM,aAClB,KAAK,MAAM,MAAM,WAAW,CAACK,MAAmB;AAC5C,MAAIL,KACA,KAAK,MAAM,MAAM,KAAK,QAAQ,CAACE,MAAc;AACzC,iBAASN,IAAI,GAAGA,IAAI,KAAK,iBAAiB,MAAM,QAAQA;AAChD,UAAAM,EAAKF,CAAM,MAAO,KAAK,iBAAiB,MAAMJ,CAAC,EAASI,CAAM,KAC9D,KAAK,iBAAiB,MAAM,OAAOJ,GAAG,CAAC;AAAA,MAE/C,CACH,GACI,KAAA,iBAAiB,QAAQf,EAAO,OAAOwB,EAAU,OAAO,KAAK,iBAAiB,KAAK,GAAGL,CAAM,KAEjG,KAAK,iBAAiB,QAAQK;AAAA,IAClC,IAGH,KAAK,MAAM,MAAM,cAAc,MAChC,KAAK,MAAM,MAAM,cAAc,IAAI,CAACA,MAAmB;AACnD,MAAIL,IACIK,EAAU,WAAW,IACrB,KAAK,MAAM,MAAM,KAAK,QAAQ,CAACH,MAAc;AACzC,iBAASN,IAAI,GAAGA,IAAI,KAAK,iBAAiB,MAAM,QAAQA;AAChD,UAAAM,EAAKF,CAAM,MAAO,KAAK,iBAAiB,MAAMJ,CAAC,EAAUI,CAAM,KAC/D,KAAK,iBAAiB,MAAM,OAAOJ,GAAG,CAAC;AAAA,MAE/C,CACH,IAEI,KAAA,iBAAiB,QAAQf,EAAO,OAAOwB,EAAU,OAAO,KAAK,iBAAiB,KAAK,GAAGL,CAAM,IAIrG,KAAK,iBAAiB,QAAQK;AAAA,IAClC;AAAA,EAIhB;AACJ;"}