@sdata/web-vue 1.11.1 → 1.13.0

package/es/cascader/{cascader.vue_vue_type_script_lang.js → cascader.vue_vue_type_script_setup_true_lang.js}

@@ -1,35 +1,28 @@
 import { useFormItem } from "../_hooks/use-form-item.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 { isArray, isFunction, isNull, 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 { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
 import Trigger from "../trigger/index.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import select_view_default from "../_components/select-view/select-view.js";
+import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import { debounce } from "../_utils/debounce.js";
 import { cascaderInjectionKey } from "./context.js";
 import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos, getOptionLabel, getValidValues, getValueKey } from "./utils.js";
 import base_cascader_panel_default from "./base-cascader-panel.js";
 import { useSelectedPath } from "./hooks/use-selected-path.js";
 import cascader_search_panel_default from "./cascader-search-panel.js";
-import { computed, defineComponent, getCurrentInstance, provide, reactive, ref, toRefs, watch } from "vue";
-//#region components/cascader/cascader.vue?vue&type=script&lang.ts
+import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+//#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts
 var DEFAULT_CASCADER_VIRTUAL_ITEM_SIZE = 36;
-var getDefaultValue = (multiple, pathMode) => {
-	if (multiple) return [];
-	if (pathMode) return;
-	return "";
-};
-var cascader_vue_vue_type_script_lang_default = defineComponent({
+var cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "Cascader",
-	components: {
-		Trigger,
-		SelectView: select_view_default,
-		BaseCascaderPanel: base_cascader_panel_default,
-		CascaderSearchPanel: cascader_search_panel_default
-	},
-	inheritAttrs: false,
+	inheritAttrs: false
+}), {}, {
+	__name: "cascader",
 	props: {
 		pathMode: {
 			type: Boolean,
@@ -39,31 +32,10 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 			type: Boolean,
 			default: false
 		},
-		modelValue: { type: [
-			String,
-			Number,
-			Object,
-			Array
-		] },
-		value: { type: [
-			String,
-			Number,
-			Object,
-			Array
-		] },
-		defaultValue: {
-			type: [
-				String,
-				Number,
-				Object,
-				Array
-			],
-			default: (props) => getDefaultValue(Boolean(props.multiple), Boolean(props.pathMode))
-		},
-		options: {
-			type: Array,
-			default: () => []
-		},
+		modelValue: {},
+		value: {},
+		defaultValue: {},
+		options: { default: () => [] },
 		disabled: {
 			type: Boolean,
 			default: false
@@ -72,67 +44,40 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 			type: Boolean,
 			default: false
 		},
-		size: { type: String },
-		allowSearch: {
-			type: Boolean,
-			default: (props) => Boolean(props.multiple)
-		},
+		size: {},
+		allowSearch: { type: Boolean },
 		filterable: { type: Boolean },
 		allowClear: {
 			type: Boolean,
 			default: false
 		},
 		clearable: { type: Boolean },
-		inputValue: {
-			type: String,
-			default: void 0
-		},
-		defaultInputValue: {
-			type: String,
-			default: ""
-		},
-		popupVisible: {
-			type: Boolean,
-			default: void 0
-		},
-		show: {
-			type: Boolean,
-			default: void 0
-		},
-		expandTrigger: {
-			type: String,
-			default: "click"
-		},
+		inputValue: {},
+		defaultInputValue: { default: "" },
+		popupVisible: { type: Boolean },
+		show: { type: Boolean },
+		expandTrigger: { default: "click" },
 		defaultPopupVisible: {
 			type: Boolean,
 			default: false
 		},
-		defaultShow: {
-			type: Boolean,
-			default: void 0
-		},
-		placeholder: String,
-		filterOption: { type: Function },
-		popupContainer: { type: [String, Object] },
-		maxTagCount: {
-			type: [Number, String],
-			default: 0
-		},
+		defaultShow: { type: Boolean },
+		placeholder: {},
+		filterOption: {},
+		popupContainer: {},
+		maxTagCount: { default: 0 },
 		showPath: {
 			type: Boolean,
 			default: true
 		},
-		separator: {
-			type: String,
-			default: " / "
-		},
-		formatLabel: { type: Function },
-		triggerProps: { type: Object },
+		separator: { default: " / " },
+		formatLabel: {},
+		triggerProps: {},
 		checkStrictly: {
 			type: Boolean,
 			default: false
 		},
-		loadMore: { type: Function },
+		loadMore: {},
 		loading: {
 			type: Boolean,
 			default: false
@@ -141,15 +86,9 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 			type: Boolean,
 			default: false
 		},
-		searchDelay: {
-			type: Number,
-			default: 500
-		},
-		fieldNames: { type: Object },
-		valueKey: {
-			type: String,
-			default: "value"
-		},
+		searchDelay: { default: 500 },
+		fieldNames: {},
+		valueKey: { default: "value" },
 		fallback: {
 			type: [Boolean, Function],
 			default: true
@@ -158,37 +97,53 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 			type: Boolean,
 			default: false
 		},
-		virtualListProps: { type: Object },
+		virtualListProps: {},
 		tagNowrap: {
 			type: Boolean,
 			default: false
 		}
 	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		"update:value": (_value) => true,
-		"update:popupVisible": (_visible) => true,
-		"update:show": (_visible) => true,
-		"change": (_value) => true,
-		"inputValueChange": (_value) => true,
-		"clear": () => true,
-		"search": (_value) => true,
-		"popupVisibleChange": (_visible) => true,
-		"showChange": (_visible) => true,
-		"focus": (_ev) => true,
-		"blur": (_ev) => true
-	},
-	setup(props, { emit, slots }) {
-		const { options, checkStrictly, loadMore, formatLabel, modelValue, value: valueProp, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow } = toRefs(props);
-		const _value = ref(props.defaultValue);
+	emits: [
+		"update:modelValue",
+		"update:value",
+		"update:popupVisible",
+		"update:show",
+		"change",
+		"inputValueChange",
+		"clear",
+		"search",
+		"popupVisibleChange",
+		"showChange",
+		"focus",
+		"blur"
+	],
+	setup(__props, { emit: __emit }) {
+		var _props$defaultValue;
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const getDefaultValue = (multiple, pathMode) => {
+			if (multiple) return [];
+			if (pathMode) return;
+			return "";
+		};
+		const { options, checkStrictly, loadMore, formatLabel, modelValue, value: valueProp, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, maxTagCount, tagNowrap, popupContainer, searchOptionOnlyLabel } = toRefs(props);
+		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
 		const _inputValue = ref(props.defaultInputValue);
 		const instance = getCurrentInstance();
+		const rawProps = instance === null || instance === void 0 ? void 0 : instance.vnode.props;
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
-		const mergedAllowSearch = computed(() => {
-			const rawProps = instance === null || instance === void 0 ? void 0 : instance.vnode.props;
-			if (!!rawProps && ["allowSearch", "allow-search"].some((propName) => Object.hasOwn(rawProps, propName))) return props.allowSearch;
-			if (props.filterable !== void 0) return props.filterable;
-			return props.allowSearch;
+		const hasTriggerProp = (propNames) => {
+			return !!rawProps && propNames.some((propName) => Object.hasOwn(rawProps, propName));
+		};
+		const { mergedAllowSearch } = useAllowSearch(computed(() => {
+			var _props$allowSearch;
+			return (_props$allowSearch = props.allowSearch) !== null && _props$allowSearch !== void 0 ? _props$allowSearch : props.multiple;
+		}), {
+			compatPropNames: ["filterable"],
+			getCompatValue: () => props.filterable,
+			getDefaultValue: () => props.multiple
 		});
 		const { mergedAllowClear } = useAllowClear(computed(() => {
 			var _props$clearable;
@@ -196,13 +151,27 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 			if (!!rawProps && ["allowClear", "allow-clear"].some((propName) => Object.hasOwn(rawProps, propName))) return props.allowClear;
 			return (_props$clearable = props.clearable) !== null && _props$clearable !== void 0 ? _props$clearable : props.allowClear;
 		}), ["clearable"]);
+		const mergedPopupVisible = computed(() => {
+			if (hasTriggerProp(["popupVisible", "popup-visible"])) return props.popupVisible;
+		});
+		const mergedShow = computed(() => {
+			if (hasTriggerProp(["show"])) return props.show;
+		});
 		const { computedPopupVisible, handlePopupVisibleChange } = useTrigger({
-			popupVisible,
-			defaultPopupVisible,
-			show,
-			defaultShow,
+			popupVisible: mergedPopupVisible,
+			defaultPopupVisible: computed(() => {
+				if (hasTriggerProp(["defaultPopupVisible", "default-popup-visible"])) return props.defaultPopupVisible;
+			}),
+			show: mergedShow,
+			defaultShow: computed(() => {
+				if (hasTriggerProp(["defaultShow", "default-show"])) return props.defaultShow;
+			}),
 			emit
 		});
+		const mergedTriggerProps = computed(() => {
+			var _props$triggerProps;
+			return (_props$triggerProps = props.triggerProps) !== null && _props$triggerProps !== void 0 ? _props$triggerProps : {};
+		});
 		watch([modelValue, valueProp], ([nextModelValue, nextValue]) => {
 			const mergedValue = nextModelValue !== null && nextModelValue !== void 0 ? nextModelValue : nextValue;
 			if (isUndefined(mergedValue) || isNull(mergedValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
@@ -265,8 +234,9 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 			var _props$inputValue;
 			return (_props$inputValue = props.inputValue) !== null && _props$inputValue !== void 0 ? _props$inputValue : _inputValue.value;
 		});
+		const { mergedDropdownVirtualListProps } = useDropdownVirtualListProps(computed(() => props.virtualListProps));
 		const resolvedVirtualListProps = computed(() => {
-			return resolveDropdownVirtualListProps(props.virtualListProps, props.triggerProps, DEFAULT_CASCADER_VIRTUAL_ITEM_SIZE);
+			return resolveDropdownVirtualListProps(mergedDropdownVirtualListProps.value, props.triggerProps, DEFAULT_CASCADER_VIRTUAL_ITEM_SIZE);
 		});
 		const getFilteredStatus = (label) => {
 			var _computedInputValue$v;
@@ -407,7 +377,7 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 			valueMap: computedValueMap
 		}));
 		const handleKeyDown = getKeyDownHandler(new Map([
-			[KEYBOARD_KEY.ENTER, (ev) => {
+			[KEYBOARD_KEY.ENTER, (_ev) => {
 				if (computedPopupVisible.value) {
 					if (activeOption.value) {
 						let checked;
@@ -418,7 +388,7 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 					}
 				} else handlePopupVisibleChange(true);
 			}],
-			[KEYBOARD_KEY.ESC, (ev) => {
+			[KEYBOARD_KEY.ESC, (_ev) => {
 				handlePopupVisibleChange(false);
 			}],
 			[KEYBOARD_KEY.ARROW_DOWN, (ev) => {
@@ -453,60 +423,170 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 				}
 			}]
 		]));
-		return {
-			optionInfos,
-			filteredLeafOptions,
-			selectedPath,
-			activeKey,
-			displayColumns,
-			computedInputValue,
-			computedPopupVisible,
-			handleClear,
-			selectViewValue: computed(() => {
-				const result = [];
-				computedValueMap.value.forEach((value, key) => {
-					const option = leafOptionMap.get(key);
-					if (option) {
-						var _props$formatLabel, _props$formatLabel2;
-						result.push({
-							value: key,
-							label: (_props$formatLabel = (_props$formatLabel2 = props.formatLabel) === null || _props$formatLabel2 === void 0 ? void 0 : _props$formatLabel2.call(props, option.path.map((item) => item.raw))) !== null && _props$formatLabel !== void 0 ? _props$formatLabel : getOptionLabel(option, {
-								showPath: props.showPath,
-								separator: props.separator
-							}),
-							closable: !option.disabled,
-							tagProps: option.tagProps
-						});
-					} else if (props.fallback) {
-						let label;
-						if (isFunction(props.fallback)) label = props.fallback(value);
-						else if (isArray(value)) {
-							var _value2;
-							label = props.showPath ? value.map((item) => String(item)).join(props.separator) : String((_value2 = value[value.length - 1]) !== null && _value2 !== void 0 ? _value2 : "");
-						} else label = String(value);
-						result.push({
-							value: key,
-							label,
-							closable: true
-						});
-					}
-				});
-				return result;
-			}),
-			handleInputValueChange,
-			showSearchPanel,
-			handlePopupVisibleChange,
-			handleFocus,
-			handleBlur,
-			handleRemove,
-			mergedDisabled,
-			mergedAllowClear,
-			mergedAllowSearch,
-			handleKeyDown,
-			totalLevel,
-			resolvedVirtualListProps
+		const selectViewValue = computed(() => {
+			const result = [];
+			computedValueMap.value.forEach((value, key) => {
+				const option = leafOptionMap.get(key);
+				if (option) {
+					var _props$formatLabel, _props$formatLabel2;
+					result.push({
+						value: key,
+						label: (_props$formatLabel = (_props$formatLabel2 = props.formatLabel) === null || _props$formatLabel2 === void 0 ? void 0 : _props$formatLabel2.call(props, option.path.map((item) => item.raw))) !== null && _props$formatLabel !== void 0 ? _props$formatLabel : getOptionLabel(option, {
+							showPath: props.showPath,
+							separator: props.separator
+						}),
+						closable: !option.disabled,
+						tagProps: option.tagProps
+					});
+				} else if (props.fallback) {
+					let label;
+					if (isFunction(props.fallback)) label = props.fallback(value);
+					else if (isArray(value)) {
+						var _value2;
+						label = props.showPath ? value.map((item) => String(item)).join(props.separator) : String((_value2 = value[value.length - 1]) !== null && _value2 !== void 0 ? _value2 : "");
+					} else label = String(value);
+					result.push({
+						value: key,
+						label,
+						closable: true
+					});
+				}
+			});
+			return result;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Trigger), mergeProps(mergedTriggerProps.value, {
+				trigger: "click",
+				"animation-name": "slide-dynamic-origin",
+				"auto-fit-transform-origin": "",
+				"popup-visible": unref(computedPopupVisible),
+				position: "bl",
+				disabled: unref(mergedDisabled),
+				"popup-offset": 4,
+				"auto-fit-popup-width": showSearchPanel.value,
+				"popup-container": unref(popupContainer),
+				"prevent-focus": true,
+				"click-to-close": !Boolean(unref(mergedAllowSearch)),
+				onPopupVisibleChange: unref(handlePopupVisibleChange)
+			}), {
+				content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(unref(cascader_search_panel_default), {
+					key: 0,
+					options: filteredLeafOptions.value,
+					"active-key": unref(activeKey),
+					multiple: unref(multiple),
+					"check-strictly": unref(checkStrictly),
+					loading: unref(loading),
+					"path-label": !unref(searchOptionOnlyLabel)
+				}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+					name: "empty",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+					key: "0"
+				} : void 0]), 1032, [
+					"options",
+					"active-key",
+					"multiple",
+					"check-strictly",
+					"loading",
+					"path-label"
+				])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
+					key: 1,
+					"display-columns": unref(displayColumns),
+					"selected-path": unref(selectedPath),
+					"active-key": unref(activeKey),
+					multiple: unref(multiple),
+					"total-level": totalLevel.value,
+					"check-strictly": unref(checkStrictly),
+					loading: unref(loading),
+					"virtual-list-props": resolvedVirtualListProps.value,
+					dropdown: ""
+				}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+					name: "empty",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+					key: "0"
+				} : void 0]), 1032, [
+					"display-columns",
+					"selected-path",
+					"active-key",
+					"multiple",
+					"total-level",
+					"check-strictly",
+					"loading",
+					"virtual-list-props"
+				]))]),
+				default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
+					"model-value": selectViewValue.value,
+					"input-value": computedInputValue.value,
+					disabled: unref(mergedDisabled),
+					error: unref(error),
+					multiple: unref(multiple),
+					"allow-clear": unref(mergedAllowClear),
+					"allow-search": Boolean(unref(mergedAllowSearch)),
+					size: unref(size),
+					opened: unref(computedPopupVisible),
+					placeholder: unref(placeholder),
+					loading: unref(loading),
+					"max-tag-count": unref(maxTagCount),
+					"tag-nowrap": unref(tagNowrap)
+				}, unref(attrs), {
+					onInputValueChange: handleInputValueChange,
+					onClear: handleClear,
+					onFocus: handleFocus,
+					onBlur: handleBlur,
+					onRemove: handleRemove,
+					onKeydown: unref(handleKeyDown)
+				}), createSlots({ _: 2 }, [
+					_ctx.$slots.label ? {
+						name: "label",
+						fn: withCtx((data) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(data)))]),
+						key: "0"
+					} : void 0,
+					_ctx.$slots.prefix ? {
+						name: "prefix",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+						key: "1"
+					} : void 0,
+					_ctx.$slots["arrow-icon"] ? {
+						name: "arrow-icon",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow-icon")]),
+						key: "2"
+					} : void 0,
+					_ctx.$slots["loading-icon"] ? {
+						name: "loading-icon",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "loading-icon")]),
+						key: "3"
+					} : void 0,
+					_ctx.$slots["search-icon"] ? {
+						name: "search-icon",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "search-icon")]),
+						key: "4"
+					} : void 0
+				]), 1040, [
+					"model-value",
+					"input-value",
+					"disabled",
+					"error",
+					"multiple",
+					"allow-clear",
+					"allow-search",
+					"size",
+					"opened",
+					"placeholder",
+					"loading",
+					"max-tag-count",
+					"tag-nowrap",
+					"onKeydown"
+				])]),
+				_: 3
+			}, 16, [
+				"popup-visible",
+				"disabled",
+				"auto-fit-popup-width",
+				"popup-container",
+				"click-to-close",
+				"onPopupVisibleChange"
+			]);
 		};
 	}
-});
+}));
 //#endregion
-export { cascader_vue_vue_type_script_lang_default as default };
+export { cascader_vue_vue_type_script_setup_true_lang_default as default };