@sdata/web-vue 3.30.0 → 4.1.0

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

@@ -0,0 +1,171 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isFunction } from "../_utils/is.js";
+import IconLoading from "../icon/icon-loading/index.js";
+import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
+import Checkbox from "../checkbox/index.js";
+import Radio from "../radio/index.js";
+import IconRight from "../icon/icon-right/index.js";
+import { cascaderInjectionKey } from "./context.js";
+import { getCheckedStatus, getOptionLabel } from "./utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, ref, resolveDynamicComponent, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/cascader/cascader-option.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"disabled",
+	"aria-haspopup",
+	"aria-expanded",
+	"title"
+];
+var cascader_option_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "CascaderOption",
+	inheritAttrs: false
+}), {}, {
+	__name: "cascader-option",
+	props: {
+		option: {
+			type: Object,
+			required: true
+		},
+		active: Boolean,
+		multiple: Boolean,
+		checkStrictly: Boolean,
+		searchOption: Boolean,
+		pathLabel: Boolean
+	},
+	setup(__props) {
+		const props = __props;
+		const option = toRef(props, "option");
+		const prefixCls = getPrefixCls("cascader-option");
+		const cascaderCtx = inject(cascaderInjectionKey, {});
+		const isLoading = ref(false);
+		const [DefineEllipsis, ReuseEllipsis] = createReusableTemplate();
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-active`]: props.active,
+			[`${prefixCls}-disabled`]: option.value.disabled
+		}]);
+		const checkedStatus = computed(() => {
+			if (props.checkStrictly) {
+				var _cascaderCtx$valueMap;
+				return {
+					checked: (_cascaderCtx$valueMap = cascaderCtx.valueMap) === null || _cascaderCtx$valueMap === void 0 ? void 0 : _cascaderCtx$valueMap.has(option.value.key),
+					indeterminate: false
+				};
+			}
+			return getCheckedStatus(option.value, cascaderCtx.valueMap);
+		});
+		const pathOptionLabel = computed(() => {
+			var _cascaderCtx$formatLa, _cascaderCtx$formatLa2;
+			return (_cascaderCtx$formatLa = (_cascaderCtx$formatLa2 = cascaderCtx.formatLabel) === null || _cascaderCtx$formatLa2 === void 0 ? void 0 : _cascaderCtx$formatLa2.call(cascaderCtx, option.value.path.map((item) => item.raw))) !== null && _cascaderCtx$formatLa !== void 0 ? _cascaderCtx$formatLa : getOptionLabel(option.value, { separator: cascaderCtx.separator });
+		});
+		function handlePathChange() {
+			var _cascaderCtx$setSelec;
+			if (isFunction(cascaderCtx.loadMore) && !option.value.isLeaf) {
+				const { isLeaf, children, key } = option.value;
+				if (!isLeaf && !children) {
+					isLoading.value = true;
+					new Promise((resolve) => {
+						var _cascaderCtx$loadMore;
+						(_cascaderCtx$loadMore = cascaderCtx.loadMore) === null || _cascaderCtx$loadMore === void 0 || _cascaderCtx$loadMore.call(cascaderCtx, option.value.raw, resolve);
+					}).then((children) => {
+						isLoading.value = false;
+						if (children) {
+							var _cascaderCtx$addLazyL;
+							(_cascaderCtx$addLazyL = cascaderCtx.addLazyLoadOptions) === null || _cascaderCtx$addLazyL === void 0 || _cascaderCtx$addLazyL.call(cascaderCtx, children, key);
+						}
+					});
+				}
+			}
+			(_cascaderCtx$setSelec = cascaderCtx.setSelectedPath) === null || _cascaderCtx$setSelec === void 0 || _cascaderCtx$setSelec.call(cascaderCtx, option.value.key);
+		}
+		function handleMouseenter() {
+			var _cascaderCtx$setActiv;
+			if (option.value.disabled) return;
+			(_cascaderCtx$setActiv = cascaderCtx.setActiveKey) === null || _cascaderCtx$setActiv === void 0 || _cascaderCtx$setActiv.call(cascaderCtx, option.value.key);
+			if (cascaderCtx.expandTrigger === "hover") handlePathChange();
+		}
+		function handleMouseleave() {
+			if (!option.value.disabled) {
+				var _cascaderCtx$setActiv2;
+				(_cascaderCtx$setActiv2 = cascaderCtx.setActiveKey) === null || _cascaderCtx$setActiv2 === void 0 || _cascaderCtx$setActiv2.call(cascaderCtx);
+			}
+		}
+		function handleClick() {
+			if (option.value.disabled) return;
+			if (cascaderCtx.expandTrigger !== "hover") handlePathChange();
+			if (option.value.isLeaf && !props.multiple) {
+				var _cascaderCtx$onClickO;
+				(_cascaderCtx$onClickO = cascaderCtx.onClickOption) === null || _cascaderCtx$onClickO === void 0 || _cascaderCtx$onClickO.call(cascaderCtx, option.value);
+			}
+		}
+		function handleCheckboxChange(_value, event) {
+			var _cascaderCtx$onClickO2;
+			event.stopPropagation();
+			handlePathChange();
+			(_cascaderCtx$onClickO2 = cascaderCtx.onClickOption) === null || _cascaderCtx$onClickO2 === void 0 || _cascaderCtx$onClickO2.call(cascaderCtx, option.value, !checkedStatus.value.checked);
+		}
+		function handleRadioChange(_value, event) {
+			var _cascaderCtx$onClickO3;
+			event.stopPropagation();
+			handlePathChange();
+			(_cascaderCtx$onClickO3 = cascaderCtx.onClickOption) === null || _cascaderCtx$onClickO3 === void 0 || _cascaderCtx$onClickO3.call(cascaderCtx, option.value, true);
+		}
+		return (_ctx, _cache) => {
+			var _unref$valueMap, _unref$slots;
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineEllipsis), null, {
+				default: withCtx(({ label }) => [unref(cascaderCtx).ellipsis === false ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(label), 1)], 64)) : unref(cascaderCtx).ellipsis === "performant-ellipsis" ? (openBlock(), createBlock(unref(PerformantEllipsis), { key: 1 }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(label), 1)]),
+					_: 2
+				}, 1024)) : (openBlock(), createBlock(unref(Ellipsis), { key: 2 }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(label), 1)]),
+					_: 2
+				}, 1024))]),
+				_: 1
+			}), createElementVNode("li", normalizeProps(guardReactiveProps(_ctx.$attrs)), [createElementVNode("button", {
+				type: "button",
+				disabled: option.value.disabled,
+				"aria-haspopup": !option.value.isLeaf,
+				"aria-expanded": !option.value.isLeaf && __props.active,
+				title: option.value.label,
+				class: normalizeClass(cls.value),
+				onMouseenter: handleMouseenter,
+				onMouseleave: handleMouseleave,
+				onClick: handleClick
+			}, [
+				__props.multiple ? (openBlock(), createBlock(unref(Checkbox), {
+					key: 0,
+					"model-value": checkedStatus.value.checked,
+					indeterminate: checkedStatus.value.indeterminate,
+					disabled: option.value.disabled || option.value.selectionDisabled,
+					"uninject-group-context": "",
+					onChange: handleCheckboxChange,
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+				}, null, 8, [
+					"model-value",
+					"indeterminate",
+					"disabled"
+				])) : createCommentVNode("", true),
+				__props.checkStrictly && !__props.multiple ? (openBlock(), createBlock(unref(Radio), {
+					key: 1,
+					"model-value": (_unref$valueMap = unref(cascaderCtx).valueMap) === null || _unref$valueMap === void 0 ? void 0 : _unref$valueMap.has(option.value.key),
+					disabled: option.value.disabled,
+					"uninject-group-context": "",
+					onChange: handleRadioChange,
+					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+				}, null, 8, ["model-value", "disabled"])) : createCommentVNode("", true),
+				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-label`) }, [__props.pathLabel ? (openBlock(), createBlock(unref(ReuseEllipsis), {
+					key: 0,
+					label: pathOptionLabel.value
+				}, null, 8, ["label"])) : ((_unref$slots = unref(cascaderCtx).slots) === null || _unref$slots === void 0 ? void 0 : _unref$slots.option) ? (openBlock(), createBlock(resolveDynamicComponent(unref(cascaderCtx).slots.option), {
+					key: 1,
+					data: option.value
+				}, null, 8, ["data"])) : (openBlock(), createBlock(unref(ReuseEllipsis), {
+					key: 2,
+					label: option.value.label
+				}, null, 8, ["label"])), isLoading.value ? (openBlock(), createBlock(unref(IconLoading), { key: 3 })) : !__props.searchOption && !option.value.isLeaf ? (openBlock(), createBlock(unref(IconRight), { key: 4 })) : createCommentVNode("", true)], 2)
+			], 42, _hoisted_1)], 16)], 64);
+		};
+	}
+}));
+//#endregion
+export { cascader_option_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";
@@ -72,10 +72,11 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			tagProps: "tagProps",
 			isLeaf: "isLeaf"
 		};
+		const mergedFieldNames = computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), props.fieldNames));
 		watch([
 			options,
 			lazyLoadOptions,
-			computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), props.fieldNames))
+			mergedFieldNames
 		], ([_options, _lazyLoadOptions, _fieldNames]) => {
 			optionMap.clear();
 			leafOptionMap.clear();
@@ -194,7 +195,7 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			}]
 		]));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(base_cascader_panel_default), {
+			return openBlock(), createBlock(base_cascader_panel_default, {
 				"display-columns": unref(displayColumns),
 				"selected-path": unref(selectedPath),
 				"active-key": unref(activeKey),

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

@@ -1,60 +1,5 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import Empty from "../empty/index.js";
-import Scrollbar from "../scrollbar/index.js";
-import Spin from "../spin/index.js";
-import cascader_option_default from "./cascader-option.js";
-import { createVNode, defineComponent, inject, isVNode } from "vue";
-//#region components/cascader/cascader-search-panel.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var cascader_search_panel_default = /* @__PURE__ */ defineComponent({
-	name: "CascaderSearchPanel",
-	props: {
-		options: {
-			type: Array,
-			required: true
-		},
-		loading: Boolean,
-		spinProps: Object,
-		activeKey: String,
-		multiple: Boolean,
-		checkStrictly: Boolean,
-		pathLabel: Boolean
-	},
-	setup(props, { slots }) {
-		const prefixCls = getPrefixCls("cascader");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const renderContent = () => {
-			if (props.loading) return createVNode(Spin, props.spinProps, null);
-			if (props.options.length === 0) {
-				var _ref, _slots$empty, _slots$empty2, _configCtx$slots, _configCtx$slots$empt;
-				return createVNode("div", { "class": `${prefixCls}-list-empty` }, [(_ref = (_slots$empty = (_slots$empty2 = slots.empty) === null || _slots$empty2 === void 0 ? void 0 : _slots$empty2.call(slots)) !== null && _slots$empty !== void 0 ? _slots$empty : configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt.call(_configCtx$slots, { component: "cascader" })) !== null && _ref !== void 0 ? _ref : createVNode(Empty, null, null)]);
-			}
-			return createVNode("ul", {
-				"role": "menu",
-				"class": [
-					`${prefixCls}-list`,
-					`${prefixCls}-search-list`,
-					{ [`${prefixCls}-list-multiple`]: props.multiple }
-				]
-			}, [props.options.map((item) => createVNode(cascader_option_default, {
-				"key": item.key,
-				"class": `${prefixCls}-search-option`,
-				"option": item,
-				"active": item.key === props.activeKey,
-				"multiple": props.multiple,
-				"checkStrictly": props.checkStrictly,
-				"pathLabel": props.pathLabel,
-				"searchOption": true
-			}, null))]);
-		};
-		return () => {
-			let _slot;
-			return createVNode(Scrollbar, { "class": [`${prefixCls}-panel`, `${prefixCls}-search-panel`] }, _isSlot(_slot = renderContent()) ? _slot : { default: () => [_slot] });
-		};
-	}
-});
+import cascader_search_panel_vue_vue_type_script_setup_true_lang_default from "./cascader-search-panel.vue_vue_type_script_setup_true_lang.js";
+//#region components/cascader/cascader-search-panel.vue
+var cascader_search_panel_default = cascader_search_panel_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { cascader_search_panel_default as default };

package/es/cascader/{cascader-search-panel.d.ts → cascader-search-panel.vue.d.ts}

@@ -1,7 +1,11 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { SpinProps } from '../spin';
-import { CascaderOptionInfo } from './interface';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+import type { CascaderOptionInfo } from './interface';
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<CascaderOptionInfo[]>;
         required: true;
@@ -12,7 +16,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     multiple: BooleanConstructor;
     checkStrictly: BooleanConstructor;
     pathLabel: BooleanConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<CascaderOptionInfo[]>;
         required: true;
@@ -29,4 +33,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     checkStrictly: boolean;
     pathLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,71 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import Empty from "../empty/index.js";
+import Scrollbar from "../scrollbar/index.js";
+import Spin from "../spin/index.js";
+import cascader_option_default from "./cascader-option.js";
+import { Fragment, createBlock, createElementBlock, defineComponent, inject, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+//#region components/cascader/cascader-search-panel.vue?vue&type=script&setup=true&lang.ts
+var cascader_search_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "CascaderSearchPanel" }), {}, {
+	__name: "cascader-search-panel",
+	props: {
+		options: {
+			type: Array,
+			required: true
+		},
+		loading: Boolean,
+		spinProps: Object,
+		activeKey: String,
+		multiple: Boolean,
+		checkStrictly: Boolean,
+		pathLabel: Boolean
+	},
+	setup(__props) {
+		const prefixCls = getPrefixCls("cascader");
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Scrollbar), { class: normalizeClass([`${unref(prefixCls)}-panel`, `${unref(prefixCls)}-search-panel`]) }, {
+				default: withCtx(() => {
+					var _unref2;
+					return [__props.loading ? (openBlock(), createBlock(unref(Spin), normalizeProps(mergeProps({ key: 0 }, __props.spinProps)), null, 16)) : __props.options.length === 0 ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(`${unref(prefixCls)}-list-empty`)
+					}, [_ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 0) : ((_unref2 = unref(configCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.slots.empty) ? (openBlock(), createBlock(resolveDynamicComponent(unref(configCtx).slots.empty), {
+						key: 1,
+						component: "cascader"
+					})) : (openBlock(), createBlock(unref(Empty), { key: 2 }))], 2)) : (openBlock(), createElementBlock("ul", {
+						key: 2,
+						role: "menu",
+						class: normalizeClass([
+							`${unref(prefixCls)}-list`,
+							`${unref(prefixCls)}-search-list`,
+							{ [`${unref(prefixCls)}-list-multiple`]: __props.multiple }
+						])
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
+						return openBlock(), createBlock(cascader_option_default, {
+							key: item.key,
+							class: normalizeClass(`${unref(prefixCls)}-search-option`),
+							option: item,
+							active: item.key === __props.activeKey,
+							multiple: __props.multiple,
+							"check-strictly": __props.checkStrictly,
+							"path-label": __props.pathLabel,
+							"search-option": ""
+						}, null, 8, [
+							"class",
+							"option",
+							"active",
+							"multiple",
+							"check-strictly",
+							"path-label"
+						]);
+					}), 128))], 2))];
+				}),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+}));
+//#endregion
+export { cascader_search_panel_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -10,7 +10,9 @@ declare var __VLS_16: {
     disabled: boolean;
     loading: boolean;
     multiple: boolean;
-}, __VLS_32: any, __VLS_35: {}, __VLS_38: {}, __VLS_41: {}, __VLS_44: {}, __VLS_54: {}, __VLS_63: {};
+}, __VLS_32: {
+    data: import("../_components/select-view/interface.ts").SelectViewValue;
+}, __VLS_35: {}, __VLS_38: {}, __VLS_41: {}, __VLS_44: {}, __VLS_54: {}, __VLS_63: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_16) => any;
 } & {

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.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";
@@ -171,27 +171,30 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			getCompatValue: () => props.filterable,
 			getDefaultValue: () => props.multiple
 		});
-		const { mergedAllowClear } = useAllowClear(computed(() => {
+		const mergedAllowClearValue = computed(() => {
 			var _props$clearable;
 			const rawProps = instance === null || instance === void 0 ? void 0 : instance.vnode.props;
 			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 { mergedAllowClear } = useAllowClear(mergedAllowClearValue, ["clearable"]);
 		const mergedPopupVisible = computed(() => {
 			if (hasTriggerProp(["popupVisible", "popup-visible"])) return props.popupVisible;
 		});
 		const mergedShow = computed(() => {
 			if (hasTriggerProp(["show"])) return props.show;
 		});
+		const mergedDefaultPopupVisible = computed(() => {
+			if (hasTriggerProp(["defaultPopupVisible", "default-popup-visible"])) return props.defaultPopupVisible;
+		});
+		const mergedDefaultShow = computed(() => {
+			if (hasTriggerProp(["defaultShow", "default-show"])) return props.defaultShow;
+		});
 		const { computedPopupVisible, handlePopupVisibleChange: _handlePopupVisibleChange } = useTrigger({
 			popupVisible: mergedPopupVisible,
-			defaultPopupVisible: computed(() => {
-				if (hasTriggerProp(["defaultPopupVisible", "default-popup-visible"])) return props.defaultPopupVisible;
-			}),
+			defaultPopupVisible: mergedDefaultPopupVisible,
 			show: mergedShow,
-			defaultShow: computed(() => {
-				if (hasTriggerProp(["defaultShow", "default-show"])) return props.defaultShow;
-			}),
+			defaultShow: mergedDefaultShow,
 			emit
 		});
 		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
@@ -234,10 +237,11 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			tagProps: "tagProps",
 			isLeaf: "isLeaf"
 		};
+		const mergedFieldNames = computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), props.fieldNames));
 		watch([
 			options,
 			lazyLoadOptions,
-			computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), props.fieldNames))
+			mergedFieldNames
 		], ([_options, _lazyLoadOptions, _fieldNames]) => {
 			optionMap.clear();
 			leafOptionMap.clear();
@@ -533,7 +537,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 						"aria-has-popup": "menu",
 						onPopupVisibleChange: handlePopupVisibleChange
 					}), {
-						content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(unref(cascader_search_panel_default), {
+						content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(cascader_search_panel_default, {
 							key: 0,
 							options: filteredLeafOptions.value,
 							"active-key": unref(activeKey),
@@ -554,7 +558,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							"loading",
 							"spin-props",
 							"path-label"
-						])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
+						])) : (openBlock(), createBlock(base_cascader_panel_default, {
 							key: 1,
 							"display-columns": unref(displayColumns),
 							"selected-path": unref(selectedPath),
@@ -591,7 +595,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							disabled: unref(mergedDisabled),
 							loading: unref(loading),
 							multiple: unref(multiple)
-						}, () => [createVNode(unref(select_view_default), mergeProps({
+						}, () => [createVNode(select_view_default, mergeProps({
 							"model-value": selectViewValue.value,
 							"input-value": computedInputValue.value,
 							disabled: unref(mergedDisabled),

package/es/checkbox/checkbox-group.js

@@ -1,141 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isArray, isFunction, isNumber, isString } from "../_utils/is.js";
-import { checkboxGroupKey } from "./context.js";
-import checkbox_default from "./checkbox.js";
-import { computed, createVNode, defineComponent, provide, reactive, ref, toRefs, watch } from "vue";
-//#region components/checkbox/checkbox-group.tsx
-var checkbox_group_default = /* @__PURE__ */ defineComponent({
-	name: "CheckboxGroup",
-	props: {
-		/**
-		* @zh 绑定值
-		* @en Value
-		* @vModel
-		*/
-		modelValue: {
-			type: Array,
-			default: void 0
-		},
-		/**
-		* @zh 默认值（非受控状态）
-		* @en Default value (uncontrolled state)
-		*/
-		defaultValue: {
-			type: Array,
-			default: () => []
-		},
-		/**
-		* @zh 支持最多选中的数量
-		* @en Support the maximum number of selections
-		* @version 2.36.0
-		*/
-		max: { type: Number },
-		/**
-		* @zh 选项
-		* @en Options
-		* @version 2.27.0
-		*/
-		options: { type: Array },
-		/**
-		* @zh 复选框的排列方向
-		* @en Arrangement direction of checkboxes
-		*/
-		direction: {
-			type: String,
-			default: "horizontal"
-		},
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		/**
-		* @zh 值改变时触发
-		* @en Trigger when the value changes
-		* @param {(string | number | boolean)[]} value
-		* @param {Event} ev
-		*/
-		"change": (_value, _ev) => true
-	},
-	/**
-	* @zh checkbox 文案内容
-	* @en checkbox label content
-	* @slot label
-	* @binding {CheckboxOption} data
-	* @version 2.27.0
-	*/
-	/**
-	* @zh 自定义复选框
-	* @en Custom checkbox
-	* @slot checkbox
-	* @binding {boolean} checked
-	* @binding {boolean} disabled
-	* @version 2.27.0
-	*/
-	setup(props, { emit, slots }) {
-		const { disabled } = toRefs(props);
-		const prefixCls = getPrefixCls("checkbox-group");
-		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
-		const _value = ref(props.defaultValue);
-		const computedValue = computed(() => isArray(props.modelValue) ? props.modelValue : _value.value);
-		const isMaxed = computed(() => props.max === void 0 ? false : computedValue.value.length >= props.max);
-		const options = computed(() => {
-			var _props$options;
-			return ((_props$options = props.options) !== null && _props$options !== void 0 ? _props$options : []).map((option) => {
-				if (isString(option) || isNumber(option)) return {
-					label: option,
-					value: option
-				};
-				return option;
-			});
-		});
-		const handleChange = (value, e) => {
-			var _eventHandlers$value, _eventHandlers$value$;
-			_value.value = value;
-			emit("update:modelValue", value);
-			emit("change", value, e);
-			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, e);
-		};
-		provide(checkboxGroupKey, reactive({
-			name: "SDCheckboxGroup",
-			computedValue,
-			disabled: mergedDisabled,
-			isMaxed,
-			slots,
-			handleChange
-		}));
-		const cls = computed(() => [prefixCls, `${prefixCls}-direction-${props.direction}`]);
-		watch(() => props.modelValue, (curValue) => {
-			if (isArray(curValue)) _value.value = [...curValue];
-			else _value.value = [];
-		});
-		const renderOptions = () => {
-			return options.value.map((option) => {
-				const checked = computedValue.value.includes(option.value);
-				return createVNode(checkbox_default, {
-					"key": option.value,
-					"value": option.value,
-					"disabled": option.disabled || !checked && isMaxed.value,
-					"indeterminate": option.indeterminate,
-					"modelValue": checked
-				}, { default: () => [slots.label ? slots.label({ data: option }) : isFunction(option.label) ? option.label() : option.label] });
-			});
-		};
-		return () => {
-			var _slots$default;
-			return createVNode("span", {
-				"role": "group",
-				"class": cls.value
-			}, [options.value.length > 0 ? renderOptions() : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
-		};
-	}
-});
+import checkbox_group_vue_vue_type_script_setup_true_lang_default from "./checkbox-group.vue_vue_type_script_setup_true_lang.js";
+//#region components/checkbox/checkbox-group.vue
+var checkbox_group_default = checkbox_group_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { checkbox_group_default as default };

package/es/checkbox/checkbox-group.vue.d.ts

@@ -0,0 +1,41 @@
+import type { VNode } from 'vue';
+import type { Direction } from '../_utils/constant';
+import type { CheckboxOption } from './interface';
+type CheckboxValue = string | number | boolean;
+type __VLS_Props = {
+    modelValue?: CheckboxValue[];
+    defaultValue?: CheckboxValue[];
+    max?: number;
+    options?: Array<string | number | CheckboxOption>;
+    direction?: Direction;
+    disabled?: boolean;
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+    label?: (props: {
+        data: CheckboxOption;
+    }) => VNode[];
+    checkbox?: (props: {
+        checked: boolean;
+        disabled: boolean;
+    }) => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: CheckboxValue[], ev: Event) => any;
+    "update:modelValue": (value: CheckboxValue[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: CheckboxValue[], ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: CheckboxValue[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    direction: Direction;
+    defaultValue: CheckboxValue[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};