@sdata/web-vue 1.3.0 → 1.4.1

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

@@ -1,96 +0,0 @@
-const require_objectSpread2 = require("../../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js");
-const require_is = require("../../_utils/is.js");
-const require_omit = require("../../_utils/omit.js");
-//#region components/tree/utils/tree-data.ts
-var generateKey = (() => {
-	let i = 0;
-	return () => {
-		i += 1;
-		return `__arco_tree${i}`;
-	};
-})();
-function getBoolean(val1, val2) {
-	return !!(require_is.isUndefined(val1) ? val2 : val1);
-}
-function mapObject(obj, nameMap) {
-	const _obj = require_objectSpread2._objectSpread2({}, obj);
-	if (nameMap) Object.keys(nameMap).forEach((name) => {
-		const sourceName = nameMap[name];
-		if (sourceName !== name) {
-			_obj[name] = obj[sourceName];
-			delete _obj[sourceName];
-		}
-	});
-	return _obj;
-}
-function getEnableResult({ subEnable, superEnable, isLeaf, treeNodeData, level }) {
-	if (!require_is.isUndefined(subEnable)) return subEnable;
-	if (require_is.isFunction(superEnable)) return superEnable(treeNodeData, {
-		isLeaf,
-		level
-	});
-	return superEnable !== null && superEnable !== void 0 ? superEnable : false;
-}
-function generateNode(options) {
-	var _mapTreeNodeData$chil, _mapTreeNodeData$key;
-	const { treeNodeData, parentNode, isTail = true, treeProps } = options;
-	const { fieldNames } = treeProps || {};
-	const mapTreeNodeData = mapObject(treeNodeData, fieldNames);
-	const isLeaf = treeProps.loadMore ? !!mapTreeNodeData.isLeaf : !((_mapTreeNodeData$chil = mapTreeNodeData.children) === null || _mapTreeNodeData$chil === void 0 ? void 0 : _mapTreeNodeData$chil.length);
-	const level = parentNode ? parentNode.level + 1 : 0;
-	const treeNodeProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, require_omit.omit(mapTreeNodeData, ["children"])), {}, {
-		key: (_mapTreeNodeData$key = mapTreeNodeData.key) !== null && _mapTreeNodeData$key !== void 0 ? _mapTreeNodeData$key : generateKey(),
-		selectable: getEnableResult({
-			subEnable: mapTreeNodeData.selectable,
-			superEnable: treeProps === null || treeProps === void 0 ? void 0 : treeProps.selectable,
-			isLeaf,
-			level,
-			treeNodeData
-		}),
-		disabled: !!mapTreeNodeData.disabled,
-		disableCheckbox: !!mapTreeNodeData.disableCheckbox,
-		checkable: getEnableResult({
-			subEnable: mapTreeNodeData.checkable,
-			superEnable: treeProps === null || treeProps === void 0 ? void 0 : treeProps.checkable,
-			isLeaf,
-			level,
-			treeNodeData
-		}),
-		isLeaf,
-		isTail,
-		blockNode: !!(treeProps === null || treeProps === void 0 ? void 0 : treeProps.blockNode),
-		showLine: !!(treeProps === null || treeProps === void 0 ? void 0 : treeProps.showLine),
-		level,
-		lineless: parentNode ? [...parentNode.lineless, parentNode.isTail] : [],
-		draggable: getBoolean(mapTreeNodeData.draggable, treeProps === null || treeProps === void 0 ? void 0 : treeProps.draggable)
-	});
-	return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, treeNodeProps), {}, {
-		treeNodeProps,
-		treeNodeData,
-		parent: parentNode,
-		parentKey: parentNode === null || parentNode === void 0 ? void 0 : parentNode.key,
-		pathParentKeys: parentNode ? [...parentNode.pathParentKeys, parentNode.key] : []
-	});
-}
-function generateTreeData(treeData, treeProps) {
-	function preOrder(tree, parentNode) {
-		if (!tree) return void 0;
-		const { fieldNames } = treeProps;
-		const nodes = [];
-		tree.forEach((treeNodeData, index) => {
-			const node = generateNode({
-				treeNodeData,
-				treeProps,
-				parentNode,
-				isTail: index === tree.length - 1
-			});
-			node.children = preOrder(treeNodeData[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || "children"], node);
-			nodes.push(node);
-		});
-		return nodes;
-	}
-	return preOrder(treeData);
-}
-//#endregion
-exports.generateKey = generateKey;
-exports.generateTreeData = generateTreeData;

package/lib/tree-select/hooks/use-filter-tree-node.js

@@ -1,47 +0,0 @@
-require("../../_virtual/_rolldown/runtime.js");
-const require_is = require("../../_utils/is.js");
-const require_debounce = require("../../_utils/debounce.js");
-let vue = require("vue");
-//#region components/tree-select/hooks/use-filter-tree-node.ts
-function useFilterTreeNode(props) {
-	const { searchValue, flattenTreeData, filterMethod: propFilterMethod, disableFilter, fieldNames } = (0, vue.toRefs)(props);
-	const keyField = (0, vue.computed)(() => {
-		var _fieldNames$value;
-		return ((_fieldNames$value = fieldNames.value) === null || _fieldNames$value === void 0 ? void 0 : _fieldNames$value.key) || "key";
-	});
-	const defaultFilterMethod = (keyword, node) => {
-		const key = node[keyField.value];
-		return !require_is.isUndefined(key) && String(key).indexOf(keyword) > -1;
-	};
-	const filterMethod = (0, vue.computed)(() => (propFilterMethod === null || propFilterMethod === void 0 ? void 0 : propFilterMethod.value) || defaultFilterMethod);
-	const filteredKeysSet = (0, vue.ref)();
-	const isFiltering = (0, vue.computed)(() => !!searchValue.value);
-	const isEmptyFilterResult = (0, vue.computed)(() => !(disableFilter === null || disableFilter === void 0 ? void 0 : disableFilter.value) && isFiltering.value && filteredKeysSet.value && filteredKeysSet.value.size === 0);
-	const filterTreeNode = (0, vue.computed)(() => (disableFilter === null || disableFilter === void 0 ? void 0 : disableFilter.value) ? void 0 : (node) => {
-		var _filteredKeysSet$valu, _filteredKeysSet$valu2;
-		if (!isFiltering.value) return true;
-		const key = node[keyField.value];
-		return (_filteredKeysSet$valu = (_filteredKeysSet$valu2 = filteredKeysSet.value) === null || _filteredKeysSet$valu2 === void 0 ? void 0 : _filteredKeysSet$valu2.has(key || "")) !== null && _filteredKeysSet$valu !== void 0 ? _filteredKeysSet$valu : false;
-	});
-	const updateFilteredKeysSet = require_debounce.debounce((treeData, keyword) => {
-		const hitNodes = treeData.filter((node) => filterMethod.value(keyword, node.treeNodeData));
-		const _keysSet = /* @__PURE__ */ new Set();
-		hitNodes.forEach((node) => {
-			_keysSet.add(node.key);
-			node.pathParentKeys.forEach((_key) => {
-				_keysSet.add(_key);
-			});
-		});
-		filteredKeysSet.value = _keysSet;
-	}, 100);
-	(0, vue.watchEffect)(() => {
-		if (disableFilter === null || disableFilter === void 0 ? void 0 : disableFilter.value) filteredKeysSet.value = void 0;
-		else updateFilteredKeysSet(flattenTreeData.value, searchValue.value);
-	});
-	return {
-		isEmptyFilterResult,
-		filterTreeNode
-	};
-}
-//#endregion
-exports.default = useFilterTreeNode;

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

@@ -1,98 +0,0 @@
-require("../../_virtual/_rolldown/runtime.js");
-const require_objectSpread2 = require("../../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js");
-const require_is = require("../../_utils/is.js");
-let vue = require("vue");
-//#region components/tree-select/hooks/use-selected-state.ts
-function isLabelValue(value) {
-	return require_is.isObject(value);
-}
-function isValidKey(key) {
-	return key !== void 0 && key !== null && key !== "";
-}
-function getKey(value) {
-	return isLabelValue(value) ? value.value : value;
-}
-function getLabel(value) {
-	return isLabelValue(value) ? value.label : void 0;
-}
-function isValidValue(value) {
-	return isValidKey(getKey(value));
-}
-function getKeys(value) {
-	return value.map(getKey).filter(isValidKey);
-}
-function useSelectedState(props) {
-	var _defaultValue$value;
-	const { defaultValue, modelValue, key2TreeNode, multiple, treeCheckable, fallbackOption, fieldNames } = (0, vue.toRefs)(props);
-	function normalizeValue(value) {
-		const validValue = (require_is.isArray(value) ? value : [value]).filter(isValidValue);
-		return (multiple === null || multiple === void 0 ? void 0 : multiple.value) || (treeCheckable === null || treeCheckable === void 0 ? void 0 : treeCheckable.value) ? validValue : validValue.slice(0, 1);
-	}
-	function getLabelValues(value, originValue) {
-		const res = [];
-		const validValue = value ? value.filter(isValidValue) : [];
-		if (validValue.length) {
-			const originValueMap = /* @__PURE__ */ new Map();
-			originValue === null || originValue === void 0 || originValue.forEach((item) => {
-				originValueMap.set(item.value, item);
-			});
-			validValue.forEach((item) => {
-				var _fieldNames$value, _ref, _ref2, _ref3, _getLabel;
-				const key = getKey(item);
-				const originValueItem = originValueMap.get(key);
-				const node = key2TreeNode.value.get(key);
-				let fallbackNodeData = null;
-				const nodeDataTitle = (fieldNames === null || fieldNames === void 0 || (_fieldNames$value = fieldNames.value) === null || _fieldNames$value === void 0 ? void 0 : _fieldNames$value.title) || "title";
-				if (!node) {
-					const fallbackResult = require_is.isFunction(fallbackOption === null || fallbackOption === void 0 ? void 0 : fallbackOption.value) ? fallbackOption === null || fallbackOption === void 0 ? void 0 : fallbackOption.value(key) : fallbackOption === null || fallbackOption === void 0 ? void 0 : fallbackOption.value;
-					if (fallbackResult === false) return;
-					if (require_is.isObject(fallbackResult)) fallbackNodeData = fallbackResult;
-				}
-				res.push(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, isLabelValue(item) ? item : {}), originValueItem || {}), {}, {
-					value: key,
-					label: (_ref = (_ref2 = (_ref3 = (_getLabel = getLabel(item)) !== null && _getLabel !== void 0 ? _getLabel : node === null || node === void 0 ? void 0 : node.title) !== null && _ref3 !== void 0 ? _ref3 : originValueItem === null || originValueItem === void 0 ? void 0 : originValueItem.label) !== null && _ref2 !== void 0 ? _ref2 : fallbackNodeData === null || fallbackNodeData === void 0 ? void 0 : fallbackNodeData[nodeDataTitle]) !== null && _ref !== void 0 ? _ref : key
-				}));
-			});
-		}
-		return res;
-	}
-	const computedModelValueKeys = (0, vue.ref)();
-	const computedModelValue = (0, vue.ref)();
-	(0, vue.watchEffect)(() => {
-		var _modelValue$value;
-		const isControlled = (modelValue === null || modelValue === void 0 ? void 0 : modelValue.value) !== void 0;
-		const normalizeModelValue = normalizeValue((_modelValue$value = modelValue === null || modelValue === void 0 ? void 0 : modelValue.value) !== null && _modelValue$value !== void 0 ? _modelValue$value : []);
-		const modelValueKeys = getKeys(normalizeModelValue);
-		computedModelValue.value = isControlled ? getLabelValues(modelValueKeys, getLabelValues(normalizeModelValue)) : void 0;
-		computedModelValueKeys.value = isControlled ? modelValueKeys : void 0;
-	});
-	const normalizeDefaultValue = normalizeValue((_defaultValue$value = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) !== null && _defaultValue$value !== void 0 ? _defaultValue$value : []);
-	const defaultKeys = getKeys(normalizeDefaultValue);
-	const defaultLabelValues = getLabelValues(defaultKeys, getLabelValues(normalizeDefaultValue));
-	const localValueKeys = (0, vue.ref)(defaultKeys || []);
-	const localValue = (0, vue.ref)(defaultLabelValues);
-	(0, vue.watch)(localValueKeys, () => {
-		localValue.value = getLabelValues(localValueKeys.value, defaultLabelValues);
-	});
-	(0, vue.watch)([computedModelValueKeys, computedModelValue], ([valueKeys, value]) => {
-		localValueKeys.value = valueKeys || [];
-		localValue.value = value || [];
-	});
-	return {
-		selectedKeys: (0, vue.computed)(() => {
-			var _computedModelValueKe;
-			return (_computedModelValueKe = computedModelValueKeys.value) !== null && _computedModelValueKe !== void 0 ? _computedModelValueKe : localValueKeys.value;
-		}),
-		selectedValue: (0, vue.computed)(() => {
-			var _computedModelValue$v;
-			return (_computedModelValue$v = computedModelValue.value) !== null && _computedModelValue$v !== void 0 ? _computedModelValue$v : localValue.value;
-		}),
-		setLocalSelectedKeys(keys) {
-			localValueKeys.value = keys;
-		},
-		localSelectedKeys: localValueKeys,
-		localSelectedValue: localValue
-	};
-}
-//#endregion
-exports.default = useSelectedState;

package/lib/tree-select/index.js

@@ -1,10 +0,0 @@
-const require_global_config = require("../_utils/global-config.js");
-const require_tree_select = require("./tree-select.js");
-//#region components/tree-select/index.ts
-var TreeSelect = Object.assign(require_tree_select.default, { install: (app, options) => {
-	require_global_config.setGlobalConfig(app, options);
-	const componentPrefix = require_global_config.getComponentPrefix(options);
-	app.component(componentPrefix + require_tree_select.default.name, require_tree_select.default);
-} });
-//#endregion
-exports.default = TreeSelect;

package/lib/tree-select/panel.js

@@ -1,69 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_objectSpread2 = require("../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_use_scrollbar = require("../_hooks/use-scrollbar.js");
-const require_index = require("../scrollbar/index.js");
-const require_index$1 = require("../tree/index.js");
-let vue = require("vue");
-//#region components/tree-select/panel.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var panel_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "TreeSelectPanel",
-	components: { Tree: require_index$1.default },
-	props: {
-		treeProps: {
-			type: Object,
-			default: () => ({})
-		},
-		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 } = (0, vue.toRefs)(props);
-		const { displayScrollbar, scrollbarProps } = require_use_scrollbar.useScrollbar(scrollbar);
-		const prefixCls = require_global_config.getPrefixCls("tree-select");
-		const refTree = (0, vue.ref)();
-		const computedTreeProps = (0, vue.computed)(() => {
-			return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, treeProps.value), {}, {
-				disableSelectActionOnly: true,
-				checkedKeys: showCheckable.value ? selectedKeys.value : [],
-				selectedKeys: showCheckable.value ? [] : selectedKeys.value
-			});
-		});
-		const onSelect = (newVal, e) => {
-			if (showCheckable.value) {
-				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], e);
-			} else emit("change", newVal);
-		};
-		const onCheck = (newVal) => {
-			emit("change", newVal);
-		};
-		const renderTree = () => {
-			return (0, vue.createVNode)(require_index$1.default, (0, vue.mergeProps)({ "ref": refTree }, computedTreeProps.value, {
-				"onSelect": onSelect,
-				"onCheck": onCheck
-			}), props.treeSlots);
-		};
-		return () => {
-			if (displayScrollbar.value) {
-				let _slot;
-				return (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)({ "class": `${prefixCls}-tree-wrapper` }, scrollbarProps.value), _isSlot(_slot = renderTree()) ? _slot : { default: () => [_slot] });
-			}
-			return (0, vue.createVNode)("div", { "class": `${prefixCls}-tree-wrapper` }, [renderTree()]);
-		};
-	}
-});
-//#endregion
-exports.default = panel_default;

package/lib/tree-select/style/css.js

@@ -1,4 +0,0 @@
-require("../../tree/style/index.js");
-require("../../style/index.css");
-require("../../_components/select-view/style/index.css");
-require("./index.css");

package/lib/tree-select/style/index.css

@@ -1,57 +0,0 @@
-/******** borderSize *******/
-/******** borderStyle *******/
-/******** radius *******/
-/******** shadow distance *******/
-/******** size *******/
-/******** spacing *******/
-/******** shadow *******/
-/******** opacity *******/
-/******** fontSize *******/
-/******** fontWeight ********/
-/******** Primary *******/
-/******** success *******/
-/******** warning *******/
-/******** danger *******/
-/******** link *******/
-/******** radius *******/
-/********* icon hover *********/
-/**********************************************
- * Popup Box
- **********************************************/
-/**********************************************
- * Popup Options
- * status: default / disabled / selected / hover
- **********************************************/
-.sd-tree-select-popup {
-  box-sizing: border-box;
-  padding: 4px 0;
-  background-color: var(--color-bg-popup);
-  border: 1px solid var(--color-fill-3);
-  border-radius: var(--border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-}
-.sd-tree-select-popup .sd-tree-select-tree-wrapper {
-  height: 100%;
-  max-height: 200px;
-  padding-right: 4px;
-  padding-left: 10px;
-  overflow: auto;
-}
-.sd-tree-select-popup .sd-tree-node {
-  padding-left: 0;
-}
-.sd-tree-select-highlight {
-  font-weight: 500;
-}
-.sd-tree-select-has-header {
-  padding-top: 0;
-}
-.sd-tree-select-header {
-  border-bottom: 1px solid var(--color-fill-3);
-}
-.sd-tree-select-has-footer {
-  padding-bottom: 0;
-}
-.sd-tree-select-footer {
-  border-top: 1px solid var(--color-fill-3);
-}

package/lib/tree-select/style/index.js

@@ -1,4 +0,0 @@
-require("../../tree/style/index.js");
-require("../../style/index.less");
-require("../../_components/select-view/style/index.less");
-require("./index.less");

package/lib/tree-select/style/index.less

@@ -1,49 +0,0 @@
-@import './token.less';
-
-@tree-prefix-cls: ~'@{prefix}-tree';
-@tree-select-prefix-cls: ~'@{prefix}-tree-select';
-
-// .select-view(@tree-select-prefix-cls);
-
-.@{tree-select-prefix-cls} {
-  &-popup {
-    box-sizing: border-box;
-    padding: @tree-select-padding-popup-vertical 0;
-    background-color: var(~'@{sd-cssvars-prefix}-color-bg-popup');
-    border: 1px solid @select-popup-color-border;
-    border-radius: @select-popup-border-radius;
-    box-shadow: @select-popup-box-shadow;
-
-    .@{tree-select-prefix-cls}-tree-wrapper {
-      height: 100%;
-      max-height: @select-popup-max-height;
-      padding-right: @tree-select-padding-popup-right;
-      padding-left: @tree-select-padding-popup-left;
-      overflow: auto;
-    }
-
-    .@{tree-prefix-cls}-node {
-      padding-left: 0;
-    }
-  }
-
-  &-highlight {
-    font-weight: @font-weight-500;
-  }
-
-  &-has-header {
-    padding-top: 0;
-  }
-
-  &-header {
-    border-bottom: 1px solid @select-popup-color-border;
-  }
-
-  &-has-footer {
-    padding-bottom: 0;
-  }
-
-  &-footer {
-    border-top: 1px solid @select-popup-color-border;
-  }
-}

package/lib/tree-select/style/token.less

@@ -1,7 +0,0 @@
-@import '../../style/theme/index.less';
-@import '../../_components/select-view/style/token.less';
-@import '../../select/style/token.less';
-
-@tree-select-padding-popup-left: @spacing-5;
-@tree-select-padding-popup-right: @spacing-2;
-@tree-select-padding-popup-vertical: @spacing-2;

package/lib/tree-select/tree-select.js

@@ -1,138 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_objectSpread2 = require("../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js");
-const require__plugin_vue_export_helper = require("../_virtual/_plugin-vue_export-helper.js");
-const require_tree_select_vue_vue_type_script_lang = require("./tree-select.vue_vue_type_script_lang.js");
-let vue = require("vue");
-//#region components/tree-select/tree-select.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_SelectView = (0, vue.resolveComponent)("SelectView");
-	const _component_Spin = (0, vue.resolveComponent)("Spin");
-	const _component_Panel = (0, vue.resolveComponent)("Panel");
-	const _component_Trigger = (0, vue.resolveComponent)("Trigger");
-	return (0, vue.openBlock)(), (0, vue.createBlock)(_component_Trigger, (0, vue.mergeProps)({
-		class: `${_ctx.prefixCls}-trigger`,
-		"auto-fit-popup-min-width": "",
-		trigger: "click",
-		position: "bl",
-		"popup-offset": 4,
-		"animation-name": "slide-dynamic-origin",
-		"prevent-focus": true
-	}, _ctx.triggerProps, {
-		disabled: _ctx.mergedDisabled,
-		"popup-visible": _ctx.panelVisible,
-		"popup-container": _ctx.popupContainer,
-		"click-to-close": !_ctx.allowSearch,
-		"auto-fit-transform-origin": "",
-		onPopupVisibleChange: _ctx.onVisibleChange
-	}), {
-		content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
-			class: (0, vue.normalizeClass)([
-				`${_ctx.prefixCls}-popup`,
-				{
-					[`${_ctx.prefixCls}-has-header`]: Boolean(_ctx.$slots.header),
-					[`${_ctx.prefixCls}-has-footer`]: Boolean(_ctx.$slots.footer)
-				},
-				_ctx.dropdownClassName
-			]),
-			style: (0, vue.normalizeStyle)(_ctx.computedDropdownStyle)
-		}, [
-			_ctx.$slots.header && (!_ctx.isEmpty || _ctx.showHeaderOnEmpty) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				key: 0,
-				class: (0, vue.normalizeClass)(`${_ctx.prefixCls}-header`)
-			}, [(0, vue.renderSlot)(_ctx.$slots, "header")], 2)) : (0, vue.createCommentVNode)("v-if", true),
-			_ctx.loading ? (0, vue.renderSlot)(_ctx.$slots, "loader", { key: 1 }, () => [(0, vue.createVNode)(_component_Spin)]) : _ctx.isEmpty ? (0, vue.renderSlot)(_ctx.$slots, "empty", { key: 2 }, () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(_ctx.TreeSelectEmpty ? _ctx.TreeSelectEmpty : "Empty")))]) : ((0, vue.openBlock)(), (0, vue.createBlock)(_component_Panel, {
-				key: 3,
-				"selected-keys": _ctx.selectedKeys,
-				"show-checkable": _ctx.treeCheckable,
-				scrollbar: _ctx.scrollbar,
-				"tree-props": require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({
-					actionOnNodeClick: _ctx.selectable === "leaf" ? "expand" : void 0,
-					blockNode: true
-				}, _ctx.treeProps), {}, {
-					data: _ctx.data,
-					checkStrictly: _ctx.treeCheckStrictly,
-					checkedStrategy: _ctx.treeCheckedStrategy,
-					fieldNames: _ctx.fieldNames,
-					multiple: _ctx.multiple,
-					loadMore: _ctx.loadMore,
-					filterTreeNode: _ctx.computedFilterTreeNode,
-					size: _ctx.size,
-					checkable: _ctx.isCheckable,
-					selectable: _ctx.isSelectable,
-					searchValue: _ctx.searchValue
-				}),
-				"tree-slots": _ctx.pickSubCompSlots(_ctx.$slots, "tree"),
-				onChange: _ctx.onSelectChange
-			}, null, 8, [
-				"selected-keys",
-				"show-checkable",
-				"scrollbar",
-				"tree-props",
-				"tree-slots",
-				"onChange"
-			])),
-			_ctx.$slots.footer && (!_ctx.isEmpty || _ctx.showFooterOnEmpty) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				key: 4,
-				class: (0, vue.normalizeClass)(`${_ctx.prefixCls}-footer`)
-			}, [(0, vue.renderSlot)(_ctx.$slots, "footer")], 2)) : (0, vue.createCommentVNode)("v-if", true)
-		], 6)]),
-		default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "trigger", {}, () => [(0, vue.createVNode)(_component_SelectView, (0, vue.mergeProps)({
-			ref: "refSelectView",
-			"model-value": _ctx.selectViewValue,
-			"input-value": _ctx.searchValue,
-			"allow-search": Boolean(_ctx.allowSearch),
-			"allow-clear": _ctx.allowClear,
-			loading: _ctx.loading,
-			size: _ctx.size,
-			"max-tag-count": _ctx.maxTagCount,
-			disabled: _ctx.mergedDisabled,
-			opened: _ctx.panelVisible,
-			error: _ctx.error,
-			bordered: _ctx.border,
-			placeholder: _ctx.placeholder,
-			multiple: _ctx.isMultiple
-		}, _ctx.$attrs, {
-			onInputValueChange: _ctx.onSearchValueChange,
-			onClear: _ctx.onInnerClear,
-			onRemove: _ctx.onItemRemove,
-			onBlur: _ctx.onBlur
-		}), (0, vue.createSlots)({ _: 2 }, [_ctx.$slots.prefix ? {
-			name: "prefix",
-			fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "prefix")]),
-			key: "0"
-		} : void 0, _ctx.$slots.label ? {
-			name: "label",
-			fn: (0, vue.withCtx)((selectedData) => [(0, vue.renderSlot)(_ctx.$slots, "label", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(selectedData)))]),
-			key: "1"
-		} : void 0]), 1040, [
-			"model-value",
-			"input-value",
-			"allow-search",
-			"allow-clear",
-			"loading",
-			"size",
-			"max-tag-count",
-			"disabled",
-			"opened",
-			"error",
-			"bordered",
-			"placeholder",
-			"multiple",
-			"onInputValueChange",
-			"onClear",
-			"onRemove",
-			"onBlur"
-		])])]),
-		_: 3
-	}, 16, [
-		"class",
-		"disabled",
-		"popup-visible",
-		"popup-container",
-		"click-to-close",
-		"onPopupVisibleChange"
-	]);
-}
-var tree_select_default = /* @__PURE__ */ require__plugin_vue_export_helper.default(require_tree_select_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
-//#endregion
-exports.default = tree_select_default;