@sdata/web-vue 3.18.0 → 3.20.0

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

@@ -0,0 +1,127 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import IconClose from "../icon/icon-close/index.js";
+import { useI18n } from "../locale/index.js";
+import Button from "../button/index.js";
+import { senderInjectionKey } from "./context.js";
+import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, shallowRef, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+//#region components/sender/sender-header.vue?vue&type=script&setup=true&lang.ts
+var sender_header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "SenderHeader",
+	inheritAttrs: false
+}), {}, {
+	__name: "sender-header",
+	props: {
+		open: {
+			type: Boolean,
+			default: false
+		},
+		forceRender: {
+			type: Boolean,
+			default: false
+		},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		closable: {
+			type: Boolean,
+			default: true
+		},
+		classNames: { default: () => ({}) },
+		styles: { default: () => ({}) }
+	},
+	emits: ["update:open", "openChange"],
+	setup(__props, { emit: __emit }) {
+		var _context$prefixCls;
+		const props = __props;
+		const emit = __emit;
+		const { t } = useI18n();
+		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 headerCls = `${prefixCls}-header`;
+		const rendered = shallowRef(props.forceRender || props.open);
+		watch(() => props.open, (open) => {
+			if (open) rendered.value = true;
+		});
+		const handleClose = () => {
+			const nextOpen = !props.open;
+			emit("update:open", nextOpen);
+			emit("openChange", nextOpen);
+		};
+		const handleBeforeEnter = (element) => {
+			const target = element;
+			target.style.height = "0";
+			target.style.borderBottomColor = "transparent";
+		};
+		const handleEnter = (element) => {
+			const target = element;
+			requestAnimationFrame(() => {
+				target.style.height = `${target.scrollHeight}px`;
+				target.style.borderBottomColor = "";
+			});
+		};
+		const handleAfterEnter = (element) => {
+			element.style.height = "auto";
+		};
+		const handleBeforeLeave = (element) => {
+			const target = element;
+			target.style.height = `${target.scrollHeight}px`;
+		};
+		const handleLeave = (element) => {
+			const target = element;
+			requestAnimationFrame(() => {
+				target.style.height = "0";
+				target.style.borderBottomColor = "transparent";
+			});
+		};
+		const handleAfterLeave = () => {
+			if (!props.forceRender) rendered.value = false;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				name: `${headerCls}-motion`,
+				onBeforeEnter: handleBeforeEnter,
+				onEnter: handleEnter,
+				onAfterEnter: handleAfterEnter,
+				onBeforeLeave: handleBeforeLeave,
+				onLeave: handleLeave,
+				onAfterLeave: handleAfterLeave
+			}, {
+				default: withCtx(() => {
+					var _props$classNames, _props$styles, _props$classNames2, _props$styles2;
+					return [rendered.value ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
+						key: 0,
+						class: [unref(prefixCls), headerCls]
+					}, _ctx.$attrs), [__props.closable || __props.title !== void 0 || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass([`${headerCls}-header`, (_props$classNames = __props.classNames) === null || _props$classNames === void 0 ? void 0 : _props$classNames.header]),
+						style: normalizeStyle((_props$styles = __props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.header)
+					}, [createElementVNode("div", { class: normalizeClass(`${headerCls}-title`) }, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2), __props.closable ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(`${headerCls}-close`)
+					}, [createVNode(unref(Button), {
+						type: "text",
+						size: "small",
+						"aria-label": unref(t)("sender.closeHeader"),
+						onClick: handleClose
+					}, {
+						icon: withCtx(() => [createVNode(unref(IconClose))]),
+						_: 1
+					}, 8, ["aria-label"])], 2)) : createCommentVNode("", true)], 6)) : createCommentVNode("", true), _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass([`${headerCls}-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)
+					}, [renderSlot(_ctx.$slots, "default")], 6)) : createCommentVNode("", true)], 16)), [[vShow, __props.open]]) : createCommentVNode("", true)];
+				}),
+				_: 3
+			}, 8, ["name"]);
+		};
+	}
+}));
+//#endregion
+export { sender_header_vue_vue_type_script_setup_true_lang_default as default };

package/es/sender/sender-switch.js

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

package/es/sender/sender-switch.vue.d.ts

@@ -0,0 +1,32 @@
+import type { SenderSwitchProps } from './types';
+declare var __VLS_10: {}, __VLS_12: {
+    checked: boolean;
+}, __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
+} & {
+    checked?: (props: typeof __VLS_14) => any;
+} & {
+    unchecked?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SenderSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (checked: boolean) => any;
+    "update:modelValue": (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<SenderSwitchProps> & Readonly<{
+    onChange?: ((checked: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
+}>, {
+    defaultValue: boolean;
+    classNames: Partial<Record<"root" | "content" | "icon" | "title", string>>;
+    styles: Partial<Record<"root" | "content" | "icon" | "title", import("vue").CSSProperties>>;
+}, {}, {}, {}, 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/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 };