@sdata/web-vue 3.18.0 → 3.19.0

package/es/sender/sender-switch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,95 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import Button from "../button/index.js";
+import { senderInjectionKey } from "./context.js";
+import { computed, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, shallowRef, unref, watch, withCtx } from "vue";
+//#region components/sender/sender-switch.vue?vue&type=script&setup=true&lang.ts
+var sender_switch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "SenderSwitch",
+	inheritAttrs: false
+}), {}, {
+	__name: "sender-switch",
+	props: {
+		modelValue: { type: Boolean },
+		defaultValue: {
+			type: Boolean,
+			default: false
+		},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		classNames: { default: () => ({}) },
+		styles: { default: () => ({}) }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		var _context$prefixCls;
+		const props = __props;
+		const emit = __emit;
+		const instance = getCurrentInstance();
+		const context = inject(senderInjectionKey, void 0);
+		const prefixCls = (_context$prefixCls = context === null || context === void 0 ? void 0 : context.prefixCls) !== null && _context$prefixCls !== void 0 ? _context$prefixCls : getPrefixCls("sender");
+		const switchCls = `${prefixCls}-switch`;
+		const innerChecked = shallowRef(props.defaultValue);
+		const controlled = computed(() => {
+			var _instance$vnode$props;
+			return Object.hasOwn((_instance$vnode$props = instance === null || instance === void 0 ? void 0 : instance.vnode.props) !== null && _instance$vnode$props !== void 0 ? _instance$vnode$props : {}, "modelValue");
+		});
+		const mergedChecked = computed(() => controlled.value ? Boolean(props.modelValue) : innerChecked.value);
+		watch(() => props.defaultValue, (value) => {
+			if (!controlled.value) innerChecked.value = value;
+		});
+		const handleChange = () => {
+			if (props.disabled || props.loading) return;
+			const nextChecked = !mergedChecked.value;
+			if (!controlled.value) innerChecked.value = nextChecked;
+			emit("update:modelValue", nextChecked);
+			emit("change", nextChecked);
+		};
+		return (_ctx, _cache) => {
+			var _unref2, _props$classNames, _unref3, _props$styles, _props$classNames2, _props$styles2;
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+				class: [
+					unref(prefixCls),
+					switchCls,
+					(_unref2 = unref(context)) === null || _unref2 === void 0 || (_unref2 = _unref2.classNames.value) === null || _unref2 === void 0 ? void 0 : _unref2.switch,
+					(_props$classNames = __props.classNames) === null || _props$classNames === void 0 ? void 0 : _props$classNames.root,
+					{ [`${switchCls}-checked`]: mergedChecked.value }
+				],
+				style: [(_unref3 = unref(context)) === null || _unref3 === void 0 || (_unref3 = _unref3.styles.value) === null || _unref3 === void 0 ? void 0 : _unref3.switch, (_props$styles = __props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.root]
+			}), [createVNode(unref(Button), {
+				type: "outline",
+				disabled: __props.disabled,
+				loading: __props.loading,
+				class: normalizeClass([`${switchCls}-content`, (_props$classNames2 = __props.classNames) === null || _props$classNames2 === void 0 ? void 0 : _props$classNames2.content]),
+				style: normalizeStyle((_props$styles2 = __props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.content),
+				onClick: handleChange
+			}, createSlots({
+				default: withCtx(() => {
+					var _props$classNames3, _props$styles3;
+					return [createElementVNode("span", {
+						class: normalizeClass((_props$classNames3 = __props.classNames) === null || _props$classNames3 === void 0 ? void 0 : _props$classNames3.title),
+						style: normalizeStyle((_props$styles3 = __props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.title)
+					}, [renderSlot(_ctx.$slots, "default", { checked: mergedChecked.value }, () => [mergedChecked.value ? renderSlot(_ctx.$slots, "checked", {}, void 0, void 0, 0) : renderSlot(_ctx.$slots, "unchecked", {}, void 0, void 0, 1)])], 6)];
+				}),
+				_: 2
+			}, [_ctx.$slots.icon ? {
+				name: "icon",
+				fn: withCtx(() => {
+					var _props$classNames4, _props$styles4;
+					return [createElementVNode("span", {
+						class: normalizeClass((_props$classNames4 = __props.classNames) === null || _props$classNames4 === void 0 ? void 0 : _props$classNames4.icon),
+						style: normalizeStyle((_props$styles4 = __props.styles) === null || _props$styles4 === void 0 ? void 0 : _props$styles4.icon)
+					}, [renderSlot(_ctx.$slots, "icon")], 6)];
+				}),
+				key: "0"
+			} : void 0]), 1032, [
+				"disabled",
+				"loading",
+				"class",
+				"style"
+			])], 16);
+		};
+	}
+}));
+//#endregion
+export { sender_switch_vue_vue_type_script_setup_true_lang_default as default };

package/es/sender/sender.js

@@ -0,0 +1,5 @@
+import sender_vue_vue_type_script_setup_true_lang_default from "./sender.vue_vue_type_script_setup_true_lang.js";
+//#region components/sender/sender.vue
+var sender_default = sender_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { sender_default as default };