@sdata/web-vue 1.8.0 → 1.10.0

package/es/image/preview.vue.d.ts

@@ -224,6 +224,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -266,6 +267,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -303,6 +305,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -342,6 +345,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -384,6 +388,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -421,6 +426,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -694,10 +700,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                             };
                         }>> & Readonly<{
                             onResize?: (() => any) | undefined;
+                            onHide?: (() => any) | undefined;
                             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                             onShow?: (() => any) | undefined;
-                            onHide?: (() => any) | undefined;
                         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                             'update:popupVisible': (_visible: boolean) => true;
                             popupVisibleChange: (_visible: boolean) => true;
@@ -709,6 +715,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                             unmountOnClose: boolean;
                             renderToBody: boolean;
                             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                            animationName: string;
                             autoFitPosition: boolean;
                             popupVisible: boolean;
                             defaultPopupVisible: boolean;
@@ -720,7 +727,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                             blurToClose: boolean;
                             clickToClose: boolean;
                             clickOutsideToClose: boolean;
-                            animationName: string;
                             mouseEnterDelay: number;
                             mouseLeaveDelay: number;
                             focusDelay: number;
@@ -885,15 +891,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                             };
                         }>> & Readonly<{
                             onResize?: (() => any) | undefined;
+                            onHide?: (() => any) | undefined;
                             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                             onShow?: (() => any) | undefined;
-                            onHide?: (() => any) | undefined;
                         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                             disabled: boolean;
                             unmountOnClose: boolean;
                             renderToBody: boolean;
                             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                            animationName: string;
                             autoFitPosition: boolean;
                             popupVisible: boolean;
                             defaultPopupVisible: boolean;
@@ -905,7 +912,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                             blurToClose: boolean;
                             clickToClose: boolean;
                             clickOutsideToClose: boolean;
-                            animationName: string;
                             mouseEnterDelay: number;
                             mouseLeaveDelay: number;
                             focusDelay: number;
@@ -1067,10 +1073,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         };
                     }>> & Readonly<{
                         onResize?: (() => any) | undefined;
+                        onHide?: (() => any) | undefined;
                         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                         onShow?: (() => any) | undefined;
-                        onHide?: (() => any) | undefined;
                     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                         'update:popupVisible': (_visible: boolean) => true;
                         popupVisibleChange: (_visible: boolean) => true;
@@ -1082,6 +1088,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         unmountOnClose: boolean;
                         renderToBody: boolean;
                         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                        animationName: string;
                         autoFitPosition: boolean;
                         popupVisible: boolean;
                         defaultPopupVisible: boolean;
@@ -1093,7 +1100,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         blurToClose: boolean;
                         clickToClose: boolean;
                         clickOutsideToClose: boolean;
-                        animationName: string;
                         mouseEnterDelay: number;
                         mouseLeaveDelay: number;
                         focusDelay: number;
@@ -1384,10 +1390,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         };
                     }>> & Readonly<{
                         onResize?: (() => any) | undefined;
+                        onHide?: (() => any) | undefined;
                         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                         onShow?: (() => any) | undefined;
-                        onHide?: (() => any) | undefined;
                     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                         'update:popupVisible': (_visible: boolean) => true;
                         popupVisibleChange: (_visible: boolean) => true;
@@ -1399,6 +1405,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         unmountOnClose: boolean;
                         renderToBody: boolean;
                         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                        animationName: string;
                         autoFitPosition: boolean;
                         popupVisible: boolean;
                         defaultPopupVisible: boolean;
@@ -1410,7 +1417,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         blurToClose: boolean;
                         clickToClose: boolean;
                         clickOutsideToClose: boolean;
-                        animationName: string;
                         mouseEnterDelay: number;
                         mouseLeaveDelay: number;
                         focusDelay: number;
@@ -1575,15 +1581,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         };
                     }>> & Readonly<{
                         onResize?: (() => any) | undefined;
+                        onHide?: (() => any) | undefined;
                         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                         onShow?: (() => any) | undefined;
-                        onHide?: (() => any) | undefined;
                     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                         disabled: boolean;
                         unmountOnClose: boolean;
                         renderToBody: boolean;
                         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                        animationName: string;
                         autoFitPosition: boolean;
                         popupVisible: boolean;
                         defaultPopupVisible: boolean;
@@ -1595,7 +1602,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                         blurToClose: boolean;
                         clickToClose: boolean;
                         clickOutsideToClose: boolean;
-                        animationName: string;
                         mouseEnterDelay: number;
                         mouseLeaveDelay: number;
                         focusDelay: number;
@@ -1757,10 +1763,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     };
                 }>> & Readonly<{
                     onResize?: (() => any) | undefined;
+                    onHide?: (() => any) | undefined;
                     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                     onShow?: (() => any) | undefined;
-                    onHide?: (() => any) | undefined;
                 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:popupVisible': (_visible: boolean) => true;
                     popupVisibleChange: (_visible: boolean) => true;
@@ -1772,6 +1778,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     unmountOnClose: boolean;
                     renderToBody: boolean;
                     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                    animationName: string;
                     autoFitPosition: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
@@ -1783,7 +1790,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     blurToClose: boolean;
                     clickToClose: boolean;
                     clickOutsideToClose: boolean;
-                    animationName: string;
                     mouseEnterDelay: number;
                     mouseLeaveDelay: number;
                     focusDelay: number;
@@ -1832,6 +1838,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -1874,6 +1881,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -1911,6 +1919,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -1950,6 +1959,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -1992,6 +2002,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -2029,6 +2040,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/index.css

@@ -1,5 +1,6 @@
 @charset "UTF-8";
 /*! Tailwind CSS v4 preflight baseline scoped to SD Design layer */
+@import url("vue-virtual-scroller/dist/vue-virtual-scroller.css");
 /******** borderSize *******/
 /******** borderStyle *******/
 /******** radius *******/
@@ -228,7 +229,7 @@
 }
 .sd-icon-hover {
   position: relative;
-  display: inline-block;
+  display: block;
   cursor: pointer;
 }
 .sd-icon-hover .sd-icon {
@@ -2012,6 +2013,7 @@ body {
 }
 .sd-select-view-multiple .sd-select-view-inner {
   flex: 1;
+  min-width: 0;
   overflow: hidden;
   line-height: 0;
 }
@@ -2019,9 +2021,16 @@ body {
   display: flex;
   flex-wrap: wrap;
 }
+.sd-select-view-multiple .sd-select-view-inner.sd-select-view-inner-responsive {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag {
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
+  min-width: 0;
   margin-right: 4px;
   color: var(--color-text-1);
   font-size: 12px;
@@ -2039,6 +2048,19 @@ body {
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
   background-color: rgba(255, 255, 255, 0.2);
 }
+.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow {
+  flex-shrink: 1;
+  white-space: nowrap;
+  word-break: normal;
+}
+.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow .sd-tag-text {
+  max-width: 100%;
+}
+.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-counter {
+  flex-shrink: 0;
+  white-space: nowrap;
+  word-break: normal;
+}
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
   width: 100%;
   padding-right: 0;
@@ -2065,6 +2087,9 @@ body {
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
   box-sizing: border-box;
 }
+.sd-select-view-inner-responsive .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
+  flex: 0 0 auto;
+}
 .sd-select-view-multiple .sd-select-view-mirror {
   position: absolute;
   top: 0;
@@ -2073,6 +2098,27 @@ body {
   visibility: hidden;
   pointer-events: none;
 }
+.sd-select-view-multiple .sd-select-view-resize-observer {
+  position: absolute;
+  inset: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.sd-select-view-multiple .sd-select-view-measure {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-flex;
+  white-space: nowrap;
+  visibility: hidden;
+  pointer-events: none;
+}
+.sd-select-view-multiple .sd-select-view-tag-ellipsis {
+  display: block;
+  min-width: 0;
+  max-width: 100%;
+  vertical-align: bottom;
+}
 .sd-select-view-multiple.sd-select-view-focus .sd-select-view-tag {
   background-color: var(--color-fill-2);
   border-color: var(--color-fill-2);
@@ -3155,6 +3201,11 @@ body {
   padding-left: 10px;
   overflow: auto;
 }
+.sd-tree-select-popup .sd-tree-select-tree-wrapper.sd-tree-select-tree-wrapper-virtual {
+  height: auto;
+  max-height: none;
+  overflow: hidden;
+}
 .sd-tree-select-popup .sd-tree-node {
   padding-left: 0;
 }
@@ -7262,95 +7313,52 @@ body {
 
 .sd-scrollbar {
   position: relative;
-}
-.sd-scrollbar-container {
-  position: relative;
-  scrollbar-width: none;
-}
-.sd-scrollbar-container::-webkit-scrollbar {
-  display: none;
-}
-.sd-scrollbar-track {
-  position: absolute;
-  z-index: 100;
-}
-.sd-scrollbar-track-direction-horizontal {
-  bottom: 0;
-  left: 0;
-  box-sizing: border-box;
-  width: 100%;
-  height: 15px;
-}
-.sd-scrollbar-track-direction-vertical {
-  top: 0;
-  right: 0;
-  box-sizing: border-box;
-  width: 15px;
-  height: 100%;
-}
-.sd-scrollbar-thumb {
-  position: absolute;
-  display: block;
-  box-sizing: border-box;
-}
-.sd-scrollbar-thumb-bar {
   width: 100%;
   height: 100%;
-  background-color: var(--color-neutral-4);
-  border-radius: 6px;
-}
-.sd-scrollbar-thumb:hover .sd-scrollbar-thumb-bar, .sd-scrollbar-thumb-dragging .sd-scrollbar-thumb-bar {
-  background-color: var(--color-neutral-6);
-}
-.sd-scrollbar-thumb-direction-horizontal .sd-scrollbar-thumb-bar {
-  height: 9px;
-  margin: 3px 0;
-}
-.sd-scrollbar-thumb-direction-vertical .sd-scrollbar-thumb-bar {
-  width: 9px;
-  margin: 0 3px;
 }
-.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-thumb {
-  opacity: 0;
-}
-.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-thumb-dragging {
-  opacity: 0.8;
-}
-.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-thumb {
-  transition: opacity ease 200ms;
-}
-.sd-scrollbar.sd-scrollbar-type-embed:hover .sd-scrollbar-thumb {
-  opacity: 0.8;
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-track {
-  background-color: var(--color-neutral-1);
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-track-direction-horizontal {
-  border-top: 1px solid var(--color-neutral-3);
-  border-bottom: 1px solid var(--color-neutral-3);
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-track-direction-vertical {
-  border-right: 1px solid var(--color-neutral-3);
-  border-left: 1px solid var(--color-neutral-3);
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-thumb-direction-horizontal {
-  margin: -1px 0;
-}
-.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-thumb-direction-vertical {
-  margin: 0 -1px;
-}
-.sd-scrollbar.sd-scrollbar-type-track.sd-scrollbar-both .sd-scrollbar-track-direction-vertical::after {
-  position: absolute;
-  right: -1px;
-  bottom: 0;
-  display: block;
-  box-sizing: border-box;
-  width: 15px;
-  height: 15px;
-  background-color: var(--color-neutral-1);
-  border-right: 1px solid var(--color-neutral-3);
-  border-bottom: 1px solid var(--color-neutral-3);
-  content: "";
+.sd-scrollbar-container {
+  min-width: 100%;
+  min-height: 100%;
+}
+.sd-scrollbar .os-scrollbar {
+  --os-size: 6px;
+  --os-handle-bg: var(--color-neutral-4);
+  --os-handle-bg-hover: var(--color-neutral-5);
+  --os-handle-bg-active: var(--color-neutral-6);
+  --os-track-bg: transparent;
+  --os-track-bg-hover: transparent;
+  --os-track-bg-active: transparent;
+  --os-padding-axis: 0;
+  --os-padding-perpendicular: 0;
+  --os-handle-border-radius: 6px;
+}
+.sd-scrollbar .os-scrollbar-handle {
+  transition: background-color 0.16s ease, opacity 0.16s ease;
+}
+.sd-scrollbar .sd-scrollbar-theme-embed {
+  --os-handle-perpendicular-size: 6px;
+  --os-handle-perpendicular-size-hover: 6px;
+  --os-handle-perpendicular-size-active: 6px;
+  --os-handle-interactive-area-offset: 0;
+}
+.sd-scrollbar .sd-scrollbar-theme-track {
+  --os-size: 6px;
+  --os-track-bg: var(--color-neutral-1);
+  --os-track-bg-hover: var(--color-neutral-1);
+  --os-track-bg-active: var(--color-neutral-1);
+  --os-track-border: 1px solid var(--color-neutral-3);
+  --os-handle-perpendicular-size: 6px;
+  --os-padding-axis: -1px;
+}
+.sd-scrollbar.sd-scrollbar-type-embed .sd-scrollbar-theme-embed {
+  --os-handle-bg: var(--color-neutral-4);
+  --os-handle-bg-hover: var(--color-neutral-5);
+  --os-handle-bg-active: var(--color-neutral-6);
+}
+.sd-scrollbar.sd-scrollbar-type-track .sd-scrollbar-theme-track {
+  --os-handle-bg: var(--color-neutral-4);
+  --os-handle-bg-hover: var(--color-neutral-5);
+  --os-handle-bg-active: var(--color-neutral-6);
 }
 
 .sd-result {
@@ -10160,6 +10168,7 @@ body {
 }
 .sd-input-tag .sd-input-tag-inner {
   flex: 1;
+  min-width: 0;
   overflow: hidden;
   line-height: 0;
 }
@@ -10167,9 +10176,16 @@ body {
   display: flex;
   flex-wrap: wrap;
 }
+.sd-input-tag .sd-input-tag-inner.sd-input-tag-inner-responsive {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag {
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
+  min-width: 0;
   margin-right: 4px;
   color: var(--color-text-1);
   font-size: 12px;
@@ -10187,6 +10203,19 @@ body {
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
   background-color: rgba(255, 255, 255, 0.2);
 }
+.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow {
+  flex-shrink: 1;
+  white-space: nowrap;
+  word-break: normal;
+}
+.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow .sd-tag-text {
+  max-width: 100%;
+}
+.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-counter {
+  flex-shrink: 0;
+  white-space: nowrap;
+  word-break: normal;
+}
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-input {
   width: 100%;
   padding-right: 0;
@@ -10213,6 +10242,9 @@ body {
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-input {
   box-sizing: border-box;
 }
+.sd-input-tag-inner-responsive .sd-input-tag .sd-input-tag-inner .sd-input-tag-input {
+  flex: 0 0 auto;
+}
 .sd-input-tag .sd-input-tag-mirror {
   position: absolute;
   top: 0;
@@ -10221,6 +10253,27 @@ body {
   visibility: hidden;
   pointer-events: none;
 }
+.sd-input-tag .sd-input-tag-resize-observer {
+  position: absolute;
+  inset: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.sd-input-tag .sd-input-tag-measure {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-flex;
+  white-space: nowrap;
+  visibility: hidden;
+  pointer-events: none;
+}
+.sd-input-tag .sd-input-tag-tag-ellipsis {
+  display: block;
+  min-width: 0;
+  max-width: 100%;
+  vertical-align: bottom;
+}
 .sd-input-tag.sd-input-tag-focus .sd-input-tag-tag {
   background-color: var(--color-fill-2);
   border-color: var(--color-fill-2);
@@ -15288,8 +15341,10 @@ body {
 }
 .sd-cascader-list-multiple .sd-cascader-option-label, .sd-cascader-list-strictly .sd-cascader-option-label {
   padding-left: 0;
+  text-align: start;
 }
 .sd-cascader-list-multiple .sd-cascader-option, .sd-cascader-list-strictly .sd-cascader-option {
+  width: 100%;
   padding-left: 12px;
 }
 .sd-cascader-list-multiple .sd-cascader-option .sd-checkbox,
@@ -15367,6 +15422,9 @@ body {
 .sd-cascader-option-disabled .sd-icon-check, .sd-cascader-option-disabled:hover .sd-icon-check, .sd-cascader-search-option-disabled .sd-icon-check, .sd-cascader-search-option-disabled:hover .sd-icon-check {
   color: var(--color-primary-light-3);
 }
+.sd-cascader-option {
+  width: 100%;
+}
 .sd-cascader-option-active {
   color: var(--color-text-1);
   background-color: var(--color-fill-2);

package/es/index.d.ts

@@ -100,7 +100,7 @@ export type { ResizeBoxInstance } from './resize-box';
 export { default as Result } from './result';
 export type { ResultInstance } from './result';
 export { default as Scrollbar } from './scrollbar';
-export type { ScrollbarInstance, ScrollbarProps } from './scrollbar';
+export type { ScrollbarElements, ScrollbarEventListener, ScrollbarEventListenerArgs, ScrollbarEventListeners, ScrollbarExpose, ScrollbarInstance, ScrollbarOptions, ScrollbarOptionsResolved, ScrollbarPlugin, ScrollbarProps, ScrollbarReadonlyOptions, ScrollbarState, ScrollbarType, ScrollbarUpdatedEvent, } from './scrollbar';
 export { default as Select, Optgroup, Option } from './select';
 export type { FilterOption, SelectFieldNames, SelectInstance, SelectOptGroupInstance, SelectOption, SelectOptionData, SelectOptionGroup, SelectOptionInstance, SelectProps, } from './select';
 export { default as Skeleton, SkeletonLine, SkeletonShape } from './skeleton';

package/es/index.js

@@ -33,6 +33,8 @@ import Breadcrumb from "./breadcrumb/index.js";
 import radio_group_default from "./radio/radio-group.js";
 import Radio from "./radio/index.js";
 import optgroup_default from "./select/optgroup.js";
+import Tooltip from "./tooltip/index.js";
+import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
 import Tag from "./tag/index.js";
 import InputTag from "./input-tag/index.js";
 import Select from "./select/index.js";
@@ -61,8 +63,6 @@ import descriptions_item_default from "./descriptions/descriptions-item.js";
 import Descriptions from "./descriptions/index.js";
 import Divider from "./divider/index.js";
 import Drawer from "./drawer/index.js";
-import Tooltip from "./tooltip/index.js";
-import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
 import grid_col_default from "./grid/grid-col.js";
 import grid_item_default from "./grid/grid-item.js";
 import grid_row_default from "./grid/grid-row.js";
@@ -88,7 +88,7 @@ import Textarea from "./textarea/index.js";
 import Mention from "./mention/index.js";
 import item_default from "./menu/item.js";
 import item_group_default from "./menu/item-group.js";
-import SubMenu from "./menu/sub-menu.js";
+import sub_menu_default from "./menu/sub-menu.js";
 import Menu from "./menu/index.js";
 import Message from "./message/index.js";
 import Modal from "./modal/index.js";
@@ -134,4 +134,4 @@ import Upload from "./upload/index.js";
 import VerificationCode from "./verification-code/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, countdown_default as Countdown, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, optgroup_default as Optgroup, option_default as Option, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Select, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Tooltip, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, getLocale, useFormItem, useLocale };
+export { Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, countdown_default as Countdown, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, optgroup_default as Optgroup, option_default as Option, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Select, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Tooltip, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, getLocale, useFormItem, useLocale };

package/es/index.scss

@@ -4,6 +4,7 @@
 @use '@components/_components/picker/style/index.scss' as *;
 @use '@components/_components/input-label/style/index.scss' as *;
 @use '@components/_components/auto-tooltip/style/index.scss' as *;
+@use '@components/_components/virtual-list/style/index.scss' as *;
 @use '@components/verification-code/style/index.scss' as *;
 @use '@components/upload/style/index.scss' as *;
 @use '@components/typography/style/index.scss' as *;