@sdata/web-vue 3.30.0 → 4.1.0

package/es/tree/node-switcher.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,85 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import icon_hover_default from "../_components/icon-hover.js";
+import IconLoading from "../icon/icon-loading/index.js";
+import usePickSlots from "../_hooks/use-pick-slots.js";
+import IconCaretDown from "../icon/icon-caret-down/index.js";
+import useTreeContext from "./hooks/use-tree-context.js";
+import IconFile from "../icon/icon-file/index.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, useSlots, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/tree/node-switcher.vue?vue&type=script&setup=true&lang.ts
+var node_switcher_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TreeNodeSwitcher" }), {}, {
+	__name: "node-switcher",
+	props: {
+		prefixCls: String,
+		loading: Boolean,
+		showLine: Boolean,
+		treeNodeData: { type: Object },
+		icons: { type: Object },
+		nodeStatus: { type: Object }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const VNodeRenderer = ({ content }) => content;
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const [DefineSwitcherIcon, ReuseSwitcherIcon] = createReusableTemplate();
+		const nodeSwitcherIcon = usePickSlots(slots, "switcher-icon");
+		const nodeLoadingIcon = usePickSlots(slots, "loading-icon");
+		const treeContext = useTreeContext();
+		const loadingIconVNode = computed(() => {
+			var _props$icons$loadingI, _props$icons, _treeContext$loadingI;
+			const icon = (_props$icons$loadingI = (_props$icons = props.icons) === null || _props$icons === void 0 ? void 0 : _props$icons.loadingIcon) !== null && _props$icons$loadingI !== void 0 ? _props$icons$loadingI : nodeLoadingIcon.value;
+			return icon ? icon(props.nodeStatus) : (_treeContext$loadingI = treeContext.loadingIcon) === null || _treeContext$loadingI === void 0 ? void 0 : _treeContext$loadingI.call(treeContext, props.treeNodeData, props.nodeStatus);
+		});
+		const switcherIconVNode = computed(() => {
+			var _props$icons$switcher, _props$icons2, _treeContext$switcher;
+			const icon = (_props$icons$switcher = (_props$icons2 = props.icons) === null || _props$icons2 === void 0 ? void 0 : _props$icons2.switcherIcon) !== null && _props$icons$switcher !== void 0 ? _props$icons$switcher : nodeSwitcherIcon.value;
+			return icon ? icon(props.nodeStatus) : (_treeContext$switcher = treeContext.switcherIcon) === null || _treeContext$switcher === void 0 ? void 0 : _treeContext$switcher.call(treeContext, props.treeNodeData, props.nodeStatus);
+		});
+		const needIconHover = computed(() => {
+			var _props$nodeStatus;
+			const { isLeaf } = (_props$nodeStatus = props.nodeStatus) !== null && _props$nodeStatus !== void 0 ? _props$nodeStatus : {};
+			return !isLeaf && !props.showLine;
+		});
+		const hasIcon = computed(() => {
+			var _props$nodeStatus2;
+			return !((_props$nodeStatus2 = props.nodeStatus) === null || _props$nodeStatus2 === void 0 ? void 0 : _props$nodeStatus2.isLeaf) || props.showLine;
+		});
+		const onClick = (e) => emit("click", e);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineSwitcherIcon), null, {
+				default: withCtx(() => {
+					var _props$nodeStatus3, _props$nodeStatus4, _props$nodeStatus5;
+					return [switcherIconVNode.value ? (openBlock(), createBlock(VNodeRenderer, {
+						key: 0,
+						content: switcherIconVNode.value
+					}, null, 8, ["content"])) : !((_props$nodeStatus3 = __props.nodeStatus) === null || _props$nodeStatus3 === void 0 ? void 0 : _props$nodeStatus3.isLeaf) && __props.showLine ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(`${__props.prefixCls}-${((_props$nodeStatus4 = __props.nodeStatus) === null || _props$nodeStatus4 === void 0 ? void 0 : _props$nodeStatus4.expanded) ? "minus" : "plus"}-icon`)
+					}, null, 2)) : !((_props$nodeStatus5 = __props.nodeStatus) === null || _props$nodeStatus5 === void 0 ? void 0 : _props$nodeStatus5.isLeaf) ? (openBlock(), createBlock(unref(IconCaretDown), { key: 2 })) : __props.showLine ? (openBlock(), createBlock(unref(IconFile), { key: 3 })) : createCommentVNode("", true)];
+				}),
+				_: 1
+			}), __props.loading && loadingIconVNode.value ? (openBlock(), createBlock(VNodeRenderer, {
+				key: 0,
+				content: loadingIconVNode.value
+			}, null, 8, ["content"])) : __props.loading ? (openBlock(), createBlock(unref(IconLoading), { key: 1 })) : hasIcon.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [needIconHover.value ? (openBlock(), createBlock(icon_hover_default, {
+				key: 0,
+				class: normalizeClass(`${__props.prefixCls}-icon-hover`)
+			}, {
+				default: withCtx(() => [createElementVNode("span", {
+					class: normalizeClass(`${__props.prefixCls}-switcher-icon`),
+					onClick
+				}, [createVNode(unref(ReuseSwitcherIcon))], 2)]),
+				_: 1
+			}, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(`${__props.prefixCls}-switcher-icon`),
+				onClick
+			}, [createVNode(unref(ReuseSwitcherIcon))], 2))], 64)) : createCommentVNode("", true)], 64);
+		};
+	}
+}));
+//#endregion
+export { node_switcher_vue_vue_type_script_setup_true_lang_default as default };

package/es/tree/node.js

@@ -1,22 +1,5 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import useNodeKey from "./hooks/use-node-key.js";
-import base_node_default from "./base-node.js";
-import transition_node_list_default from "./transition-node-list.js";
-import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
-//#region components/tree/node.tsx
-var node_default = /* @__PURE__ */ defineComponent({
-	name: "TreeNode",
-	inheritAttrs: false,
-	props: _objectSpread2({}, base_node_default.props),
-	setup(props, { slots, attrs }) {
-		const key = useNodeKey();
-		return () => {
-			return createVNode(Fragment, null, [createVNode(base_node_default, mergeProps(props, attrs, { "key": key.value }), slots), createVNode(transition_node_list_default, {
-				"key": key.value,
-				"nodeKey": key.value
-			}, null)]);
-		};
-	}
-});
+import node_vue_vue_type_script_setup_true_lang_default from "./node.vue_vue_type_script_setup_true_lang.js";
+//#region components/tree/node.vue
+var node_default = node_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { node_default as default };

package/es/tree/node.vue.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_9: string, __VLS_10: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/tree/node.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import useNodeKey from "./hooks/use-node-key.js";
+import base_node_default from "./base-node.js";
+import transition_node_list_default from "./transition-node-list.js";
+import { Fragment, createBlock, createElementBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, unref, withCtx } from "vue";
+//#region components/tree/node.vue?vue&type=script&setup=true&lang.ts
+var node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "TreeNode",
+	inheritAttrs: false
+}), {}, {
+	__name: "node",
+	props: _objectSpread2({}, base_node_default.props),
+	setup(__props) {
+		const props = __props;
+		const key = useNodeKey();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(base_node_default, mergeProps({ key: unref(key) }, _objectSpread2(_objectSpread2({}, props), _ctx.$attrs)), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+				return {
+					name,
+					fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData !== null && slotData !== void 0 ? slotData : {})))])
+				};
+			})]), 1040)), (openBlock(), createBlock(transition_node_list_default, {
+				key: unref(key),
+				"node-key": unref(key)
+			}, null, 8, ["node-key"]))], 64);
+		};
+	}
+}));
+//#endregion
+export { node_vue_vue_type_script_setup_true_lang_default as default };

package/es/tree/transition-node-list.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import useTreeContext from "./hooks/use-tree-context.js";
 import base_node_default from "./base-node.js";

package/es/tree/tree.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isFunction, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
 import virtual_list_default from "../_components/virtual-list/index.js";
-import usePickSlots from "../_hooks/use-pick-slots.js";
 import useMergeState from "../_hooks/use-merge-state.js";
+import usePickSlots from "../_hooks/use-pick-slots.js";
 import { isLeafNode, isNodeExpandable, isNodeSelectable } from "./utils/index.js";
 import useTreeData from "./hooks/use-tree-data.js";
 import { getCheckedStateByCheck, isNodeCheckable } from "./utils/check-utils.js";
@@ -492,7 +492,6 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						e.preventDefault();
 						onSelect(key, e);
 					}
-					break;
 			}
 		}
 		function getPublicCheckedKeys(rawCheckedKeys, rawCheckedStrategy = checkedStrategy.value) {
@@ -757,9 +756,7 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				case "keyup":
 					emit("nodeKeyup", nodeData, event);
 					break;
-				case "keypress":
-					emit("nodeKeypress", nodeData, event);
-					break;
+				case "keypress": emit("nodeKeypress", nodeData, event);
 			}
 		}
 		function onNodeLongPress(key, event) {
@@ -774,6 +771,27 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			else if (eventName === "swipe") emit("nodeSwipe", node.treeNodeData, event, swipeData);
 			else emit("nodeSwipeEnd", node.treeNodeData, event, swipeData);
 		}
+		const onLoadMore = computed(() => (loadMore === null || loadMore === void 0 ? void 0 : loadMore.value) ? function() {
+			var _ref = _asyncToGenerator(function* (key) {
+				if (!isFunction(loadMore.value)) return;
+				const node = key2TreeNode.value.get(key);
+				if (!node) return;
+				const { treeNodeData } = node;
+				loadingKeys.value = [.../* @__PURE__ */ new Set([...loadingKeys.value, key])];
+				try {
+					yield loadMore.value(treeNodeData);
+					loadingKeys.value = loadingKeys.value.filter((v) => v !== key);
+					onExpand(true, key);
+					if (mergedCheckedKeys.value.includes(key)) onCheck(true, key);
+				} catch (err) {
+					loadingKeys.value = loadingKeys.value.filter((v) => v !== key);
+					console.error("[tree]load data error: ", err);
+				}
+			});
+			return function(_x) {
+				return _ref.apply(this, arguments);
+			};
+		}() : void 0);
 		const treeContext = reactive({
 			treeProps: props,
 			switcherIcon,
@@ -792,27 +810,7 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			loadingKeys,
 			currentExpandKeys,
 			activeKey: effectiveActiveKey,
-			onLoadMore: computed(() => (loadMore === null || loadMore === void 0 ? void 0 : loadMore.value) ? function() {
-				var _ref = _asyncToGenerator(function* (key) {
-					if (!isFunction(loadMore.value)) return;
-					const node = key2TreeNode.value.get(key);
-					if (!node) return;
-					const { treeNodeData } = node;
-					loadingKeys.value = [.../* @__PURE__ */ new Set([...loadingKeys.value, key])];
-					try {
-						yield loadMore.value(treeNodeData);
-						loadingKeys.value = loadingKeys.value.filter((v) => v !== key);
-						onExpand(true, key);
-						if (mergedCheckedKeys.value.includes(key)) onCheck(true, key);
-					} catch (err) {
-						loadingKeys.value = loadingKeys.value.filter((v) => v !== key);
-						console.error("[tree]load data error: ", err);
-					}
-				});
-				return function(_x) {
-					return _ref.apply(this, arguments);
-				};
-			}() : void 0),
+			onLoadMore,
 			filterTreeNode,
 			onCheck,
 			onSelect,
@@ -1033,10 +1031,10 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				ref_key: "virtualListRef",
 				ref: virtualListRef
 			}, resolvedVirtualListProps.value, { items: visibleTreeNodeList.value }), {
-				item: withCtx(({ item: node }) => [(openBlock(), createBlock(unref(node_default), mergeProps({ key: `${__props.searchValue}-${node.key}` }, node.treeNodeProps), null, 16))]),
+				item: withCtx(({ item: node }) => [(openBlock(), createBlock(node_default, mergeProps({ key: `${__props.searchValue}-${node.key}` }, node.treeNodeProps), null, 16))]),
 				_: 1
 			}, 16, ["items"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(visibleTreeNodeList.value, (node) => {
-				return openBlock(), createBlock(unref(node_default), mergeProps({ key: node.key }, { ref_for: true }, node.treeNodeProps), null, 16);
+				return openBlock(), createBlock(node_default, mergeProps({ key: node.key }, { ref_for: true }, node.treeNodeProps), null, 16);
 			}), 128))], 6);
 		};
 	}

package/es/tree/utils/tree-data.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { isFunction, isUndefined } from "../../_utils/is.js";
 import { omit } from "../../_utils/omit.js";
 //#region components/tree/utils/tree-data.ts

package/es/tree-select/hooks/use-selected-state.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { isArray, isFunction, isObject } from "../../_utils/is.js";
 import { computed, ref, toRefs, watch, watchEffect } from "vue";
 //#region components/tree-select/hooks/use-selected-state.ts

package/es/tree-select/panel.js

@@ -1,73 +1,5 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { useScrollbar } from "../_hooks/use-scrollbar.js";
-import Scrollbar from "../scrollbar/index.js";
-import Tree from "../tree/index.js";
-import { computed, createVNode, defineComponent, isVNode, mergeProps, ref, toRefs } from "vue";
-//#region components/tree-select/panel.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var panel_default = /* @__PURE__ */ defineComponent({
-	name: "TreeSelectPanel",
-	components: { Tree },
-	props: {
-		treeProps: {
-			type: Object,
-			default: () => ({})
-		},
-		ellipsis: {
-			type: [Boolean, String],
-			default: false
-		},
-		selectedKeys: { type: Array },
-		showCheckable: { type: Boolean },
-		treeSlots: {
-			type: Object,
-			default: () => ({})
-		},
-		scrollbar: {
-			type: [Boolean, Object],
-			default: true
-		}
-	},
-	emits: ["change"],
-	setup(props, { emit }) {
-		const { showCheckable, selectedKeys, treeProps, scrollbar } = toRefs(props);
-		const { scrollbarProps } = useScrollbar(scrollbar);
-		const prefixCls = getPrefixCls("tree-select");
-		const refTree = ref();
-		const computedTreeProps = computed(() => {
-			return _objectSpread2(_objectSpread2({}, treeProps.value), {}, {
-				disableSelectActionOnly: true,
-				checkedKeys: showCheckable.value ? selectedKeys.value : [],
-				selectedKeys: showCheckable.value ? [] : selectedKeys.value
-			});
-		});
-		const treeWrapperClassName = computed(() => [`${prefixCls}-tree-wrapper`, computedTreeProps.value.virtualListProps && `${prefixCls}-tree-wrapper-virtual`]);
-		const onSelect = (newVal, event) => {
-			if (showCheckable.value) {
-				if (newVal[0] !== void 0 && event.e) {
-					var _refTree$value, _refTree$value$toggle;
-					(_refTree$value = refTree.value) === null || _refTree$value === void 0 || (_refTree$value$toggle = _refTree$value.toggleCheck) === null || _refTree$value$toggle === void 0 || _refTree$value$toggle.call(_refTree$value, newVal[0], event.e);
-				}
-			} else emit("change", newVal);
-		};
-		const onCheck = (newVal) => {
-			emit("change", newVal);
-		};
-		const renderTree = () => {
-			return createVNode(Tree, mergeProps({ "ref": refTree }, computedTreeProps.value, {
-				"ellipsis": props.ellipsis,
-				"onSelect": onSelect,
-				"onCheck": onCheck
-			}), props.treeSlots);
-		};
-		return () => {
-			let _slot;
-			return createVNode(Scrollbar, mergeProps({ "class": treeWrapperClassName.value }, scrollbarProps.value), _isSlot(_slot = renderTree()) ? _slot : { default: () => [_slot] });
-		};
-	}
-});
+import panel_vue_vue_type_script_setup_true_lang_default from "./panel.vue_vue_type_script_setup_true_lang.js";
+//#region components/tree-select/panel.vue
+var panel_default = panel_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { panel_default as default };

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

@@ -0,0 +1,56 @@
+import { type PropType, type Slots } from 'vue';
+import type { ScrollbarProps } from '../scrollbar';
+import type { TreeNodeKey, TreeProps } from '../tree/interface';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    treeProps: {
+        type: PropType<Partial<TreeProps>>;
+        default: () => {};
+    };
+    ellipsis: {
+        type: PropType<TreeProps["ellipsis"]>;
+        default: boolean;
+    };
+    selectedKeys: PropType<TreeNodeKey[]>;
+    showCheckable: BooleanConstructor;
+    treeSlots: {
+        type: PropType<Slots>;
+        default: () => {};
+    };
+    scrollbar: {
+        type: PropType<boolean | ScrollbarProps>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: TreeNodeKey[]) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    treeProps: {
+        type: PropType<Partial<TreeProps>>;
+        default: () => {};
+    };
+    ellipsis: {
+        type: PropType<TreeProps["ellipsis"]>;
+        default: boolean;
+    };
+    selectedKeys: PropType<TreeNodeKey[]>;
+    showCheckable: BooleanConstructor;
+    treeSlots: {
+        type: PropType<Slots>;
+        default: () => {};
+    };
+    scrollbar: {
+        type: PropType<boolean | ScrollbarProps>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((value: TreeNodeKey[]) => any) | undefined;
+}>, {
+    ellipsis: import("../tree/interface").TreeEllipsis;
+    scrollbar: boolean | ScrollbarProps;
+    treeProps: Partial<TreeProps>;
+    showCheckable: boolean;
+    treeSlots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,75 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { useScrollbar } from "../_hooks/use-scrollbar.js";
+import Scrollbar from "../scrollbar/index.js";
+import Tree from "../tree/index.js";
+import { computed, createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderList, resolveDynamicComponent, toRef, unref, withCtx } from "vue";
+//#region components/tree-select/panel.vue?vue&type=script&setup=true&lang.ts
+var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TreeSelectPanel" }), {}, {
+	__name: "panel",
+	props: {
+		treeProps: {
+			type: Object,
+			default: () => ({})
+		},
+		ellipsis: {
+			type: [Boolean, String],
+			default: false
+		},
+		selectedKeys: Array,
+		showCheckable: Boolean,
+		treeSlots: {
+			type: Object,
+			default: () => ({})
+		},
+		scrollbar: {
+			type: [Boolean, Object],
+			default: true
+		}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { scrollbarProps } = useScrollbar(toRef(props, "scrollbar"));
+		const prefixCls = getPrefixCls("tree-select");
+		const refTree = ref();
+		const computedTreeProps = computed(() => _objectSpread2(_objectSpread2({}, props.treeProps), {}, {
+			disableSelectActionOnly: true,
+			checkedKeys: props.showCheckable ? props.selectedKeys : [],
+			selectedKeys: props.showCheckable ? [] : props.selectedKeys
+		}));
+		const treeWrapperClassName = computed(() => [`${prefixCls}-tree-wrapper`, computedTreeProps.value.virtualListProps && `${prefixCls}-tree-wrapper-virtual`]);
+		const onSelect = (newValue, event) => {
+			if (props.showCheckable) {
+				if (newValue[0] !== void 0 && event.e) {
+					var _refTree$value, _refTree$value$toggle;
+					(_refTree$value = refTree.value) === null || _refTree$value === void 0 || (_refTree$value$toggle = _refTree$value.toggleCheck) === null || _refTree$value$toggle === void 0 || _refTree$value$toggle.call(_refTree$value, newValue[0], event.e);
+				}
+			} else emit("change", newValue);
+		};
+		const onCheck = (newValue) => {
+			emit("change", newValue);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Scrollbar), mergeProps({ class: treeWrapperClassName.value }, unref(scrollbarProps)), {
+				default: withCtx(() => [createVNode(unref(Tree), mergeProps({
+					ref_key: "refTree",
+					ref: refTree
+				}, computedTreeProps.value, {
+					ellipsis: __props.ellipsis,
+					onSelect,
+					onCheck
+				}), createSlots({ _: 2 }, [renderList(__props.treeSlots, (_, name) => {
+					return {
+						name,
+						fn: withCtx((slotData) => [(openBlock(), createBlock(resolveDynamicComponent(__props.treeSlots[name]), normalizeProps(guardReactiveProps(slotData !== null && slotData !== void 0 ? slotData : {})), null, 16))])
+					};
+				})]), 1040, ["ellipsis"])]),
+				_: 1
+			}, 16, ["class"]);
+		};
+	}
+}));
+//#endregion
+export { panel_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,6 +1,7 @@
 import { CSSProperties, PropType } from 'vue';
 import type { FloatingOptions } from '../_utils/floating';
 import type { SpinProps } from '../spin';
+import { SelectViewValue } from '../_components/select-view/interface';
 import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
 import { ScrollbarProps } from '../scrollbar';
@@ -16,8 +17,10 @@ declare var __VLS_16: {
     disabled: boolean;
     loading: boolean;
     multiple: boolean;
-}, __VLS_32: {}, __VLS_35: any, __VLS_38: {
-    data: any;
+}, __VLS_32: {}, __VLS_35: {
+    data: SelectViewValue;
+}, __VLS_38: {
+    data: Record<string, unknown> | SelectViewValue;
 }, __VLS_41: {}, __VLS_43: {}, __VLS_50: {}, __VLS_64: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_16) => any;

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

@@ -1,15 +1,15 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/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";
 import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
 import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
-import useMergeState from "../_hooks/use-merge-state.js";
 import Empty from "../empty/index.js";
 import Spin from "../spin/index.js";
 import select_view_default from "../_components/select-view/select-view.js";
@@ -679,7 +679,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 								key: 0,
 								class: normalizeClass(`${unref(prefixCls)}-header`)
 							}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
-							__props.loading ? renderSlot(_ctx.$slots, "loader", {}, () => [createVNode(unref(Spin), normalizeProps(guardReactiveProps(resolvedSpinProps.value)), null, 16)], void 0, 1) : isEmpty.value ? renderSlot(_ctx.$slots, "empty", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(TreeSelectEmpty) || unref(Empty))))], void 0, 2) : (openBlock(), createBlock(unref(panel_default), {
+							__props.loading ? renderSlot(_ctx.$slots, "loader", {}, () => [createVNode(unref(Spin), normalizeProps(guardReactiveProps(resolvedSpinProps.value)), null, 16)], void 0, 1) : isEmpty.value ? renderSlot(_ctx.$slots, "empty", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(TreeSelectEmpty) || unref(Empty))))], void 0, 2) : (openBlock(), createBlock(panel_default, {
 								key: 3,
 								"selected-keys": unref(selectedKeys),
 								"show-checkable": mergedTreeCheckable.value,
@@ -725,7 +725,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 							disabled: unref(mergedDisabled),
 							loading: __props.loading,
 							multiple: isMultiple.value
-						}, () => [createVNode(unref(select_view_default), mergeProps({
+						}, () => [createVNode(select_view_default, mergeProps({
 							ref_key: "refSelectView",
 							ref: refSelectView,
 							"model-value": selectViewValue.value,