@sdata/web-vue 1.8.0 → 1.10.0

package/es/tree-select/panel.js

@@ -40,6 +40,7 @@ var panel_default = /* @__PURE__ */ defineComponent({
 				selectedKeys: showCheckable.value ? [] : selectedKeys.value
 			});
 		});
+		const treeWrapperClassName = computed(() => [`${prefixCls}-tree-wrapper`, computedTreeProps.value.virtualListProps && `${prefixCls}-tree-wrapper-virtual`]);
 		const onSelect = (newVal, e) => {
 			if (showCheckable.value) {
 				var _refTree$value, _refTree$value$toggle;
@@ -58,9 +59,9 @@ var panel_default = /* @__PURE__ */ defineComponent({
 		return () => {
 			if (displayScrollbar.value) {
 				let _slot;
-				return createVNode(Scrollbar, mergeProps({ "class": `${prefixCls}-tree-wrapper` }, scrollbarProps.value), _isSlot(_slot = renderTree()) ? _slot : { default: () => [_slot] });
+				return createVNode(Scrollbar, mergeProps({ "class": treeWrapperClassName.value }, scrollbarProps.value), _isSlot(_slot = renderTree()) ? _slot : { default: () => [_slot] });
 			}
-			return createVNode("div", { "class": `${prefixCls}-tree-wrapper` }, [renderTree()]);
+			return createVNode("div", { "class": treeWrapperClassName.value }, [renderTree()]);
 		};
 	}
 });

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

@@ -37,6 +37,11 @@
   padding-left: 10px;
   overflow: auto;
 }
+.sd-tree-select-popup .sd-tree-select-tree-wrapper.sd-tree-select-tree-wrapper-virtual {
+  height: auto;
+  max-height: none;
+  overflow: hidden;
+}
 .sd-tree-select-popup .sd-tree-node {
   padding-left: 0;
 }

package/es/tree-select/style/index.scss

@@ -24,6 +24,12 @@ $tree-select-prefix-cls: string.unquote('#{theme.$prefix}-tree-select');
       padding-right: $tree-select-padding-popup-right;
       padding-left: $tree-select-padding-popup-left;
       overflow: auto;
+
+      &.#{$tree-select-prefix-cls}-tree-wrapper-virtual {
+        height: auto;
+        max-height: none;
+        overflow: hidden;
+      }
     }
 
     .#{$tree-prefix-cls}-node {

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

@@ -16,11 +16,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"popup-offset": 4,
 		"animation-name": "slide-dynamic-origin",
 		"prevent-focus": true
-	}, _ctx.triggerProps, {
+	}, _ctx.resolvedTriggerProps, {
 		disabled: _ctx.mergedDisabled,
 		"popup-visible": _ctx.panelVisible,
 		"popup-container": _ctx.popupContainer,
-		"click-to-close": !_ctx.allowSearch,
+		"click-to-close": !Boolean(_ctx.mergedAllowSearch),
 		"auto-fit-transform-origin": "",
 		onPopupVisibleChange: _ctx.onVisibleChange
 	}), {
@@ -42,15 +42,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			_ctx.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [createVNode(_component_Spin)]) : _ctx.isEmpty ? renderSlot(_ctx.$slots, "empty", { key: 2 }, () => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.TreeSelectEmpty ? _ctx.TreeSelectEmpty : "Empty")))]) : (openBlock(), createBlock(_component_Panel, {
 				key: 3,
 				"selected-keys": _ctx.selectedKeys,
-				"show-checkable": _ctx.treeCheckable,
+				"show-checkable": _ctx.mergedTreeCheckable,
 				scrollbar: _ctx.scrollbar,
 				"tree-props": _objectSpread2(_objectSpread2({
 					actionOnNodeClick: _ctx.selectable === "leaf" ? "expand" : void 0,
 					blockNode: true
-				}, _ctx.treeProps), {}, {
-					data: _ctx.data,
+				}, _ctx.mergedTreeProps), {}, {
+					data: _ctx.mergedData,
 					checkStrictly: _ctx.treeCheckStrictly,
-					checkedStrategy: _ctx.treeCheckedStrategy,
+					checkedStrategy: _ctx.mergedTreeCheckedStrategy,
 					fieldNames: _ctx.fieldNames,
 					multiple: _ctx.multiple,
 					loadMore: _ctx.loadMore,
@@ -79,8 +79,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			ref: "refSelectView",
 			"model-value": _ctx.selectViewValue,
 			"input-value": _ctx.searchValue,
-			"allow-search": Boolean(_ctx.allowSearch),
+			"allow-search": Boolean(_ctx.mergedAllowSearch),
 			"allow-clear": _ctx.mergedAllowClear,
+			"show-arrow": _ctx.showArrow,
 			loading: _ctx.loading,
 			size: _ctx.size,
 			"max-tag-count": _ctx.maxTagCount,
@@ -95,19 +96,31 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			onClear: _ctx.onInnerClear,
 			onRemove: _ctx.onItemRemove,
 			onBlur: _ctx.onBlur
-		}), createSlots({ _: 2 }, [_ctx.$slots.prefix ? {
-			name: "prefix",
-			fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
-			key: "0"
-		} : void 0, _ctx.$slots.label ? {
-			name: "label",
-			fn: withCtx((selectedData) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(selectedData)))]),
-			key: "1"
-		} : void 0]), 1040, [
+		}), createSlots({ _: 2 }, [
+			_ctx.$slots.prefix ? {
+				name: "prefix",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+				key: "0"
+			} : void 0,
+			_ctx.$slots.label ? {
+				name: "label",
+				fn: withCtx((selectedData) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(selectedData)))]),
+				key: "1"
+			} : void 0,
+			_ctx.$slots.tag ? {
+				name: "tag",
+				fn: withCtx((selectedData) => {
+					var _selectedData$data$op, _selectedData$data;
+					return [renderSlot(_ctx.$slots, "tag", { data: (_selectedData$data$op = selectedData === null || selectedData === void 0 || (_selectedData$data = selectedData.data) === null || _selectedData$data === void 0 ? void 0 : _selectedData$data.option) !== null && _selectedData$data$op !== void 0 ? _selectedData$data$op : selectedData === null || selectedData === void 0 ? void 0 : selectedData.data })];
+				}),
+				key: "2"
+			} : void 0
+		]), 1040, [
 			"model-value",
 			"input-value",
 			"allow-search",
 			"allow-clear",
+			"show-arrow",
 			"loading",
 			"size",
 			"max-tag-count",