@sdata/web-vue 1.7.1 → 1.9.0

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

@@ -3,6 +3,7 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.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";
 import useMergeState from "../_hooks/use-merge-state.js";
 import Empty from "../empty/index.js";
 import Spin from "../spin/index.js";
@@ -15,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",
@@ -38,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,
@@ -56,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 },
@@ -114,55 +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, dropdownClassName } = 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 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);
@@ -171,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);
 			});
@@ -189,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();
 		};
@@ -210,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("");
 		};
@@ -224,11 +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,
@@ -249,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;