@sdata/web-vue 1.11.1 → 1.12.0

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

@@ -1,6 +1,6 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isObject, isUndefined } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
@@ -10,6 +10,7 @@ import Empty from "../empty/index.js";
 import Spin from "../spin/index.js";
 import Trigger from "../trigger/index.js";
 import select_view_default from "../_components/select-view/select-view.js";
+import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import { getCheckedStateByCheck, isNodeCheckable } from "../tree/utils/check-utils.js";
 import { isNodeSelectable } from "../tree/utils/index.js";
 import useTreeData from "../tree/hooks/use-tree-data.js";
@@ -17,7 +18,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, getCurrentInstance, inject, nextTick, reactive, ref, toRefs } from "vue";
+import { computed, defineComponent, 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",
@@ -30,73 +31,201 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 	},
 	inheritAttrs: false,
 	props: {
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		* */
 		disabled: { type: Boolean },
+		/**
+		* @zh 是否为加载中状态
+		* @en Whether it is loading state
+		* */
 		loading: { type: Boolean },
+		/**
+		* @zh 是否为错误状态
+		* @en Whether it is an error state
+		* */
 		error: { type: Boolean },
+		/**
+		* @zh 选择框的大小
+		* @en The size of the selection box.
+		* @values 'mini','small','medium','large'
+		* @defaultValue 'medium'
+		* */
 		size: { type: String },
+		/**
+		* @zh 是否显示边框
+		* @en Whether to show the border
+		* */
 		border: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否允许搜索
+		* @en Whether to allow searching
+		* @defaultValue false (single) \| true (multiple)
+		* */
 		allowSearch: {
 			type: [Boolean, Object],
 			default: void 0
 		},
+		/**
+		* @zh 是否允许搜索，Naive 兼容别名
+		* @en Whether to allow searching, Naive compatibility alias
+		* */
 		filterable: { type: Boolean },
+		/**
+		* @zh 是否允许清除
+		* @en Whether to allow clear
+		* */
 		allowClear: { type: Boolean },
+		/**
+		* @zh 是否允许清除，Naive 兼容别名
+		* @en Whether to allow clear, Naive compatibility alias
+		* */
 		clearable: { type: Boolean },
 		showArrow: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 提示文案
+		* @en Prompt copy
+		* */
 		placeholder: { type: String },
+		/**
+		* @zh 最多显示的标签数量，仅在多选模式有效
+		* @en The maximum number of labels displayed, only valid in multi-select mode
+		* */
 		maxTagCount: { type: [Number, String] },
+		/**
+		* @zh 是否支持多选
+		* @en Whether to support multiple selection
+		* */
 		multiple: { type: Boolean },
+		/**
+		* @zh 默认值
+		* @en Default value
+		* */
 		defaultValue: { type: [
 			String,
 			Number,
 			Array,
 			Object
 		] },
+		/**
+		* @zh 绑定值
+		* @en Value
+		* */
 		modelValue: { type: [
 			String,
 			Number,
 			Array,
 			Object
 		] },
+		/**
+		* @zh 绑定值，Naive 兼容别名
+		* @en Value, Naive compatibility alias
+		* */
 		value: { type: [
 			String,
 			Number,
 			Array,
 			Object
 		] },
+		/**
+		* @zh 指定节点数据中的字段名
+		* @en Specify the field name in the node data
+		* */
 		fieldNames: { type: Object },
+		/**
+		* @zh 数据
+		* @en Data
+		* */
 		data: {
 			type: Array,
 			default: () => []
 		},
+		/**
+		* @zh 数据，Naive 兼容别名
+		* @en Data, Naive compatibility alias
+		* */
 		options: { type: Array },
+		/**
+		* @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}
+		* */
 		labelInValue: { type: Boolean },
+		/**
+		* @zh 是否展示复选框
+		* @en Whether to show checkbox
+		* */
 		treeCheckable: { type: Boolean },
+		/**
+		* @zh 是否展示复选框，Naive 兼容别名
+		* @en Whether to show checkbox, Naive compatibility alias
+		* */
 		checkable: { type: Boolean },
+		/**
+		* @zh 父子节点是否关联
+		* @en Whether the parent and child nodes are related
+		* */
 		treeCheckStrictly: { type: Boolean },
+		/**
+		* @zh 定制回显方式
+		* @en Customized echo method
+		* */
 		treeCheckedStrategy: {
 			type: String,
 			default: "all"
 		},
+		/**
+		* @zh 定制回显方式，Naive 兼容别名
+		* @en Customized echo method, Naive compatibility alias
+		* */
 		checkStrategy: { type: String },
+		/**
+		* @zh 是否展示完整路径
+		* @en Whether to display the full path
+		* */
 		showPath: { type: Boolean },
+		/**
+		* @zh 路径分隔符
+		* @en Path separator
+		* */
 		separator: {
 			type: String,
 			default: " / "
 		},
+		/**
+		* @zh 可以接受所有 [Tree](/vue/component/tree) 组件的Props
+		* @en Can accept Props of all [Tree](/vue/component/tree) components
+		* */
 		treeProps: { type: Object },
+		/**
+		* @zh 传递树虚拟列表属性，传入此参数以开启虚拟滚动
+		* @en Pass tree virtual list properties to enable virtual scrolling
+		*/
 		virtualListProps: { type: Object },
+		/**
+		* @zh 可以接受所有 [Trigger](/vue/component/trigger) 组件的Props
+		* @en Can accept Props of all [Trigger](/vue/component/trigger) components
+		* */
 		triggerProps: { type: Object },
+		/**
+		* @zh 是否开启虚拟滚动，Naive 兼容别名
+		* @en Whether to enable virtual scroll, Naive compatibility alias
+		* */
 		virtualScroll: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh 弹出框是否可见
+		* @en Whether the pop-up box is visible
+		* @vModel
+		*/
 		popupVisible: {
 			type: Boolean,
 			default: void 0
@@ -105,21 +234,59 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh 默认弹出框是否可见
+		* @en Whether the default pop-up box is visible
+		* */
 		defaultPopupVisible: { type: Boolean },
 		defaultShow: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh 下拉框样式
+		* @en Drop-down box style
+		* */
 		dropdownStyle: { type: Object },
+		/**
+		* @zh 下拉框样式 class
+		* @en Drop-down box style class
+		* */
 		dropdownClassName: { type: [String, Array] },
+		/**
+		* @zh 自定义节点过滤函数
+		* @en Custom node filter function
+		* */
 		filterTreeNode: { type: Function },
+		/**
+		* @zh 动态加载数据
+		* @en Load data dynamically
+		* */
 		loadMore: { type: Function },
+		/**
+		* @zh 禁用内部过滤逻辑
+		* @en Disable internal filtering logic
+		* */
 		disableFilter: { type: Boolean },
+		/**
+		* @zh 弹出框的挂载容器
+		* @en Mount container for pop-up box
+		*/
 		popupContainer: { type: [String, Object] },
+		/**
+		* @zh 为 value 中找不到匹配项的 key 定义节点数据
+		* @en Customize node data for keys that do not match options
+		* @version 2.22.0
+		*/
 		fallbackOption: {
 			type: [Boolean, Function],
 			default: true
 		},
+		/**
+		* @zh 设置可选择的节点，默认全部可选
+		* @en Set the nodes that can be selected, all can be selected by default
+		* @version 2.27.0
+		*/
 		selectable: {
 			type: [
 				Boolean,
@@ -128,49 +295,155 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			],
 			default: true
 		},
+		/**
+		* @zh 是否开启虚拟滚动条
+		* @en Whether to enable virtual scroll bar
+		* @version 2.39.0
+		*/
 		scrollbar: {
 			type: [Boolean, Object],
 			default: true
 		},
+		/**
+		* @zh 空状态时是否显示header
+		* @en Whether to display the header in the empty state
+		*/
 		showHeaderOnEmpty: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 空状态时是否显示footer
+		* @en Whether to display the footer in the empty state
+		*/
 		showFooterOnEmpty: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 输入框的值
+		* @en The value of the input
+		* @vModel
+		* @version 2.55.0
+		*/
 		inputValue: { type: String },
+		/**
+		* @zh 输入框的默认值（非受控模式）
+		* @en The default value of the input (uncontrolled mode)
+		* @version 2.55.0
+		*/
 		defaultInputValue: {
 			type: String,
 			default: ""
 		}
 	},
 	emits: {
+		/**
+		* @zh 值改变时触发
+		* @en Trigger when the value changes
+		* @param {string | number | LabelValue | Array<string | number> | LabelValue[] | undefined} value
+		*/
 		"change": (_value) => true,
 		"update:modelValue": (_value) => true,
 		"update:value": (_value) => true,
 		"update:inputValue": (_inputValue) => true,
+		/**
+		* @zh 下拉框显示状态改变时触发
+		* @en Triggered when the status of the drop-down box changes
+		* @param {boolean} visible
+		*/
 		"popup-visible-change": (_visible) => true,
 		"update:popupVisible": (_visible) => true,
 		"showChange": (_visible) => true,
 		"update:show": (_visible) => true,
+		/**
+		* @zh 搜索值变化时触发
+		* @en Triggered when the search value changes
+		* @param {string} searchKey
+		*/
 		"search": (_searchKey) => true,
+		/**
+		* @zh 点击清除时触发
+		* @en Triggered when clear is clicked
+		* */
 		"clear": () => true,
+		/**
+		* @zh 输入框的值发生改变时触发
+		* @en Triggered when the value of the input changes
+		* @param {string} inputValue
+		* @version 2.55.0
+		*/
 		"inputValueChange": (_inputValue) => true
 	},
+	/**
+	* @zh 自定义触发元素
+	* @en Custom trigger element
+	* @slot trigger
+	*/
+	/**
+	* @zh 前缀
+	* @en Prefix
+	* @slot prefix
+	*/
+	/**
+	* @zh 自定义选择框显示
+	* @en Custom Label
+	* @slot label
+	* @binding data
+	*/
+	/**
+	* @zh 定制加载中显示的内容
+	* @en Customizing the content displayed during loading
+	* @slot loader
+	*/
+	/**
+	* @zh 定制空数据展示
+	* @en Custom empty data display
+	* @slot empty
+	*/
+	/**
+	* @zh 定制 tree 组件的 switcher 图标
+	* @en Custom switcher icon for the tree component
+	* @slot tree-slot-switcher-icon
+	*/
+	/**
+	* @zh 定制 tree 组件的节点图标
+	* @en Custom node icon for the tree component
+	* @slot tree-slot-icon
+	* @binding {TreeNodeData} node
+	* @version 2.18.0
+	*/
+	/**
+	* @zh 定制 tree 组件的节点标题
+	* @en Custom the node title of the tree component
+	* @slot tree-slot-title
+	* @binding {string} title
+	*/
+	/**
+	* @zh 定制 tree 组件的渲染额外节点内容
+	* @en Render additional node content of the tree component
+	* @slot tree-slot-extra
+	*/
+	/**
+	* @zh 自定义下拉框页头
+	* @en The header of the drop-down box
+	* @slot header
+	*/
+	/**
+	* @zh 自定义下拉框页脚
+	* @en The footer of the drop-down box
+	* @slot footer
+	*/
 	setup(props, { emit, slots }) {
 		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 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 { mergedAllowSearch } = useAllowSearch(computed(() => props.allowSearch), {
+			compatPropNames: ["filterable"],
+			getCompatValue: () => props.filterable,
+			getDefaultValue: () => 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];