@koi-design/uxd-ui 14.0.4 → 14.0.5

package/types/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/types/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/types/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;