@koi-design/uxd-ui 14.0.4 → 14.0.5

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

@@ -67,8 +67,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;
@@ -79,7 +78,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)[];
@@ -4406,8 +4405,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     columns: TableColumn[];
-                    skeleton: boolean;
                     indent: number;
+                    skeleton: boolean;
                     expendedRow: boolean;
                     childRow: boolean;
                 }, {}, {
@@ -4463,6 +4462,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;
@@ -4497,8 +4497,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;
@@ -4519,7 +4519,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;
@@ -4545,7 +4545,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;
@@ -4560,7 +4560,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;
@@ -5537,6 +5537,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<{
@@ -5687,8 +5704,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                     }>> & Readonly<{}>, {
                         columns: TableColumn[];
-                        skeleton: boolean;
                         indent: number;
+                        skeleton: boolean;
                         expendedRow: boolean;
                         childRow: boolean;
                     }, {}, {
@@ -5744,6 +5761,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;
@@ -5778,8 +5796,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;
@@ -5800,7 +5818,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;
@@ -5826,7 +5844,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;
@@ -5841,7 +5859,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;
@@ -6818,6 +6836,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>;
@@ -6989,8 +7024,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;
@@ -7001,7 +7035,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)[];
@@ -11328,8 +11362,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{}>, {
                     columns: TableColumn[];
-                    skeleton: boolean;
                     indent: number;
+                    skeleton: boolean;
                     expendedRow: boolean;
                     childRow: boolean;
                 }, {}, {
@@ -11385,6 +11419,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;
@@ -11419,8 +11454,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;
@@ -11441,7 +11476,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;
@@ -11467,7 +11502,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;
@@ -11482,7 +11517,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;
@@ -12459,6 +12494,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<{
@@ -12609,8 +12661,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                     }>> & Readonly<{}>, {
                         columns: TableColumn[];
-                        skeleton: boolean;
                         indent: number;
+                        skeleton: boolean;
                         expendedRow: boolean;
                         childRow: boolean;
                     }, {}, {
@@ -12666,6 +12718,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;
@@ -12700,8 +12753,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;
@@ -12722,7 +12775,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;
@@ -12748,7 +12801,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;
@@ -12763,7 +12816,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;
@@ -13740,6 +13793,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/hooks/useTableResize.d.ts

@@ -2,10 +2,10 @@ import type { ComputedRef, Ref } from 'vue';
 import type { InnerColumn, TableProps, TableRefs } from '../Table.type';
 export declare function getWidth(width: string | number, tableWidth: number): number;
 export default function useTableResize(updatedColumns: Ref<InnerColumn[]>, tableRefs: TableRefs, prefixCls: Ref<string>, isColumnFixed: ComputedRef<boolean>, props: TableProps): {
-    sizesMap: Record<string, number>;
     tableWidth: Ref<number, number>;
     isScrollX: ComputedRef<boolean>;
     scrollPosition: Ref<string, string>;
+    resizeColumns: import("vue").ShallowRef<InnerColumn[], InnerColumn[]>;
     handleResize: () => void;
     setScrollPositionClass: () => void;
     resetScrollX: () => void;

package/es/components/Table/hooks/useTableResize.mjs

@@ -1,5 +1,5 @@
-import { reactive, ref, computed } from 'vue';
-import { getLeafColumns, getColumnKey, getMinWidth } from '../utils.mjs';
+import { ref, shallowRef, computed } from 'vue';
+import { getLeafColumns, getColumnKey } from '../utils.mjs';
 
 function getWidth(width, tableWidth) {
   let _width = 0;
@@ -16,8 +16,8 @@ function getWidth(width, tableWidth) {
   return _width;
 }
 function useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, props) {
-  const sizesMap = reactive({});
   const tableWidth = ref(void 0);
+  const resizeColumns = shallowRef([]);
   const syncColumnsWidth = () => {
     const { bodyTable } = tableRefs;
     if (!bodyTable || bodyTable.getWidth() === void 0) {
@@ -25,73 +25,15 @@ function useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, pro
     }
     const wrapWidth = bodyTable.getWidth();
     const columns = getLeafColumns(updatedColumns.value);
-    let usedWidth = 0;
-    Object.keys(sizesMap).forEach((key) => {
-      delete sizesMap[key];
-    });
-    const minWidthColumns = [];
-    const maxWidthColumns = [];
-    const nothingColumns = [];
-    columns.forEach((c) => {
-      const colKey = getColumnKey(c);
-      if (c.width) {
-        const _width = getWidth(c.width, wrapWidth);
-        usedWidth += _width;
-        sizesMap[colKey] = _width;
-      } else if (c.minWidth) {
-        const _width = getWidth(c.minWidth, wrapWidth);
-        usedWidth += _width;
-        sizesMap[colKey] = _width;
-        minWidthColumns.push(c);
-      } else {
-        const minWidth = getMinWidth(c);
-        sizesMap[colKey] = minWidth;
-        usedWidth += minWidth;
-        if (c.maxWidth) {
-          maxWidthColumns.push(c);
-        } else {
-          nothingColumns.push(c);
-        }
-      }
-    });
-    let unUsedWidth = wrapWidth - usedWidth;
-    let length = minWidthColumns.length + maxWidthColumns.length + nothingColumns.length;
-    if (unUsedWidth > 0 && length > 0) {
-      let avgWidth;
-      maxWidthColumns.forEach((mc) => {
-        avgWidth = Math.floor(unUsedWidth / length);
-        if (getWidth(mc.maxWidth, wrapWidth) < avgWidth) {
-          sizesMap[mc.key] = getWidth(mc.maxWidth, wrapWidth);
-          unUsedWidth -= getWidth(mc.maxWidth, wrapWidth) - getMinWidth(mc);
-        } else {
-          sizesMap[mc.key] += avgWidth;
-          unUsedWidth -= avgWidth;
-        }
-        length -= 1;
-      });
-      avgWidth = Math.floor(unUsedWidth / length);
-      if (avgWidth > 50 || nothingColumns.length === 0) {
-        [...minWidthColumns, ...nothingColumns].forEach((c, i) => {
-          if (i < length - 1) {
-            sizesMap[c.key] += avgWidth;
-            unUsedWidth -= avgWidth;
-          } else {
-            sizesMap[c.key] += unUsedWidth;
-          }
-        });
-      } else {
-        avgWidth = Math.floor(unUsedWidth / nothingColumns.length);
-        nothingColumns.forEach((c, i) => {
-          if (i < nothingColumns.length - 1) {
-            sizesMap[c.key] += avgWidth;
-            unUsedWidth -= avgWidth;
-          } else {
-            sizesMap[c.key] += unUsedWidth;
-          }
-        });
-      }
+    const totalWidth = columns.reduce((sum, col) => {
+      var _a;
+      return sum + getWidth((_a = col.width) != null ? _a : col.minWidth, wrapWidth);
+    }, 0);
+    if (totalWidth > wrapWidth) {
+      tableWidth.value = totalWidth;
+    } else {
+      tableWidth.value = void 0;
     }
-    tableWidth.value = Object.keys(sizesMap).reduce((sum, key) => sum + sizesMap[key], 0);
   };
   let syncHeightTimer = null;
   const scrollPosition = ref("left");
@@ -129,8 +71,8 @@ function useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, pro
     const _column = columns.find((c) => c === column || getColumnKey(c) === getColumnKey(column));
     if (_column) {
       _column.width = width;
-      handleResize();
     }
+    resizeColumns.value = columns;
   };
   const isScrollX = computed(() => {
     const { table } = tableRefs;
@@ -156,10 +98,10 @@ function useTableResize(updatedColumns, tableRefs, prefixCls, isColumnFixed, pro
     }
   };
   return {
-    sizesMap,
     tableWidth,
     isScrollX,
     scrollPosition,
+    resizeColumns,
     handleResize,
     setScrollPositionClass,
     resetScrollX,

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

@@ -1 +1 @@
-{"version":3,"file":"useTableResize.mjs","sources":["../../../../../src/components/Table/hooks/useTableResize.ts"],"sourcesContent":["import { computed, reactive, ref } from 'vue';\nimport type { ComputedRef, Ref } from 'vue';\nimport { getLeafColumns, getColumnKey, getMinWidth } from '../utils';\n// import { shallowequal } from '../../../utils/tools';\nimport type { InnerColumn, TableProps, TableRefs } from '../Table.type';\n\nexport function getWidth(width: string | number, tableWidth: number) {\n  let _width = 0;\n  if (typeof width === 'number') {\n    _width = width;\n  } else if (/^\\d*px$/.test(width)) {\n    _width = Number(width.replace('px', ''));\n  } else if (/^[\\d.]*%$/.test(width)) {\n    const percent = Number(width.replace('%', ''));\n    if (!Number.isNaN(percent)) {\n      _width = Math.floor((percent / 100) * tableWidth);\n    }\n  }\n  return _width;\n}\nexport default function useTableResize(\n  updatedColumns: Ref<InnerColumn[]>,\n  tableRefs: TableRefs,\n  prefixCls: Ref<string>,\n  isColumnFixed: ComputedRef<boolean>,\n  props: TableProps\n) {\n  const sizesMap = reactive({} as Record<string, number>);\n  const tableWidth = ref<number | undefined>(undefined);\n\n  const syncColumnsWidth = () => {\n    const { bodyTable } = tableRefs;\n    if (!bodyTable || (bodyTable as any).getWidth() === undefined) {\n      return;\n    }\n    // const wrapWidth = props.border ? bodyTable.clientWidth - 1 : bodyTable.clientWidth;\n    const wrapWidth = (bodyTable as any).getWidth();\n\n    const columns = getLeafColumns(updatedColumns.value);\n    let usedWidth = 0;\n    // clear the sizesMap.\n    Object.keys(sizesMap).forEach((key) => {\n      delete sizesMap[key];\n    });\n    const minWidthColumns: InnerColumn[] = [];\n    const maxWidthColumns: InnerColumn[] = [];\n    const nothingColumns: InnerColumn[] = [];\n    columns.forEach((c) => {\n      const colKey = getColumnKey(c);\n      if (c.width) {\n        const _width = getWidth(c.width, wrapWidth);\n        usedWidth += _width;\n        sizesMap[colKey] = _width;\n      } else if (c.minWidth) {\n        const _width = getWidth(c.minWidth, wrapWidth);\n        usedWidth += _width;\n        sizesMap[colKey] = _width;\n        minWidthColumns.push(c);\n      } else {\n        const minWidth = getMinWidth(c);\n        sizesMap[colKey] = minWidth;\n        usedWidth += minWidth;\n        if (c.maxWidth) {\n          maxWidthColumns.push(c);\n        } else {\n          nothingColumns.push(c);\n        }\n      }\n    });\n    let unUsedWidth = wrapWidth - usedWidth;\n    let length = minWidthColumns.length + maxWidthColumns.length + nothingColumns.length;\n    if (unUsedWidth > 0 && length > 0) {\n      let avgWidth: number;\n      maxWidthColumns.forEach((mc) => {\n        avgWidth = Math.floor(unUsedWidth / length);\n        if (getWidth(mc.maxWidth as number, wrapWidth) < avgWidth) {\n          sizesMap[mc.key] = getWidth(mc.maxWidth as number, wrapWidth);\n          unUsedWidth -= getWidth(mc.maxWidth as number, wrapWidth) - getMinWidth(mc);\n        } else {\n          sizesMap[mc.key] += avgWidth;\n          unUsedWidth -= avgWidth;\n        }\n        length -= 1;\n      });\n      avgWidth = Math.floor(unUsedWidth / length);\n      if (avgWidth > 50 || nothingColumns.length === 0) {\n        [...minWidthColumns, ...nothingColumns].forEach((c, i) => {\n          if (i < length - 1) {\n            sizesMap[c.key] += avgWidth;\n            unUsedWidth -= avgWidth;\n          } else {\n            sizesMap[c.key] += unUsedWidth;\n          }\n        });\n      } else {\n        avgWidth = Math.floor(unUsedWidth / nothingColumns.length);\n        nothingColumns.forEach((c, i) => {\n          if (i < nothingColumns.length - 1) {\n            sizesMap[c.key] += avgWidth;\n            unUsedWidth -= avgWidth;\n          } else {\n            sizesMap[c.key] += unUsedWidth;\n          }\n        });\n      }\n    }\n    tableWidth.value = Object.keys(sizesMap).reduce((sum, key) => sum + sizesMap[key], 0);\n  };\n\n  let syncHeightTimer: any = null;\n  const scrollPosition = ref('left');\n\n  const setScrollPositionClass = () => {\n    const { bodyTable } = tableRefs;\n    const bodyDom = (bodyTable as any).wrapRef;\n    if (!bodyDom) {\n      return;\n    }\n\n    const scrollToLeft = bodyDom.scrollLeft === 0;\n    const scrollToRight = bodyDom.scrollLeft + 1 >= bodyDom.children[0].getBoundingClientRect().width - bodyDom.getBoundingClientRect().width;\n    if (scrollToLeft && scrollToRight) {\n      scrollPosition.value = 'both';\n    } else if (scrollToLeft) {\n      scrollPosition.value = 'left';\n    } else if (scrollToRight) {\n      scrollPosition.value = 'right';\n    } else {\n      scrollPosition.value = 'middle';\n    }\n  };\n  const handleResize = () => {\n    syncColumnsWidth();\n\n    if (isColumnFixed.value) {\n      syncHeightTimer = setTimeout(() => {\n        // syncFixedTableRowHeight();\n        setScrollPositionClass();\n      }, 0);\n    }\n    setTimeout(() => {\n      (tableRefs.bodyTable as any).update();\n    }, 0);\n  };\n\n  const setResizeWidth = (column: InnerColumn, width: number) => {\n    const columns = getLeafColumns(updatedColumns.value);\n    const _column = columns.find((c) => c === column || getColumnKey(c) === getColumnKey(column));\n    if (_column) {\n      _column.width = width;\n      handleResize();\n    }\n  };\n  const isScrollX = computed(() => {\n    const { table } = tableRefs;\n    if (table) {\n      const wrapWidth = props.border ? table.offsetWidth - 1 : table.offsetWidth;\n      return tableWidth.value && tableWidth.value > wrapWidth;\n    }\n    return false;\n  });\n\n  const resetScrollX = () => {\n    const { bodyTable, headTable } = tableRefs;\n    if (bodyTable) {\n      (bodyTable as any).setScrollLeft(0);\n    }\n    if (headTable) {\n      (headTable as any).setScrollLeft(0);\n    }\n  };\n  const clearResizeTimer = () => {\n    if (syncHeightTimer) {\n      clearTimeout(syncHeightTimer);\n      syncHeightTimer = null;\n    }\n  };\n  return {\n    sizesMap,\n    tableWidth,\n    isScrollX,\n    scrollPosition,\n    handleResize,\n    setScrollPositionClass,\n    resetScrollX,\n    clearResizeTimer,\n    setResizeWidth\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTableResize.mjs","sources":["../../../../../src/components/Table/hooks/useTableResize.ts"],"sourcesContent":["import { computed, ref, shallowRef } from 'vue';\nimport type { ComputedRef, Ref } from 'vue';\nimport { getLeafColumns, getColumnKey } from '../utils';\n// import { shallowequal } from '../../../utils/tools';\nimport type { InnerColumn, TableProps, TableRefs } from '../Table.type';\n\nexport function getWidth(width: string | number, tableWidth: number) {\n  let _width = 0;\n  if (typeof width === 'number') {\n    _width = width;\n  } else if (/^\\d*px$/.test(width)) {\n    _width = Number(width.replace('px', ''));\n  } else if (/^[\\d.]*%$/.test(width)) {\n    const percent = Number(width.replace('%', ''));\n    if (!Number.isNaN(percent)) {\n      _width = Math.floor((percent / 100) * tableWidth);\n    }\n  }\n  return _width;\n}\nexport default function useTableResize(\n  updatedColumns: Ref<InnerColumn[]>,\n  tableRefs: TableRefs,\n  prefixCls: Ref<string>,\n  isColumnFixed: ComputedRef<boolean>,\n  props: TableProps\n) {\n  const tableWidth = ref<number | undefined>(undefined);\n  const resizeColumns = shallowRef<InnerColumn[]>([]);\n\n  const syncColumnsWidth = () => {\n    const { bodyTable } = tableRefs;\n    if (!bodyTable || (bodyTable as any).getWidth() === undefined) {\n      return;\n    }\n    // const wrapWidth = props.border ? bodyTable.clientWidth - 1 : bodyTable.clientWidth;\n    const wrapWidth = (bodyTable as any).getWidth();\n\n    const columns = getLeafColumns(updatedColumns.value);\n\n    const totalWidth = columns.reduce((sum, col) => sum + getWidth(col.width ?? col.minWidth, wrapWidth), 0);\n    if (totalWidth > wrapWidth) {\n      tableWidth.value = totalWidth;\n    } else {\n      tableWidth.value = undefined;\n    }\n  };\n\n  let syncHeightTimer: any = null;\n  const scrollPosition = ref('left');\n\n  const setScrollPositionClass = () => {\n    const { bodyTable } = tableRefs;\n    const bodyDom = (bodyTable as any).wrapRef;\n    if (!bodyDom) {\n      return;\n    }\n\n    const scrollToLeft = bodyDom.scrollLeft === 0;\n    const scrollToRight = bodyDom.scrollLeft + 1 >= bodyDom.children[0].getBoundingClientRect().width - bodyDom.getBoundingClientRect().width;\n    if (scrollToLeft && scrollToRight) {\n      scrollPosition.value = 'both';\n    } else if (scrollToLeft) {\n      scrollPosition.value = 'left';\n    } else if (scrollToRight) {\n      scrollPosition.value = 'right';\n    } else {\n      scrollPosition.value = 'middle';\n    }\n  };\n  const handleResize = () => {\n    syncColumnsWidth();\n\n    if (isColumnFixed.value) {\n      syncHeightTimer = setTimeout(() => {\n        // syncFixedTableRowHeight();\n        setScrollPositionClass();\n      }, 0);\n    }\n    setTimeout(() => {\n      (tableRefs.bodyTable as any).update();\n    }, 0);\n  };\n\n  const setResizeWidth = (column: InnerColumn, width: number) => {\n    const columns = getLeafColumns(updatedColumns.value);\n    const _column = columns.find((c) => c === column || getColumnKey(c) === getColumnKey(column));\n    if (_column) {\n      _column.width = width;\n    }\n    resizeColumns.value = columns;\n  };\n  const isScrollX = computed(() => {\n    const { table } = tableRefs;\n    if (table) {\n      const wrapWidth = props.border ? table.offsetWidth - 1 : table.offsetWidth;\n      return tableWidth.value && tableWidth.value > wrapWidth;\n    }\n    return false;\n  });\n\n  const resetScrollX = () => {\n    const { bodyTable, headTable } = tableRefs;\n    if (bodyTable) {\n      (bodyTable as any).setScrollLeft(0);\n    }\n    if (headTable) {\n      (headTable as any).setScrollLeft(0);\n    }\n  };\n  const clearResizeTimer = () => {\n    if (syncHeightTimer) {\n      clearTimeout(syncHeightTimer);\n      syncHeightTimer = null;\n    }\n  };\n  return {\n    // sizesMap,\n    tableWidth,\n    isScrollX,\n    scrollPosition,\n    resizeColumns,\n    handleResize,\n    setScrollPositionClass,\n    resetScrollX,\n    clearResizeTimer,\n    setResizeWidth\n  };\n}\n"],"names":[],"mappings":";;;SAMgB,SAAS,OAAwB,YAAoB;AACnE,MAAI,SAAS;AACb,MAAI,OAAO,UAAU,UAAU;AAC7B,aAAS;AAAA,aACA,UAAU,KAAK,KAAK,GAAG;AAChC,aAAS,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC;AAAA,aAC9B,YAAY,KAAK,KAAK,GAAG;AAClC,UAAM,UAAU,OAAO,MAAM,QAAQ,KAAK,EAAE,CAAC;AAC7C,QAAI,CAAC,OAAO,MAAM,OAAO,GAAG;AAC1B,eAAS,KAAK,MAAO,UAAU,MAAO,UAAU;AAAA;AAClD;AAEF,SAAO;AACT;SACwB,eACtB,gBACA,WACA,WACA,eACA,OACA;AACA,QAAM,aAAa,IAAwB,MAAS;AACpD,QAAM,gBAAgB,WAA0B,EAAE;AAElD,QAAM,mBAAmB,MAAM;AAC7B,UAAM,EAAE,cAAc;AACtB,QAAI,CAAC,aAAc,UAAkB,eAAe,QAAW;AAC7D;AAAA;AAGF,UAAM,YAAa,UAAkB;AAErC,UAAM,UAAU,eAAe,eAAe,KAAK;AAEnD,UAAM,aAAa,QAAQ,OAAO,CAAC,KAAK,QAAK;AAxCjD;AAwCoD,mBAAM,UAAS,SAAI,UAAJ,YAAa,IAAI,UAAU,SAAS;AAAA,OAAG,CAAC;AACvG,QAAI,aAAa,WAAW;AAC1B,iBAAW,QAAQ;AAAA,WACd;AACL,iBAAW,QAAQ;AAAA;AACrB;AAGF,MAAI,kBAAuB;AAC3B,QAAM,iBAAiB,IAAI,MAAM;AAEjC,QAAM,yBAAyB,MAAM;AACnC,UAAM,EAAE,cAAc;AACtB,UAAM,UAAW,UAAkB;AACnC,QAAI,CAAC,SAAS;AACZ;AAAA;AAGF,UAAM,eAAe,QAAQ,eAAe;AAC5C,UAAM,gBAAgB,QAAQ,aAAa,KAAK,QAAQ,SAAS,GAAG,wBAAwB,QAAQ,QAAQ,wBAAwB;AACpI,QAAI,gBAAgB,eAAe;AACjC,qBAAe,QAAQ;AAAA,eACd,cAAc;AACvB,qBAAe,QAAQ;AAAA,eACd,eAAe;AACxB,qBAAe,QAAQ;AAAA,WAClB;AACL,qBAAe,QAAQ;AAAA;AACzB;AAEF,QAAM,eAAe,MAAM;AACzB;AAEA,QAAI,cAAc,OAAO;AACvB,wBAAkB,WAAW,MAAM;AAEjC;AAAuB,SACtB,CAAC;AAAA;AAEN,eAAW,MAAM;AACf,MAAC,UAAU,UAAkB;AAAO,OACnC,CAAC;AAAA;AAGN,QAAM,iBAAiB,CAAC,QAAqB,UAAkB;AAC7D,UAAM,UAAU,eAAe,eAAe,KAAK;AACnD,UAAM,UAAU,QAAQ,KAAK,CAAC,MAAM,MAAM,UAAU,aAAa,CAAC,MAAM,aAAa,MAAM,CAAC;AAC5F,QAAI,SAAS;AACX,cAAQ,QAAQ;AAAA;AAElB,kBAAc,QAAQ;AAAA;AAExB,QAAM,YAAY,SAAS,MAAM;AAC/B,UAAM,EAAE,UAAU;AAClB,QAAI,OAAO;AACT,YAAM,YAAY,MAAM,SAAS,MAAM,cAAc,IAAI,MAAM;AAC/D,aAAO,WAAW,SAAS,WAAW,QAAQ;AAAA;AAEhD,WAAO;AAAA,GACR;AAED,QAAM,eAAe,MAAM;AACzB,UAAM,EAAE,WAAW,cAAc;AACjC,QAAI,WAAW;AACb,MAAC,UAAkB,cAAc,CAAC;AAAA;AAEpC,QAAI,WAAW;AACb,MAAC,UAAkB,cAAc,CAAC;AAAA;AACpC;AAEF,QAAM,mBAAmB,MAAM;AAC7B,QAAI,iBAAiB;AACnB,mBAAa,eAAe;AAC5B,wBAAkB;AAAA;AACpB;AAEF,SAAO;AAAA,IAEL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEJ;;;;"}

package/es/components/Table/tableUnits/ColGroup.mjs

@@ -12,19 +12,22 @@ const _sfc_main = defineComponent({
   },
   setup(props) {
     const {
-      size: { sizesMap }
+      size: { resizeColumns }
     } = inject("tableContext", {});
     const cols = computed(() => {
       let rst = [];
       rst = rst.concat(
         getLeafColumns(props.columns).map((col) => {
+          var _a;
           const { fixed } = col;
           const colKey = getColumnKey(col);
-          const w = sizesMap[colKey] ? `${sizesMap[colKey]}px` : "";
+          const resizeWidth = (_a = resizeColumns.value.find((x) => x.key === colKey)) == null ? void 0 : _a.width;
           return {
-            width: w,
+            width: typeof col.width === "number" ? `${col.width}px` : col.width,
+            minWidth: typeof col.minWidth === "number" ? `${col.minWidth}px` : col.minWidth,
             key: colKey,
-            fixed: !!fixed
+            fixed: !!fixed,
+            resizeWidth: resizeWidth ? `${resizeWidth}px` : void 0
           };
         })
       );
@@ -40,12 +43,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.cols, (col) => {
       return openBlock(), createElementBlock("col", {
         key: col.key,
-        style: normalizeStyle({ width: col.width, maxWidth: col.fixed ? col.width : "" })
+        style: normalizeStyle({ width: col.resizeWidth ? col.resizeWidth : col.width, minWidth: col.minWidth, maxWidth: col.fixed ? col.width : "" })
       }, null, 4);
     }), 128))
   ]);
 }
-var ColGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/ColGroup.vue"]]);
+var ColGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\ColGroup.vue"]]);
 
 export { ColGroup as default };
 //# sourceMappingURL=ColGroup.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColGroup.mjs","sources":["../../../../../src/components/Table/tableUnits/ColGroup.vue"],"sourcesContent":["<template>\n  <colgroup>\n    <col v-for=\"col in cols\" :key=\"col.key\" :style=\"{ width: col.width, maxWidth: col.fixed ? col.width : '' }\" />\n  </colgroup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, inject } from 'vue';\nimport type { PropType } from 'vue';\nimport type { TableColProps, InnerColumn, TableContext } from '../Table.type';\nimport { getLeafColumns, getColumnKey } from '../utils';\n\nexport default defineComponent({\n  name: 'TableColGroup',\n  props: {\n    columns: {\n      type: Array as PropType<InnerColumn[]>,\n      default: () => [] as InnerColumn[]\n    }\n  },\n  setup(props) {\n    const {\n      size: { sizesMap }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n    const cols = computed(() => {\n      let rst: TableColProps[] = [];\n      rst = rst.concat(\n        getLeafColumns(props.columns).map((col) => {\n          const { fixed } = col;\n          const colKey = getColumnKey(col);\n          const w = sizesMap[colKey] ? `${sizesMap[colKey]}px` : '';\n          return {\n            width: w,\n            key: colKey,\n            fixed: !!fixed\n          };\n        })\n      );\n      return rst;\n    });\n    return {\n      cols\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_Fragment","_normalizeStyle"],"mappings":";;;;AAYA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AAAC;AAClB;AACF,EACA,MAAM,OAAO;UACL;AAAA,MACJ,MAAM,EAAE;AAAS,QACf,OAAqB,gBAAgB,EAAkB;UACrD,OAAO,SAAS,MAAM;UACtB,MAAuB;YACrB,IAAI;AAAA,QACR,eAAe,MAAM,OAAO,EAAE,IAAI,CAAC,QAAQ;gBACnC,EAAE,UAAU;gBACZ,SAAS,aAAa,GAAG;gBACzB,IAAI,SAAS,UAAU,GAAG,SAAS,cAAc;iBAChD;AAAA,YACL,OAAO;AAAA,YACP,KAAK;AAAA,YACL,OAAO,CAAC,CAAC;AAAA;AACX,SACD;AAAA;aAEI;AAAA,KACR;WACM;AAAA,MACL;AAAA;AACF;AAEJ,CAAC;;sBA3CCA,mBAEW;sBADTA,mBAA8GC,2BAA3F,WAAI,CAAX,QAAG;0BAAfD,mBAA8G;QAApF,KAAK,IAAI;AAAA,QAAM,OAAKE,wBAAW,IAAI,OAAK,UAAY,IAAI,QAAQ,IAAI,QAAK;;;;;;;;;"}
+{"version":3,"file":"ColGroup.mjs","sources":["../../../../../src/components/Table/tableUnits/ColGroup.vue"],"sourcesContent":["<template>\n  <colgroup>\n    <col\n      v-for=\"col in cols\"\n      :key=\"col.key\"\n      :style=\"{ width: col.resizeWidth ? col.resizeWidth : col.width, minWidth: col.minWidth, maxWidth: col.fixed ? col.width : '' }\"\n    />\n  </colgroup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, inject } from 'vue';\nimport type { PropType } from 'vue';\nimport type { TableColProps, InnerColumn, TableContext } from '../Table.type';\nimport { getColumnKey, getLeafColumns } from '../utils';\n\nexport default defineComponent({\n  name: 'TableColGroup',\n  props: {\n    columns: {\n      type: Array as PropType<InnerColumn[]>,\n      default: () => [] as InnerColumn[]\n    }\n  },\n  setup(props) {\n    const {\n      size: { resizeColumns }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const cols = computed(() => {\n      let rst: TableColProps[] = [];\n      rst = rst.concat(\n        getLeafColumns(props.columns).map((col) => {\n          const { fixed } = col;\n          const colKey = getColumnKey(col);\n          const resizeWidth = resizeColumns.value.find((x) => x.key === colKey)?.width;\n          return {\n            width: typeof col.width === 'number' ? `${col.width}px` : col.width,\n            minWidth: typeof col.minWidth === 'number' ? `${col.minWidth}px` : col.minWidth,\n            key: colKey,\n            fixed: !!fixed,\n            resizeWidth: resizeWidth ? `${resizeWidth}px` : undefined\n          } as any;\n        })\n      );\n      return rst;\n    });\n    return {\n      cols\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_Fragment","_normalizeStyle"],"mappings":";;;;AAgBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AAAC;AAClB;AACF,EACA,MAAM,OAAO;UACL;AAAA,MACJ,MAAM,EAAE;AAAc,QACpB,OAAqB,gBAAgB,EAAkB;UAErD,OAAO,SAAS,MAAM;UACtB,MAAuB;YACrB,IAAI;AAAA,QACR,eAAe,MAAM,OAAO,EAAE,IAAI,CAAC,QAAQ;AArBnD;gBAsBgB,EAAE,UAAU;gBACZ,SAAS,aAAa,GAAG;gBACzB,eAAc,mBAAc,MAAM,KAAK,CAAC,MAAM,EAAE,QAAQ,MAAM,MAAhD,mBAAmD;iBAChE;AAAA,YACL,OAAO,OAAO,IAAI,UAAU,WAAW,GAAG,IAAI,YAAY,IAAI;AAAA,YAC9D,UAAU,OAAO,IAAI,aAAa,WAAW,GAAG,IAAI,eAAe,IAAI;AAAA,YACvE,KAAK;AAAA,YACL,OAAO,CAAC,CAAC;AAAA,YACT,aAAa,cAAc,GAAG,kBAAkB;AAAA;AAClD,SACD;AAAA;aAEI;AAAA,KACR;WACM;AAAA,MACL;AAAA;AACF;AAEJ,CAAC;;sBAlDCA,mBAMW;sBALTA,mBAIEC,2BAHc,WAAI,CAAX,QAAG;0BADZD,mBAIE;QAFC,KAAK,IAAI;AAAA,QACT,OAAKE,wBAAW,IAAI,cAAc,IAAI,cAAc,IAAI,OAAK,UAAY,IAAI,UAAQ,UAAY,IAAI,QAAQ,IAAI,QAAK;;;;;;;;;"}

package/es/components/Table/tableUnits/DraggableIcon.mjs

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

package/es/components/Table/tableUnits/ExpandIcon.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, createCommentVNode, resolveDynamicComponent } from 'vue';
 import { UIcon } from '../../Icon/index.mjs';
-import { LoaderCircle, ChevronRight } from 'lucide-vue-next';
+import { LoaderCircle } from 'lucide-vue-next';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
 const _sfc_main = defineComponent({
@@ -20,7 +20,7 @@ const _sfc_main = defineComponent({
     },
     expandIcon: {
       type: [String, Object, Function],
-      default: () => ChevronRight
+      default: void 0
     },
     needIndentSpaced: {
       type: Boolean,
@@ -91,7 +91,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/ExpandIcon.vue"]]);
+var ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\ExpandIcon.vue"]]);
 
 export { ExpandIcon as default };
 //# sourceMappingURL=ExpandIcon.mjs.map