@sdata/web-vue 3.17.0 → 3.19.0

package/es/sender/index.d.ts

@@ -0,0 +1,119 @@
+import type { App } from 'vue';
+import type { SDOptions } from '../_utils/types';
+import _SenderHeader from './sender-header.vue';
+import _SenderSwitch from './sender-switch.vue';
+import _Sender from './sender.vue';
+declare const Sender: typeof _Sender & {
+    install: (app: App, options?: SDOptions) => void;
+    Header: typeof _SenderHeader;
+    Switch: typeof _SenderSwitch;
+};
+export declare const SenderHeader: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types").SenderHeaderProps> & Readonly<{
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onOpenChange?: ((open: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:open": (open: boolean) => any;
+        openChange: (open: boolean) => any;
+    }, import("vue").PublicProps, {
+        open: boolean;
+        closable: boolean;
+        classNames: Partial<Record<import("./types").SenderHeaderSemanticType, string>>;
+        styles: Partial<Record<import("./types").SenderHeaderSemanticType, import("vue").CSSProperties>>;
+        forceRender: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types").SenderHeaderProps> & Readonly<{
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onOpenChange?: ((open: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        open: boolean;
+        closable: boolean;
+        classNames: Partial<Record<import("./types").SenderHeaderSemanticType, string>>;
+        styles: Partial<Record<import("./types").SenderHeaderSemanticType, import("vue").CSSProperties>>;
+        forceRender: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types").SenderHeaderProps> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    openChange: (open: boolean) => any;
+}, string, {
+    open: boolean;
+    closable: boolean;
+    classNames: Partial<Record<import("./types").SenderHeaderSemanticType, string>>;
+    styles: Partial<Record<import("./types").SenderHeaderSemanticType, import("vue").CSSProperties>>;
+    forceRender: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+});
+export declare const SenderSwitch: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types").SenderSwitchProps> & Readonly<{
+        onChange?: ((checked: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (checked: boolean) => any;
+        "update:modelValue": (checked: boolean) => any;
+    }, import("vue").PublicProps, {
+        defaultValue: boolean;
+        classNames: Partial<Record<"root" | "content" | "icon" | "title", string>>;
+        styles: Partial<Record<"root" | "content" | "icon" | "title", import("vue").CSSProperties>>;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types").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>>;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types").SenderSwitchProps> & Readonly<{
+    onChange?: ((checked: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (checked: boolean) => any;
+    "update:modelValue": (checked: boolean) => any;
+}, string, {
+    defaultValue: boolean;
+    classNames: Partial<Record<"root" | "content" | "icon" | "title", string>>;
+    styles: Partial<Record<"root" | "content" | "icon" | "title", import("vue").CSSProperties>>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        icon?: (props: {}) => any;
+    } & {
+        default?: (props: {
+            checked: boolean;
+        }) => any;
+    } & {
+        checked?: (props: {}) => any;
+    } & {
+        unchecked?: (props: {}) => any;
+    };
+});
+export type SenderInstance = InstanceType<typeof _Sender>;
+export type SenderHeaderInstance = InstanceType<typeof _SenderHeader>;
+export type SenderSwitchInstance = InstanceType<typeof _SenderSwitch>;
+export type { SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderControlledSpeechConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderSemanticType, SenderHeaderProps, SenderInsertPosition, SenderInputSlotConfig, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './types';
+export default Sender;

package/es/sender/index.js

@@ -0,0 +1,20 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import sender_header_default from "./sender-header.js";
+import sender_switch_default from "./sender-switch.js";
+import sender_default from "./sender.js";
+//#region components/sender/index.ts
+var Sender = Object.assign(sender_default, {
+	install: (app, options) => {
+		setGlobalConfig(app, options);
+		const componentPrefix = getComponentPrefix(options);
+		app.component(componentPrefix + sender_default.name, sender_default);
+		app.component(componentPrefix + sender_header_default.name, sender_header_default);
+		app.component(componentPrefix + sender_switch_default.name, sender_switch_default);
+	},
+	Header: sender_header_default,
+	Switch: sender_switch_default
+});
+var SenderHeader = sender_header_default;
+var SenderSwitch = sender_switch_default;
+//#endregion
+export { SenderHeader, SenderSwitch, Sender as default };

package/es/sender/sender-header.js

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

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

@@ -0,0 +1,28 @@
+import type { SenderHeaderProps } from './types';
+declare var __VLS_14: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SenderHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    openChange: (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<SenderHeaderProps> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    closable: boolean;
+    classNames: Partial<Record<import("./types").SenderHeaderSemanticType, string>>;
+    styles: Partial<Record<import("./types").SenderHeaderSemanticType, import("vue").CSSProperties>>;
+    forceRender: 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/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 };