@sdata/web-vue 3.3.0 → 3.4.0

package/es/index.css

@@ -670,7 +670,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 }
 @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 *******/
@@ -1980,7 +1979,7 @@ body {
   color: var(--sd-color-text-2);
 }
 .sd-tag-text {
-  min-width: 0;
+  min-width: 1em;
   max-width: 100%;
 }
 .sd-tag-ellipsis-line-clamp {
@@ -2709,21 +2708,18 @@ body {
   align-items: center;
   min-width: 0;
   margin-right: 4px;
-  color: var(--sd-color-text-1);
   font-size: 12px;
   white-space: pre-wrap;
   word-break: break-word;
 }
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
+  color: var(--sd-color-text-1);
   background-color: var(--sd-color-bg-2);
   border-color: var(--sd-color-fill-3);
 }
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag .sd-icon-hover:hover::before {
   background-color: var(--sd-color-fill-2);
 }
-.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-tag-custom-color {
-  color: var(--sd-color-white);
-}
 .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);
 }
@@ -6635,6 +6631,9 @@ body.sd-tour-active .sd-tour-popover * {
   width: 100%;
   min-height: 0;
 }
+.sd-table-container.sd-table-scroll-y {
+  flex: 1 1 auto;
+}
 .sd-table-container .sd-table-content {
   display: flex;
   flex-direction: column;
@@ -6933,7 +6932,7 @@ body.sd-tour-active .sd-tour-popover * {
   margin-bottom: 12px;
 }
 
-.sd-virtual-list > .sd-table-element {
+.sd-virtual-list > .sd-table-element, .sd-virtual-list > .sd-virtual-list-scroller > .sd-table-element {
   width: auto;
 }
 
@@ -11122,6 +11121,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-list-item-main {
   flex: 1;
+  overflow: hidden;
 }
 .sd-list-item-main .sd-list-item-action:not(:first-child) {
   margin-top: 4px;
@@ -11144,6 +11144,10 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-list-item-meta-title:not(:last-child) {
   margin-bottom: 2px;
 }
+.sd-list-item-meta-content {
+  flex-grow: 1;
+  overflow: hidden;
+}
 .sd-list-item-meta-description {
   color: var(--sd-color-text-2);
 }
@@ -11616,21 +11620,18 @@ body.sd-tour-active .sd-tour-popover * {
   align-items: center;
   min-width: 0;
   margin-right: 4px;
-  color: var(--sd-color-text-1);
   font-size: 12px;
   white-space: pre-wrap;
   word-break: break-word;
 }
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
+  color: var(--sd-color-text-1);
   background-color: var(--sd-color-bg-2);
   border-color: var(--sd-color-fill-3);
 }
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag .sd-icon-hover:hover::before {
   background-color: var(--sd-color-fill-2);
 }
-.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-tag-custom-color {
-  color: var(--sd-color-white);
-}
 .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);
 }
@@ -17016,9 +17017,12 @@ body.sd-tour-active .sd-tour-popover * {
   cursor: pointer;
 }
 .sd-cascader-option-label, .sd-cascader-search-option-label {
-  flex-grow: 1;
+  flex: 1 1 0;
+  box-sizing: border-box;
+  min-width: 0;
   padding-right: 34px;
   padding-left: 12px;
+  overflow: hidden;
 }
 .sd-cascader-option .sd-icon-right,
 .sd-cascader-option .sd-icon-check, .sd-cascader-search-option .sd-icon-right,

package/es/input-tag/style/index.css

@@ -87,7 +87,7 @@
   color: var(--sd-color-text-2);
 }
 .sd-tag-text {
-  min-width: 0;
+  min-width: 1em;
   max-width: 100%;
 }
 .sd-tag-ellipsis-line-clamp {
@@ -613,21 +613,18 @@
   align-items: center;
   min-width: 0;
   margin-right: 4px;
-  color: var(--sd-color-text-1);
   font-size: 12px;
   white-space: pre-wrap;
   word-break: break-word;
 }
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
+  color: var(--sd-color-text-1);
   background-color: var(--sd-color-bg-2);
   border-color: var(--sd-color-fill-3);
 }
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag .sd-icon-hover:hover::before {
   background-color: var(--sd-color-fill-2);
 }
-.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-tag-custom-color {
-  color: var(--sd-color-white);
-}
 .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);
 }

package/es/input-tag/style/input-tag.scss

@@ -111,12 +111,12 @@
       align-items: center;
       min-width: 0;
       margin-right: $input-tag-tag-margin-right;
-      color: $input-tag-color-text_default;
       font-size: $input-tag-tag-font-size;
       white-space: pre-wrap;
       word-break: break-word;
 
       &#{tag-color-not-chain()} {
+        color: $input-tag-color-text_default;
         background-color: $input-tag-tag-color-bg;
         border-color: $input-tag-tag-color-border;
       }
@@ -126,8 +126,6 @@
       }
 
       &.#{theme.$prefix}-tag-custom-color {
-        color: token.$tag-custom-color-text;
-
         @include icon-hover.icon-hover-bg($tag-prefix-cls, token.$tag-custom-color-icon-bg_hover);
       }
 

package/es/link/index.d.ts

@@ -9,12 +9,12 @@ declare const Link: {
         click: (ev: MouseEvent) => any;
     }, import("vue").PublicProps, {
         disabled: boolean;
-        ellipsis: boolean;
-        icon: boolean;
         loading: boolean;
+        ellipsis: boolean;
         ellipsisLineClamp: number | string;
         ellipsisExpandTrigger: "click";
         ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+        icon: boolean;
         status: import("../index.ts").Status;
         iconTooltip: string;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -28,12 +28,12 @@ declare const Link: {
         onClick?: ((ev: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         disabled: boolean;
-        ellipsis: boolean;
-        icon: boolean;
         loading: boolean;
+        ellipsis: boolean;
         ellipsisLineClamp: number | string;
         ellipsisExpandTrigger: "click";
         ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+        icon: boolean;
         status: import("../index.ts").Status;
         iconTooltip: string;
     }>;
@@ -46,12 +46,12 @@ declare const Link: {
     click: (ev: MouseEvent) => any;
 }, string, {
     disabled: boolean;
-    ellipsis: boolean;
-    icon: boolean;
     loading: boolean;
+    ellipsis: boolean;
     ellipsisLineClamp: number | string;
     ellipsisExpandTrigger: "click";
     ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+    icon: boolean;
     status: import("../index.ts").Status;
     iconTooltip: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/es/link/link.vue.d.ts

@@ -17,12 +17,12 @@ declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {
     onClick?: ((ev: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    ellipsis: boolean;
-    icon: boolean;
     loading: boolean;
+    ellipsis: boolean;
     ellipsisLineClamp: number | string;
     ellipsisExpandTrigger: "click";
     ellipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+    icon: boolean;
     status: import("..").Status;
     iconTooltip: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/es/list/list-item-meta.vue.d.ts

@@ -1,10 +1,10 @@
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
     avatar?: (props: typeof __VLS_1) => any;
 } & {
     title?: (props: typeof __VLS_3) => any;
 } & {
-    description?: (props: typeof __VLS_5) => any;
+    description?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;

package/es/list/list-item-meta.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+import { PerformantEllipsis } from "../ellipsis/index.js";
+import { createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region components/list/list-item-meta.vue?vue&type=script&setup=true&lang.ts
 var list_item_meta_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ListItemMeta" }), {}, {
 	__name: "list-item-meta",
@@ -46,10 +47,16 @@ var list_item_meta_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			}, [_ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(`${unref(prefixCls)}-title`)
-			}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true), _ctx.$slots.description || __props.description ? (openBlock(), createElementBlock("div", {
+			}, [renderSlot(_ctx.$slots, "title", {}, () => [createVNode(unref(PerformantEllipsis), null, {
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+				_: 1
+			})])], 2)) : createCommentVNode("", true), _ctx.$slots.description || __props.description ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass(`${unref(prefixCls)}-description`)
-			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 2)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2);
+			}, [renderSlot(_ctx.$slots, "description", {}, () => [createVNode(unref(PerformantEllipsis), null, {
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.description), 1)]),
+				_: 1
+			})])], 2)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2);
 		};
 	}
 }));

package/es/list/style/index.css

@@ -91,6 +91,7 @@
 }
 .sd-list-item-main {
   flex: 1;
+  overflow: hidden;
 }
 .sd-list-item-main .sd-list-item-action:not(:first-child) {
   margin-top: 4px;
@@ -113,6 +114,10 @@
 .sd-list-item-meta-title:not(:last-child) {
   margin-bottom: 2px;
 }
+.sd-list-item-meta-content {
+  flex-grow: 1;
+  overflow: hidden;
+}
 .sd-list-item-meta-description {
   color: var(--sd-color-text-2);
 }

package/es/list/style/index.d.ts

@@ -3,5 +3,6 @@ import '../../pagination/style';
 import '../../spin/style';
 import '../../grid/style';
 import '../../empty/style';
+import '../../ellipsis/style';
 import '../../scrollbar/style';
 import './index.scss';

package/es/list/style/index.scss

@@ -109,6 +109,7 @@ $list-prefix-cls: string.unquote('#{theme.$prefix}-list');
 
     &-main {
       flex: 1;
+      overflow: hidden;
 
       .#{$list-prefix-cls}-item-action:not(:first-child) {
         margin-top: $list-action-margin-top;
@@ -137,6 +138,11 @@ $list-prefix-cls: string.unquote('#{theme.$prefix}-list');
         }
       }
 
+      &-content {
+        flex-grow: 1;
+        overflow: hidden;
+      }
+
       &-description {
         color: $list-mete-color-description;
       }

package/es/menu/item.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, {
-    menuContext: Partial<Readonly<Pick<import("./interface.ts").InternalMenuProps, "ellipsis" | "triggerProps" | "mode" | "theme" | "popupMaxHeight" | "tooltipProps" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger" | "ellipsisProps"> & {
+    menuContext: Partial<Readonly<Pick<import("./interface.ts").InternalMenuProps, "triggerProps" | "ellipsis" | "mode" | "theme" | "popupMaxHeight" | "tooltipProps" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger" | "ellipsisProps"> & {
         selectedKeys: string[];
         openKeys: string[];
         prefixCls: string;

package/es/modal/index.d.ts

@@ -128,16 +128,16 @@ declare const Modal: {
     }>> & Readonly<{
         onCancel?: ((_e: Event) => any) | undefined;
         onClose?: (() => any) | undefined;
-        onOpen?: (() => any) | undefined;
         "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
         onOk?: ((_e: Event) => any) | undefined;
         onBeforeOpen?: (() => any) | undefined;
         onBeforeClose?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         cancel: (_e: Event) => any;
         close: () => any;
-        open: () => any;
         "update:visible": (_visible: boolean) => any;
+        open: () => any;
         ok: (_e: Event) => any;
         beforeOpen: () => any;
         beforeClose: () => any;
@@ -296,8 +296,8 @@ declare const Modal: {
     }>> & Readonly<{
         onCancel?: ((_e: Event) => any) | undefined;
         onClose?: (() => any) | undefined;
-        onOpen?: (() => any) | undefined;
         "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
         onOk?: ((_e: Event) => any) | undefined;
         onBeforeOpen?: (() => any) | undefined;
         onBeforeClose?: (() => any) | undefined;
@@ -453,16 +453,16 @@ declare const Modal: {
 }>> & Readonly<{
     onCancel?: ((_e: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onOk?: ((_e: Event) => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: (_e: Event) => any;
     close: () => any;
-    open: () => any;
     "update:visible": (_visible: boolean) => any;
+    open: () => any;
     ok: (_e: Event) => any;
     beforeOpen: () => any;
     beforeClose: () => any;

package/es/modal/modal.vue.d.ts

@@ -136,8 +136,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: (_e: Event) => any;
     close: () => any;
-    open: () => any;
     "update:visible": (_visible: boolean) => any;
+    open: () => any;
     ok: (_e: Event) => any;
     beforeOpen: () => any;
     beforeClose: () => any;
@@ -267,8 +267,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     onCancel?: ((_e: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onOk?: ((_e: Event) => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;

package/es/progress/line.vue.d.ts

@@ -76,8 +76,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     showText: BooleanConstructor;
 }>> & Readonly<{}>, {
     size: "small" | "medium" | "large";
-    color: string | Record<string, any>;
     strokeWidth: number;
+    color: string | Record<string, any>;
     width: string | number;
     animation: boolean;
     showText: boolean;

package/es/qr-code/index.d.ts

@@ -71,20 +71,20 @@ declare const QrCode: {
         type: import("./types").QrCodeType;
         size: number;
         color: string;
-        icon: string;
         bordered: boolean;
+        icon: string;
         status: import("./types").QrCodeStatusType;
         spinProps: Partial<{
-            dot: boolean;
             loading: boolean;
+            dot: boolean;
             hideIcon: boolean;
         }> & Omit<{
-            readonly dot: boolean;
             readonly loading: boolean;
+            readonly dot: boolean;
             readonly hideIcon: boolean;
             readonly size?: number | undefined;
             readonly tip?: string | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "hideIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "dot" | "hideIcon">;
         iconAlt: string;
         iconSize: import("./types").QrCodeIconSize;
         bgColor: string;
@@ -166,20 +166,20 @@ declare const QrCode: {
         type: import("./types").QrCodeType;
         size: number;
         color: string;
-        icon: string;
         bordered: boolean;
+        icon: string;
         status: import("./types").QrCodeStatusType;
         spinProps: Partial<{
-            dot: boolean;
             loading: boolean;
+            dot: boolean;
             hideIcon: boolean;
         }> & Omit<{
-            readonly dot: boolean;
             readonly loading: boolean;
+            readonly dot: boolean;
             readonly hideIcon: boolean;
             readonly size?: number | undefined;
             readonly tip?: string | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "hideIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "dot" | "hideIcon">;
         iconAlt: string;
         iconSize: import("./types").QrCodeIconSize;
         bgColor: string;
@@ -260,20 +260,20 @@ declare const QrCode: {
     type: import("./types").QrCodeType;
     size: number;
     color: string;
-    icon: string;
     bordered: boolean;
+    icon: string;
     status: import("./types").QrCodeStatusType;
     spinProps: Partial<{
-        dot: boolean;
         loading: boolean;
+        dot: boolean;
         hideIcon: boolean;
     }> & Omit<{
-        readonly dot: boolean;
         readonly loading: boolean;
+        readonly dot: boolean;
         readonly hideIcon: boolean;
         readonly size?: number | undefined;
         readonly tip?: string | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "hideIcon">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "dot" | "hideIcon">;
     iconAlt: string;
     iconSize: import("./types").QrCodeIconSize;
     bgColor: string;

package/es/qr-code/qr-code.vue.d.ts

@@ -135,20 +135,20 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     type: QrCodeType;
     size: number;
     color: string;
-    icon: string;
     bordered: boolean;
+    icon: string;
     status: QrCodeStatusType;
     spinProps: Partial<{
-        dot: boolean;
         loading: boolean;
+        dot: boolean;
         hideIcon: boolean;
     }> & Omit<{
-        readonly dot: boolean;
         readonly loading: boolean;
+        readonly dot: boolean;
         readonly hideIcon: boolean;
         readonly size?: number | undefined;
         readonly tip?: string | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dot" | "loading" | "hideIcon">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "dot" | "hideIcon">;
     iconAlt: string;
     iconSize: QrCodeIconSize;
     bgColor: string;

package/es/select/index.d.ts

@@ -193,7 +193,6 @@ declare const Select: {
         unmountOnClose: boolean;
         show: boolean;
         scrollbar: boolean | import("..").ScrollbarProps;
-        multiple: boolean;
         defaultValue: import("./interface").SelectModelValue;
         modelValue: import("./interface").SelectModelValue;
         allowClear: boolean;
@@ -201,6 +200,7 @@ declare const Select: {
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
+        multiple: boolean;
         defaultActiveFirstOption: boolean;
         showHeaderOnEmpty: boolean;
         showFooterOnEmpty: boolean;
@@ -919,9 +919,9 @@ declare const Select: {
             error: boolean;
             disabled: boolean;
             showArrow: boolean;
-            multiple: boolean;
             allowClear: boolean;
             loading: boolean;
+            multiple: boolean;
             bordered: boolean;
             maxTagCount: number | "responsive";
             retainInputValue: boolean;
@@ -1438,7 +1438,6 @@ declare const Select: {
         unmountOnClose: boolean;
         show: boolean;
         scrollbar: boolean | import("..").ScrollbarProps;
-        multiple: boolean;
         defaultValue: import("./interface").SelectModelValue;
         modelValue: import("./interface").SelectModelValue;
         allowClear: boolean;
@@ -1446,6 +1445,7 @@ declare const Select: {
         valueKey: string;
         filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
         showExtraOptions: boolean;
+        multiple: boolean;
         defaultActiveFirstOption: boolean;
         showHeaderOnEmpty: boolean;
         showFooterOnEmpty: boolean;
@@ -1656,7 +1656,6 @@ declare const Select: {
     unmountOnClose: boolean;
     show: boolean;
     scrollbar: boolean | import("..").ScrollbarProps;
-    multiple: boolean;
     defaultValue: import("./interface").SelectModelValue;
     modelValue: import("./interface").SelectModelValue;
     allowClear: boolean;
@@ -1664,6 +1663,7 @@ declare const Select: {
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: import("./interface").SelectOptionData) => boolean);
     showExtraOptions: boolean;
+    multiple: boolean;
     defaultActiveFirstOption: boolean;
     showHeaderOnEmpty: boolean;
     showFooterOnEmpty: boolean;
@@ -2382,9 +2382,9 @@ declare const Select: {
         error: boolean;
         disabled: boolean;
         showArrow: boolean;
-        multiple: boolean;
         allowClear: boolean;
         loading: boolean;
+        multiple: boolean;
         bordered: boolean;
         maxTagCount: number | "responsive";
         retainInputValue: boolean;

package/es/select/select-dropdown.vue.d.ts

@@ -73,8 +73,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onReachBottom?: ((_ev: Event) => any) | undefined;
 }>, {
     scrollbar: boolean | ScrollbarProps;
-    empty: boolean;
     loading: boolean;
+    empty: boolean;
     virtualList: boolean;
     bottomOffset: number;
     showHeaderOnEmpty: boolean;

package/es/select/select.d.ts

@@ -344,7 +344,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     unmountOnClose: boolean;
     show: boolean;
     scrollbar: boolean | ScrollbarProps;
-    multiple: boolean;
     defaultValue: SelectModelValue;
     modelValue: SelectModelValue;
     allowClear: boolean;
@@ -352,6 +351,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: SelectOptionData) => boolean);
     showExtraOptions: boolean;
+    multiple: boolean;
     defaultActiveFirstOption: boolean;
     showHeaderOnEmpty: boolean;
     showFooterOnEmpty: boolean;
@@ -1070,9 +1070,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         error: boolean;
         disabled: boolean;
         showArrow: boolean;
-        multiple: boolean;
         allowClear: boolean;
         loading: boolean;
+        multiple: boolean;
         bordered: boolean;
         maxTagCount: number | "responsive";
         retainInputValue: boolean;

package/es/select/select.js

@@ -436,12 +436,14 @@ var select_default = /* @__PURE__ */ defineComponent({
 			}
 			return result;
 		});
+		const ellipsisPrefixCls = getPrefixCls("ellipsis");
+		const renderOptionEllipsis = (label) => createVNode("span", { "class": [ellipsisPrefixCls, `${ellipsisPrefixCls}--single-line`] }, [createVNode("span", { "class": `${ellipsisPrefixCls}-content` }, [label])]);
 		const getOptionContentFunc = (optionInfo) => {
 			if (isFunction(slots.option)) return () => {
 				var _slots$option;
 				return (_slots$option = slots.option) === null || _slots$option === void 0 ? void 0 : _slots$option.call(slots, { data: optionInfo.raw });
 			};
-			return () => optionInfo.label;
+			return () => renderOptionEllipsis(optionInfo.label);
 		};
 		const optionPrefixCls = getPrefixCls("select-option");
 		const groupPrefixCls = getPrefixCls("select-group");
@@ -450,7 +452,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 			if (isGroupOptionInfo(optionInfo)) return createVNode("li", {
 				"key": optionInfo.key,
 				"class": groupPrefixCls
-			}, [createVNode("div", { "class": `${groupPrefixCls}-title` }, [optionInfo.label]), optionInfo.options.map((child) => renderOption(child))]);
+			}, [createVNode("div", { "class": `${groupPrefixCls}-title` }, [renderOptionEllipsis(optionInfo.label)]), optionInfo.options.map((child) => renderOption(child))]);
 			if (!isValidOption(optionInfo, {
 				inputValue: computedInputValue.value,
 				filterOption: filterOption.value

package/es/select/style/index.d.ts

@@ -3,5 +3,6 @@ import '../../_components/select-view/style';
 import '../../trigger/style';
 import '../../empty/style';
 import '../../checkbox/style';
+import '../../ellipsis/style';
 import '../../scrollbar/style';
 import './index.scss';