@sdata/web-vue 3.21.0 → 3.22.1

package/es/cascader/cascader-option.js

@@ -1,7 +1,7 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";
-import { PerformantEllipsis } from "../ellipsis/index.js";
+import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
 import IconRight from "../icon/icon-right/index.js";
 import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
@@ -82,15 +82,19 @@ var cascader_option_default = /* @__PURE__ */ defineComponent({
 			}
 			return getCheckedStatus(props.option, cascaderCtx.valueMap);
 		});
+		const renderEllipsis = (label) => {
+			if (cascaderCtx.ellipsis === false) return label;
+			return createVNode(cascaderCtx.ellipsis === "performant-ellipsis" ? PerformantEllipsis : Ellipsis, null, _isSlot(label) ? label : { default: () => [label] });
+		};
 		const renderLabelContent = () => {
 			var _cascaderCtx$slots;
 			if (props.pathLabel) {
 				var _cascaderCtx$formatLa, _cascaderCtx$formatLa2;
 				const label = (_cascaderCtx$formatLa = cascaderCtx === null || cascaderCtx === void 0 || (_cascaderCtx$formatLa2 = cascaderCtx.formatLabel) === null || _cascaderCtx$formatLa2 === void 0 ? void 0 : _cascaderCtx$formatLa2.call(cascaderCtx, props.option.path.map((item) => item.raw))) !== null && _cascaderCtx$formatLa !== void 0 ? _cascaderCtx$formatLa : getOptionLabel(props.option, { separator: cascaderCtx.separator });
-				return createVNode(PerformantEllipsis, null, _isSlot(label) ? label : { default: () => [label] });
+				return renderEllipsis(label);
 			}
 			if ((_cascaderCtx$slots = cascaderCtx.slots) === null || _cascaderCtx$slots === void 0 ? void 0 : _cascaderCtx$slots.option) return cascaderCtx.slots.option({ data: props.option });
-			return createVNode(PerformantEllipsis, null, { default: () => [props.option.label] });
+			return renderEllipsis(props.option.label);
 		};
 		const renderIcon = () => {
 			if (isLoading.value) return createVNode(IconLoading, null, null);

package/es/cascader/cascader-panel.vue.d.ts

@@ -12,6 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderPanelProps, {},
     "onUpdate:modelValue"?: ((value: CascaderModelValue) => any) | undefined;
 }>, {
     options: CascaderOption[];
+    ellipsis: boolean | "performant-ellipsis";
     multiple: boolean;
     valueKey: string;
     expandTrigger: import("./types").CascaderExpandTrigger;

package/es/cascader/cascader-panel.vue_vue_type_script_setup_true_lang.js

@@ -18,6 +18,10 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: Boolean,
 			default: false
 		},
+		ellipsis: {
+			type: [Boolean, String],
+			default: true
+		},
 		modelValue: {},
 		defaultValue: {},
 		options: { default: () => [] },
@@ -45,7 +49,7 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			if (pathMode) return;
 			return "";
 		};
-		const { options, checkStrictly, loadMore, modelValue, valueKey, expandChild, expandTrigger, multiple, pathMode } = toRefs(props);
+		const { options, checkStrictly, loadMore, modelValue, valueKey, expandChild, expandTrigger, multiple, ellipsis, pathMode } = toRefs(props);
 		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
 		watch(modelValue, (nextModelValue) => {
 			if (isUndefined(nextModelValue) || isNull(nextModelValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
@@ -148,7 +152,8 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			addLazyLoadOptions,
 			slots,
 			valueMap: computedValueMap,
-			expandTrigger: expandTrigger.value
+			expandTrigger: expandTrigger.value,
+			ellipsis: ellipsis.value
 		}));
 		const handleKeyDown = getKeyDownHandler(/* @__PURE__ */ new Map([
 			[KEYBOARD_KEY.ENTER, (_ev) => {

package/es/cascader/cascader.vue.d.ts

@@ -54,6 +54,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
     onShowChange?: ((visible: boolean) => any) | undefined;
 }>, {
     options: CascaderOption[];
+    ellipsis: boolean | "performant-ellipsis";
     separator: string;
     multiple: boolean;
     disabled: boolean;

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -35,6 +35,10 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			type: Boolean,
 			default: false
 		},
+		ellipsis: {
+			type: [Boolean, String],
+			default: true
+		},
 		modelValue: {},
 		defaultValue: {},
 		options: { default: () => [] },
@@ -149,7 +153,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (pathMode) return;
 			return "";
 		};
-		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, spinProps, maxTagCount, tagNowrap, popupContainer, floatingOptions, searchOptionOnlyLabel } = toRefs(props);
+		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, ellipsis, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, spinProps, maxTagCount, tagNowrap, popupContainer, floatingOptions, searchOptionOnlyLabel } = toRefs(props);
 		const resolvedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.cascaderSpinProps), spinProps.value));
 		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
 		const _inputValue = ref(props.defaultInputValue);
@@ -405,6 +409,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			setSelectedPath,
 			loadMore,
 			expandTrigger,
+			ellipsis,
 			addLazyLoadOptions,
 			formatLabel,
 			separator: props.separator,

package/es/cascader/context.d.ts

@@ -11,5 +11,6 @@ export interface CascaderContext {
     slots: Slots;
     valueMap: Map<string, CascaderSingleValue>;
     expandTrigger: 'click' | 'hover';
+    ellipsis: boolean | 'performant-ellipsis';
 }
 export declare const cascaderInjectionKey: InjectionKey<CascaderContext>;

package/es/cascader/style/index.css

@@ -230,6 +230,7 @@
   color: var(--sd-color-text-1);
   font-size: 14px;
   line-height: 36px;
+  text-align: left;
   background-color: transparent;
   cursor: pointer;
 }

package/es/cascader/style/index.scss

@@ -136,6 +136,7 @@ $cascader-prefix-cls: string.unquote('#{theme.$prefix}-cascader');
     color: $cascader-color-item-text;
     font-size: $cascader-font-item-size;
     line-height: $cascader-size-item-height;
+    text-align: left;
     background-color: transparent;
     cursor: pointer;
 

package/es/cascader/types.d.ts

@@ -20,6 +20,7 @@ export interface CascaderTriggerSlotProps {
 export interface CascaderProps extends FitWidthProps {
     pathMode?: boolean;
     multiple?: boolean;
+    ellipsis?: boolean | 'performant-ellipsis';
     modelValue?: CascaderModelValue;
     defaultValue?: CascaderModelValue;
     options?: CascaderOption[];
@@ -76,6 +77,7 @@ export type CascaderEmits = {
 export interface CascaderPanelProps {
     pathMode?: boolean;
     multiple?: boolean;
+    ellipsis?: boolean | 'performant-ellipsis';
     modelValue?: CascaderModelValue;
     defaultValue?: CascaderModelValue;
     options?: CascaderOption[];

package/es/index.css

@@ -17783,6 +17783,7 @@ body.sd-tour-active .sd-tour-popover * {
   color: var(--sd-color-text-1);
   font-size: 14px;
   line-height: 36px;
+  text-align: left;
   background-color: transparent;
   cursor: pointer;
 }

package/es/select/index.d.ts

@@ -116,6 +116,10 @@ declare const Select: {
             type: import("vue").PropType<import("./interface").SelectOption[]>;
             default: () => never[];
         };
+        ellipsis: {
+            type: import("vue").PropType<boolean | "performant-ellipsis">;
+            default: boolean;
+        };
         virtualListProps: {
             type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
@@ -197,6 +201,7 @@ declare const Select: {
     }, import("vue").PublicProps, {
         options: import("./interface").SelectOption[];
         show: boolean;
+        ellipsis: boolean | "performant-ellipsis";
         scrollbar: boolean | import("..").ScrollbarProps;
         multiple: boolean;
         disabled: boolean;
@@ -1474,6 +1479,10 @@ declare const Select: {
             type: import("vue").PropType<import("./interface").SelectOption[]>;
             default: () => never[];
         };
+        ellipsis: {
+            type: import("vue").PropType<boolean | "performant-ellipsis">;
+            default: boolean;
+        };
         virtualListProps: {
             type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
@@ -1540,6 +1549,7 @@ declare const Select: {
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         options: import("./interface").SelectOption[];
         show: boolean;
+        ellipsis: boolean | "performant-ellipsis";
         scrollbar: boolean | import("..").ScrollbarProps;
         multiple: boolean;
         disabled: boolean;
@@ -1691,6 +1701,10 @@ declare const Select: {
         type: import("vue").PropType<import("./interface").SelectOption[]>;
         default: () => never[];
     };
+    ellipsis: {
+        type: import("vue").PropType<boolean | "performant-ellipsis">;
+        default: boolean;
+    };
     virtualListProps: {
         type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
     };
@@ -1772,6 +1786,7 @@ declare const Select: {
 }, string, {
     options: import("./interface").SelectOption[];
     show: boolean;
+    ellipsis: boolean | "performant-ellipsis";
     scrollbar: boolean | import("..").ScrollbarProps;
     multiple: boolean;
     disabled: boolean;

package/es/select/interface.d.ts

@@ -56,6 +56,7 @@ export type FilterOption = boolean | ((inputValue: string, option: SelectOptionD
 export type SelectFallbackOption = (value: SelectOptionValue) => SelectOptionData;
 export interface SelectProps extends FitWidthProps {
     options?: SelectOption[];
+    ellipsis?: boolean | 'performant-ellipsis';
     multiple?: boolean;
     value?: SelectModelValue;
     modelValue?: SelectModelValue;

package/es/select/select.d.ts

@@ -121,6 +121,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<SelectOption[]>;
         default: () => never[];
     };
+    ellipsis: {
+        type: PropType<boolean | "performant-ellipsis">;
+        default: boolean;
+    };
     virtualListProps: {
         type: PropType<VirtualListProps>;
     };
@@ -298,6 +302,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<SelectOption[]>;
         default: () => never[];
     };
+    ellipsis: {
+        type: PropType<boolean | "performant-ellipsis">;
+        default: boolean;
+    };
     virtualListProps: {
         type: PropType<VirtualListProps>;
     };
@@ -364,6 +372,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     options: SelectOption[];
     show: boolean;
+    ellipsis: boolean | "performant-ellipsis";
     scrollbar: boolean | ScrollbarProps;
     multiple: boolean;
     disabled: boolean;

package/es/select/select.js

@@ -13,6 +13,7 @@ import Tooltip from "../tooltip/index.js";
 import { getKeyFromValue, hasEmptyStringKey, isGroupOptionInfo, isValidOption } from "./utils.js";
 import { useSelect } from "./hooks/use-select.js";
 import select_dropdown_default from "./select-dropdown.js";
+import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
 import { debounce } from "../_utils/debounce.js";
 import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";
@@ -169,6 +170,14 @@ var select_default = /* @__PURE__ */ defineComponent({
 			type: Array,
 			default: () => []
 		},
+		/**
+		* @zh 是否使用 Ellipsis 组件渲染选项。传入 `performant-ellipsis` 时使用高性能省略实现
+		* @en Whether to render options with the Ellipsis component. Use `performant-ellipsis` for the performant implementation
+		*/
+		ellipsis: {
+			type: [Boolean, String],
+			default: true
+		},
 		virtualListProps: { type: Object },
 		triggerProps: { type: Object },
 		floatingOptions: { type: Object },
@@ -478,8 +487,10 @@ var select_default = /* @__PURE__ */ defineComponent({
 			return props.multiple ? labels : (_labels$ = labels[0]) !== null && _labels$ !== void 0 ? _labels$ : "";
 		});
 		const triggerSelectedOptions = computed(() => selectViewValue.value.map((item) => item.option).filter((option) => Boolean(option)));
-		const ellipsisPrefixCls = getPrefixCls("ellipsis");
-		const renderOptionEllipsis = (label) => createVNode("span", { "class": [ellipsisPrefixCls, `${ellipsisPrefixCls}--single-line`] }, [createVNode("span", { "class": `${ellipsisPrefixCls}-content` }, [label])]);
+		const renderOptionEllipsis = (label) => {
+			if (props.ellipsis === false) return label;
+			return createVNode(props.ellipsis === "performant-ellipsis" ? PerformantEllipsis : Ellipsis, null, _isSlot(label) ? label : { default: () => [label] });
+		};
 		const getOptionContentFunc = (optionInfo) => {
 			if (isFunction(slots.option)) return () => {
 				var _slots$option;

package/es/sender/use-speech.js

@@ -66,6 +66,7 @@ function useSpeech(allowSpeech, options) {
 	const sequence = shallowRef(0);
 	let generatedWorkletUrl;
 	let resolveWorkletFlush;
+	let workletReady = false;
 	let disposed = false;
 	const recording = computed(() => controlled.value && typeof config.value === "object" ? Boolean(config.value.recording) : internalRecording.value);
 	const available = computed(() => Boolean(config.value) && (controlled.value || supported.value) && !(captureError.value && isPermissionDeniedError(captureError.value.error)));
@@ -138,24 +139,33 @@ function useSpeech(allowSpeech, options) {
 	});
 	const releaseResources = function() {
 		var _ref = _asyncToGenerator(function* () {
-			var _workletNode$value2, _sourceNode$value, _stream$value, _audioContext$value, _audioContext$value2;
+			var _workletNode$value2, _sourceNode$value, _stream$value, _audioContext$value;
 			(_workletNode$value2 = workletNode.value) === null || _workletNode$value2 === void 0 || _workletNode$value2.disconnect();
 			(_sourceNode$value = sourceNode.value) === null || _sourceNode$value === void 0 || _sourceNode$value.disconnect();
 			(_stream$value = stream.value) === null || _stream$value === void 0 || _stream$value.getTracks().forEach((track) => track.stop());
-			if (((_audioContext$value = audioContext.value) === null || _audioContext$value === void 0 ? void 0 : _audioContext$value.state) !== "closed") yield (_audioContext$value2 = audioContext.value) === null || _audioContext$value2 === void 0 ? void 0 : _audioContext$value2.close();
+			if (((_audioContext$value = audioContext.value) === null || _audioContext$value === void 0 ? void 0 : _audioContext$value.state) === "running") yield audioContext.value.suspend();
 			if (socket.value && (socket.value.readyState === WebSocket.OPEN || socket.value.readyState === WebSocket.CONNECTING)) socket.value.close(1e3, "speech-ended");
 			workletNode.value = void 0;
 			sourceNode.value = void 0;
 			stream.value = void 0;
-			audioContext.value = void 0;
 			socket.value = void 0;
 		});
 		return function releaseResources() {
 			return _ref.apply(this, arguments);
 		};
 	}();
+	const closeAudioContext = function() {
+		var _ref2 = _asyncToGenerator(function* () {
+			if (audioContext.value && audioContext.value.state !== "closed") yield audioContext.value.close();
+			audioContext.value = void 0;
+			workletReady = false;
+		});
+		return function closeAudioContext() {
+			return _ref2.apply(this, arguments);
+		};
+	}();
 	const stopCapture = function() {
-		var _ref2 = _asyncToGenerator(function* (reason = "manual") {
+		var _ref3 = _asyncToGenerator(function* (reason = "manual") {
 			var _socket$value, _config$value$onRecor, _config$value;
 			if (!internalRecording.value) return;
 			yield flushWorklet();
@@ -177,11 +187,11 @@ function useSpeech(allowSpeech, options) {
 			});
 		});
 		return function stopCapture() {
-			return _ref2.apply(this, arguments);
+			return _ref3.apply(this, arguments);
 		};
 	}();
 	const startCapture = function() {
-		var _ref3 = _asyncToGenerator(function* () {
+		var _ref4 = _asyncToGenerator(function* () {
 			if (requesting.value || internalRecording.value || !available.value) return;
 			requesting.value = true;
 			captureError.value = void 0;
@@ -207,10 +217,18 @@ function useSpeech(allowSpeech, options) {
 					}
 				}
 				phase = "audioContext";
-				const nextAudioContext = resolveAudioContext();
-				audioContext.value = nextAudioContext;
+				let nextAudioContext = audioContext.value;
+				if (!nextAudioContext) {
+					nextAudioContext = resolveAudioContext();
+					audioContext.value = nextAudioContext;
+					workletReady = false;
+				}
+				if (nextAudioContext.state === "suspended") yield nextAudioContext.resume();
 				phase = "audioWorklet";
-				yield nextAudioContext.audioWorklet.addModule(resolveWorkletUrl());
+				if (!workletReady) {
+					yield nextAudioContext.audioWorklet.addModule(resolveWorkletUrl());
+					workletReady = true;
+				}
 				if (disposed) {
 					yield releaseResources();
 					return;
@@ -271,16 +289,17 @@ function useSpeech(allowSpeech, options) {
 				captureError.value = errorEvent;
 				options.onError(errorEvent);
 				yield releaseResources();
+				yield closeAudioContext();
 			} finally {
 				requesting.value = false;
 			}
 		});
 		return function startCapture() {
-			return _ref3.apply(this, arguments);
+			return _ref4.apply(this, arguments);
 		};
 	}();
 	const trigger = function() {
-		var _ref4 = _asyncToGenerator(function* (breakRecording = false) {
+		var _ref5 = _asyncToGenerator(function* (breakRecording = false) {
 			if (breakRecording && !recording.value) return;
 			if (controlled.value && typeof config.value === "object") {
 				var _config$value$onRecor2, _config$value2;
@@ -307,7 +326,7 @@ function useSpeech(allowSpeech, options) {
 			else yield startCapture();
 		});
 		return function trigger() {
-			return _ref4.apply(this, arguments);
+			return _ref5.apply(this, arguments);
 		};
 	}();
 	onMounted(() => {
@@ -324,6 +343,7 @@ function useSpeech(allowSpeech, options) {
 		disposed = true;
 		if (internalRecording.value) yield stopCapture("unmount");
 		else yield releaseResources();
+		yield closeAudioContext();
 		if (generatedWorkletUrl) URL.revokeObjectURL(generatedWorkletUrl);
 	}));
 	return {

package/es/tree-select/interface.d.ts

@@ -47,6 +47,7 @@ export interface TreeSelectProps extends FitWidthProps {
     fieldNames: TreeFieldNames | undefined;
     data: TreeNodeData[];
     options: TreeNodeData[] | undefined;
+    ellipsis: TreeProps['ellipsis'] | undefined;
     labelInValue: boolean;
     treeCheckable: boolean;
     checkable: boolean | undefined;

package/es/tree-select/panel.d.ts

@@ -4,6 +4,7 @@ import { ScrollbarProps } from '../scrollbar';
 import { TreeProps, TreeNodeKey } from '../tree/interface';
 type TreeSelectPanelComponent = DefineComponent<{
     treeProps: Partial<TreeProps> | undefined;
+    ellipsis: TreeProps['ellipsis'];
     selectedKeys: TreeNodeKey[] | undefined;
     showCheckable: boolean;
     treeSlots: Slots;

package/es/tree-select/panel.js

@@ -16,6 +16,10 @@ var panel_default = /* @__PURE__ */ defineComponent({
 			type: Object,
 			default: () => ({})
 		},
+		ellipsis: {
+			type: [Boolean, String],
+			default: false
+		},
 		selectedKeys: { type: Array },
 		showCheckable: { type: Boolean },
 		treeSlots: {
@@ -54,6 +58,7 @@ var panel_default = /* @__PURE__ */ defineComponent({
 		};
 		const renderTree = () => {
 			return createVNode(Tree, mergeProps({ "ref": refTree }, computedTreeProps.value, {
+				"ellipsis": props.ellipsis,
 				"onSelect": onSelect,
 				"onCheck": onCheck
 			}), props.treeSlots);

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

@@ -111,6 +111,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     options: {
         type: PropType<TreeNodeData[]>;
     };
+    ellipsis: {
+        type: PropType<TreeProps["ellipsis"]>;
+        default: undefined;
+    };
     labelInValue: {
         type: BooleanConstructor;
     };
@@ -302,6 +306,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     options: {
         type: PropType<TreeNodeData[]>;
     };
+    ellipsis: {
+        type: PropType<TreeProps["ellipsis"]>;
+        default: undefined;
+    };
     labelInValue: {
         type: BooleanConstructor;
     };
@@ -420,6 +428,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
 }>, {
     show: boolean;
+    ellipsis: import("../tree/interface").TreeEllipsis;
     separator: string;
     scrollbar: boolean | ScrollbarProps;
     border: boolean;

package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js

@@ -167,6 +167,14 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		* */
 		options: { type: Array },
 		/**
+		* @zh 是否使用 Ellipsis 组件渲染选项。传入 `performant-ellipsis` 时使用高性能省略实现
+		* @en Whether to render options with the Ellipsis component. Use `performant-ellipsis` for the performant implementation
+		*/
+		ellipsis: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		/**
 		* @zh 设置value格式。默认是string，设置为true时候，value格式为： { label: string, value: string }
 		* @en Set the value format. The default is string, when set to true, the value format is: {label: string, value: string}
 		* */
@@ -439,8 +447,8 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		});
 		const { mergedAllowClear } = useAllowClear(computed(() => props.allowClear || props.clearable));
 		const { mergedDropdownVirtualListProps } = useDropdownVirtualListProps(computed(() => {
-			var _props$virtualListPro, _treeProps$value;
-			return (_props$virtualListPro = props.virtualListProps) !== null && _props$virtualListPro !== void 0 ? _props$virtualListPro : (_treeProps$value = treeProps.value) === null || _treeProps$value === void 0 ? void 0 : _treeProps$value.virtualListProps;
+			var _ref, _props$virtualListPro, _treeProps$value;
+			return (_ref = (_props$virtualListPro = props.virtualListProps) !== null && _props$virtualListPro !== void 0 ? _props$virtualListPro : (_treeProps$value = treeProps.value) === null || _treeProps$value === void 0 ? void 0 : _treeProps$value.virtualListProps) !== null && _ref !== void 0 ? _ref : props.virtualScroll === true ? {} : void 0;
 		}));
 		const TreeSelectEmpty = configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 || (_configCtx$slots$empt = _configCtx$slots$empt.call(_configCtx$slots, { component: "tree-select" })) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt[0];
 		const mergedModelValue = computed(() => modelValue.value);
@@ -454,9 +462,13 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			return (_checkStrategy$value = checkStrategy.value) !== null && _checkStrategy$value !== void 0 ? _checkStrategy$value : props.treeCheckedStrategy;
 		});
 		const mergedTreeProps = computed(() => {
+			var _ref3, _props$ellipsis2, _treeProps$value3;
 			const resolvedVirtualListProps = resolveDropdownVirtualListProps(mergedDropdownVirtualListProps.value, props.triggerProps);
-			if (virtualScroll.value !== false) return _objectSpread2(_objectSpread2({}, treeProps.value), resolvedVirtualListProps ? { virtualListProps: resolvedVirtualListProps } : {});
-			const nextTreeProps = _objectSpread2({}, treeProps.value);
+			if (virtualScroll.value !== false) {
+				var _ref2, _props$ellipsis, _treeProps$value2;
+				return _objectSpread2(_objectSpread2({}, treeProps.value), {}, { ellipsis: (_ref2 = (_props$ellipsis = props.ellipsis) !== null && _props$ellipsis !== void 0 ? _props$ellipsis : (_treeProps$value2 = treeProps.value) === null || _treeProps$value2 === void 0 ? void 0 : _treeProps$value2.ellipsis) !== null && _ref2 !== void 0 ? _ref2 : true }, resolvedVirtualListProps ? { virtualListProps: resolvedVirtualListProps } : {});
+			}
+			const nextTreeProps = _objectSpread2(_objectSpread2({}, treeProps.value), {}, { ellipsis: (_ref3 = (_props$ellipsis2 = props.ellipsis) !== null && _props$ellipsis2 !== void 0 ? _props$ellipsis2 : (_treeProps$value3 = treeProps.value) === null || _treeProps$value3 === void 0 ? void 0 : _treeProps$value3.ellipsis) !== null && _ref3 !== void 0 ? _ref3 : true });
 			delete nextTreeProps.virtualListProps;
 			return nextTreeProps;
 		});
@@ -672,6 +684,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 								"selected-keys": unref(selectedKeys),
 								"show-checkable": mergedTreeCheckable.value,
 								scrollbar: __props.scrollbar,
+								ellipsis: mergedTreeProps.value.ellipsis,
 								"tree-props": _objectSpread2(_objectSpread2({
 									actionOnNodeClick: unref(selectable) === "leaf" ? "expand" : void 0,
 									blockNode: true
@@ -694,6 +707,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 								"selected-keys",
 								"show-checkable",
 								"scrollbar",
+								"ellipsis",
 								"tree-props",
 								"tree-slots"
 							])),

package/json/vetur-attributes.json

@@ -2986,6 +2986,9 @@
     "description": "Whether it is read-only",
     "type": "boolean|string"
   },
+  "sd-select/ellipsis": {
+    "description": "Whether to render options with the Ellipsis component. Use `performant-ellipsis` for the performant implementation"
+  },
   "sd-sender-header/open": {
     "description": "Whether the header is expanded",
     "type": "boolean"
@@ -4309,6 +4312,9 @@
   "sd-tree-select/options": {
     "description": "Data, Naive compatibility alias"
   },
+  "sd-tree-select/ellipsis": {
+    "description": "Whether to render options with the Ellipsis component. Use `performant-ellipsis` for the performant implementation"
+  },
   "sd-tree-select/label-in-value": {
     "description": "Set the value format. The default is string, when set to true, the value format is: {label: string, value: string}",
     "type": "boolean"

package/json/vetur-tags.json

@@ -1211,7 +1211,8 @@
       "fit-width",
       "max-wfull",
       "spin-props",
-      "readonly"
+      "readonly",
+      "ellipsis"
     ]
   },
   "sd-selectable-card": {
@@ -1726,6 +1727,7 @@
       "field-names",
       "data",
       "options",
+      "ellipsis",
       "label-in-value",
       "tree-checkable",
       "checkable",

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.20.0",
+  "version": "3.22.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -7277,6 +7277,14 @@
                 "type": "boolean|string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "ellipsis",
+              "description": "Whether to render options with the Ellipsis component. Use `performant-ellipsis` for the performant implementation",
+              "value": {
+                "type": "boolean | 'performant-ellipsis'",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -10407,6 +10415,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "ellipsis",
+              "description": "Whether to render options with the Ellipsis component. Use `performant-ellipsis` for the performant implementation",
+              "value": {
+                "type": "TreeProps['ellipsis']",
+                "kind": "expression"
+              }
+            },
             {
               "name": "label-in-value",
               "description": "Set the value format. The default is string, when set to true, the value format is: {label: string, value: string}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.21.0",
+  "version": "3.22.1",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",