@sdata/web-vue 1.8.0 → 1.9.0

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

@@ -16,7 +16,7 @@ import pickSubCompSlots from "../_utils/pick-sub-comp-slots.js";
 import useFilterTreeNode from "./hooks/use-filter-tree-node.js";
 import useSelectedState from "./hooks/use-selected-state.js";
 import panel_default from "./panel.js";
-import { computed, defineComponent, inject, nextTick, reactive, ref, toRefs } from "vue";
+import { computed, defineComponent, getCurrentInstance, inject, nextTick, reactive, ref, toRefs } from "vue";
 //#region components/tree-select/tree-select.vue?vue&type=script&lang.ts
 var tree_select_vue_vue_type_script_lang_default = defineComponent({
 	name: "TreeSelect",
@@ -39,11 +39,17 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 		},
 		allowSearch: {
 			type: [Boolean, Object],
-			default: (props) => Boolean(props.multiple)
+			default: void 0
 		},
+		filterable: { type: Boolean },
 		allowClear: { type: Boolean },
+		clearable: { type: Boolean },
+		showArrow: {
+			type: Boolean,
+			default: true
+		},
 		placeholder: { type: String },
-		maxTagCount: { type: Number },
+		maxTagCount: { type: [Number, String] },
 		multiple: { type: Boolean },
 		defaultValue: { type: [
 			String,
@@ -57,25 +63,51 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			Array,
 			Object
 		] },
+		value: { type: [
+			String,
+			Number,
+			Array,
+			Object
+		] },
 		fieldNames: { type: Object },
 		data: {
 			type: Array,
 			default: () => []
 		},
+		options: { type: Array },
 		labelInValue: { type: Boolean },
 		treeCheckable: { type: Boolean },
+		checkable: { type: Boolean },
 		treeCheckStrictly: { type: Boolean },
 		treeCheckedStrategy: {
 			type: String,
 			default: "all"
 		},
+		checkStrategy: { type: String },
+		showPath: { type: Boolean },
+		separator: {
+			type: String,
+			default: " / "
+		},
 		treeProps: { type: Object },
 		triggerProps: { type: Object },
+		virtualScroll: {
+			type: Boolean,
+			default: void 0
+		},
 		popupVisible: {
 			type: Boolean,
 			default: void 0
 		},
+		show: {
+			type: Boolean,
+			default: void 0
+		},
 		defaultPopupVisible: { type: Boolean },
+		defaultShow: {
+			type: Boolean,
+			default: void 0
+		},
 		dropdownStyle: { type: Object },
 		dropdownClassName: { type: [String, Array] },
 		filterTreeNode: { type: Function },
@@ -115,56 +147,93 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 	emits: {
 		"change": (_value) => true,
 		"update:modelValue": (_value) => true,
+		"update:value": (_value) => true,
 		"update:inputValue": (_inputValue) => true,
 		"popup-visible-change": (_visible) => true,
 		"update:popupVisible": (_visible) => true,
+		"showChange": (_visible) => true,
+		"update:show": (_visible) => true,
 		"search": (_searchKey) => true,
 		"clear": () => true,
 		"inputValueChange": (_inputValue) => true
 	},
 	setup(props, { emit, slots }) {
-		var _configCtx$slots, _configCtx$slots$empt;
-		const { defaultValue, modelValue, multiple, popupVisible, defaultPopupVisible, treeCheckable, treeCheckStrictly, data, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, allowClear } = toRefs(props);
+		var _configCtx$slots, _configCtx$slots$empt, _defaultPopupVisible$;
+		const { defaultValue, modelValue, multiple, popupVisible, show, defaultPopupVisible, defaultShow, treeCheckable, treeCheckStrictly, data, options, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, checkable, checkStrategy, showPath, separator, value, virtualScroll } = toRefs(props);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const prefixCls = getPrefixCls("tree-select");
 		const configCtx = inject(configProviderInjectionKey, void 0);
-		const { mergedAllowClear } = useAllowClear(allowClear);
+		const instance = getCurrentInstance();
+		const mergedAllowSearch = computed(() => {
+			const rawProps = instance === null || instance === void 0 ? void 0 : instance.vnode.props;
+			if (!!rawProps && ["allowSearch", "allow-search"].some((propName) => propName in rawProps)) return props.allowSearch;
+			if (props.filterable !== void 0) return props.filterable;
+			return Boolean(props.multiple || props.treeCheckable || props.checkable);
+		});
+		const { mergedAllowClear } = useAllowClear(computed(() => props.allowClear || props.clearable));
 		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 isMultiple = computed(() => multiple.value || treeCheckable.value);
+		const mergedModelValue = computed(() => {
+			var _value$value;
+			return (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : modelValue.value;
+		});
+		const mergedData = computed(() => {
+			var _options$value;
+			return (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : data.value;
+		});
+		const mergedTreeCheckable = computed(() => treeCheckable.value || checkable.value);
+		const mergedTreeCheckedStrategy = computed(() => {
+			var _checkStrategy$value;
+			return (_checkStrategy$value = checkStrategy.value) !== null && _checkStrategy$value !== void 0 ? _checkStrategy$value : props.treeCheckedStrategy;
+		});
+		const mergedTreeProps = computed(() => {
+			if (virtualScroll.value !== false) return treeProps.value || {};
+			const nextTreeProps = _objectSpread2({}, treeProps.value);
+			delete nextTreeProps.virtualListProps;
+			return nextTreeProps;
+		});
+		const isMultiple = computed(() => multiple.value || mergedTreeCheckable.value);
 		const isSelectable = (node, info) => {
 			var _selectable$value;
 			if (selectable.value === "leaf") return info.isLeaf;
 			if (isFunction(selectable.value)) return selectable.value(node, info);
 			return (_selectable$value = selectable.value) !== null && _selectable$value !== void 0 ? _selectable$value : false;
 		};
-		const isCheckable = computed(() => treeCheckable.value ? isSelectable : false);
-		const retainInputValue = computed(() => isObject(props.allowSearch) && Boolean(props.allowSearch.retainInputValue));
+		const isCheckable = computed(() => mergedTreeCheckable.value ? isSelectable : false);
+		const retainInputValue = computed(() => isObject(mergedAllowSearch.value) && Boolean(mergedAllowSearch.value.retainInputValue));
 		const { flattenTreeData, key2TreeNode } = useTreeData(reactive({
-			treeData: data,
+			treeData: mergedData,
 			fieldNames,
 			selectable: isSelectable,
 			checkable: isCheckable
 		}));
 		const { selectedKeys, selectedValue, setLocalSelectedKeys, localSelectedKeys, localSelectedValue } = useSelectedState(reactive({
 			defaultValue,
-			modelValue,
+			modelValue: mergedModelValue,
 			key2TreeNode,
 			multiple,
-			treeCheckable,
+			treeCheckable: mergedTreeCheckable,
 			treeCheckStrictly,
 			fallbackOption,
-			fieldNames
+			fieldNames,
+			showPath,
+			separator
 		}));
 		function isNodeClosable(node) {
-			return treeCheckable.value ? isNodeCheckable(node) : isNodeSelectable(node);
+			return mergedTreeCheckable.value ? isNodeCheckable(node) : isNodeSelectable(node);
 		}
 		const selectViewValue = computed(() => {
 			if (isUndefined(selectedValue.value)) return [];
 			if (isMultiple.value && !mergedDisabled.value) return selectedValue.value.map((i) => {
 				const node = key2TreeNode.value.get(i.value);
-				return _objectSpread2(_objectSpread2({}, i), {}, { closable: !node || isNodeClosable(node) });
+				return _objectSpread2(_objectSpread2({}, i), {}, {
+					option: node === null || node === void 0 ? void 0 : node.treeNodeData,
+					closable: !node || isNodeClosable(node)
+				});
+			});
+			return selectedValue.value.map((i) => {
+				const node = key2TreeNode.value.get(i.value);
+				return _objectSpread2(_objectSpread2({}, i), {}, { option: node === null || node === void 0 ? void 0 : node.treeNodeData });
 			});
-			return selectedValue.value;
 		});
 		const setSelectedKeys = (newVal) => {
 			setLocalSelectedKeys(newVal);
@@ -173,6 +242,7 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 				const forEmitValue = (labelInValue.value ? localSelectedValue.value : localSelectedKeys.value) || [];
 				const emitValue = isMultiple.value ? forEmitValue : forEmitValue[0];
 				emit("update:modelValue", emitValue);
+				emit("update:value", emitValue);
 				emit("change", emitValue);
 				(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
 			});
@@ -191,15 +261,20 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			if (inputValue !== computedInputValue.value) {
 				setPanelVisible(true);
 				updateInputValue(inputValue);
-				if (props.allowSearch) emit("search", inputValue);
+				if (mergedAllowSearch.value) emit("search", inputValue);
 			}
 		};
-		const [panelVisible, setLocalPanelVisible] = useMergeState(defaultPopupVisible.value, reactive({ value: popupVisible }));
+		const [panelVisible, setLocalPanelVisible] = useMergeState((_defaultPopupVisible$ = defaultPopupVisible.value) !== null && _defaultPopupVisible$ !== void 0 ? _defaultPopupVisible$ : defaultShow.value, reactive({ value: computed(() => {
+			var _popupVisible$value;
+			return (_popupVisible$value = popupVisible.value) !== null && _popupVisible$value !== void 0 ? _popupVisible$value : show.value;
+		}) }));
 		const setPanelVisible = (visible) => {
 			if (visible !== panelVisible.value) {
 				setLocalPanelVisible(visible);
 				emit("popup-visible-change", visible);
 				emit("update:popupVisible", visible);
+				emit("showChange", visible);
+				emit("update:show", visible);
 			}
 			if (!visible) refSelectView.value && refSelectView.value.blur && refSelectView.value.blur();
 		};
@@ -212,10 +287,7 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 		}));
 		const isEmpty = computed(() => !flattenTreeData.value.length || isEmptyFilterResult.value);
 		const refSelectView = ref();
-		const computedDropdownStyle = computed(() => {
-			var _treeProps$value;
-			return [(dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.value) || {}, (treeProps === null || treeProps === void 0 || (_treeProps$value = treeProps.value) === null || _treeProps$value === void 0 ? void 0 : _treeProps$value.virtualListProps) ? { "max-height": "unset" } : {}];
-		});
+		const computedDropdownStyle = computed(() => [(dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.value) || {}, mergedTreeProps.value.virtualListProps ? { "max-height": "unset" } : {}]);
 		const onBlur = () => {
 			if (!retainInputValue.value && computedInputValue.value) updateInputValue("");
 		};
@@ -226,12 +298,17 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			selectedValue,
 			selectedKeys,
 			mergedDisabled,
+			mergedData,
 			searchValue: computedInputValue,
 			panelVisible,
 			isEmpty,
 			computedFilterTreeNode,
 			isMultiple,
+			mergedAllowSearch,
 			mergedAllowClear,
+			mergedTreeCheckable,
+			mergedTreeCheckedStrategy,
+			mergedTreeProps,
 			selectViewValue,
 			computedDropdownStyle,
 			onSearchValueChange: handleInputValueChange,
@@ -252,7 +329,7 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			onItemRemove(id) {
 				if (mergedDisabled.value) return;
 				const node = key2TreeNode.value.get(id);
-				if (treeCheckable.value && node) {
+				if (mergedTreeCheckable.value && node) {
 					if (isNodeClosable(node)) {
 						const [newVal] = getCheckedStateByCheck({
 							node,

package/es/trigger/index.d.ts

@@ -147,10 +147,10 @@ declare const Trigger: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => 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;
@@ -338,10 +338,10 @@ declare const Trigger: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => 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;
@@ -520,10 +520,10 @@ declare const Trigger: {
     };
 }>> & Readonly<{
     onResize?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onShow?: (() => 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;

package/es/trigger/trigger.d.ts

@@ -295,10 +295,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onResize?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-    onShow?: (() => any) | undefined;
-    onHide?: (() => any) | undefined;
 }>, {
     disabled: boolean;
     unmountOnClose: boolean;

package/es/typography/operations.vue.d.ts

@@ -252,10 +252,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     };
                 }>> & Readonly<{
                     onResize?: (() => any) | undefined;
+                    onHide?: (() => any) | undefined;
+                    onShow?: (() => 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;
@@ -443,10 +443,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     };
                 }>> & Readonly<{
                     onResize?: (() => any) | undefined;
+                    onHide?: (() => any) | undefined;
+                    onShow?: (() => 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;
@@ -625,10 +625,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => 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;
@@ -942,10 +942,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => 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;
@@ -1133,10 +1133,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => 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;
@@ -1315,10 +1315,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => 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;

package/json/vetur-attributes.json

@@ -1776,8 +1776,7 @@
     "description": "The size of the input"
   },
   "sd-input-tag/max-tag-count": {
-    "description": "The maximum number of tags displayed, `0` means unlimited",
-    "type": "number"
+    "description": "The maximum number of tags displayed, `0` means unlimited"
   },
   "sd-input-tag/retain-input-value": {
     "description": "Whether to keep the content of the input box"
@@ -2543,160 +2542,6 @@
     "description": "index for manually specifying option",
     "type": "number"
   },
-  "sd-select/change": {
-    "description": "Triggered when the value changes"
-  },
-  "sd-select/input-value-change": {
-    "description": "Triggered when the value of the input changes"
-  },
-  "sd-select/popup-visible-change": {
-    "description": "Triggered when the display state of the drop-down box changes"
-  },
-  "sd-select/clear": {
-    "description": "Triggered when the clear button is clicked"
-  },
-  "sd-select/remove": {
-    "description": "Triggered when the delete button of the label is clicked"
-  },
-  "sd-select/search": {
-    "description": "Triggered when the user searches"
-  },
-  "sd-select/dropdown-scroll": {
-    "description": "Triggered when the drop-down scrolls"
-  },
-  "sd-select/dropdown-reach-bottom": {
-    "description": "Triggered when the drop-down menu is scrolled to the bottom"
-  },
-  "sd-select/exceed-limit": {
-    "description": "Triggered when multiple selection exceeds the limit"
-  },
-  "sd-select/multiple": {
-    "description": "Whether to open multi-select mode (The search is turned on by default in the multi-select mode)",
-    "type": "boolean"
-  },
-  "sd-select/model-value": {
-    "description": "Value"
-  },
-  "sd-select/default-value": {
-    "description": "Default value (uncontrolled mode)"
-  },
-  "sd-select/input-value": {
-    "description": "The value of the input",
-    "type": "string"
-  },
-  "sd-select/default-input-value": {
-    "description": "The default value of the input (uncontrolled mode)",
-    "type": "string"
-  },
-  "sd-select/size": {
-    "description": "The size of the select"
-  },
-  "sd-select/placeholder": {
-    "description": "Placeholder",
-    "type": "string"
-  },
-  "sd-select/loading": {
-    "description": "Whether it is loading state",
-    "type": "boolean"
-  },
-  "sd-select/disabled": {
-    "description": "Whether to disable",
-    "type": "boolean"
-  },
-  "sd-select/error": {
-    "description": "Whether it is an error state",
-    "type": "boolean"
-  },
-  "sd-select/allow-clear": {
-    "description": "Whether to allow clear",
-    "type": "boolean"
-  },
-  "sd-select/allow-search": {
-    "description": "Whether to allow searching"
-  },
-  "sd-select/allow-create": {
-    "description": "Whether to allow creation",
-    "type": "boolean"
-  },
-  "sd-select/max-tag-count": {
-    "description": "In multi-select mode, the maximum number of labels displayed. 0 means unlimited",
-    "type": "number"
-  },
-  "sd-select/popup-container": {
-    "description": "Mount container for popup"
-  },
-  "sd-select/bordered": {
-    "description": "Whether to display the border of the input box",
-    "type": "boolean"
-  },
-  "sd-select/default-active-first-option": {
-    "description": "Whether to select the first option by default when there is no value",
-    "type": "boolean"
-  },
-  "sd-select/popup-visible": {
-    "description": "Whether to show the dropdown",
-    "type": "boolean"
-  },
-  "sd-select/default-popup-visible": {
-    "description": "Whether the popup is visible by default (uncontrolled mode)",
-    "type": "boolean"
-  },
-  "sd-select/unmount-on-close": {
-    "description": "Whether to destroy the element when the dropdown is closed",
-    "type": "boolean"
-  },
-  "sd-select/filter-option": {
-    "description": "Whether to filter options"
-  },
-  "sd-select/options": {
-    "description": "Option data"
-  },
-  "sd-select/virtual-list-props": {
-    "description": "Pass the virtual list attribute, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)"
-  },
-  "sd-select/trigger-props": {
-    "description": "Trigger props of the drop-down menu"
-  },
-  "sd-select/format-label": {
-    "description": "Format display content"
-  },
-  "sd-select/fallback-option": {
-    "description": "Options that do not exist in custom values"
-  },
-  "sd-select/show-extra-options": {
-    "description": "Options that do not exist in custom values",
-    "type": "boolean"
-  },
-  "sd-select/value-key": {
-    "description": "Used to determine the option key value attribute name",
-    "type": "string"
-  },
-  "sd-select/search-delay": {
-    "description": "Delay time to trigger search event",
-    "type": "number"
-  },
-  "sd-select/limit": {
-    "description": "Maximum number of choices in multiple choice",
-    "type": "number"
-  },
-  "sd-select/field-names": {
-    "description": "Customize fields in `SelectOptionData`"
-  },
-  "sd-select/scrollbar": {
-    "description": "Whether to enable virtual scroll bar"
-  },
-  "sd-select/show-header-on-empty": {
-    "description": "Whether to display the header in the empty state",
-    "type": "boolean"
-  },
-  "sd-select/show-footer-on-empty": {
-    "description": "Whether to display the footer in the empty state",
-    "type": "boolean"
-  },
-  "sd-select/tag-nowrap": {
-    "description": "Tag content does not wrap",
-    "type": "boolean"
-  },
   "sd-skeleton-line/rows": {
     "description": "Number of rows displayed",
     "type": "number"
@@ -3750,17 +3595,24 @@
   "sd-tree-select/allow-search": {
     "description": "Whether to allow searching"
   },
+  "sd-tree-select/filterable": {
+    "description": "Whether to allow searching, Naive compatibility alias",
+    "type": "boolean"
+  },
   "sd-tree-select/allow-clear": {
     "description": "Whether to allow clear",
     "type": "boolean"
   },
+  "sd-tree-select/clearable": {
+    "description": "Whether to allow clear, Naive compatibility alias",
+    "type": "boolean"
+  },
   "sd-tree-select/placeholder": {
     "description": "Prompt copy",
     "type": "string"
   },
   "sd-tree-select/max-tag-count": {
-    "description": "The maximum number of labels displayed, only valid in multi-select mode",
-    "type": "number"
+    "description": "The maximum number of labels displayed, only valid in multi-select mode"
   },
   "sd-tree-select/multiple": {
     "description": "Whether to support multiple selection",
@@ -3772,12 +3624,18 @@
   "sd-tree-select/model-value": {
     "description": "Value"
   },
+  "sd-tree-select/value": {
+    "description": "Value, Naive compatibility alias"
+  },
   "sd-tree-select/field-names": {
     "description": "Specify the field name in the node data"
   },
   "sd-tree-select/data": {
     "description": "Data"
   },
+  "sd-tree-select/options": {
+    "description": "Data, Naive compatibility alias"
+  },
   "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"
@@ -3786,6 +3644,10 @@
     "description": "Whether to show checkbox",
     "type": "boolean"
   },
+  "sd-tree-select/checkable": {
+    "description": "Whether to show checkbox, Naive compatibility alias",
+    "type": "boolean"
+  },
   "sd-tree-select/tree-check-strictly": {
     "description": "Whether the parent and child nodes are related",
     "type": "boolean"
@@ -3794,12 +3656,28 @@
     "description": "Customized echo method",
     "type": "string"
   },
+  "sd-tree-select/check-strategy": {
+    "description": "Customized echo method, Naive compatibility alias",
+    "type": "string"
+  },
+  "sd-tree-select/show-path": {
+    "description": "Whether to display the full path",
+    "type": "boolean"
+  },
+  "sd-tree-select/separator": {
+    "description": "Path separator",
+    "type": "string"
+  },
   "sd-tree-select/tree-props": {
     "description": "Can accept Props of all [Tree](/vue/component/tree) components"
   },
   "sd-tree-select/trigger-props": {
     "description": "Can accept Props of all [Trigger](/vue/component/trigger) components"
   },
+  "sd-tree-select/virtual-scroll": {
+    "description": "Whether to enable virtual scroll, Naive compatibility alias",
+    "type": "boolean"
+  },
   "sd-tree-select/popup-visible": {
     "description": "Whether the pop-up box is visible",
     "type": "boolean"