@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

package/es/components/common/RoomTime.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/RoomTime.vue.mjs

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

package/es/components/common/SwitchTheme.vue.d.ts

@@ -3,7 +3,7 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     visible: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     visible: boolean;
 }>>>, {
     visible: boolean;

package/es/components/common/SwitchTheme.vue.mjs

@@ -1,9 +1,8 @@
-import { defineComponent, watch, unref, openBlock, createBlock, createCommentVNode } from "vue";
+import { defineComponent, unref, openBlock, createBlock, createCommentVNode } from "vue";
 import IconButton from "./base/IconButton.vue.mjs";
 import SwitchThemeIcon from "./icons/SwitchThemeIcon.vue.mjs";
 import { IconButtonLayout } from "../../constants/room.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
-import { storeToRefs } from "pinia";
 import { useI18n } from "../../locales/index.mjs";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
@@ -17,37 +16,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const basicStore = useBasicStore();
-    const { defaultTheme } = storeToRefs(basicStore);
     const { t } = useI18n();
     const switchThemeConfig = roomService.getComponentConfig("SwitchTheme");
     function handleSwitchTheme() {
-      if (defaultTheme.value === "white") {
-        basicStore.setDefaultTheme("black");
-      } else if (defaultTheme.value === "black") {
-        basicStore.setDefaultTheme("white");
-      }
+      roomService.setTheme(basicStore.defaultTheme === "white" ? "black" : "white");
     }
-    function doSwitchTheme(theme) {
-      switch (theme) {
-        case "black":
-          document.body.classList.remove("tui-theme-white");
-          document.body.classList.add("tui-theme-black");
-          localStorage.setItem("tuiRoom-currentTheme", "black");
-          break;
-        case "white":
-          document.body.classList.remove("tui-theme-black");
-          document.body.classList.add("tui-theme-white");
-          localStorage.setItem("tuiRoom-currentTheme", "white");
-          break;
-      }
-    }
-    const storageCurrentTheme = localStorage.getItem("tuiRoom-currentTheme");
-    if (storageCurrentTheme) {
-      basicStore.setDefaultTheme(storageCurrentTheme);
-    }
-    watch(defaultTheme, (val) => {
-      doSwitchTheme(val);
-    }, { immediate: true });
     return (_ctx, _cache) => {
       return _ctx.visible && unref(switchThemeConfig).visible ? (openBlock(), createBlock(IconButton, {
         key: 0,

package/es/components/common/VideoMediaControl.vue.d.ts

@@ -7,9 +7,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     hasMore: boolean;
     isMuted: undefined;
     isDisabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (...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>, {
     hasMore: boolean;
     isMuted: undefined;
     isDisabled: boolean;

package/es/components/common/VideoMediaControl.vue.mjs

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

package/es/components/common/VideoProfile.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/VideoProfile.vue.mjs

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

package/es/components/common/VideoProfile.vue2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, computed, watch, openBlock, createBlock, unref, isRef, withCtx, createElementBlock, Fragment, renderList } from "vue";
 import { useI18n } from "../../locales/index.mjs";
-import TuiSelect from "./base/Select.vue.mjs";
-import TuiOption from "./base/Option.vue.mjs";
+import TuiSelect from "./base/Select/index.vue.mjs";
+import TuiOption from "./base/Option/index.vue.mjs";
 import TUIRoomEngine__default, { TUIVideoQuality } from "@tencentcloud/tuiroom-engine-electron";
 import { useRoomStore } from "../../stores/room.mjs";
 import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
@@ -15,7 +15,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { t } = useI18n();
     const videoProfileList = computed(() => [
       { label: t("Low Definition"), value: TUIVideoQuality.kVideoQuality_360p },
-      { label: t("Standard Definition"), value: TUIVideoQuality.kVideoQuality_540p },
+      {
+        label: t("Standard Definition"),
+        value: TUIVideoQuality.kVideoQuality_540p
+      },
       { label: t("High Definition"), value: TUIVideoQuality.kVideoQuality_720p },
       { label: t("Super Definition"), value: TUIVideoQuality.kVideoQuality_1080p }
     ]);

package/es/components/common/VideoSettingTab.vue.d.ts

@@ -4,7 +4,7 @@ interface Props {
     withMirror?: boolean;
     theme?: 'white' | 'black';
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/common/VideoSettingTab.vue.mjs

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

package/es/components/common/VideoSettingTab.vue2.mjs

@@ -8,7 +8,7 @@ import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
 import { TRTCVideoMirrorType, TRTCVideoRotation, TRTCVideoFillMode } from "@tencentcloud/tuiroom-engine-electron";
 import { isMobile, isElectron } from "../../utils/environment.mjs";
 import { storeToRefs } from "pinia";
-const _withScopeId = (n) => (pushScopeId("data-v-6e09e806"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-5fa040b6"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "item-setting" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = {
@@ -42,7 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const basicStore = useBasicStore();
     const { isLocalStreamMirror } = storeToRefs(basicStore);
-    const themeClass = computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    const themeClass = computed(
+      () => props.theme ? `tui-theme-${props.theme}` : ""
+    );
     watch(isLocalStreamMirror, async (val) => {
       var _a;
       const trtcCloud = (_a = roomEngine.instance) == null ? void 0 : _a.getTRTCCloud();

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

@@ -5,13 +5,16 @@ interface Props {
     hidden?: boolean;
     isDot?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     type: string;
     value: string;
     max: number;
     hidden: boolean;
     isDot: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     type: string;
     value: string;
     max: number;
@@ -23,9 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     value: string | number;
     hidden: boolean;
     isDot: boolean;
-}, {}>, {
-    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/Badge.vue.mjs

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

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

@@ -16,14 +16,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const showBadge = computed(() => !props.hidden && (props.value || props.isDot));
     const content = computed(() => {
-      if (props.isDot)
-        return "";
+      if (props.isDot) return "";
       if (typeof props.value === "number" && typeof props.max === "number") {
         return props.value > props.max ? `${props.max}+` : props.value;
       }
       return props.value;
     });
-    const badgeClass = computed(() => ["tui-badge", `tui-badge-${props.type}`, props.isDot ? "tui-badge-isDot" : ""]);
+    const badgeClass = computed(() => [
+      "tui-badge",
+      `tui-badge-${props.type}`,
+      props.isDot ? "tui-badge-isDot" : ""
+    ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(badgeClass.value)

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

@@ -7,36 +7,42 @@ interface Props {
     loading?: boolean;
     disabled?: boolean;
     round?: boolean;
+    plain?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     size: undefined;
     type: undefined;
     customStyle: () => {};
     loading: boolean;
     disabled: boolean;
     round: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    plain: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (...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>, {
     size: undefined;
     type: undefined;
     customStyle: () => {};
     loading: boolean;
     disabled: boolean;
     round: boolean;
+    plain: boolean;
 }>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    size: "default" | "large";
-    type: "text" | "warning" | "primary" | "success" | "danger" | "info";
-    customStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
+    size: "large" | "default";
+    type: "primary" | "success" | "warning" | "danger" | "info" | "text";
+    customStyle: string | false | import('vue').CSSProperties | StyleValue[] | null;
     loading: boolean;
     disabled: boolean;
     round: boolean;
-}, {}>, {
-    icon?(_: {}): any;
-    default?(_: {}): any;
-}>;
+    plain: 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/Button.vue.mjs

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

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

@@ -11,7 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     customStyle: { default: () => ({}) },
     loading: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
-    round: { type: Boolean, default: true }
+    round: { type: Boolean, default: true },
+    plain: { type: Boolean, default: false }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -28,7 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       `tui-button-${props.size}`,
       { "tui-button-round": props.round },
       { "tui-button-loading": props.loading },
-      { "tui-button-disabled": props.disabled }
+      { "tui-button-disabled": props.disabled },
+      { "tui-button-plain": props.plain }
     ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {

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

@@ -1,21 +1,27 @@
 interface Props {
     modelValue: boolean;
+    disabled?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     modelValue: boolean;
+    disabled: boolean;
     slotCustomStyle: () => {};
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...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>, {
     modelValue: boolean;
+    disabled: boolean;
     slotCustomStyle: () => {};
 }>>> & {
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
     modelValue: boolean;
-}, {}>, {
-    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/Checkbox/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 TuiCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e79d67af"]]);
+export {
+  TuiCheckbox as default
+};

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

@@ -1,18 +1,24 @@
 import { defineComponent, ref, watch, openBlock, createElementBlock, withDirectives, createElementVNode, vModelCheckbox, renderSlot } from "vue";
 const _hoisted_1 = { class: "tui-checkbox" };
+const _hoisted_2 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Checkbox",
+  __name: "index",
   props: {
-    modelValue: { type: Boolean, default: false }
+    modelValue: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false }
   },
   emits: ["input"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const checked = ref(props.modelValue);
     const emit = __emit;
-    watch(() => props.modelValue, (value) => {
-      checked.value = value;
-    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        checked.value = props.disabled ? true : value;
+      },
+      { immediate: true }
+    );
     function handleCheckBoxClick() {
       checked.value = !checked.value;
       emit("input", checked.value);
@@ -26,8 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
           type: "checkbox",
+          disabled: props.disabled,
           onChange: handleValueChange
-        }, null, 544), [
+        }, null, 40, _hoisted_2), [
           [vModelCheckbox, checked.value]
         ]),
         createElementVNode("span", {

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

@@ -1,9 +1,9 @@
 interface Props {
     modelValue: Date;
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onInput?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/es/components/common/base/Datepicker/{Datepicker.vue.mjs → index.vue.mjs}

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

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

@@ -14,7 +14,7 @@ const _hoisted_7 = {
   class: "today-dot"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Datepicker",
+  __name: "index",
   props: {
     modelValue: {}
   },
@@ -42,16 +42,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onUnmounted(() => {
       window.removeEventListener("click", closeOnOutsideClick);
     });
-    watch(selectedDate, (newValue) => {
-      emit("input", newValue);
-    }, { immediate: true });
-    watch(() => props.modelValue, (newValue) => {
-      if (!newValue)
-        return;
-      selectedDate.value = newValue;
-      currentMonth.value = selectedDate.value.getMonth() + 1;
-      currentYear.value = selectedDate.value.getFullYear();
-    }, { immediate: true });
+    watch(
+      selectedDate,
+      (newValue) => {
+        emit("input", newValue);
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.modelValue,
+      (newValue) => {
+        if (!newValue) return;
+        selectedDate.value = newValue;
+        currentMonth.value = selectedDate.value.getMonth() + 1;
+        currentYear.value = selectedDate.value.getFullYear();
+      },
+      { immediate: true }
+    );
     const changeMonth = (value) => {
       currentMonth.value += value;
       if (currentMonth.value === 0) {
@@ -72,22 +79,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const days = ref([]);
     const updateDays = () => {
       const daysArray = [];
-      const firstDay = new Date(currentYear.value, currentMonth.value - 1, 1).getDay();
-      const daysInMonth = new Date(currentYear.value, currentMonth.value, 0).getDate();
-      const daysInPrevMonth = new Date(currentYear.value, currentMonth.value - 1, 0).getDate();
+      const firstDay = new Date(
+        currentYear.value,
+        currentMonth.value - 1,
+        1
+      ).getDay();
+      const daysInMonth = new Date(
+        currentYear.value,
+        currentMonth.value,
+        0
+      ).getDate();
+      const daysInPrevMonth = new Date(
+        currentYear.value,
+        currentMonth.value - 1,
+        0
+      ).getDate();
       for (let i = daysInPrevMonth - firstDay + 1; i <= daysInPrevMonth; i++) {
         const date = new Date(currentYear.value, currentMonth.value - 2, i);
-        daysArray.push({ id: date.toISOString(), label: i, date, otherMonth: true });
+        daysArray.push({
+          id: date.toISOString(),
+          label: i,
+          date,
+          otherMonth: true
+        });
       }
       for (let i = 1; i <= daysInMonth; i++) {
         const date = new Date(currentYear.value, currentMonth.value - 1, i);
-        daysArray.push({ id: date.toISOString(), label: i, date, otherMonth: false });
+        daysArray.push({
+          id: date.toISOString(),
+          label: i,
+          date,
+          otherMonth: false
+        });
       }
       const remainingDays = 35 - daysArray.length;
       if (remainingDays > 0) {
         for (let i = 1; i <= remainingDays; i++) {
           const date = new Date(currentYear.value, currentMonth.value, i);
-          daysArray.push({ id: date.toISOString(), label: i, date, otherMonth: true });
+          daysArray.push({
+            id: date.toISOString(),
+            label: i,
+            date,
+            otherMonth: true
+          });
         }
       }
       days.value = daysArray.slice(0, 35);
@@ -95,7 +129,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watchEffect(() => {
       updateDays();
     });
-    const formattedDate = computed(() => `${selectedDate.value.getFullYear()}-${selectedDate.value.getMonth() + 1}-${selectedDate.value.getDate()}`);
+    const formattedDate = computed(
+      () => `${selectedDate.value.getFullYear()}-${selectedDate.value.getMonth() + 1}-${selectedDate.value.getDate()}`
+    );
     const isSelected = (date) => date.toISOString() === selectedDate.value.toISOString();
     const isToday = (date) => {
       const today = /* @__PURE__ */ new Date();
@@ -114,12 +150,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "container"
       }, [
         createVNode(TuiInput, {
-          modelValue: formattedDate.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formattedDate.value = $event),
+          "model-value": formattedDate.value,
+          onInput: _cache[0] || (_cache[0] = ($event) => formattedDate.value = $event),
           readonly: "",
           class: "datepicker-input",
           onFocus: togglePicker
-        }, null, 8, ["modelValue"]),
+        }, null, 8, ["model-value"]),
         showPicker.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("div", _hoisted_2, [
             createElementVNode("span", _hoisted_3, toDisplayString(currentYear.value) + "/" + toDisplayString(currentMonth.value < 10 ? `0${currentMonth.value}` : currentMonth.value), 1),
@@ -146,9 +182,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: day.id,
                 class: normalizeClass(["day", {
                   "other-month": day.otherMonth,
-                  "selected": isSelected(day.date),
-                  "today": isToday(day.date),
-                  "past": isPast(day.date)
+                  selected: isSelected(day.date),
+                  today: isToday(day.date),
+                  past: isPast(day.date)
                 }]),
                 onClick: ($event) => selectDate(day.date)
               }, [

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

@@ -14,7 +14,12 @@ interface Props {
     cancelButton?: string;
     titleIcon?: any;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    title?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     modelValue: boolean;
     modal: boolean;
@@ -27,12 +32,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     confirmButton: string;
     cancelButton: string;
     titleIcon: null;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (...args: any[]) => void;
     close: (...args: any[]) => void;
     confirm: (...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>, {
     title: string;
     modelValue: boolean;
     modal: boolean;
@@ -63,11 +68,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     confirmButton: string;
     cancelButton: string;
     titleIcon: any;
-}, {}>, {
-    title?(_: {}): any;
-    default?(_: {}): any;
-    footer?(_: {}): 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> = {