@sdata/web-vue 3.29.0 → 4.0.0

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

@@ -0,0 +1,100 @@
+import { useFormItem } from "../_hooks/use-form-item.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";
+import checkbox_default from "./checkbox.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, provide, reactive, ref, renderList, renderSlot, toRef, unref, useSlots, watch, withCtx } from "vue";
+//#region components/checkbox/checkbox-group.vue?vue&type=script&setup=true&lang.ts
+var checkbox_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "CheckboxGroup" }), {}, {
+	__name: "checkbox-group",
+	props: {
+		modelValue: {},
+		defaultValue: { default: () => [] },
+		max: {},
+		options: {},
+		direction: { default: "horizontal" },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const RenderOptionLabel = defineComponent({
+			name: "CheckboxGroupRenderOptionLabel",
+			props: { option: {
+				type: Object,
+				required: true
+			} },
+			setup(renderProps) {
+				return () => isFunction(renderProps.option.label) ? renderProps.option.label() : renderProps.option.label;
+			}
+		});
+		const prefixCls = getPrefixCls("checkbox-group");
+		const { mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
+		const internalValue = ref(props.defaultValue);
+		const computedValue = computed(() => isArray(props.modelValue) ? props.modelValue : internalValue.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 cls = computed(() => [prefixCls, `${prefixCls}-direction-${props.direction}`]);
+		const isChecked = (option) => computedValue.value.includes(option.value);
+		const handleChange = (value, event) => {
+			var _eventHandlers$value, _eventHandlers$value$;
+			internalValue.value = value;
+			emit("update:modelValue", value);
+			emit("change", value, event);
+			(_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);
+		};
+		provide(checkboxGroupKey, reactive({
+			name: "SDCheckboxGroup",
+			computedValue,
+			disabled: mergedDisabled,
+			isMaxed,
+			slots,
+			handleChange
+		}));
+		watch(() => props.modelValue, (value) => {
+			internalValue.value = isArray(value) ? [...value] : [];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				role: "group",
+				class: normalizeClass(cls.value)
+			}, [options.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(options.value, (option) => {
+				return openBlock(), createBlock(checkbox_default, {
+					key: option.value,
+					value: option.value,
+					disabled: option.disabled || !isChecked(option) && isMaxed.value,
+					indeterminate: option.indeterminate,
+					"model-value": isChecked(option)
+				}, {
+					default: withCtx(() => [_ctx.$slots.label ? renderSlot(_ctx.$slots, "label", { data: option }, void 0, void 0, 0) : (openBlock(), createBlock(unref(RenderOptionLabel), {
+						key: 1,
+						option
+					}, null, 8, ["option"]))]),
+					_: 2
+				}, 1032, [
+					"value",
+					"disabled",
+					"indeterminate",
+					"model-value"
+				]);
+			}), 128)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 2);
+		};
+	}
+}));
+//#endregion
+export { checkbox_group_vue_vue_type_script_setup_true_lang_default as default };

package/es/checkbox/checkbox.js

@@ -1,197 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.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";
-import { checkboxGroupKey } from "./context.js";
-import icon_check_default from "./icon-check.js";
-import { computed, createVNode, defineComponent, inject, nextTick, ref, toRefs, watch } from "vue";
-//#region components/checkbox/checkbox.tsx
-var checkbox_default = /* @__PURE__ */ defineComponent({
-	name: "Checkbox",
-	components: {
-		IconCheck: icon_check_default,
-		IconHover: icon_hover_default
-	},
-	props: {
-		/**
-		* @zh 绑定值
-		* @en Value
-		* @vModel
-		*/
-		modelValue: {
-			type: [Boolean, Array],
-			default: void 0
-		},
-		/**
-		* @zh 默认是否选中（非受控状态）
-		* @en Whether checked by default (uncontrolled state)
-		*/
-		defaultChecked: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 选项的 `value`
-		* @en The `value` of the option
-		*/
-		value: { type: [
-			String,
-			Number,
-			Boolean
-		] },
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否为半选状态
-		* @en Whether it is half-selected
-		*/
-		indeterminate: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 原生 input 的 tabindex（默认不渲染，input 保持原生可聚焦；树节点内传 -1 把 checkbox 移出 Tab 序列，改由 treeitem 统一聚焦/操作）
-		* @en tabindex for the native input (omitted by default so the input stays natively focusable; pass -1 in tree nodes to remove the checkbox from the Tab order and operate it via the treeitem)
-		*/
-		tabindex: {
-			type: [Number, String],
-			default: void 0
-		},
-		uninjectGroupContext: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		/**
-		* @zh 值改变时触发
-		* @en Trigger when the value changes
-		* @param { boolean | (string | number | boolean)[] } value
-		* @param {Event} ev
-		*/
-		"change": (_value, _ev) => true
-	},
-	/**
-	* @zh 自定义复选框
-	* @en Custom checkbox
-	* @slot checkbox
-	* @binding {boolean} checked
-	* @binding {boolean} disabled
-	* @version 2.18.0
-	*/
-	setup(props, { emit, slots }) {
-		const { disabled, modelValue } = toRefs(props);
-		const prefixCls = getPrefixCls("checkbox");
-		const checkboxRef = ref();
-		const checkboxGroupCtx = !props.uninjectGroupContext ? inject(checkboxGroupKey, void 0) : void 0;
-		const isGroup = (checkboxGroupCtx === null || checkboxGroupCtx === void 0 ? void 0 : checkboxGroupCtx.name) === "SDCheckboxGroup";
-		const { mergedDisabled: _mergedDisabled, eventHandlers } = useFormItem({ disabled });
-		const _checked = ref(props.defaultChecked);
-		const computedValue = computed(() => {
-			var _props$modelValue;
-			return isGroup ? checkboxGroupCtx === null || checkboxGroupCtx === void 0 ? void 0 : checkboxGroupCtx.computedValue : (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _checked.value;
-		});
-		const computedChecked = computed(() => {
-			var _props$value;
-			return isArray(computedValue.value) ? computedValue.value.includes((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : true) : computedValue.value;
-		});
-		const mergedDisabled = computed(() => (checkboxGroupCtx === null || checkboxGroupCtx === void 0 ? void 0 : checkboxGroupCtx.disabled) || (_mergedDisabled === null || _mergedDisabled === void 0 ? void 0 : _mergedDisabled.value) || !computedChecked.value && (checkboxGroupCtx === null || checkboxGroupCtx === void 0 ? void 0 : checkboxGroupCtx.isMaxed));
-		const handleClick = (ev) => {
-			ev.stopPropagation();
-		};
-		const handleChange = (e) => {
-			const { checked } = e.target;
-			let newValue = checked;
-			if (isArray(computedValue.value)) {
-				const set = new Set(computedValue.value);
-				if (checked) {
-					var _props$value2;
-					set.add((_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : true);
-				} else {
-					var _props$value3;
-					set.delete((_props$value3 = props.value) !== null && _props$value3 !== void 0 ? _props$value3 : true);
-				}
-				newValue = Array.from(set);
-			}
-			_checked.value = checked;
-			if (isGroup && isArray(newValue)) checkboxGroupCtx === null || checkboxGroupCtx === void 0 || checkboxGroupCtx.handleChange(newValue, e);
-			else {
-				var _eventHandlers$value, _eventHandlers$value$;
-				emit("update:modelValue", newValue);
-				emit("change", newValue, 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);
-			}
-			nextTick(() => {
-				if (checkboxRef.value && checkboxRef.value.checked !== computedChecked.value) checkboxRef.value.checked = computedChecked.value;
-			});
-		};
-		const cls = computed(() => [prefixCls, {
-			[`${prefixCls}-checked`]: computedChecked.value,
-			[`${prefixCls}-indeterminate`]: props.indeterminate,
-			[`${prefixCls}-disabled`]: mergedDisabled.value
-		}]);
-		const handleFocus = (ev) => {
-			var _eventHandlers$value2, _eventHandlers$value3;
-			(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onFocus) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2, ev);
-		};
-		const handleBlur = (ev) => {
-			var _eventHandlers$value4, _eventHandlers$value5;
-			(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onBlur) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4, ev);
-		};
-		watch(modelValue, (value) => {
-			if (isUndefined(value) || isNull(value)) _checked.value = false;
-		});
-		watch(computedValue, (value) => {
-			let checked;
-			if (isArray(value)) {
-				var _props$value4;
-				checked = value.includes((_props$value4 = props.value) !== null && _props$value4 !== void 0 ? _props$value4 : true);
-			} else checked = value;
-			if (_checked.value !== checked) _checked.value = checked;
-			if (checkboxRef.value && checkboxRef.value.checked !== checked) checkboxRef.value.checked = checked;
-		});
-		watch(() => props.indeterminate, () => {
-			nextTick(() => {
-				if (checkboxRef.value) checkboxRef.value.indeterminate = props.indeterminate;
-			});
-		}, { immediate: true });
-		return () => {
-			var _ref, _ref2, _slots$checkbox, _checkboxGroupCtx$slo;
-			return createVNode("label", {
-				"aria-disabled": mergedDisabled.value,
-				"class": cls.value
-			}, [
-				createVNode("input", {
-					"ref": checkboxRef,
-					"type": "checkbox",
-					"tabindex": props.tabindex,
-					"checked": computedChecked.value,
-					"value": props.value,
-					"class": `${prefixCls}-target`,
-					"disabled": mergedDisabled.value,
-					"onClick": handleClick,
-					"onChange": handleChange,
-					"onFocus": handleFocus,
-					"onBlur": handleBlur
-				}, null),
-				(_ref = (_ref2 = (_slots$checkbox = slots.checkbox) !== null && _slots$checkbox !== void 0 ? _slots$checkbox : checkboxGroupCtx === null || checkboxGroupCtx === void 0 || (_checkboxGroupCtx$slo = checkboxGroupCtx.slots) === null || _checkboxGroupCtx$slo === void 0 ? void 0 : _checkboxGroupCtx$slo.checkbox) === null || _ref2 === void 0 ? void 0 : _ref2({
-					checked: computedChecked.value,
-					disabled: mergedDisabled.value
-				})) !== null && _ref !== void 0 ? _ref : createVNode(icon_hover_default, {
-					"class": `${prefixCls}-icon-hover`,
-					"disabled": mergedDisabled.value || computedChecked.value
-				}, { default: () => [createVNode("div", { "class": `${prefixCls}-icon` }, [computedChecked.value && createVNode(icon_check_default, { "class": `${prefixCls}-icon-check` }, null)])] }),
-				slots.default && createVNode("span", { "class": `${prefixCls}-label` }, [slots.default()])
-			]);
-		};
-	}
-});
+import checkbox_vue_vue_type_script_setup_true_lang_default from "./checkbox.vue_vue_type_script_setup_true_lang.js";
+//#region components/checkbox/checkbox.vue
+var checkbox_default = checkbox_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { checkbox_default as default };

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

@@ -0,0 +1,39 @@
+import type { VNode } from 'vue';
+type CheckboxValue = string | number | boolean;
+type CheckboxModelValue = boolean | CheckboxValue[];
+type __VLS_Props = {
+    modelValue?: CheckboxModelValue;
+    defaultChecked?: boolean;
+    value?: CheckboxValue;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    tabindex?: number | string;
+    uninjectGroupContext?: boolean;
+};
+type __VLS_Slots = {
+    default?: () => 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: CheckboxModelValue, ev: Event) => any;
+    "update:modelValue": (value: CheckboxModelValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: CheckboxModelValue, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: CheckboxModelValue) => any) | undefined;
+}>, {
+    disabled: boolean;
+    defaultChecked: boolean;
+    indeterminate: boolean;
+    uninjectGroupContext: boolean;
+}, {}, {}, {}, 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;
+    };
+};

package/es/checkbox/checkbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,165 @@
+import { useFormItem } from "../_hooks/use-form-item.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";
+import { checkboxGroupKey } from "./context.js";
+import icon_check_default from "./icon-check.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, nextTick, normalizeClass, openBlock, ref, renderSlot, toRef, unref, useSlots, watch, withCtx } from "vue";
+//#region components/checkbox/checkbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-disabled"];
+var _hoisted_2 = [
+	"tabindex",
+	"checked",
+	"value",
+	"disabled"
+];
+var checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Checkbox" }), {}, {
+	__name: "checkbox",
+	props: {
+		modelValue: { type: [Boolean, Array] },
+		defaultChecked: {
+			type: Boolean,
+			default: false
+		},
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		indeterminate: {
+			type: Boolean,
+			default: false
+		},
+		tabindex: {},
+		uninjectGroupContext: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		useSlots();
+		const prefixCls = getPrefixCls("checkbox");
+		const checkboxRef = ref(null);
+		const checkboxGroupCtx = !props.uninjectGroupContext ? inject(checkboxGroupKey, void 0) : void 0;
+		const isGroup = (checkboxGroupCtx === null || checkboxGroupCtx === void 0 ? void 0 : checkboxGroupCtx.name) === "SDCheckboxGroup";
+		const { mergedDisabled: formItemDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
+		const internalChecked = ref(props.defaultChecked);
+		const resolvedValue = computed(() => {
+			var _props$value;
+			return (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : true;
+		});
+		const computedValue = computed(() => {
+			var _props$modelValue;
+			return isGroup ? checkboxGroupCtx === null || checkboxGroupCtx === void 0 ? void 0 : checkboxGroupCtx.computedValue : (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : internalChecked.value;
+		});
+		const computedChecked = computed(() => isArray(computedValue.value) ? computedValue.value.includes(resolvedValue.value) : computedValue.value);
+		const mergedDisabled = computed(() => (checkboxGroupCtx === null || checkboxGroupCtx === void 0 ? void 0 : checkboxGroupCtx.disabled) || formItemDisabled.value || !computedChecked.value && (checkboxGroupCtx === null || checkboxGroupCtx === void 0 ? void 0 : checkboxGroupCtx.isMaxed) || false);
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-checked`]: computedChecked.value,
+			[`${prefixCls}-indeterminate`]: props.indeterminate,
+			[`${prefixCls}-disabled`]: mergedDisabled.value
+		}]);
+		const RenderGroupCheckbox = () => {
+			var _checkboxGroupCtx$slo, _checkboxGroupCtx$slo2;
+			return checkboxGroupCtx === null || checkboxGroupCtx === void 0 || (_checkboxGroupCtx$slo2 = (_checkboxGroupCtx$slo = checkboxGroupCtx.slots).checkbox) === null || _checkboxGroupCtx$slo2 === void 0 ? void 0 : _checkboxGroupCtx$slo2.call(_checkboxGroupCtx$slo, {
+				checked: computedChecked.value,
+				disabled: mergedDisabled.value
+			});
+		};
+		const handleClick = (event) => {
+			event.stopPropagation();
+		};
+		const handleChange = (event) => {
+			const { checked } = event.target;
+			let newValue = checked;
+			if (isArray(computedValue.value)) {
+				const values = new Set(computedValue.value);
+				if (checked) values.add(resolvedValue.value);
+				else values.delete(resolvedValue.value);
+				newValue = Array.from(values);
+			}
+			internalChecked.value = checked;
+			if (isGroup && isArray(newValue)) checkboxGroupCtx === null || checkboxGroupCtx === void 0 || checkboxGroupCtx.handleChange(newValue, event);
+			else {
+				var _eventHandlers$value, _eventHandlers$value$;
+				emit("update:modelValue", newValue);
+				emit("change", newValue, event);
+				(_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.checked !== computedChecked.value) checkboxRef.value.checked = computedChecked.value;
+			});
+		};
+		const handleFocus = (event) => {
+			var _eventHandlers$value2, _eventHandlers$value3;
+			(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onFocus) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2, event);
+		};
+		const handleBlur = (event) => {
+			var _eventHandlers$value4, _eventHandlers$value5;
+			(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onBlur) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4, event);
+		};
+		watch(() => props.modelValue, (value) => {
+			if (isUndefined(value) || isNull(value)) internalChecked.value = false;
+		});
+		watch(computedValue, (value) => {
+			const checked = isArray(value) ? value.includes(resolvedValue.value) : value;
+			if (internalChecked.value !== checked) internalChecked.value = checked;
+			if (checkboxRef.value && checkboxRef.value.checked !== checked) checkboxRef.value.checked = checked;
+		});
+		watch(() => props.indeterminate, () => {
+			nextTick(() => {
+				if (checkboxRef.value) checkboxRef.value.indeterminate = props.indeterminate;
+			});
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			var _unref2;
+			return openBlock(), createElementBlock("label", {
+				"aria-disabled": mergedDisabled.value,
+				class: normalizeClass(cls.value)
+			}, [
+				createElementVNode("input", {
+					ref_key: "checkboxRef",
+					ref: checkboxRef,
+					type: "checkbox",
+					tabindex: __props.tabindex,
+					checked: computedChecked.value,
+					value: __props.value,
+					class: normalizeClass(`${unref(prefixCls)}-target`),
+					disabled: mergedDisabled.value,
+					onClick: handleClick,
+					onChange: handleChange,
+					onFocus: handleFocus,
+					onBlur: handleBlur
+				}, null, 42, _hoisted_2),
+				_ctx.$slots.checkbox ? renderSlot(_ctx.$slots, "checkbox", {
+					checked: computedChecked.value,
+					disabled: mergedDisabled.value
+				}, void 0, void 0, 0) : ((_unref2 = unref(checkboxGroupCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.slots.checkbox) ? (openBlock(), createBlock(RenderGroupCheckbox, { key: 1 })) : (openBlock(), createBlock(icon_hover_default, {
+					key: 2,
+					class: normalizeClass(`${unref(prefixCls)}-icon-hover`),
+					disabled: mergedDisabled.value || computedChecked.value
+				}, {
+					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-icon`) }, [computedChecked.value ? (openBlock(), createBlock(icon_check_default, {
+						key: 0,
+						class: normalizeClass(`${unref(prefixCls)}-icon-check`)
+					}, null, 8, ["class"])) : createCommentVNode("", true)], 2)]),
+					_: 1
+				}, 8, ["class", "disabled"])),
+				_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+					key: 3,
+					class: normalizeClass(`${unref(prefixCls)}-label`)
+				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+}));
+//#endregion
+export { checkbox_vue_vue_type_script_setup_true_lang_default as default };

package/es/checkbox/icon-check.js

@@ -1,20 +1,5 @@
-import { createVNode, defineComponent } from "vue";
-//#region components/checkbox/icon-check.tsx
-var icon_check_default = /* @__PURE__ */ defineComponent({
-	name: "IconCheck",
-	render() {
-		return createVNode("svg", {
-			"aria-hidden": "true",
-			"focusable": "false",
-			"viewBox": "0 0 1024 1024",
-			"width": "200",
-			"height": "200",
-			"fill": "currentColor"
-		}, [createVNode("path", {
-			"d": "M877.44815445 206.10060629a64.72691371 64.72691371 0 0 0-95.14856334 4.01306852L380.73381888 685.46812814 235.22771741 533.48933518a64.72691371 64.72691371 0 0 0-92.43003222-1.03563036l-45.82665557 45.82665443a64.72691371 64.72691371 0 0 0-0.90617629 90.61767965l239.61903446 250.10479331a64.72691371 64.72691371 0 0 0 71.19960405 15.14609778 64.33855261 64.33855261 0 0 0 35.08198741-21.23042702l36.24707186-42.71976334 40.5190474-40.77795556-3.36579926-3.49525333 411.40426297-486.74638962a64.72691371 64.72691371 0 0 0-3.88361443-87.64024149l-45.3088404-45.43829334z",
-			"p-id": "840"
-		}, null)]);
-	}
-});
+import icon_check_vue_vue_type_script_setup_true_lang_default from "./icon-check.vue_vue_type_script_setup_true_lang.js";
+//#region components/checkbox/icon-check.vue
+var icon_check_default = icon_check_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { icon_check_default as default };

package/es/checkbox/icon-check.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,24 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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 = {
+	"aria-hidden": "true",
+	focusable: "false",
+	viewBox: "0 0 1024 1024",
+	width: "200",
+	height: "200",
+	fill: "currentColor"
+};
+var icon_check_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "IconCheck" }), {}, {
+	__name: "icon-check",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+				d: "M877.44815445 206.10060629a64.72691371 64.72691371 0 0 0-95.14856334 4.01306852L380.73381888 685.46812814 235.22771741 533.48933518a64.72691371 64.72691371 0 0 0-92.43003222-1.03563036l-45.82665557 45.82665443a64.72691371 64.72691371 0 0 0-0.90617629 90.61767965l239.61903446 250.10479331a64.72691371 64.72691371 0 0 0 71.19960405 15.14609778 64.33855261 64.33855261 0 0 0 35.08198741-21.23042702l36.24707186-42.71976334 40.5190474-40.77795556-3.36579926-3.49525333 411.40426297-486.74638962a64.72691371 64.72691371 0 0 0-3.88361443-87.64024149l-45.3088404-45.43829334z",
+				"p-id": "840"
+			}, null, -1)])]);
+		};
+	}
+}));
+//#endregion
+export { icon_check_vue_vue_type_script_setup_true_lang_default as default };