@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

package/es/components/common/base/Dialog/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d7c8b66"]]);
+const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5543522e"]]);
 export {
   Dialog as default
 };

package/es/components/common/base/Dialog/index.vue2.mjs

@@ -37,7 +37,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const { nextZIndex } = useZIndex();
-    const teleportDisable = computed(() => !props.appendToBody && !props.appendToRoomContainer);
+    const teleportDisable = computed(
+      () => !props.appendToBody && !props.appendToRoomContainer
+    );
     const targetName = computed(() => {
       if (props.appendToRoomContainer) {
         return "#roomContainer";

package/es/components/common/base/Drawer.vue.d.ts

@@ -10,7 +10,11 @@ interface Props {
     appendToRoomContainer?: false;
     closeOnClickModal?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    title?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     modelValue: boolean;
     modal: boolean;
@@ -19,9 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     appendToBody: boolean;
     appendToRoomContainer: boolean;
     closeOnClickModal: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     modelValue: boolean;
     modal: boolean;
@@ -41,10 +45,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     closeOnClickModal: boolean;
     appendToBody: boolean;
     appendToRoomContainer: false;
-}, {}>, {
-    title?(_: {}): any;
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/common/base/Drawer.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./Drawer.vue2.mjs";
-import "./Drawer.vue3.mjs";
+/* empty css             */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b215a63c"]]);
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3372e66"]]);
 export {
   Drawer as default
 };

package/es/components/common/base/Drawer.vue2.mjs

@@ -24,9 +24,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const drawerRef = ref();
     const visible = ref(false);
     const drawerContainerStyle = computed(() => `width: ${addSuffix(props.size)}`);
-    watch(() => props.modelValue, (val) => {
-      visible.value = val;
-    });
+    watch(
+      () => props.modelValue,
+      (val) => {
+        visible.value = val;
+      }
+    );
     watch(visible, (val) => {
       var _a;
       if (val) {

package/es/components/common/base/IconButton.vue.d.ts

@@ -1,5 +1,5 @@
-import { Component } from 'vue';
 import { IconButtonLayout } from '../../../constants/room';
+import { Component } from 'vue';
 
 interface Props {
     title?: string;
@@ -12,7 +12,11 @@ interface Props {
     isNotSupport?: boolean;
     theme?: 'white' | 'black';
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    title?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     icon: null;
     hasMore: boolean;
@@ -22,10 +26,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     layout: IconButtonLayout;
     isNotSupport: boolean;
     theme: undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "click-icon": (...args: any[]) => void;
     "click-more": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     icon: null;
     hasMore: boolean;
@@ -42,16 +46,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     title: string;
     icon: Component | null;
     layout: IconButtonLayout;
-    theme: "black" | "white";
+    theme: "white" | "black";
     disabled: boolean;
     hasMore: boolean;
     hideHoverEffect: boolean;
     isActive: boolean;
     isNotSupport: boolean;
-}, {}>, {
-    default?(_: {}): any;
-    title?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/common/base/IconButton.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./IconButton.vue2.mjs";
-import "./IconButton.vue3.mjs";
+/* empty css                 */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b8cf3064"]]);
+const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-796846eb"]]);
 export {
   IconButton as default
 };

package/es/components/common/base/IconButton.vue2.mjs

@@ -25,7 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const themeClass = computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    const themeClass = computed(
+      () => props.theme ? `tui-theme-${props.theme}` : ""
+    );
     const iconContentClass = computed(() => {
       if (props.layout === IconButtonLayout.HORIZONTAL) {
         return "icon-content-horizontal";

package/es/components/common/base/Input/index.vue.d.ts

@@ -9,8 +9,15 @@ interface Props {
     search?: (data: string) => any;
     select?: (data: any) => any;
     maxlength?: string;
+    border?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    suffixIcon?(_: {}): any;
+    searchResultItem?(_: {
+        data: any;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     theme: string;
     modelValue: string;
     placeholder: string;
@@ -18,13 +25,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     type: string;
     enterkeyhint: string;
     maxlength: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    border: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     done: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     theme: string;
     modelValue: string;
     placeholder: string;
@@ -32,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     type: string;
     enterkeyhint: string;
     maxlength: string;
+    border: boolean;
 }>>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -40,18 +49,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     onDone?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    theme: "black" | "white";
+    theme: "white" | "black";
     disabled: boolean;
     placeholder: string;
     modelValue: string;
     enterkeyhint: string;
     maxlength: string;
-}, {}>, {
-    suffixIcon?(_: {}): any;
-    searchResultItem?(_: {
-        data: any;
-    }): any;
-}>;
+    border: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/common/base/Input/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const TuiInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9abeac26"]]);
+const TuiInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01c890fb"]]);
 export {
   TuiInput as default
 };

package/es/components/common/base/Input/index.vue2.mjs

@@ -17,13 +17,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     enterkeyhint: { default: "" },
     search: {},
     select: {},
-    maxlength: { default: "80" }
+    maxlength: { default: "80" },
+    border: { type: Boolean, default: true }
   },
-  emits: ["update:modelValue", "input", "focus", "blur", "done"],
+  emits: [
+    "update:modelValue",
+    "input",
+    "focus",
+    "blur",
+    "done"
+  ],
   setup(__props, { emit: __emit }) {
     const slots = useSlots();
     const props = __props;
-    const themeClass = computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    const themeClass = computed(
+      () => props.theme ? `tui-theme-${props.theme}` : ""
+    );
     const emit = __emit;
     const tuiInputRef = ref(null);
     const inputRef = ref(null);
@@ -80,16 +89,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         searchResult.value = props.search(event.target.value);
       }
     }
-    const showResults = computed(() => {
-      var _a;
-      return searchResult.value && ((_a = searchResult.value) == null ? void 0 : _a.length) !== 0 && show.value;
-    });
+    const showResults = computed(
+      () => {
+        var _a;
+        return searchResult.value && ((_a = searchResult.value) == null ? void 0 : _a.length) !== 0 && show.value;
+      }
+    );
     const hasSuffixIcon = computed(() => !!slots.suffixIcon);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "tuiInputRef",
         ref: tuiInputRef,
-        class: normalizeClass(["tui-input", themeClass.value])
+        class: normalizeClass(["tui-input", themeClass.value, !_ctx.border && "no-border"])
       }, [
         createElementVNode("input", {
           ref_key: "inputRef",
@@ -106,7 +117,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onBlur: blur,
           onKeyup: withKeys(done, ["enter"]),
           onInput: handleInput,
-          onChange: handleInput
+          onChange: handleInput,
+          autocomplete: "off"
         }, null, 44, _hoisted_1),
         hasSuffixIcon.value ? (openBlock(), createElementBlock("div", {
           key: 0,

package/es/components/common/base/Message/Message.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 
 declare const _default: import('vue').DefineComponent<{
     type: {
-        type: PropType<"error" | "warning" | "success" | "info">;
+        type: PropType<"success" | "error" | "warning" | "info">;
         default: string;
     };
     message: {
@@ -25,9 +25,9 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     type: {
-        type: PropType<"error" | "warning" | "success" | "info">;
+        type: PropType<"success" | "error" | "warning" | "info">;
         default: string;
     };
     message: {
@@ -54,8 +54,8 @@ declare const _default: import('vue').DefineComponent<{
     type: "error" | "warning" | "success" | "info";
     message: string | number;
     top: Record<string, any>;
+    duration: number;
     remove: Function;
     zIndex: number;
-    duration: number;
 }, {}>;
 export default _default;

package/es/components/common/base/Message/Message.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./Message.vue2.mjs";
-import "./Message.vue3.mjs";
+/* empty css              */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const Message = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5813be3"]]);
+const Message = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca40f412"]]);
 export {
   Message as default
 };

package/es/components/common/base/Message/images/error.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/components/common/base/Message/images/info.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/components/common/base/Message/images/success.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/components/common/base/Message/images/warning.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/components/common/base/MessageBox/index.d.ts

@@ -2,8 +2,9 @@ export type MessageProps = {
     title: string;
     message: string;
     callback?: () => void;
+    duration?: number;
     cancelButtonText?: string;
     confirmButtonText?: string;
 };
-declare const MessageBox: ({ title, message, callback, cancelButtonText, confirmButtonText }: MessageProps) => void;
+declare const MessageBox: ({ title, message, callback, duration, cancelButtonText, confirmButtonText, }: MessageProps) => void;
 export default MessageBox;

package/es/components/common/base/MessageBox/index.mjs

@@ -1,10 +1,16 @@
 import { createVNode, render } from "vue";
 import TUIMessageBox from "./index.vue.mjs";
-const MessageBox = ({ title, message, callback, cancelButtonText, confirmButtonText }) => {
+const MessageBox = ({
+  title,
+  message,
+  callback,
+  duration,
+  cancelButtonText,
+  confirmButtonText
+}) => {
   const container = document.createElement("div");
   const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.getElementById("pre-conference-container");
-  if (!fullscreenElement)
-    return;
+  if (!fullscreenElement) return;
   fullscreenElement.appendChild(container);
   const onRemove = () => {
     render(null, container);
@@ -14,6 +20,7 @@ const MessageBox = ({ title, message, callback, cancelButtonText, confirmButtonT
     title,
     message,
     callback,
+    duration,
     cancelButtonText,
     confirmButtonText,
     remove: onRemove

package/es/components/common/base/MessageBox/index.vue.d.ts

@@ -3,6 +3,7 @@ interface Props {
     title: string;
     message: string;
     callback?: BeforeCloseFn | null;
+    duration: number;
     cancelButtonText: string;
     confirmButtonText: string;
     remove: Function;
@@ -12,15 +13,17 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     title: string;
     message: string;
     callback: null;
+    duration: number;
     cancelButtonText: string;
     confirmButtonText: string;
     remove: () => void;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     message: string;
     callback: null;
+    duration: number;
     cancelButtonText: string;
     confirmButtonText: string;
     remove: () => void;
@@ -30,6 +33,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     title: string;
     message: string;
     callback: BeforeCloseFn | null;
+    duration: number;
     cancelButtonText: string;
     confirmButtonText: string;
     remove: Function;

package/es/components/common/base/MessageBox/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const TUIMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d71abd4"]]);
+const TUIMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c8720d2"]]);
 export {
   TUIMessageBox as default
 };

package/es/components/common/base/MessageBox/index.vue2.mjs

@@ -22,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: { default: "" },
     message: { default: "" },
     callback: { type: [Function, null], default: null },
+    duration: { default: Infinity },
     cancelButtonText: { default: "" },
     confirmButtonText: { default: "" },
     remove: { type: Function, default: () => {
@@ -32,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const visible = ref(false);
     const overlayContentStyle = ref({});
     const { nextZIndex } = useZIndex();
+    let timer = null;
     const props = __props;
     watch(visible, (val) => {
       if (val) {
@@ -40,6 +42,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const emit = __emit;
     function handleClose(action) {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
       props.callback && props.callback(action);
       doClose();
     }
@@ -57,8 +63,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onOpen() {
       visible.value = true;
     }
+    function duration() {
+      if (props.duration === Infinity) return;
+      timer = setTimeout(() => {
+        handleClose("close");
+      }, props.duration);
+    }
     onMounted(async () => {
       onOpen();
+      duration();
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "tui-message-box-fade" }, {

package/es/components/common/base/Notification/index.d.ts

@@ -5,7 +5,7 @@ export type NotificationProps = {
     confirmButtonText?: string;
     cancelButtonText?: string;
 };
-declare const Notification: ({ message, confirm, cancel, confirmButtonText, cancelButtonText }: NotificationProps) => {
+declare const Notification: ({ message, confirm, cancel, confirmButtonText, cancelButtonText, }: NotificationProps) => {
     close: () => void;
 };
 export default Notification;

package/es/components/common/base/Notification/index.vue.d.ts

@@ -12,9 +12,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     cancelButtonText: string;
     confirm: null;
     cancel: null;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     message: string;
     confirmButtonText: string;
     cancelButtonText: string;

package/es/components/common/base/Notification/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const TUINotification = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f10f5d6d"]]);
+const TUINotification = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6fb58b79"]]);
 export {
   TUINotification as default
 };

package/{lib/components/common/base/Option.vue.d.ts → es/components/common/base/Option/index.vue.d.ts}

@@ -5,9 +5,11 @@ interface OptionData {
     value: string | number | boolean | object;
     customOptionContentStyle?: StyleValue;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<OptionData>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<OptionData>>>, {}, {}>, {
+declare function __VLS_template(): {
     customOptionContent?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<OptionData>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<OptionData>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/common/base/Option/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./index.vue2.mjs";
+/* empty css            */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const TuiOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8327dc26"]]);
+export {
+  TuiOption as default
+};

package/es/components/common/base/{Option.vue2.mjs → Option/index.vue2.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, inject, computed, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeStyle, toDisplayString } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Option",
+  __name: "index",
   props: {
     label: {},
     value: { type: [String, Number, Boolean, Object] },
@@ -10,7 +10,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const optionRef = ref(null);
     const props = __props;
     const select = inject("select");
-    const isSelected = computed(() => select && select.selectedValue === props.value);
+    const isSelected = computed(
+      () => select && select.selectedValue === props.value
+    );
     const optionData = computed(() => ({
       label: props.label,
       value: props.value,
@@ -22,12 +24,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       select == null ? void 0 : select.onOptionDestroyed(props.value);
     });
-    watch(() => [props.value, props.label], (val, oldVal) => {
-      if (JSON.stringify(val) !== JSON.stringify(oldVal)) {
-        select == null ? void 0 : select.onOptionDestroyed(oldVal);
-        select == null ? void 0 : select.onOptionCreated(optionData.value);
+    watch(
+      () => [props.value, props.label],
+      (val, oldVal) => {
+        if (JSON.stringify(val) !== JSON.stringify(oldVal)) {
+          select == null ? void 0 : select.onOptionDestroyed(oldVal);
+          select == null ? void 0 : select.onOptionCreated(optionData.value);
+        }
       }
-    });
+    );
     function handleChooseOption() {
       select == null ? void 0 : select.onOptionSelected(optionData.value);
     }
@@ -35,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "optionRef",
         ref: optionRef,
-        class: normalizeClass(["option-container", { "active": isSelected.value }]),
+        class: normalizeClass(["option-container", { active: isSelected.value }]),
         onClick: handleChooseOption
       }, [
         _ctx.$slots.customOptionContent ? renderSlot(_ctx.$slots, "customOptionContent", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("span", {