@sdata/web-vue 4.4.3 → 4.5.1

package/es/cascader/cascader-panel.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,10 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { isNull, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
 import { cascaderInjectionKey } from "./context.js";
 import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos, getValidValues, getValueKey } from "./utils.js";
 import base_cascader_panel_default from "./base-cascader-panel.js";
+import { useLazyLoad } from "./hooks/use-lazy-load.js";
 import { useSelectedPath } from "./hooks/use-selected-path.js";
 import { computed, createBlock, createSlots, defineComponent, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, useSlots, watch, withCtx } from "vue";
 //#region components/cascader/cascader-panel.vue?vue&type=script&setup=true&lang.ts
@@ -62,8 +63,14 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const leafOptionSet = reactive(/* @__PURE__ */ new Set());
 		const lazyLoadOptions = reactive({});
 		const addLazyLoadOptions = (children, key) => {
-			lazyLoadOptions[key] = children;
+			var _optionMap$get;
+			const source = (_optionMap$get = optionMap.get(key)) === null || _optionMap$get === void 0 ? void 0 : _optionMap$get.raw;
+			if (source) lazyLoadOptions[key] = {
+				source,
+				children
+			};
 		};
+		const { loadOption, isLoading } = useLazyLoad(loadMore, optionMap, addLazyLoadOptions);
 		const DEFAULT_FIELD_NAMES = {
 			value: "value",
 			label: "label",
@@ -76,7 +83,10 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		watch([
 			options,
 			lazyLoadOptions,
-			mergedFieldNames
+			mergedFieldNames,
+			loadMore,
+			checkStrictly,
+			valueKey
 		], ([_options, _lazyLoadOptions, _fieldNames]) => {
 			optionMap.clear();
 			leafOptionMap.clear();
@@ -140,6 +150,8 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			}
 		};
 		const handleClickOption = (option, checked) => {
+			if (option.disabled || option.selectionDisabled) return;
+			if (!props.multiple && !props.checkStrictly && !option.isLeaf) return;
 			if (props.multiple) selectMultiple(option, checked !== null && checked !== void 0 ? checked : true);
 			else selectSingle(option);
 		};
@@ -152,8 +164,8 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			onClickOption: handleClickOption,
 			setActiveKey,
 			setSelectedPath,
-			loadMore,
-			addLazyLoadOptions,
+			loadOption,
+			isLoading,
 			slots,
 			valueMap: computedValueMap,
 			expandTrigger,
@@ -161,10 +173,11 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		}));
 		const handleKeyDown = getKeyDownHandler(/* @__PURE__ */ new Map([
 			[KEYBOARD_KEY.ENTER, (_ev) => {
-				if (activeOption.value) {
+				if (activeOption.value && !activeOption.value.disabled) {
 					let checked;
 					if (props.checkStrictly || activeOption.value.isLeaf) checked = !computedValueMap.value.has(activeOption.value.key);
 					else checked = !getCheckedStatus(activeOption.value, computedValueMap.value).checked;
+					loadOption(activeOption.value);
 					setSelectedPath(activeOption.value.key);
 					handleClickOption(activeOption.value, checked);
 				}
@@ -180,18 +193,20 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				setActiveKey(activeNode === null || activeNode === void 0 ? void 0 : activeNode.key);
 			}],
 			[KEYBOARD_KEY.ARROW_RIGHT, (ev) => {
-				var _activeOption$value;
 				ev.preventDefault();
-				if ((_activeOption$value = activeOption.value) === null || _activeOption$value === void 0 ? void 0 : _activeOption$value.children) {
-					var _activeOption$value$c;
+				if (activeOption.value && !activeOption.value.disabled) {
+					loadOption(activeOption.value);
 					setSelectedPath(activeOption.value.key);
-					setActiveKey((_activeOption$value$c = activeOption.value.children[0]) === null || _activeOption$value$c === void 0 ? void 0 : _activeOption$value$c.key);
+					if (activeOption.value.children) {
+						var _activeOption$value$c;
+						setActiveKey((_activeOption$value$c = activeOption.value.children.find((option) => !option.disabled)) === null || _activeOption$value$c === void 0 ? void 0 : _activeOption$value$c.key);
+					}
 				}
 			}],
 			[KEYBOARD_KEY.ARROW_LEFT, (ev) => {
-				var _activeOption$value2;
+				var _activeOption$value;
 				ev.preventDefault();
-				if ((_activeOption$value2 = activeOption.value) === null || _activeOption$value2 === void 0 ? void 0 : _activeOption$value2.parent) {
+				if ((_activeOption$value = activeOption.value) === null || _activeOption$value === void 0 ? void 0 : _activeOption$value.parent) {
 					setSelectedPath(activeOption.value.parent.key);
 					setActiveKey(activeOption.value.parent.key);
 				}

package/es/cascader/cascader-search-panel.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Empty from "../empty/index.js";
 import Scrollbar from "../scrollbar/index.js";

package/es/cascader/cascader.vue.d.ts

@@ -62,12 +62,12 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
     disabled: boolean;
     error: boolean;
     readonly: boolean | string;
+    loading: boolean;
     defaultPopupVisible: boolean;
     expandTrigger: import("./types").CascaderExpandTrigger;
     allowClear: boolean;
     fitWidth: boolean;
     maxWFull: boolean;
-    loading: boolean;
     valueKey: string;
     checkStrictly: boolean;
     pathMode: boolean;

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { isArray, isFunction, isNull, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
@@ -9,16 +9,16 @@ import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
 import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
-import { debounce } from "../_utils/debounce.js";
 import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import { useTrigger } from "../_hooks/use-trigger.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 { useLazyLoad } from "./hooks/use-lazy-load.js";
 import { useSelectedPath } from "./hooks/use-selected-path.js";
 import cascader_search_panel_default from "./cascader-search-panel.js";
-import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, inject, mergeProps, normalizeProps, onBeforeUnmount, openBlock, provide, reactive, ref, renderSlot, toRef, 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 cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -227,8 +227,14 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const leafOptionSet = reactive(/* @__PURE__ */ new Set());
 		const lazyLoadOptions = reactive({});
 		const addLazyLoadOptions = (children, key) => {
-			lazyLoadOptions[key] = children;
+			var _optionMap$get;
+			const source = (_optionMap$get = optionMap.get(key)) === null || _optionMap$get === void 0 ? void 0 : _optionMap$get.raw;
+			if (source) lazyLoadOptions[key] = {
+				source,
+				children
+			};
 		};
+		const { loadOption, isLoading } = useLazyLoad(loadMore, optionMap, addLazyLoadOptions);
 		const DEFAULT_FIELD_NAMES = {
 			value: "value",
 			label: "label",
@@ -241,7 +247,10 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		watch([
 			options,
 			lazyLoadOptions,
-			mergedFieldNames
+			mergedFieldNames,
+			loadMore,
+			checkStrictly,
+			valueKey
 		], ([_options, _lazyLoadOptions, _fieldNames]) => {
 			optionMap.clear();
 			leafOptionMap.clear();
@@ -348,12 +357,20 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			handleInputValueChange("", "optionChecked");
 		};
 		const handleClickOption = (option, checked) => {
+			if (option.disabled || option.selectionDisabled) return;
+			if (!props.multiple && !props.checkStrictly && !option.isLeaf) return;
 			if (props.multiple) selectMultiple(option, checked !== null && checked !== void 0 ? checked : true);
 			else selectSingle(option);
 		};
-		const handleSearch = debounce((value) => {
-			emit("search", value);
-		}, props.searchDelay);
+		let searchTimer;
+		const handleSearch = (value) => {
+			clearTimeout(searchTimer);
+			searchTimer = setTimeout(() => {
+				searchTimer = void 0;
+				emit("search", value);
+			}, props.searchDelay);
+		};
+		onBeforeUnmount(() => clearTimeout(searchTimer));
 		const handleInputValueChange = (value, reason) => {
 			if (value !== computedInputValue.value) {
 				if (reason === "manual" && !computedPopupVisible.value) handlePopupVisibleChange(true);
@@ -411,10 +428,10 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			onClickOption: handleClickOption,
 			setActiveKey,
 			setSelectedPath,
-			loadMore,
+			loadOption,
+			isLoading,
 			expandTrigger,
 			ellipsis,
-			addLazyLoadOptions,
 			formatLabel,
 			separator: props.separator,
 			slots,
@@ -423,10 +440,11 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const handleKeyDown = getKeyDownHandler(/* @__PURE__ */ new Map([
 			[KEYBOARD_KEY.ENTER, (_ev) => {
 				if (computedPopupVisible.value) {
-					if (activeOption.value) {
+					if (activeOption.value && !activeOption.value.disabled) {
 						let checked;
 						if (props.checkStrictly || activeOption.value.isLeaf) checked = !computedValueMap.value.has(activeOption.value.key);
 						else checked = !getCheckedStatus(activeOption.value, computedValueMap.value).checked;
+						loadOption(activeOption.value);
 						setSelectedPath(activeOption.value.key);
 						handleClickOption(activeOption.value, checked);
 					}
@@ -447,20 +465,22 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			}],
 			[KEYBOARD_KEY.ARROW_RIGHT, (ev) => {
 				if (!showSearchPanel.value) {
-					var _activeOption$value;
 					ev.preventDefault();
-					if ((_activeOption$value = activeOption.value) === null || _activeOption$value === void 0 ? void 0 : _activeOption$value.children) {
-						var _activeOption$value$c;
+					if (activeOption.value && !activeOption.value.disabled) {
+						loadOption(activeOption.value);
 						setSelectedPath(activeOption.value.key);
-						setActiveKey((_activeOption$value$c = activeOption.value.children[0]) === null || _activeOption$value$c === void 0 ? void 0 : _activeOption$value$c.key);
+						if (activeOption.value.children) {
+							var _activeOption$value$c;
+							setActiveKey((_activeOption$value$c = activeOption.value.children.find((option) => !option.disabled)) === null || _activeOption$value$c === void 0 ? void 0 : _activeOption$value$c.key);
+						}
 					}
 				}
 			}],
 			[KEYBOARD_KEY.ARROW_LEFT, (ev) => {
 				if (!showSearchPanel.value) {
-					var _activeOption$value2;
+					var _activeOption$value;
 					ev.preventDefault();
-					if ((_activeOption$value2 = activeOption.value) === null || _activeOption$value2 === void 0 ? void 0 : _activeOption$value2.parent) {
+					if ((_activeOption$value = activeOption.value) === null || _activeOption$value === void 0 ? void 0 : _activeOption$value.parent) {
 						setSelectedPath(activeOption.value.parent.key);
 						setActiveKey(activeOption.value.parent.key);
 					}

package/es/cascader/context.d.ts

@@ -4,8 +4,8 @@ export interface CascaderContext {
     onClickOption: (option: CascaderOptionInfo, checked?: boolean) => void;
     setActiveKey: (key?: string) => void;
     setSelectedPath: (key?: string) => void;
-    loadMore?: (option: CascaderOption, done: (children?: CascaderOption[]) => void) => void;
-    addLazyLoadOptions: (children: CascaderOption[], key: string) => void;
+    loadOption: (option: CascaderOptionInfo) => void;
+    isLoading: (option: CascaderOptionInfo) => boolean;
     formatLabel?: (options: CascaderOption[]) => string;
     separator?: string;
     slots: Slots;

package/es/cascader/hooks/use-lazy-load.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'vue';
+import type { CascaderLoadMore, CascaderOption, CascaderOptionInfo } from '../interface';
+export declare function useLazyLoad(loader: Ref<CascaderLoadMore | undefined>, options: Map<string, CascaderOptionInfo>, addChildren: (children: CascaderOption[], key: string) => void): {
+    loadOption: (option: CascaderOptionInfo) => void;
+    isLoading: (option: CascaderOptionInfo) => boolean;
+};

package/es/cascader/hooks/use-lazy-load.js

@@ -0,0 +1,35 @@
+import { onBeforeUnmount, shallowReactive, toRaw } from "vue";
+//#region components/cascader/hooks/use-lazy-load.ts
+function useLazyLoad(loader, options, addChildren) {
+	const pending = shallowReactive(/* @__PURE__ */ new Map());
+	let disposed = false;
+	onBeforeUnmount(() => {
+		disposed = true;
+		pending.clear();
+	});
+	const isLoading = (option) => {
+		var _pending$get;
+		return ((_pending$get = pending.get(option.key)) === null || _pending$get === void 0 ? void 0 : _pending$get.source) === toRaw(option.raw);
+	};
+	const loadOption = (option) => {
+		if (disposed || !loader.value || option.disabled || option.isLeaf || option.children || isLoading(option)) return;
+		const { key } = option;
+		const request = { source: toRaw(option.raw) };
+		pending.set(key, request);
+		new Promise((resolve, reject) => {
+			var _loader$value;
+			Promise.resolve((_loader$value = loader.value) === null || _loader$value === void 0 ? void 0 : _loader$value.call(loader, option.raw, resolve)).catch(reject);
+		}).then((children) => {
+			var _options$get;
+			if (!disposed && pending.get(key) === request && toRaw((_options$get = options.get(key)) === null || _options$get === void 0 ? void 0 : _options$get.raw) === request.source && children) addChildren(children, key);
+		}).catch(() => void 0).finally(() => {
+			if (pending.get(key) === request) pending.delete(key);
+		});
+	};
+	return {
+		loadOption,
+		isLoading
+	};
+}
+//#endregion
+export { useLazyLoad };

package/es/cascader/interface.d.ts

@@ -1,5 +1,9 @@
 import { BaseType, FieldString } from '../_utils/types';
 import { TagProps } from '../tag';
+export type CascaderLazyLoadOptions = Record<string, {
+    source: CascaderOption;
+    children: CascaderOption[];
+}>;
 export type CascaderOptionValue = BaseType | Record<string, unknown>;
 export type CascaderPathValue = CascaderOptionValue[];
 export type CascaderSingleValue = CascaderOptionValue | CascaderPathValue;

package/es/cascader/utils.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { BaseType } from '../_utils/types';
-import { CascaderFieldNames, CascaderModelValue, CascaderOption, CascaderOptionInfo, CascaderSingleValue } from './interface';
+import { CascaderLazyLoadOptions, CascaderFieldNames, CascaderModelValue, CascaderOption, CascaderOptionInfo, CascaderSingleValue } from './interface';
 export declare const getOptionInfos: (options: CascaderOption[], { optionMap, leafOptionMap, leafOptionSet, leafOptionValueMap, totalLevel: innerLevel, checkStrictly, enabledLazyLoad, lazyLoadOptions, valueKey, fieldNames, }: {
     optionMap: Map<string, CascaderOptionInfo>;
     leafOptionMap: Map<string, CascaderOptionInfo>;
@@ -9,7 +9,7 @@ export declare const getOptionInfos: (options: CascaderOption[], { optionMap, le
     totalLevel: Ref<number>;
     checkStrictly: Ref<boolean>;
     enabledLazyLoad: boolean;
-    lazyLoadOptions: Record<string, CascaderOption[]>;
+    lazyLoadOptions: CascaderLazyLoadOptions;
     valueKey: Ref<string>;
     fieldNames: Required<CascaderFieldNames>;
 }) => CascaderOptionInfo[];

package/es/cascader/utils.js

@@ -1,5 +1,7 @@
 import { isArray, isNull, isNumber, isObject, isUndefined } from "../_utils/is.js";
+import { toRaw } from "vue";
 //#region components/cascader/utils.ts
+var getPathKey = (values) => values.map((value) => String(value).replaceAll("%", "%25").replaceAll("-", "%2D")).join("-");
 var getOptionInfos = (options, { optionMap, leafOptionMap, leafOptionSet, leafOptionValueMap, totalLevel: innerLevel, checkStrictly, enabledLazyLoad, lazyLoadOptions, valueKey, fieldNames }) => {
 	let totalLevel = 0;
 	const getTotalLeafOptions = (children) => {
@@ -17,7 +19,8 @@ var getOptionInfos = (options, { optionMap, leafOptionMap, leafOptionSet, leafOp
 		}
 		if (enabledLazyLoad && !data.isLeaf) {
 			data.isLeaf = false;
-			if (lazyLoadOptions[key]) data.children = travelOptions(lazyLoadOptions[key], data, level + 1);
+			const cached = lazyLoadOptions[key];
+			if (cached && toRaw(cached.source) === toRaw(item)) data.children = travelOptions(cached.children, data, level + 1);
 			return;
 		}
 		data.isLeaf = true;
@@ -49,10 +52,10 @@ var getOptionInfos = (options, { optionMap, leafOptionMap, leafOptionSet, leafOp
 			};
 			const path = parentPath.concat(data);
 			const pathValue = [];
-			const key = path.map((pathItem) => {
+			const key = getPathKey(path.map((pathItem) => {
 				pathValue.push(pathItem.value);
 				return pathItem.valueKey;
-			}).join("-");
+			}));
 			data.path = path;
 			data.pathValue = pathValue;
 			data.key = key;
@@ -81,9 +84,8 @@ var getCheckedStatus = (option, valueMap) => {
 		if (valueMap === null || valueMap === void 0 ? void 0 : valueMap.has(option.key)) checked = true;
 	} else {
 		var _valueMap$keys, _option$totalLeafOpti;
-		const reg = new RegExp(`^${option.key}(-|$)`);
 		const checkedLeafOptionNumber = Array.from((_valueMap$keys = valueMap === null || valueMap === void 0 ? void 0 : valueMap.keys()) !== null && _valueMap$keys !== void 0 ? _valueMap$keys : []).reduce((pre, key) => {
-			if (reg.test(key)) return pre + 1;
+			if (key === option.key || key.startsWith(`${option.key}-`)) return pre + 1;
 			return pre;
 		}, 0);
 		if (checkedLeafOptionNumber > 0 && checkedLeafOptionNumber >= ((_option$totalLeafOpti = option.totalLeafOptions) !== null && _option$totalLeafOpti !== void 0 ? _option$totalLeafOpti : 1)) checked = true;
@@ -109,12 +111,12 @@ var getLeafOptionInfos = (option) => {
 };
 var getValueKey = (value, { valueKey, leafOptionValueMap }) => {
 	var _leafOptionValueMap$g;
-	if (isArray(value)) return value.map((item) => {
+	if (isArray(value)) return getPathKey(value.map((item) => {
 		if (isObject(item)) return item[valueKey];
 		return item;
-	}).join("-");
+	}));
 	const _value = isObject(value) ? value[valueKey] : value;
-	return (_leafOptionValueMap$g = leafOptionValueMap.get(String(_value))) !== null && _leafOptionValueMap$g !== void 0 ? _leafOptionValueMap$g : String(_value);
+	return (_leafOptionValueMap$g = leafOptionValueMap.get(String(_value))) !== null && _leafOptionValueMap$g !== void 0 ? _leafOptionValueMap$g : getPathKey([_value]);
 };
 var getValidValues = (value, { multiple, pathMode }) => {
 	if (!isArray(value)) return isUndefined(value) || isNull(value) || value === "" ? [] : [value];

package/es/checkbox/checkbox-group.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isFunction, isNumber, isString } from "../_utils/is.js";
 import { checkboxGroupKey } from "./context.js";

package/es/checkbox/checkbox.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isNull, isUndefined } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
@@ -101,6 +101,7 @@ var checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, event);
 			}
 			nextTick(() => {
+				if (checkboxRef.value) checkboxRef.value.indeterminate = props.indeterminate;
 				if (checkboxRef.value && checkboxRef.value.checked !== computedChecked.value) checkboxRef.value.checked = computedChecked.value;
 			});
 		};

package/es/checkbox/icon-check.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
 //#region components/checkbox/icon-check.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {

package/es/collapse/collapse-item.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
@@ -54,7 +54,10 @@ var collapse_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		const headerId = `${prefixCls}-${instance === null || instance === void 0 ? void 0 : instance.uid}-header`;
 		const contentId = `${prefixCls}-${instance === null || instance === void 0 ? void 0 : instance.uid}-content`;
-		const cls = computed(() => [prefixCls, { [`${prefixCls}-active`]: isActive.value }]);
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-active`]: isActive.value,
+			[`${prefixCls}-no-icon`]: !mergedShowExpandIcon.value
+		}]);
 		const headerCls = computed(() => [
 			`${prefixCls}-header`,
 			`${prefixCls}-header-${collapseCtx.expandIconPosition}`,
@@ -78,12 +81,15 @@ var collapse_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		};
 		const handleKeydown = (event) => {
 			if (props.disabled) return;
+			const target = event.target;
+			if (target === null || target === void 0 ? void 0 : target.closest("input, textarea, select, button, a[href], [contenteditable=\"true\"]")) return;
 			if (isActivationKey(event)) {
 				var _collapseCtx$handleCl2;
 				event.preventDefault();
 				(_collapseCtx$handleCl2 = collapseCtx.handleClick) === null || _collapseCtx$handleCl2 === void 0 || _collapseCtx$handleCl2.call(collapseCtx, key, event);
 			}
 		};
+		let leaving = false;
 		const transitionEvents = {
 			onEnter: (element) => {
 				element.style.height = `${element.scrollHeight}px`;
@@ -92,15 +98,24 @@ var collapse_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				element.style.height = "auto";
 			},
 			onBeforeLeave: (element) => {
+				leaving = true;
 				element.style.height = `${element.scrollHeight}px`;
 			},
 			onLeave: (element) => {
 				element.style.height = "0";
 			},
 			onAfterLeave: () => {
+				leaving = false;
 				if (mergedDestroyOnHide.value) mounted.value = false;
+			},
+			onLeaveCancelled: () => {
+				leaving = false;
 			}
 		};
+		watch(mergedDestroyOnHide, (destroy) => {
+			if (!destroy) mounted.value = true;
+			else if (!isActive.value && !leaving) mounted.value = false;
+		}, { flush: "post" });
 		watch(isActive, (active) => {
 			if (active && !mounted.value) mounted.value = true;
 		});

package/es/collapse/collapse.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray } from "../_utils/is.js";
 import { collapseKey } from "./context.js";

package/es/color-picker/color-picker.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
@@ -128,7 +128,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			});
 		};
 		const handleColorChange = (value, trigger) => {
-			if (!props.disabled) emitChange(value, trigger);
+			if (!props.disabled && !props.readonly) emitChange(value, trigger);
 		};
 		const handleClear = (event) => {
 			inputDraft.value = null;
@@ -188,7 +188,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"enable-multiple-gradient": props.enableMultipleGradient,
 					"recent-colors": mergedRecentColors.value,
 					"swatch-colors": mergedSwatchColors.value,
-					disabled: props.disabled,
+					disabled: props.disabled || !!props.readonly,
 					"enable-alpha": mergedEnableAlpha.value,
 					format: normalizedFormat.value,
 					"show-primary-color-preview": props.showPrimaryColorPreview,

package/es/color-picker/control-bar.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useControlBlock } from "./hooks/use-control-block.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, unref, withCtx } from "vue";

package/es/color-picker/gradient-thumb.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,9 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { formatColor } from "./utils.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, unref } from "vue";
 import { useDraggable } from "@vueuse/core";
 //#region components/color-picker/gradient-thumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled"];
 var gradient_thumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "GradientThumb" }), {}, {
 	__name: "gradient-thumb",
 	props: {
@@ -43,10 +44,12 @@ var gradient_thumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const handleClick = (event) => {
 			var _props$onSelect2;
 			event.stopPropagation();
+			if (props.disabled) return;
 			if (!shouldIgnoreClick.value) (_props$onSelect2 = props.onSelect) === null || _props$onSelect2 === void 0 || _props$onSelect2.call(props);
 		};
 		const handleKeyDown = (event) => {
 			var _props$onRemove;
+			if (props.disabled) return;
 			if (event.key === "Delete" || event.key === "Backspace") (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 || _props$onRemove.call(props);
 		};
 		return (_ctx, _cache) => {
@@ -54,6 +57,7 @@ var gradient_thumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				ref_key: "thumbRef",
 				ref: thumbRef,
 				type: "button",
+				disabled: props.disabled,
 				class: normalizeClass([`${props.prefixCls}-gradient-thumb`, { [`${props.prefixCls}-gradient-thumb-active`]: props.active }]),
 				style: normalizeStyle({ left: `${props.point.left}%` }),
 				onClick: handleClick,
@@ -61,7 +65,7 @@ var gradient_thumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			}, [createElementVNode("span", {
 				class: normalizeClass(`${props.prefixCls}-gradient-thumb-inner`),
 				style: normalizeStyle({ backgroundColor: unref(formatColor)(props.point.hsva, "CSS", true) })
-			}, null, 6)], 38);
+			}, null, 6)], 46, _hoisted_1);
 		};
 	}
 }));

package/es/color-picker/hooks/use-control-block.js

@@ -1,5 +1,5 @@
 import { throttleByRaf } from "../../_utils/throttle-by-raf.js";
-import { ref } from "vue";
+import { onBeforeUnmount, ref } from "vue";
 //#region components/color-picker/hooks/use-control-block.ts
 var useControlBlock = ({ value, onChange }) => {
 	const active = ref(false);
@@ -37,6 +37,10 @@ var useControlBlock = ({ value, onChange }) => {
 		window.addEventListener("mouseup", removeListener);
 		window.addEventListener("contextmenu", removeListener);
 	};
+	onBeforeUnmount(() => {
+		removeListener();
+		throttledChange.cancel();
+	});
 	return {
 		active,
 		blockRef,

package/es/color-picker/palette.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { hsvToRgb } from "../_utils/color.js";
 import { useControlBlock } from "./hooks/use-control-block.js";