@koi-design/uxd-ui 14.0.21 → 14.0.23

package/es/components/Scrollbar/utils.d.ts

@@ -1,5 +1,4 @@
 import type { CSSProperties } from 'vue';
-import type { ThumbProps } from './Scrollbar.type';
 export declare const BAR_MAP: {
     readonly vertical: {
         readonly offset: "offsetHeight";
@@ -22,6 +21,9 @@ export declare const BAR_MAP: {
         readonly direction: "left";
     };
 };
-export declare const renderThumbStyle: ({ move, size, bar }: Pick<ThumbProps, "size" | "move"> & {
+export declare const renderThumbStyle: ({ move, size, bar, zIndex }: {
+    move: number;
+    size: string;
     bar: (typeof BAR_MAP)[keyof typeof BAR_MAP];
+    zIndex: number;
 }) => CSSProperties;

package/es/components/Scrollbar/utils.mjs

@@ -23,10 +23,12 @@ const BAR_MAP = {
 const renderThumbStyle = ({
   move,
   size,
-  bar
+  bar,
+  zIndex
 }) => ({
   [bar.size]: size,
-  transform: `translate${bar.axis}(${move}%)`
+  transform: `translate${bar.axis}(${move}%)`,
+  zIndex
 });
 
 export { BAR_MAP, renderThumbStyle };

package/es/components/Scrollbar/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Scrollbar/utils.ts"],"sourcesContent":["import type { CSSProperties } from 'vue';\nimport type { ThumbProps } from './Scrollbar.type';\n\nexport const BAR_MAP = {\n  vertical: {\n    offset: 'offsetHeight',\n    scroll: 'scrollTop',\n    scrollSize: 'scrollHeight',\n    size: 'height',\n    key: 'vertical',\n    axis: 'Y',\n    client: 'clientY',\n    direction: 'top'\n  },\n  horizontal: {\n    offset: 'offsetWidth',\n    scroll: 'scrollLeft',\n    scrollSize: 'scrollWidth',\n    size: 'width',\n    key: 'horizontal',\n    axis: 'X',\n    client: 'clientX',\n    direction: 'left'\n  }\n} as const;\n\nexport const renderThumbStyle = ({\n  move,\n  size,\n  bar\n}: Pick<ThumbProps, 'move' | 'size'> & {\n  bar: (typeof BAR_MAP)[keyof typeof BAR_MAP];\n}): CSSProperties => ({\n  [bar.size]: size,\n  transform: `translate${bar.axis}(${move}%)`\n});\n"],"names":[],"mappings":"MAGa,UAAU;AAAA,EACrB,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA;AACb,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA;AAEf;MAEa,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,OAEsB;AAAA,EACpB,CAAC,IAAI,OAAO;AAAA,EACZ,WAAW,YAAY,IAAI,QAAQ;AACrC;;;;"}
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Scrollbar/utils.ts"],"sourcesContent":["import type { CSSProperties } from 'vue';\n\nexport const BAR_MAP = {\n  vertical: {\n    offset: 'offsetHeight',\n    scroll: 'scrollTop',\n    scrollSize: 'scrollHeight',\n    size: 'height',\n    key: 'vertical',\n    axis: 'Y',\n    client: 'clientY',\n    direction: 'top'\n  },\n  horizontal: {\n    offset: 'offsetWidth',\n    scroll: 'scrollLeft',\n    scrollSize: 'scrollWidth',\n    size: 'width',\n    key: 'horizontal',\n    axis: 'X',\n    client: 'clientX',\n    direction: 'left'\n  }\n} as const;\n\nexport const renderThumbStyle = ({\n  move,\n  size,\n  bar,\n  zIndex\n}: {\n  move: number;\n  size: string;\n  bar: (typeof BAR_MAP)[keyof typeof BAR_MAP];\n  zIndex: number;\n}): CSSProperties => ({\n  [bar.size]: size,\n  transform: `translate${bar.axis}(${move}%)`,\n  zIndex\n});\n"],"names":[],"mappings":"MAEa,UAAU;AAAA,EACrB,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA;AACb,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA;AAEf;MAEa,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAKsB;AAAA,EACpB,CAAC,IAAI,OAAO;AAAA,EACZ,WAAW,YAAY,IAAI,QAAQ;AAAA,EACnC;AACF;;;;"}

package/es/components/Select/DropdownMenu.vue.d.ts

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     width: {
-        type: PropType<number | "container" | "auto">;
+        type: PropType<number | "auto" | "container">;
         default: string;
     };
     direction: {
@@ -76,9 +76,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSelectValue: (item: InnerSelectOption) => void;
     onKeydown: (e: KeyboardEvent) => void;
     scrollTop: (index: number) => void;
-    getRender: (children: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | import("vue").VNodeChild) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    getRender: (children: import("vue").VNode | import("vue").VNodeChild | string | number) => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
     setActive: (index: number, fromKeyboard?: boolean) => void;
@@ -88,7 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onScrollAtTop: () => void;
     onScrollAtBottom: () => void;
     handleSelectAllChange: (status: boolean) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll-at-top" | "scroll-at-bottom" | "select" | "active-value" | "close" | "create-submit")[], "close" | "select" | "scroll-at-top" | "scroll-at-bottom" | "active-value" | "create-submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "select" | "scroll-at-top" | "scroll-at-bottom" | "active-value" | "create-submit")[], "close" | "select" | "scroll-at-top" | "scroll-at-bottom" | "active-value" | "create-submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     prefixCls: {
         type: StringConstructor;
     };
@@ -140,7 +138,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     width: {
-        type: PropType<number | "container" | "auto">;
+        type: PropType<number | "auto" | "container">;
         default: string;
     };
     direction: {
@@ -222,8 +220,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -275,8 +273,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -321,8 +319,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -374,8 +372,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -470,9 +468,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             ListItem: {
                 ({ itemRef }: import("../VirtualList/VirtualList.type").ListItemProps, { slots }: {
-                    slots: Readonly<{
-                        [name: string]: import("vue").Slot<any>;
-                    }>;
+                    slots: import("vue").Slots;
                 }): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>;
@@ -505,8 +501,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -606,8 +602,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -659,8 +655,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -705,8 +701,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -758,8 +754,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 state: {
                     dragging: boolean;
-                    pageY: number;
-                    startTop: number;
+                    pageY: number | null;
+                    startTop: number | null;
                     visible: boolean;
                     mouseOver: boolean;
                 };
@@ -851,8 +847,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             state: {
                 dragging: boolean;
-                pageY: number;
-                startTop: number;
+                pageY: number | null;
+                startTop: number | null;
                 visible: boolean;
                 mouseOver: boolean;
             };
@@ -904,8 +900,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             state: {
                 dragging: boolean;
-                pageY: number;
-                startTop: number;
+                pageY: number | null;
+                startTop: number | null;
                 visible: boolean;
                 mouseOver: boolean;
             };
@@ -950,8 +946,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             state: {
                 dragging: boolean;
-                pageY: number;
-                startTop: number;
+                pageY: number | null;
+                startTop: number | null;
                 visible: boolean;
                 mouseOver: boolean;
             };
@@ -1003,8 +999,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             state: {
                 dragging: boolean;
-                pageY: number;
-                startTop: number;
+                pageY: number | null;
+                startTop: number | null;
                 visible: boolean;
                 mouseOver: boolean;
             };
@@ -1099,9 +1095,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         ListItem: {
             ({ itemRef }: import("../VirtualList/VirtualList.type").ListItemProps, { slots }: {
-                slots: Readonly<{
-                    [name: string]: import("vue").Slot<any>;
-                }>;
+                slots: import("vue").Slots;
             }): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>;
@@ -1134,8 +1128,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             state: {
                 dragging: boolean;
-                pageY: number;
-                startTop: number;
+                pageY: number | null;
+                startTop: number | null;
                 visible: boolean;
                 mouseOver: boolean;
             };
@@ -1178,7 +1172,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             scrollHeight: number;
             count: number;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
     Render: {
         (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
         props: {
@@ -1201,7 +1195,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
             };
             icon: {
-                type: PropType<import("../..").IconPropType>;
+                type: PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -1248,7 +1242,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
             };
             icon: {
-                type: PropType<import("../..").IconPropType>;
+                type: PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -1290,7 +1284,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: string;
         };
         icon: {
-            type: PropType<import("../..").IconPropType>;
+            type: PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
     }>> & Readonly<{
         onClick?: (ev: Event) => any;
@@ -1317,7 +1311,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
     Check: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     CornerDownLeft: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;