@sdata/web-vue 3.30.0 → 4.1.0

package/es/radio/radio-group.js

@@ -1,170 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isFunction, isNull, isNumber, isString, isUndefined } from "../_utils/is.js";
-import { useSize } from "../_hooks/use-size.js";
-import { radioGroupKey } from "./context.js";
-import radio_default from "./radio.js";
-import { computed, createVNode, defineComponent, getCurrentInstance, provide, reactive, ref, toRefs, watch } from "vue";
-//#region components/radio/radio-group.tsx
-var radio_group_default = /* @__PURE__ */ defineComponent({
-	name: "RadioGroup",
-	props: {
-		/**
-		* @zh 绑定值
-		* @en Value
-		* @vModel
-		*/
-		modelValue: {
-			type: [
-				String,
-				Number,
-				Boolean
-			],
-			default: void 0
-		},
-		/**
-		* @zh 默认值（非受控状态）
-		* @en Default value (uncontrolled state)
-		*/
-		defaultValue: {
-			type: [
-				String,
-				Number,
-				Boolean
-			],
-			default: ""
-		},
-		/**
-		* @zh 单选框组的类型
-		* @en Types of radio group
-		* @values 'radio', 'button'
-		*/
-		type: {
-			type: String,
-			default: "radio"
-		},
-		/**
-		* @zh 单选框组的尺寸
-		* @en The size of the radio group
-		* @values 'mini','small','medium','large'
-		*/
-		size: { type: String },
-		/**
-		* @zh 选项
-		* @en Options
-		* @version 2.27.0
-		*/
-		options: { type: Array },
-		/**
-		* @zh 单选框组的方向
-		* @en The direction of the radio group
-		* @values 'horizontal', 'vertical'
-		*/
-		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
-		* @property { string | number | boolean } value
-		*/
-		"change": (_value, _ev) => true
-	},
-	/**
-	* @zh radio 文案内容
-	* @en radio label content
-	* @slot label
-	* @binding {RadioOption} data
-	* @version 2.27.0
-	*/
-	/**
-	* @zh 自定义单选框
-	* @en Custom radio
-	* @slot radio
-	* @binding {boolean} checked
-	* @binding {boolean} disabled
-	* @version 2.27.0
-	*/
-	setup(props, { emit, slots }) {
-		const prefixCls = getPrefixCls("radio-group");
-		const { size, type, disabled, modelValue } = toRefs(props);
-		const { mergedDisabled, mergedSize: _mergedSize, eventHandlers } = useFormItem({
-			size,
-			disabled
-		});
-		const { mergedSize } = useSize(_mergedSize);
-		const _value = ref(props.defaultValue);
-		const computedValue = computed(() => {
-			var _props$modelValue;
-			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value;
-		});
-		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(radioGroupKey, reactive({
-			name: "SDRadioGroup",
-			inputName: `${prefixCls}-${getCurrentInstance().uid}`,
-			value: computedValue,
-			size: mergedSize,
-			type,
-			disabled: mergedDisabled,
-			slots,
-			handleChange
-		}));
-		watch(computedValue, (cur) => {
-			if (_value.value !== cur) _value.value = cur;
-		});
-		watch(modelValue, (val) => {
-			if (isUndefined(val) || isNull(val)) _value.value = "";
-		});
-		const cls = computed(() => [
-			`${prefixCls}${props.type === "button" ? "-button" : ""}`,
-			`${prefixCls}-size-${mergedSize.value}`,
-			`${prefixCls}-direction-${props.direction}`,
-			{ [`${prefixCls}-disabled`]: mergedDisabled.value }
-		]);
-		const renderOptions = () => {
-			return options.value.map((option) => createVNode(radio_default, {
-				"key": option.value,
-				"value": option.value,
-				"disabled": option.disabled,
-				"modelValue": computedValue.value === option.value
-			}, { default: () => [slots.label ? slots.label({ data: option }) : isFunction(option.label) ? option.label() : option.label] }));
-		};
-		return () => {
-			var _slots$default;
-			return createVNode("span", {
-				"role": "radiogroup",
-				"class": cls.value
-			}, [options.value.length > 0 ? renderOptions() : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
-		};
-	}
-});
+import radio_group_vue_vue_type_script_setup_true_lang_default from "./radio-group.vue_vue_type_script_setup_true_lang.js";
+//#region components/radio/radio-group.vue
+var radio_group_default = radio_group_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { radio_group_default as default };

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

@@ -0,0 +1,45 @@
+import type { VNode } from 'vue';
+import type { Direction, Size } from '../_utils/constant';
+import type { RadioType } from './context';
+import type { RadioOption } from './interface';
+type RadioValue = string | number | boolean;
+type __VLS_Props = {
+    modelValue?: RadioValue;
+    defaultValue?: RadioValue;
+    type?: RadioType;
+    size?: Size;
+    options?: Array<string | number | RadioOption>;
+    direction?: Direction;
+    disabled?: boolean;
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+    label?: (props: {
+        data: RadioOption;
+    }) => VNode[];
+    radio?: (props: {
+        checked: boolean;
+        disabled: boolean;
+    }) => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: RadioValue, ev: Event) => any;
+    "update:modelValue": (value: RadioValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: RadioValue, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: RadioValue) => any) | undefined;
+}>, {
+    type: RadioType;
+    disabled: boolean;
+    direction: Direction;
+    defaultValue: RadioValue;
+    modelValue: RadioValue;
+}, {}, {}, {}, 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/radio/radio-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,129 @@
+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 { isFunction, isNull, isNumber, isString, isUndefined } from "../_utils/is.js";
+import { useSize } from "../_hooks/use-size.js";
+import { radioGroupKey } from "./context.js";
+import radio_default from "./radio.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, getCurrentInstance, normalizeClass, openBlock, provide, reactive, ref, renderList, renderSlot, toRef, unref, useSlots, watch, withCtx } from "vue";
+//#region components/radio/radio-group.vue?vue&type=script&setup=true&lang.ts
+var radio_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "RadioGroup" }), {}, {
+	__name: "radio-group",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		defaultValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: ""
+		},
+		type: { default: "radio" },
+		size: {},
+		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: "RadioGroupRenderOptionLabel",
+			props: { option: {
+				type: Object,
+				required: true
+			} },
+			setup(renderProps) {
+				return () => isFunction(renderProps.option.label) ? renderProps.option.label() : renderProps.option.label;
+			}
+		});
+		const prefixCls = getPrefixCls("radio-group");
+		const { mergedDisabled, mergedSize: formItemSize, eventHandlers } = useFormItem({
+			size: toRef(props, "size"),
+			disabled: toRef(props, "disabled")
+		});
+		const { mergedSize } = useSize(formItemSize);
+		const internalValue = ref(props.defaultValue);
+		const computedValue = computed(() => {
+			var _props$modelValue;
+			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : internalValue.value;
+		});
+		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}${props.type === "button" ? "-button" : ""}`,
+			`${prefixCls}-size-${mergedSize.value}`,
+			`${prefixCls}-direction-${props.direction}`,
+			{ [`${prefixCls}-disabled`]: mergedDisabled.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(radioGroupKey, reactive({
+			name: "SDRadioGroup",
+			inputName: `${prefixCls}-${getCurrentInstance().uid}`,
+			value: computedValue,
+			size: mergedSize,
+			type: toRef(props, "type"),
+			disabled: mergedDisabled,
+			slots,
+			handleChange
+		}));
+		watch(computedValue, (value) => {
+			if (internalValue.value !== value) internalValue.value = value;
+		});
+		watch(() => props.modelValue, (value) => {
+			if (isUndefined(value) || isNull(value)) internalValue.value = "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				role: "radiogroup",
+				class: normalizeClass(cls.value)
+			}, [options.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(options.value, (option) => {
+				return openBlock(), createBlock(radio_default, {
+					key: option.value,
+					value: option.value,
+					disabled: option.disabled,
+					"model-value": computedValue.value === option.value
+				}, {
+					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",
+					"model-value"
+				]);
+			}), 128)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 2);
+		};
+	}
+}));
+//#endregion
+export { radio_group_vue_vue_type_script_setup_true_lang_default as default };

package/es/radio/radio.js

@@ -1,174 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isNull, isUndefined } from "../_utils/is.js";
-import icon_hover_default from "../_components/icon-hover.js";
-import { radioGroupKey } from "./context.js";
-import { Fragment, computed, createVNode, defineComponent, inject, nextTick, ref, resolveComponent, toRef, toRefs, watch } from "vue";
-//#region components/radio/radio.tsx
-var radio_default = /* @__PURE__ */ defineComponent({
-	name: "Radio",
-	components: { IconHover: icon_hover_default },
-	props: {
-		/**
-		* @zh 绑定值
-		* @en Value
-		* @vModel
-		*/
-		modelValue: {
-			type: [
-				String,
-				Number,
-				Boolean
-			],
-			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
-			],
-			default: true
-		},
-		/**
-		* @zh 单选的类型
-		* @en Radio type
-		* @values 'radio', 'button'
-		*/
-		type: {
-			type: String,
-			default: "radio"
-		},
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		uninjectGroupContext: {
-			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 自定义单选框
-	* @en Custom radio
-	* @slot radio
-	* @binding {boolean} checked
-	* @binding {boolean} disabled
-	* @version 2.18.0
-	*/
-	setup(props, { emit, slots }) {
-		const prefixCls = getPrefixCls("radio");
-		const { modelValue } = toRefs(props);
-		const radioGroupCtx = !props.uninjectGroupContext ? inject(radioGroupKey, void 0) : void 0;
-		const { mergedDisabled: _mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
-		const inputRef = ref(null);
-		const _checked = ref(props.defaultChecked);
-		const isGroup = computed(() => (radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.name) === "SDRadioGroup");
-		const mergedType = computed(() => {
-			var _radioGroupCtx$type;
-			return (_radioGroupCtx$type = radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.type) !== null && _radioGroupCtx$type !== void 0 ? _radioGroupCtx$type : props.type;
-		});
-		const mergedDisabled = computed(() => (radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.disabled) || _mergedDisabled.value);
-		const computedChecked = computed(() => {
-			if (isGroup.value) {
-				var _props$value;
-				return (radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.value) === ((_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : true);
-			}
-			if (!isUndefined(props.modelValue)) {
-				var _props$value2;
-				return props.modelValue === ((_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : true);
-			}
-			return _checked.value;
-		});
-		watch(modelValue, (value) => {
-			if (isUndefined(value) || isNull(value)) _checked.value = false;
-		});
-		watch(computedChecked, (curValue, preValue) => {
-			if (curValue !== preValue) {
-				_checked.value = curValue;
-				if (inputRef.value) inputRef.value.checked = curValue;
-			}
-		});
-		const handleFocus = (ev) => {
-			var _eventHandlers$value, _eventHandlers$value$;
-			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onFocus) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, ev);
-		};
-		const handleBlur = (ev) => {
-			var _eventHandlers$value2, _eventHandlers$value3;
-			(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onBlur) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2, ev);
-		};
-		const handleClick = (ev) => {
-			ev.stopPropagation();
-		};
-		const handleChange = (e) => {
-			_checked.value = true;
-			if (isGroup.value) {
-				var _props$value3;
-				radioGroupCtx === null || radioGroupCtx === void 0 || radioGroupCtx.handleChange((_props$value3 = props.value) !== null && _props$value3 !== void 0 ? _props$value3 : true, e);
-			} else {
-				var _props$value4, _props$value5, _eventHandlers$value4, _eventHandlers$value5;
-				emit("update:modelValue", (_props$value4 = props.value) !== null && _props$value4 !== void 0 ? _props$value4 : true);
-				emit("change", (_props$value5 = props.value) !== null && _props$value5 !== void 0 ? _props$value5 : true, e);
-				(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onChange) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4, e);
-			}
-			nextTick(() => {
-				if (inputRef.value && inputRef.value.checked !== computedChecked.value) inputRef.value.checked = computedChecked.value;
-			});
-		};
-		const cls = computed(() => [`${mergedType.value === "button" ? `${prefixCls}-button` : prefixCls}`, {
-			[`${prefixCls}-checked`]: computedChecked.value,
-			[`${prefixCls}-disabled`]: mergedDisabled.value
-		}]);
-		const defaultRadio = () => createVNode(Fragment, null, [createVNode(resolveComponent("icon-hover"), {
-			"class": `${prefixCls}-icon-hover`,
-			"disabled": mergedDisabled.value || computedChecked.value
-		}, { default: () => [createVNode("span", { "class": `${prefixCls}-icon` }, null)] }), slots.default && createVNode("span", { "class": `${prefixCls}-label` }, [slots.default()])]);
-		return () => {
-			var _ref, _ref2, _slots$radio, _radioGroupCtx$slots;
-			return createVNode("label", { "class": cls.value }, [createVNode("input", {
-				"ref": inputRef,
-				"type": "radio",
-				"checked": computedChecked.value,
-				"value": props.value,
-				"name": radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.inputName,
-				"class": `${prefixCls}-target`,
-				"disabled": mergedDisabled.value,
-				"onClick": handleClick,
-				"onChange": handleChange,
-				"onFocus": handleFocus,
-				"onBlur": handleBlur
-			}, null), mergedType.value === "radio" ? (_ref = (_ref2 = (_slots$radio = slots.radio) !== null && _slots$radio !== void 0 ? _slots$radio : radioGroupCtx === null || radioGroupCtx === void 0 || (_radioGroupCtx$slots = radioGroupCtx.slots) === null || _radioGroupCtx$slots === void 0 ? void 0 : _radioGroupCtx$slots.radio) === null || _ref2 === void 0 ? void 0 : _ref2({
-				checked: computedChecked.value,
-				disabled: mergedDisabled.value
-			})) !== null && _ref !== void 0 ? _ref : defaultRadio() : createVNode("span", { "class": `${prefixCls}-button-content` }, [slots.default && slots.default()])]);
-		};
-	}
-});
+import radio_vue_vue_type_script_setup_true_lang_default from "./radio.vue_vue_type_script_setup_true_lang.js";
+//#region components/radio/radio.vue
+var radio_default = radio_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { radio_default as default };

package/es/radio/radio.vue.d.ts

@@ -0,0 +1,40 @@
+import type { VNode } from 'vue';
+import type { RadioType } from './context';
+type RadioValue = string | number | boolean;
+type __VLS_Props = {
+    modelValue?: RadioValue;
+    defaultChecked?: boolean;
+    value?: RadioValue;
+    type?: RadioType;
+    disabled?: boolean;
+    uninjectGroupContext?: boolean;
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+    radio?: (props: {
+        checked: boolean;
+        disabled: boolean;
+    }) => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: RadioValue, ev: Event) => any;
+    "update:modelValue": (value: RadioValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: RadioValue, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: RadioValue) => any) | undefined;
+}>, {
+    type: RadioType;
+    value: RadioValue;
+    disabled: boolean;
+    modelValue: RadioValue;
+    defaultChecked: 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;
+    };
+};