@koi-design/uxd-ui 14.0.4 → 14.0.5

package/es/components/Table/BodyTable.vue.d.ts

@@ -53,8 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             title?: string;
             dataIndex?: string;
             width?: string | number;
-            minWidth?: string | number;
-            maxWidth?: string | number;
+            minWidth?: number;
             fixed?: import("./Table.type").ColumnFixed;
             align?: import("./Table.type").ColumnAlign;
             ellipsis?: boolean;
@@ -65,7 +64,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             filterable?: boolean;
             filters?: import("./Table.type").ColumnFilter[];
             filterFn?: import("./Table.type").ColumnFilterFn;
-            filterIcon?: string;
+            filterIcon?: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>;
             filterIconStyle?: CSSProperties;
             filterMultiple?: boolean;
             filteredValue?: (string | number)[];
@@ -4392,8 +4391,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 columns: import("./Table.type").TableColumn[];
-                skeleton: boolean;
                 indent: number;
+                skeleton: boolean;
                 expendedRow: boolean;
                 childRow: boolean;
             }, {}, {
@@ -4449,6 +4448,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     cellRef: import("vue").Ref<any, any>;
                     ellipsisSpanRef: import("vue").Ref<any, any>;
                     isOverflow: import("vue").Ref<boolean, boolean>;
+                    debouncedHandleResize: import("../../utils").DebounceReturn;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     prefixCls: {
                         type: StringConstructor;
@@ -4483,8 +4483,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     expandIcon: boolean;
-                    skeleton: boolean;
                     indent: number;
+                    skeleton: boolean;
                 }, {}, {
                     Render: {
                         (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
@@ -4505,7 +4505,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                         expandIcon: {
                             type: PropType<import("../..").IconPropType>;
-                            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                            default: any;
                         };
                         needIndentSpaced: {
                             type: BooleanConstructor;
@@ -4531,7 +4531,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                         expandIcon: {
                             type: PropType<import("../..").IconPropType>;
-                            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                            default: any;
                         };
                         needIndentSpaced: {
                             type: BooleanConstructor;
@@ -4546,7 +4546,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onAsync-expand"?: (...args: any[]) => any;
                     }>, {
                         expanded: boolean;
-                        expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                        expandIcon: any;
                         expandable: boolean;
                         needIndentSpaced: boolean;
                         needLoading: boolean;
@@ -5523,6 +5523,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, {}, {
                         ImageIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                    ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                        disabled: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                        [key: string]: any;
+                    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                        disabled: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                    }>> & Readonly<{
+                        onResize?: (...args: any[]) => any;
+                    }>, {
+                        disabled: boolean;
+                    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             ExpandRows: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -5673,8 +5690,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     columns: import("./Table.type").TableColumn[];
-                    skeleton: boolean;
                     indent: number;
+                    skeleton: boolean;
                     expendedRow: boolean;
                     childRow: boolean;
                 }, {}, {
@@ -5730,6 +5747,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         cellRef: import("vue").Ref<any, any>;
                         ellipsisSpanRef: import("vue").Ref<any, any>;
                         isOverflow: import("vue").Ref<boolean, boolean>;
+                        debouncedHandleResize: import("../../utils").DebounceReturn;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         prefixCls: {
                             type: StringConstructor;
@@ -5764,8 +5782,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                     }>> & Readonly<{}>, {
                         expandIcon: boolean;
-                        skeleton: boolean;
                         indent: number;
+                        skeleton: boolean;
                     }, {}, {
                         Render: {
                             (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
@@ -5786,7 +5804,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             };
                             expandIcon: {
                                 type: PropType<import("../..").IconPropType>;
-                                default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                                default: any;
                             };
                             needIndentSpaced: {
                                 type: BooleanConstructor;
@@ -5812,7 +5830,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             };
                             expandIcon: {
                                 type: PropType<import("../..").IconPropType>;
-                                default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                                default: any;
                             };
                             needIndentSpaced: {
                                 type: BooleanConstructor;
@@ -5827,7 +5845,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             "onAsync-expand"?: (...args: any[]) => any;
                         }>, {
                             expanded: boolean;
-                            expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                            expandIcon: any;
                             expandable: boolean;
                             needIndentSpaced: boolean;
                             needLoading: boolean;
@@ -6804,6 +6822,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         }, {}, {
                             ImageIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
                         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                        ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                            disabled: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                        }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                            disabled: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                        }>> & Readonly<{
+                            onResize?: (...args: any[]) => any;
+                        }>, {
+                            disabled: boolean;
+                        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/Table/HeadTable.mjs

@@ -51,7 +51,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "onScroll"]);
 }
-var HeadTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/HeadTable.vue"]]);
+var HeadTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\HeadTable.vue"]]);
 
 export { HeadTable as default };
 //# sourceMappingURL=HeadTable.mjs.map

package/es/components/Table/HeadTable.vue.d.ts

@@ -50,8 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             title?: string;
             dataIndex?: string;
             width?: string | number;
-            minWidth?: string | number;
-            maxWidth?: string | number;
+            minWidth?: number;
             fixed?: import("./Table.type").ColumnFixed;
             align?: import("./Table.type").ColumnAlign;
             ellipsis?: boolean;
@@ -62,7 +61,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             filterable?: boolean;
             filters?: import("./Table.type").ColumnFilter[];
             filterFn?: import("./Table.type").ColumnFilterFn;
-            filterIcon?: string;
+            filterIcon?: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>;
             filterIconStyle?: import("vue").CSSProperties;
             filterMultiple?: boolean;
             filteredValue?: (string | number)[];
@@ -4389,8 +4388,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 columns: import("./Table.type").TableColumn[];
-                skeleton: boolean;
                 indent: number;
+                skeleton: boolean;
                 expendedRow: boolean;
                 childRow: boolean;
             }, {}, {
@@ -4446,6 +4445,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     cellRef: import("vue").Ref<any, any>;
                     ellipsisSpanRef: import("vue").Ref<any, any>;
                     isOverflow: import("vue").Ref<boolean, boolean>;
+                    debouncedHandleResize: import("../../utils").DebounceReturn;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     prefixCls: {
                         type: StringConstructor;
@@ -4480,8 +4480,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     expandIcon: boolean;
-                    skeleton: boolean;
                     indent: number;
+                    skeleton: boolean;
                 }, {}, {
                     Render: {
                         (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
@@ -4502,7 +4502,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                         expandIcon: {
                             type: PropType<import("../..").IconPropType>;
-                            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                            default: any;
                         };
                         needIndentSpaced: {
                             type: BooleanConstructor;
@@ -4528,7 +4528,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                         expandIcon: {
                             type: PropType<import("../..").IconPropType>;
-                            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                            default: any;
                         };
                         needIndentSpaced: {
                             type: BooleanConstructor;
@@ -4543,7 +4543,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         "onAsync-expand"?: (...args: any[]) => any;
                     }>, {
                         expanded: boolean;
-                        expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                        expandIcon: any;
                         expandable: boolean;
                         needIndentSpaced: boolean;
                         needLoading: boolean;
@@ -5520,6 +5520,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, {}, {
                         ImageIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                    ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                        disabled: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                        [key: string]: any;
+                    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                        disabled: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                    }>> & Readonly<{
+                        onResize?: (...args: any[]) => any;
+                    }>, {
+                        disabled: boolean;
+                    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             ExpandRows: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -5670,8 +5687,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     columns: import("./Table.type").TableColumn[];
-                    skeleton: boolean;
                     indent: number;
+                    skeleton: boolean;
                     expendedRow: boolean;
                     childRow: boolean;
                 }, {}, {
@@ -5727,6 +5744,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         cellRef: import("vue").Ref<any, any>;
                         ellipsisSpanRef: import("vue").Ref<any, any>;
                         isOverflow: import("vue").Ref<boolean, boolean>;
+                        debouncedHandleResize: import("../../utils").DebounceReturn;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         prefixCls: {
                             type: StringConstructor;
@@ -5761,8 +5779,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                     }>> & Readonly<{}>, {
                         expandIcon: boolean;
-                        skeleton: boolean;
                         indent: number;
+                        skeleton: boolean;
                     }, {}, {
                         Render: {
                             (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
@@ -5783,7 +5801,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             };
                             expandIcon: {
                                 type: PropType<import("../..").IconPropType>;
-                                default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                                default: any;
                             };
                             needIndentSpaced: {
                                 type: BooleanConstructor;
@@ -5809,7 +5827,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             };
                             expandIcon: {
                                 type: PropType<import("../..").IconPropType>;
-                                default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                                default: any;
                             };
                             needIndentSpaced: {
                                 type: BooleanConstructor;
@@ -5824,7 +5842,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             "onAsync-expand"?: (...args: any[]) => any;
                         }>, {
                             expanded: boolean;
-                            expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+                            expandIcon: any;
                             expandable: boolean;
                             needIndentSpaced: boolean;
                             needLoading: boolean;
@@ -6801,6 +6819,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         }, {}, {
                             ImageIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
                         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                        ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                            disabled: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                        }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                            disabled: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                        }>> & Readonly<{
+                            onResize?: (...args: any[]) => any;
+                        }>, {
+                            disabled: boolean;
+                        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/Table/Table.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, computed, onMounted, nextTick, onUpdated, onBeforeUnmount, watch, toRefs, provide, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createVNode, mergeProps, createCommentVNode, renderSlot, createTextVNode, toDisplayString, withDirectives, vShow } from 'vue';
+import { defineComponent, ref, reactive, computed, onMounted, nextTick, onUpdated, onBeforeUnmount, watch, toRefs, provide, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, mergeProps, createCommentVNode, renderSlot, createTextVNode, toDisplayString, withDirectives, vShow } from 'vue';
 import { USpin } from '../Spin/index.mjs';
 import { UPagination } from '../Pagination/index.mjs';
 import { debounce } from '../../utils/tools.mjs';
@@ -77,13 +77,13 @@ const _sfc_main = defineComponent({
       selectionColumn
     });
     const {
-      sizesMap,
       handleResize,
       isScrollX,
       scrollPosition,
       setScrollPositionClass,
       resetScrollX,
       tableWidth,
+      resizeColumns,
       clearResizeTimer,
       setResizeWidth
     } = useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, props);
@@ -165,7 +165,7 @@ const _sfc_main = defineComponent({
     const handleColumnResize = (columnWidth, changeWidth, column, event) => {
       emit("column-resize", columnWidth, changeWidth, column, event);
     };
-    const { showHeader, maxHeight, expandIcon, rowClassName, indentSize, showSummary, disabledHover, expandIndent, headerSticky, loading } = toRefs(props);
+    const { showHeader, maxHeight, expandIcon, rowClassName, indentSize, showSummary, disabledHover, expandIndent, headerSticky, loading, width } = toRefs(props);
     provide("tableContext", {
       prefixCls,
       locale,
@@ -184,7 +184,8 @@ const _sfc_main = defineComponent({
         disabledHover,
         expandIndent,
         headerSticky,
-        loading
+        loading,
+        width
       },
       slots,
       expand: {
@@ -198,7 +199,7 @@ const _sfc_main = defineComponent({
       },
       size: {
         tableWidth,
-        sizesMap,
+        resizeColumns,
         isScrollX,
         setResizeWidth,
         handleColumnResize,
@@ -267,8 +268,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_ResizeObserver, { onResize: _ctx.debouncedHandleResize }, {
     default: withCtx(() => [
       createElementVNode("div", {
-        class: normalizeClass([`${_ctx.prefixCls}-wrapper`]),
-        style: normalizeStyle({ width: typeof _ctx.width === "number" ? `${_ctx.width}px` : _ctx.width })
+        class: normalizeClass([`${_ctx.prefixCls}-wrapper`])
       }, [
         _ctx.showPagination && _ctx.pagination && (_ctx.pagination.position === "top" || _ctx.pagination.position === "both") ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -296,7 +296,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               [`${_ctx.prefixCls}-empty`]: !_ctx.data.length,
               [`${_ctx.prefixCls}-without-column-header`]: !_ctx.showHeader,
               [`${_ctx.prefixCls}-fixed-header`]: !!_ctx.maxHeight,
-              [`${_ctx.prefixCls}-layout-fixed`]: true,
               [`${_ctx.prefixCls}-scroll-position-left`]: _ctx.scrollPosition === "left" || _ctx.scrollPosition === "both",
               [`${_ctx.prefixCls}-scroll-position-right`]: _ctx.scrollPosition === "right" || _ctx.scrollPosition === "both",
               [`${_ctx.prefixCls}-dragging`]: _ctx.showResizeLine,
@@ -359,12 +358,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onPageSizeChange: _ctx.handlePageSizeChange
           }), null, 16, ["total", "onChange", "onPageSizeChange"])
         ], 2)) : createCommentVNode("v-if", true)
-      ], 6)
+      ], 2)
     ]),
     _: 3
   }, 8, ["onResize"]);
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/Table.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\Table.vue"]]);
 
 export { Table as default };
 //# sourceMappingURL=Table.mjs.map

package/es/components/Table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","sources":["../../../../src/components/Table/Table.vue"],"sourcesContent":["<template>\n  <ResizeObserver @resize=\"debouncedHandleResize\">\n    <div :class=\"[`${prefixCls}-wrapper`]\" :style=\"{ width: typeof width === 'number' ? `${width}px` : width }\">\n      <div\n        v-if=\"showPagination && pagination && (pagination.position === 'top' || pagination.position === 'both')\"\n        :class=\"{\n          [`${prefixCls}-pagination`]: true,\n          [`${prefixCls}-pagination-top`]: true,\n          [`${prefixCls}-pagination-right`]: pagination && pagination.align === 'right'\n        }\"\n      >\n        <Pagination v-bind=\"paginationOptions\" :total=\"computedPageTotal\" @change=\"handlePageChange\" @page-size-change=\"handlePageSizeChange\" />\n      </div>\n      <div\n        :ref=\"saveRef('table')\"\n        :class=\"[\n          prefixCls,\n          `${prefixCls}-${size}`,\n          {\n            [`${prefixCls}-${variant}`]: !isBorder,\n            [`${prefixCls}-border`]: !!isBorder,\n            [`${prefixCls}-radius`]: variant !== 'ghost' && !border && radius,\n            [`${prefixCls}-empty`]: !data.length,\n            [`${prefixCls}-without-column-header`]: !showHeader,\n            [`${prefixCls}-fixed-header`]: !!maxHeight,\n            [`${prefixCls}-layout-fixed`]: true,\n            [`${prefixCls}-scroll-position-left`]: scrollPosition === 'left' || scrollPosition === 'both',\n            [`${prefixCls}-scroll-position-right`]: scrollPosition === 'right' || scrollPosition === 'both',\n            [`${prefixCls}-dragging`]: showResizeLine,\n            [`${prefixCls}-stripe`]: stripe\n          }\n        ]\"\n      >\n        <div v-if=\"$slots.title\" :class=\"`${prefixCls}-title`\">\n          <slot name=\"title\" />\n        </div>\n        <div :class=\"`${prefixCls}-content`\">\n          <TableBox :columns=\"updatedColumns\" @head-scroll=\"handleBodyScrollX\" @body-scroll=\"handleBodyScroll\" />\n          <div v-if=\"!currentDatas.length\" :class=\"`${prefixCls}-placeholder`\">\n            <slot name=\"empty\">\n              {{ emptyText }}\n            </slot>\n          </div>\n        </div>\n        <div v-show=\"showResizeLine\" :ref=\"saveRef('resizeLine')\" :class=\"`${prefixCls}-resize-line`\" />\n        <Spin v-if=\"loadingType === 'spinner'\" fix :loading=\"loading\" />\n      </div>\n      <div v-if=\"$slots.footer\" :class=\"`${prefixCls}-footer`\">\n        <slot name=\"footer\" />\n      </div>\n      <div\n        v-if=\"showPagination && ((pagination && pagination.position !== 'top') || !pagination)\"\n        :class=\"{\n          [`${prefixCls}-pagination`]: true,\n          [`${prefixCls}-pagination-bottom`]: true,\n          [`${prefixCls}-pagination-right`]: pagination && pagination.align === 'right'\n        }\"\n      >\n        <Pagination v-bind=\"paginationOptions\" :total=\"computedPageTotal\" @change=\"handlePageChange\" @page-size-change=\"handlePageSizeChange\" />\n      </div>\n    </div>\n  </ResizeObserver>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, provide, reactive, toRefs, ref, onMounted, nextTick, onBeforeUnmount, onUpdated, watch } from 'vue';\nimport Spin from '@uxd-ui/components/Spin';\nimport Pagination from '@uxd-ui/components/Pagination';\nimport { debounce } from '../../utils/tools';\n// import Container from '../base/Container';\nimport TableBox from './TableBox.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport ResizeObserver from '../base/ResizeObserver';\nimport useUpdateColumns from './hooks/useUpdateColumns';\nimport useUpdateDatas from './hooks/useUpdateDatas';\nimport useTableResize from './hooks/useTableResize';\nimport useExpander from './hooks/useExpander';\nimport useSelection from './hooks/useSelection';\nimport useDraggable from './hooks/useDraggable';\nimport useFilterSortPage from './hooks/useFilterSortPage';\nimport { tableProps, tableEmits, type SaveRef, type TableRefs, type TableColumn, type InnerColumn } from './Table.type';\n\nexport default defineComponent({\n  name: 'UTable',\n  components: {\n    TableBox,\n    Spin,\n    Pagination,\n    ResizeObserver\n  },\n  props: tableProps,\n  emits: tableEmits,\n  setup(props, { slots, emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('table');\n    const showResizeLine = ref(false);\n    const tableRefs = reactive({} as TableRefs);\n    const saveRef: SaveRef = (key: string) => {\n      return (el: any) => {\n        tableRefs[key] = el;\n      };\n    };\n\n    const locale = computed(() => {\n      return { ...globalConfig.locale.table, ...props.locale };\n    });\n\n    const isBorder = computed(() => {\n      const b = props.variant === 'border' || props.border;\n      return b;\n    });\n\n    // ============ datas ===============\n    const { updatedDatas } = useUpdateDatas(props);\n\n    // ============= sort & fitler =============\n    const {\n      hasAction,\n      hasSorters,\n      hasFilters,\n      isSortColumn,\n      isAscend,\n      isDescend,\n      hasAscend,\n      hasDescend,\n      toggleSortOrder,\n      setColumnFilter,\n      currentDatas,\n      paginationOptions,\n      computedPageTotal,\n      handlePageChange,\n      handlePageSizeChange\n    } = useFilterSortPage(props, updatedDatas, emit);\n\n    // ================  draggable ====================\n    const { setRowRefs, draggableColumn } = useDraggable(props, tableRefs);\n\n    // ================  expander ====================\n    const {\n      expandedRowKeys,\n      showChildrenRowKeys,\n      handleExpandChange,\n      isRowExpanded,\n      expandedRowRender,\n      isTreeTable,\n      expandColumn,\n      expandIconColumnIndex\n    } = useExpander(props, slots, currentDatas, emit);\n\n    const { selectionColumn } = useSelection(props, updatedDatas, currentDatas, prefixCls, locale);\n\n    // ============ columns ===============\n    const { updatedColumns, isColumnFixed, isLeftFixed, isRightFixed, leftColumns, rightColumns } = useUpdateColumns(props, slots, {\n      draggableColumn,\n      expandColumn,\n      selectionColumn\n    });\n\n    // ============ resize ==============\n    // #region\n    const {\n      sizesMap,\n      handleResize,\n      isScrollX,\n      // fixedHeadRowsHeight,\n      // fixedBodyRowsHeight,\n      scrollPosition,\n      // syncFixedTableRowHeight,\n      setScrollPositionClass,\n      resetScrollX,\n      tableWidth,\n      clearResizeTimer,\n      setResizeWidth\n    } = useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, props);\n\n    const debouncedHandleResize = debounce(handleResize, 150);\n\n    onMounted(() => {\n      nextTick(() => {\n        setTimeout(() => {\n          handleResize();\n          resetScrollX();\n        }, 0);\n      });\n    });\n\n    onUpdated(() => {\n      nextTick(() => {\n        handleResize();\n      });\n    });\n\n    onBeforeUnmount(() => {\n      if (debouncedHandleResize) {\n        debouncedHandleResize.cancel();\n      }\n      clearResizeTimer();\n    });\n    // #endregion\n\n    // ============ scroll ===============\n    // #region\n    const scrollable = computed(() => {\n      return props.maxHeight || isScrollX.value || isColumnFixed.value;\n    });\n\n    let lastScrollLeft = 0;\n    const handleBodyScrollX = (e: any) => {\n      if (e.currentTarget !== e.target) {\n        return;\n      }\n\n      const { target } = e;\n      const { bodyTable, headTable } = tableRefs;\n\n      if (target.scrollLeft !== lastScrollLeft && isScrollX.value) {\n        if (target === (bodyTable as any).wrapRef && headTable) {\n          (headTable as any).setScrollLeft(target.scrollLeft);\n        } else if (target === (headTable as any)?.wrapRef && bodyTable) {\n          (bodyTable as any).setScrollLeft(target.scrollLeft);\n        }\n        setScrollPositionClass();\n      }\n      lastScrollLeft = target.scrollLeft;\n    };\n\n    const handleBodyScroll = (e: any) => {\n      handleBodyScrollX(e);\n    };\n\n    watch(\n      () => props.data,\n      (val) => {\n        if (val.length === 0 && isScrollX.value) {\n          nextTick(() => {\n            resetScrollX();\n          });\n        }\n      }\n    );\n    // #endregion\n    // ============ empty ================\n    const emptyText = computed(() => {\n      return props.data.length ? locale.value.notFoundText : locale.value.noDataText;\n    });\n\n    // ===========row hover & event ================\n    // #region\n    const currentHoverKey = ref(null);\n    const onRowMouseEnter = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-mouseenter', data, index, e);\n    };\n    const onRowMouseLeave = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-mouseleave', data, index, e);\n    };\n    const onRowClick = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-click', data, index, e);\n    };\n    const onRowDoubleClick = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-doubleclick', data, index, e);\n    };\n    const onRowContextMenu = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-contextmenu', data, index, e);\n    };\n    // #endregion\n\n    // ============= other event =================\n    // #region\n    const onHeaderCellClick = (column: TableColumn, e: Event) => {\n      emit('header-click', column, e);\n    };\n\n    const handleColumnResize = (columnWidth: number, changeWidth: number, column: InnerColumn, event: Event) => {\n      emit('column-resize', columnWidth, changeWidth, column, event);\n    };\n    // #endregion\n\n    // ============= provide =================\n\n    const { showHeader, maxHeight, expandIcon, rowClassName, indentSize, showSummary, disabledHover, expandIndent, headerSticky, loading } =\n      toRefs(props);\n\n    provide('tableContext', {\n      prefixCls,\n      locale,\n      data: currentDatas,\n      saveRef,\n      tableRefs,\n      showResizeLine,\n      props: {\n        showHeader,\n        maxHeight,\n        expandIcon,\n        rowClassName,\n        indentSize,\n        emptyText,\n        showSummary,\n        disabledHover,\n        expandIndent,\n        headerSticky,\n        loading\n      },\n      slots,\n      expand: {\n        expandedRowRender,\n        expandedRowKeys,\n        showChildrenRowKeys,\n        isRowExpanded,\n        expandIconColumnIndex,\n        handleExpandChange,\n        isTreeTable\n      },\n      size: {\n        tableWidth,\n        sizesMap,\n        isScrollX,\n        setResizeWidth,\n        handleColumnResize,\n        debouncedHandleResize\n      },\n      fixed: {\n        isColumnFixed,\n        currentHoverKey\n      },\n      draggable: {\n        setRowRefs\n      },\n      rowEvents: {\n        onRowMouseEnter,\n        onRowMouseLeave,\n        onRowClick,\n        onRowDoubleClick,\n        onRowContextMenu\n      },\n      headerEvents: {\n        onHeaderCellClick\n      },\n      filterAndSorter: {\n        hasAction,\n        hasSorters,\n        hasFilters,\n        isSortColumn,\n        isAscend,\n        isDescend,\n        hasAscend,\n        hasDescend,\n        toggleSortOrder,\n        setColumnFilter\n      },\n      pagination: paginationOptions\n    });\n    return {\n      prefixCls,\n      saveRef,\n      showResizeLine,\n      updatedColumns,\n      currentDatas,\n      paginationOptions,\n      computedPageTotal,\n      isBorder,\n      isLeftFixed,\n      leftColumns,\n      isRightFixed,\n      rightColumns,\n      scrollable,\n      scrollPosition,\n      handleBodyScroll,\n      handleBodyScrollX,\n      emptyText,\n      debouncedHandleResize,\n      handlePageChange,\n      handlePageSizeChange\n    };\n  }\n});\n</script>\n"],"names":["Spin","Pagination","useFilterSortPage","_createBlock","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_createVNode","_mergeProps","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"Table.mjs","sources":["../../../../src/components/Table/Table.vue"],"sourcesContent":["<template>\n  <ResizeObserver @resize=\"debouncedHandleResize\">\n    <div :class=\"[`${prefixCls}-wrapper`]\">\n      <div\n        v-if=\"showPagination && pagination && (pagination.position === 'top' || pagination.position === 'both')\"\n        :class=\"{\n          [`${prefixCls}-pagination`]: true,\n          [`${prefixCls}-pagination-top`]: true,\n          [`${prefixCls}-pagination-right`]: pagination && pagination.align === 'right'\n        }\"\n      >\n        <Pagination v-bind=\"paginationOptions\" :total=\"computedPageTotal\" @change=\"handlePageChange\" @page-size-change=\"handlePageSizeChange\" />\n      </div>\n      <div\n        :ref=\"saveRef('table')\"\n        :class=\"[\n          prefixCls,\n          `${prefixCls}-${size}`,\n          {\n            [`${prefixCls}-${variant}`]: !isBorder,\n            [`${prefixCls}-border`]: !!isBorder,\n            [`${prefixCls}-radius`]: variant !== 'ghost' && !border && radius,\n            [`${prefixCls}-empty`]: !data.length,\n            [`${prefixCls}-without-column-header`]: !showHeader,\n            [`${prefixCls}-fixed-header`]: !!maxHeight,\n            [`${prefixCls}-scroll-position-left`]: scrollPosition === 'left' || scrollPosition === 'both',\n            [`${prefixCls}-scroll-position-right`]: scrollPosition === 'right' || scrollPosition === 'both',\n            [`${prefixCls}-dragging`]: showResizeLine,\n            [`${prefixCls}-stripe`]: stripe\n          }\n        ]\"\n      >\n        <div v-if=\"$slots.title\" :class=\"`${prefixCls}-title`\">\n          <slot name=\"title\" />\n        </div>\n        <div :class=\"`${prefixCls}-content`\">\n          <TableBox :columns=\"updatedColumns\" @head-scroll=\"handleBodyScrollX\" @body-scroll=\"handleBodyScroll\" />\n          <div v-if=\"!currentDatas.length\" :class=\"`${prefixCls}-placeholder`\">\n            <slot name=\"empty\">\n              {{ emptyText }}\n            </slot>\n          </div>\n        </div>\n        <div v-show=\"showResizeLine\" :ref=\"saveRef('resizeLine')\" :class=\"`${prefixCls}-resize-line`\" />\n        <Spin v-if=\"loadingType === 'spinner'\" fix :loading=\"loading\" />\n      </div>\n      <div v-if=\"$slots.footer\" :class=\"`${prefixCls}-footer`\">\n        <slot name=\"footer\" />\n      </div>\n      <div\n        v-if=\"showPagination && ((pagination && pagination.position !== 'top') || !pagination)\"\n        :class=\"{\n          [`${prefixCls}-pagination`]: true,\n          [`${prefixCls}-pagination-bottom`]: true,\n          [`${prefixCls}-pagination-right`]: pagination && pagination.align === 'right'\n        }\"\n      >\n        <Pagination v-bind=\"paginationOptions\" :total=\"computedPageTotal\" @change=\"handlePageChange\" @page-size-change=\"handlePageSizeChange\" />\n      </div>\n    </div>\n  </ResizeObserver>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, provide, reactive, toRefs, ref, onMounted, nextTick, onBeforeUnmount, onUpdated, watch } from 'vue';\nimport Spin from '@uxd-ui/components/Spin';\nimport Pagination from '@uxd-ui/components/Pagination';\nimport { debounce } from '../../utils/tools';\n// import Container from '../base/Container';\nimport TableBox from './TableBox.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport ResizeObserver from '../base/ResizeObserver';\nimport useUpdateColumns from './hooks/useUpdateColumns';\nimport useUpdateDatas from './hooks/useUpdateDatas';\nimport useTableResize from './hooks/useTableResize';\nimport useExpander from './hooks/useExpander';\nimport useSelection from './hooks/useSelection';\nimport useDraggable from './hooks/useDraggable';\nimport useFilterSortPage from './hooks/useFilterSortPage';\nimport { tableProps, tableEmits, type SaveRef, type TableRefs, type TableColumn, type InnerColumn } from './Table.type';\n\nexport default defineComponent({\n  name: 'UTable',\n  components: {\n    TableBox,\n    Spin,\n    Pagination,\n    ResizeObserver\n  },\n  props: tableProps,\n  emits: tableEmits,\n  setup(props, { slots, emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('table');\n    const showResizeLine = ref(false);\n    const tableRefs = reactive({} as TableRefs);\n    const saveRef: SaveRef = (key: string) => {\n      return (el: any) => {\n        tableRefs[key] = el;\n      };\n    };\n\n    const locale = computed(() => {\n      return { ...globalConfig.locale.table, ...props.locale };\n    });\n\n    const isBorder = computed(() => {\n      const b = props.variant === 'border' || props.border;\n      return b;\n    });\n\n    // ============ datas ===============\n    const { updatedDatas } = useUpdateDatas(props);\n\n    // ============= sort & fitler =============\n    const {\n      hasAction,\n      hasSorters,\n      hasFilters,\n      isSortColumn,\n      isAscend,\n      isDescend,\n      hasAscend,\n      hasDescend,\n      toggleSortOrder,\n      setColumnFilter,\n      currentDatas,\n      paginationOptions,\n      computedPageTotal,\n      handlePageChange,\n      handlePageSizeChange\n    } = useFilterSortPage(props, updatedDatas, emit);\n\n    // ================  draggable ====================\n    const { setRowRefs, draggableColumn } = useDraggable(props, tableRefs);\n\n    // ================  expander ====================\n    const {\n      expandedRowKeys,\n      showChildrenRowKeys,\n      handleExpandChange,\n      isRowExpanded,\n      expandedRowRender,\n      isTreeTable,\n      expandColumn,\n      expandIconColumnIndex\n    } = useExpander(props, slots, currentDatas, emit);\n\n    const { selectionColumn } = useSelection(props, updatedDatas, currentDatas, prefixCls, locale);\n\n    // ============ columns ===============\n    const { updatedColumns, isColumnFixed, isLeftFixed, isRightFixed, leftColumns, rightColumns } = useUpdateColumns(props, slots, {\n      draggableColumn,\n      expandColumn,\n      selectionColumn\n    });\n\n    // ============ resize ==============\n    // #region\n    const {\n      // sizesMap,\n      handleResize,\n      isScrollX,\n      // fixedHeadRowsHeight,\n      // fixedBodyRowsHeight,\n      scrollPosition,\n      // syncFixedTableRowHeight,\n      setScrollPositionClass,\n      resetScrollX,\n      tableWidth,\n      resizeColumns,\n      clearResizeTimer,\n      setResizeWidth\n    } = useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, props);\n\n    const debouncedHandleResize = debounce(handleResize, 150);\n\n    onMounted(() => {\n      nextTick(() => {\n        setTimeout(() => {\n          handleResize();\n          resetScrollX();\n        }, 0);\n      });\n    });\n\n    onUpdated(() => {\n      nextTick(() => {\n        handleResize();\n      });\n    });\n\n    onBeforeUnmount(() => {\n      if (debouncedHandleResize) {\n        debouncedHandleResize.cancel();\n      }\n      clearResizeTimer();\n    });\n    // #endregion\n\n    // ============ scroll ===============\n    // #region\n    const scrollable = computed(() => {\n      return props.maxHeight || isScrollX.value || isColumnFixed.value;\n    });\n\n    let lastScrollLeft = 0;\n    const handleBodyScrollX = (e: any) => {\n      if (e.currentTarget !== e.target) {\n        return;\n      }\n\n      const { target } = e;\n      const { bodyTable, headTable } = tableRefs;\n\n      if (target.scrollLeft !== lastScrollLeft && isScrollX.value) {\n        if (target === (bodyTable as any).wrapRef && headTable) {\n          (headTable as any).setScrollLeft(target.scrollLeft);\n        } else if (target === (headTable as any)?.wrapRef && bodyTable) {\n          (bodyTable as any).setScrollLeft(target.scrollLeft);\n        }\n        setScrollPositionClass();\n      }\n      lastScrollLeft = target.scrollLeft;\n    };\n\n    const handleBodyScroll = (e: any) => {\n      handleBodyScrollX(e);\n    };\n\n    watch(\n      () => props.data,\n      (val) => {\n        if (val.length === 0 && isScrollX.value) {\n          nextTick(() => {\n            resetScrollX();\n          });\n        }\n      }\n    );\n    // #endregion\n    // ============ empty ================\n    const emptyText = computed(() => {\n      return props.data.length ? locale.value.notFoundText : locale.value.noDataText;\n    });\n\n    // ===========row hover & event ================\n    // #region\n    const currentHoverKey = ref(null);\n    const onRowMouseEnter = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-mouseenter', data, index, e);\n    };\n    const onRowMouseLeave = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-mouseleave', data, index, e);\n    };\n    const onRowClick = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-click', data, index, e);\n    };\n    const onRowDoubleClick = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-doubleclick', data, index, e);\n    };\n    const onRowContextMenu = (data: Record<string, any>, index: number, e: Event) => {\n      emit('row-contextmenu', data, index, e);\n    };\n    // #endregion\n\n    // ============= other event =================\n    // #region\n    const onHeaderCellClick = (column: TableColumn, e: Event) => {\n      emit('header-click', column, e);\n    };\n\n    const handleColumnResize = (columnWidth: number, changeWidth: number, column: InnerColumn, event: Event) => {\n      emit('column-resize', columnWidth, changeWidth, column, event);\n    };\n    // #endregion\n\n    // ============= provide =================\n\n    const { showHeader, maxHeight, expandIcon, rowClassName, indentSize, showSummary, disabledHover, expandIndent, headerSticky, loading, width } =\n      toRefs(props);\n\n    provide('tableContext', {\n      prefixCls,\n      locale,\n      data: currentDatas,\n      saveRef,\n      tableRefs,\n      showResizeLine,\n      props: {\n        showHeader,\n        maxHeight,\n        expandIcon,\n        rowClassName,\n        indentSize,\n        emptyText,\n        showSummary,\n        disabledHover,\n        expandIndent,\n        headerSticky,\n        loading,\n        width\n      },\n      slots,\n      expand: {\n        expandedRowRender,\n        expandedRowKeys,\n        showChildrenRowKeys,\n        isRowExpanded,\n        expandIconColumnIndex,\n        handleExpandChange,\n        isTreeTable\n      },\n      size: {\n        tableWidth,\n        // sizesMap,\n        resizeColumns,\n        isScrollX,\n        setResizeWidth,\n        handleColumnResize,\n        debouncedHandleResize\n      },\n      fixed: {\n        isColumnFixed,\n        currentHoverKey\n      },\n      draggable: {\n        setRowRefs\n      },\n      rowEvents: {\n        onRowMouseEnter,\n        onRowMouseLeave,\n        onRowClick,\n        onRowDoubleClick,\n        onRowContextMenu\n      },\n      headerEvents: {\n        onHeaderCellClick\n      },\n      filterAndSorter: {\n        hasAction,\n        hasSorters,\n        hasFilters,\n        isSortColumn,\n        isAscend,\n        isDescend,\n        hasAscend,\n        hasDescend,\n        toggleSortOrder,\n        setColumnFilter\n      },\n      pagination: paginationOptions\n    });\n    return {\n      prefixCls,\n      saveRef,\n      showResizeLine,\n      updatedColumns,\n      currentDatas,\n      paginationOptions,\n      computedPageTotal,\n      isBorder,\n      isLeftFixed,\n      leftColumns,\n      isRightFixed,\n      rightColumns,\n      scrollable,\n      scrollPosition,\n      handleBodyScroll,\n      handleBodyScrollX,\n      emptyText,\n      debouncedHandleResize,\n      handlePageChange,\n      handlePageSizeChange\n    };\n  }\n});\n</script>\n"],"names":["Spin","Pagination","useFilterSortPage","_createBlock","_createElementVNode","_normalizeClass","_createElementBlock","_createVNode","_mergeProps","_renderSlot"],"mappings":"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"}

package/es/components/Table/Table.type.d.ts

@@ -1,4 +1,4 @@
-import type { ComputedRef, CSSProperties, ExtractPropTypes, PropType, Ref, Slot, Slots, VNodeChild } from 'vue';
+import type { Component, ComputedRef, CSSProperties, ExtractPropTypes, PropType, Ref, Slot, Slots, VNodeChild } from 'vue';
 import type { JSX } from 'vue/jsx-runtime';
 import type { EmitFn } from '../../utils/globalType';
 import type { TableLocal } from '../locale/default';
@@ -25,6 +25,8 @@ export interface TableColProps {
     width: string;
     key: string;
     fixed: boolean;
+    minWidth: string;
+    resizeWidth: string;
 }
 export interface ColumnFilterSlotParams {
     selectedKeys: (string | number)[];
@@ -41,8 +43,7 @@ export interface TableColumn {
     title?: string;
     dataIndex?: string;
     width?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
+    minWidth?: number;
     children?: TableColumn[];
     fixed?: ColumnFixed;
     align?: ColumnAlign;
@@ -54,7 +55,7 @@ export interface TableColumn {
     filterable?: boolean;
     filters?: ColumnFilter[];
     filterFn?: ColumnFilterFn;
-    filterIcon?: string;
+    filterIcon?: string | Component;
     filterIconStyle?: CSSProperties;
     filterMultiple?: boolean;
     filteredValue?: (string | number)[];
@@ -278,6 +279,7 @@ export interface TableContext {
         expandIndent: Ref<boolean>;
         headerSticky: Ref<number | undefined>;
         loading: Ref<boolean>;
+        width: Ref<string | number | undefined>;
     };
     slots: Slots;
     expand: {
@@ -291,7 +293,7 @@ export interface TableContext {
     };
     size: {
         tableWidth: Ref<number>;
-        sizesMap: Record<string, number>;
+        resizeColumns: Ref<InnerColumn[]>;
         isScrollX: ComputedRef<boolean>;
         setResizeWidth: (column: InnerColumn, width: number) => void;
         handleColumnResize: (columnWidth: number, changeWidth: number, column: InnerColumn, event: Event) => void;