@sdata/web-vue 3.18.0 → 3.19.0

package/es/select/select.d.ts

@@ -32,6 +32,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<Size>;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -198,6 +206,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<Size>;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -340,23 +356,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onExceedLimit?: ((_value: SelectOptionValue | undefined, _ev: Event) => any) | undefined;
 }>, {
     options: SelectOption[];
+    show: boolean;
+    scrollbar: boolean | ScrollbarProps;
+    multiple: boolean;
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    disabled: boolean;
     showArrow: boolean;
     unmountOnClose: boolean;
-    show: boolean;
-    scrollbar: boolean | ScrollbarProps;
     defaultValue: SelectModelValue;
     modelValue: SelectModelValue;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     loading: boolean;
     valueKey: string;
     filterOption: boolean | ((inputValue: string, option: SelectOptionData) => boolean);
     showExtraOptions: boolean;
-    multiple: boolean;
     defaultActiveFirstOption: boolean;
     showHeaderOnEmpty: boolean;
     showFooterOnEmpty: boolean;
@@ -534,10 +552,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -545,11 +563,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             hide: () => true;
             resize: () => true;
         }, import("vue").PublicProps, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -574,7 +592,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             scrollToClose: boolean;
             scrollToCloseDistance: number;
             escToClose: boolean;
-            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
             ariaDescribedbyPopup: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -743,16 +761,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -777,7 +795,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             scrollToClose: boolean;
             scrollToCloseDistance: number;
             escToClose: boolean;
-            ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+            ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
             ariaDescribedbyPopup: boolean;
         }>;
         __isFragment?: never;
@@ -943,10 +961,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -954,11 +972,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hide: () => true;
         resize: () => true;
     }, string, {
+        position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+        disabled: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-        disabled: boolean;
         popupOffset: number;
         showArrow: boolean;
         alignPoint: boolean;
@@ -983,7 +1001,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         scrollToClose: boolean;
         scrollToCloseDistance: number;
         escToClose: boolean;
-        ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        ariaHasPopup: boolean | "listbox" | "grid" | "menu" | "dialog" | "tree";
         ariaDescribedbyPopup: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: import("vue").App, options?: import("../_utils/types.ts").SDOptions) => void;
@@ -1051,6 +1069,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         inputAttrs: PropType<Record<string, unknown>>;
+        fitWidth: BooleanConstructor;
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         inputRef: import("vue").ComputedRef<HTMLInputElement>;
         handleFocus: (ev: FocusEvent) => void;
@@ -1059,7 +1082,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "clear" | "blur" | "remove")[], "focus" | "clear" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "remove")[], "clear" | "focus" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: PropType<SelectViewValue[]>;
             required: true;
@@ -1122,18 +1145,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         inputAttrs: PropType<Record<string, unknown>>;
+        fitWidth: BooleanConstructor;
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
         onRemove?: ((...args: any[]) => any) | undefined;
     }>, {
-        error: boolean;
+        multiple: boolean;
         disabled: boolean;
+        error: boolean;
         showArrow: boolean;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         loading: boolean;
-        multiple: boolean;
         bordered: boolean;
         maxTagCount: number | "responsive";
         retainInputValue: boolean;
@@ -1204,7 +1234,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (_e: MouseEvent) => any;
                 }, import("vue").PublicProps, {
-                    size: "small" | "mini" | "medium" | "large";
+                    size: "small" | "medium" | "large" | "mini";
                     disabled: boolean;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -1228,7 +1258,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>> & Readonly<{
                     onClick?: ((_e: MouseEvent) => any) | undefined;
                 }>, {}, {}, {}, {}, {
-                    size: "small" | "mini" | "medium" | "large";
+                    size: "small" | "medium" | "large" | "mini";
                     disabled: boolean;
                 }>;
                 __isFragment?: never;
@@ -1251,7 +1281,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, string, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
@@ -1368,7 +1398,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, import("vue").PublicProps, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -1392,7 +1422,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{
                 onClick?: ((_e: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }>;
             __isFragment?: never;
@@ -1415,7 +1445,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, string, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {

package/es/select/select.js

@@ -70,6 +70,22 @@ var select_default = /* @__PURE__ */ defineComponent({
 		},
 		size: { type: String },
 		placeholder: String,
+		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
 		loading: {
 			type: Boolean,
 			default: false
@@ -601,6 +617,8 @@ var select_default = /* @__PURE__ */ defineComponent({
 						"opened": computedPopupVisible.value,
 						"maxTagCount": props.maxTagCount,
 						"placeholder": props.placeholder,
+						"fitWidth": props.fitWidth,
+						"maxWFull": props.maxWFull,
 						"bordered": props.bordered,
 						"size": mergedSize.value,
 						"tagNowrap": props.tagNowrap,

package/es/sender/context.d.ts

@@ -0,0 +1,8 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { SenderProps } from './types';
+export interface SenderContext {
+    prefixCls: string;
+    classNames: Ref<SenderProps['classNames']>;
+    styles: Ref<SenderProps['styles']>;
+}
+export declare const senderInjectionKey: InjectionKey<SenderContext>;

package/es/sender/context.js

@@ -0,0 +1,4 @@
+//#region components/sender/context.ts
+var senderInjectionKey = Symbol("Sender");
+//#endregion
+export { senderInjectionKey };

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;
+    };
+};