@tencentcloud/roomkit-electron-vue3 2.3.3

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

@@ -0,0 +1,40 @@
+interface Props {
+    hasMore?: boolean;
+    isMuted: boolean;
+    isDisabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    hasMore: boolean;
+    isMuted: undefined;
+    isDisabled: 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>, {
+    hasMore: boolean;
+    isMuted: undefined;
+    isDisabled: boolean;
+}>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    hasMore: boolean;
+    isMuted: boolean;
+    isDisabled: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

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

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

@@ -0,0 +1,79 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, withDirectives, createVNode, unref, withCtx, vShow } from "vue";
+import IconButton from "./base/IconButton.vue.mjs";
+import MessageBox from "./base/MessageBox/index.mjs";
+import SvgIcon from "./base/SvgIcon.vue.mjs";
+import CameraOnIcon from "./icons/CameraOnIcon.vue.mjs";
+import CameraOffIcon from "./icons/CameraOffIcon.vue.mjs";
+import VideoSettingTab from "./VideoSettingTab.vue.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import vClickOutside from "../../directives/vClickOutside.mjs";
+import { isGetUserMediaSupported, isEnumerateDevicesSupported } from "../../utils/mediaAbility.mjs";
+const _hoisted_1 = { class: "video-control-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VideoMediaControl",
+  props: {
+    hasMore: { type: Boolean, default: true },
+    isMuted: { type: Boolean, default: void 0 },
+    isDisabled: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useI18n();
+    const showVideoSettingTab = ref(false);
+    const isSupportVideoMedia = isGetUserMediaSupported && isEnumerateDevicesSupported;
+    const icon = computed(() => props.isMuted ? CameraOffIcon : CameraOnIcon);
+    async function handleClickIcon() {
+      if (!isSupportVideoMedia) {
+        MessageBox({
+          title: t("Note"),
+          message: t("The current browser does not support capturing video"),
+          confirmButtonText: t("Sure")
+        });
+        return;
+      }
+      emits("click");
+      showVideoSettingTab.value = false;
+    }
+    function handleMore() {
+      showVideoSettingTab.value = !showVideoSettingTab.value;
+    }
+    function handleHideVideoSettingTab() {
+      if (showVideoSettingTab.value) {
+        showVideoSettingTab.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(IconButton, {
+            title: unref(t)("Camera"),
+            "has-more": _ctx.hasMore,
+            disabled: _ctx.isDisabled,
+            "is-not-support": !unref(isSupportVideoMedia),
+            onClickIcon: handleClickIcon,
+            onClickMore: handleMore
+          }, {
+            default: withCtx(() => [
+              createVNode(SvgIcon, { icon: icon.value }, null, 8, ["icon"])
+            ]),
+            _: 1
+          }, 8, ["title", "has-more", "disabled", "is-not-support"]),
+          withDirectives(createVNode(VideoSettingTab, {
+            class: "video-tab",
+            "with-mirror": true,
+            theme: "white"
+          }, null, 512), [
+            [vShow, showVideoSettingTab.value]
+          ])
+        ])), [
+          [unref(vClickOutside), handleHideVideoSettingTab]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +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<{}>>, {}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,55 @@
+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 TUIRoomEngine, { TUIVideoQuality } from "@tencentcloud/tuiroom-engine-electron";
+import { useRoomStore } from "../../stores/room.mjs";
+import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
+import { storeToRefs } from "pinia";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VideoProfile",
+  setup(__props) {
+    const roomEngine = useGetRoomEngine();
+    const roomStore = useRoomStore();
+    const { localVideoQuality } = storeToRefs(roomStore);
+    const { t } = useI18n();
+    const videoProfileList = computed(() => [
+      { label: t("Low Definition"), value: TUIVideoQuality.kVideoQuality_360p },
+      { label: t("Standard Definition"), value: TUIVideoQuality.kVideoQuality_540p },
+      { label: t("High Definition"), value: TUIVideoQuality.kVideoQuality_720p },
+      { label: t("Super Definition"), value: TUIVideoQuality.kVideoQuality_1080p }
+    ]);
+    watch(localVideoQuality, (val) => {
+      var _a;
+      (_a = roomEngine.instance) == null ? void 0 : _a.updateVideoQuality({ quality: val });
+    });
+    TUIRoomEngine.once("ready", () => {
+      var _a;
+      (_a = roomEngine.instance) == null ? void 0 : _a.updateVideoQuality({ quality: localVideoQuality.value });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TuiSelect, {
+        modelValue: unref(localVideoQuality),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localVideoQuality) ? localVideoQuality.value = $event : null),
+        placeholder: "placeholder",
+        class: "select",
+        teleported: false,
+        "popper-append-to-body": false
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(videoProfileList.value, (item, index) => {
+            return openBlock(), createBlock(TuiOption, {
+              key: index,
+              label: item.label,
+              value: item.value
+            }, null, 8, ["label", "value"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,17 @@
+interface Props {
+    withPreview?: boolean;
+    withMore?: boolean;
+    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>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

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

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

@@ -0,0 +1,115 @@
+import { defineComponent, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref, createVNode, createCommentVNode, isRef, pushScopeId, popScopeId } from "vue";
+import DeviceSelect from "./DeviceSelect.vue.mjs";
+import VideoProfile from "./VideoProfile.vue.mjs";
+import TuiSwitch from "./base/TuiSwitch.vue.mjs";
+import { useBasicStore } from "../../stores/basic.mjs";
+import { useI18n } from "../../locales/index.mjs";
+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 _hoisted_1 = { class: "item-setting" };
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = {
+  key: 0,
+  class: "item-setting"
+};
+const _hoisted_4 = { class: "title" };
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "video-preview-container" }, [
+  /* @__PURE__ */ createElementVNode("div", {
+    id: "test-camera-preview",
+    class: "video-preview"
+  })
+], -1));
+const _hoisted_6 = { class: "item-setting" };
+const _hoisted_7 = { class: "title" };
+const _hoisted_8 = { class: "mirror-container" };
+const _hoisted_9 = {
+  key: 1,
+  class: "item-setting"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VideoSettingTab",
+  props: {
+    withPreview: { type: Boolean },
+    withMore: { type: Boolean },
+    withMirror: { type: Boolean },
+    theme: {}
+  },
+  setup(__props) {
+    const roomEngine = useGetRoomEngine();
+    const props = __props;
+    const basicStore = useBasicStore();
+    const { isLocalStreamMirror } = storeToRefs(basicStore);
+    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();
+      if (!isMobile) {
+        await (trtcCloud == null ? void 0 : trtcCloud.setLocalRenderParams({
+          mirrorType: val ? TRTCVideoMirrorType.TRTCVideoMirrorType_Enable : TRTCVideoMirrorType.TRTCVideoMirrorType_Disable,
+          rotation: TRTCVideoRotation.TRTCVideoRotation0,
+          fillMode: TRTCVideoFillMode.TRTCVideoFillMode_Fill
+        }));
+      }
+    });
+    const { t } = useI18n();
+    function handleMoreCameraSetting() {
+      basicStore.setShowSettingDialog(true);
+      basicStore.setActiveSettingTab("video");
+    }
+    if (props.withPreview) {
+      onMounted(async () => {
+        var _a, _b;
+        (_a = roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({ view: "test-camera-preview" });
+        if (isElectron) {
+          const trtcCloud = (_b = roomEngine.instance) == null ? void 0 : _b.getTRTCCloud();
+          await (trtcCloud == null ? void 0 : trtcCloud.setLocalRenderParams({
+            mirrorType: isLocalStreamMirror.value ? TRTCVideoMirrorType.TRTCVideoMirrorType_Enable : TRTCVideoMirrorType.TRTCVideoMirrorType_Disable,
+            rotation: TRTCVideoRotation.TRTCVideoRotation0,
+            fillMode: TRTCVideoFillMode.TRTCVideoFillMode_Fill
+          }));
+        }
+      });
+      onUnmounted(() => {
+        var _a;
+        (_a = roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["video-tab", themeClass.value])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("Camera")), 1),
+          createVNode(DeviceSelect, { "device-type": "camera" })
+        ]),
+        _ctx.withPreview ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("span", _hoisted_4, toDisplayString(unref(t)("Preview")), 1),
+          _hoisted_5
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("span", _hoisted_7, toDisplayString(unref(t)("Resolution")), 1),
+          createVNode(VideoProfile)
+        ]),
+        createElementVNode("div", _hoisted_8, [
+          createElementVNode("span", null, toDisplayString(unref(t)("Mirror")), 1),
+          createVNode(TuiSwitch, {
+            modelValue: unref(isLocalStreamMirror),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isLocalStreamMirror) ? isLocalStreamMirror.value = $event : null)
+          }, null, 8, ["modelValue"])
+        ]),
+        _ctx.withMore ? (openBlock(), createElementBlock("div", _hoisted_9, [
+          createElementVNode("div", {
+            class: "item",
+            onClick: handleMoreCameraSetting
+          }, toDisplayString(unref(t)("More Camera Settings")), 1)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,51 @@
+interface Props {
+    type?: 'primary' | 'danger';
+    value?: string | number;
+    max?: number;
+    hidden?: boolean;
+    isDot?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<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>, {
+    type: string;
+    value: string;
+    max: number;
+    hidden: boolean;
+    isDot: boolean;
+}>>>, {
+    type: "primary" | "danger";
+    value: string | number;
+    hidden: boolean;
+    max: number;
+    isDot: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,39 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "tui-badge-count"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Badge",
+  props: {
+    type: { default: "primary" },
+    value: { default: "" },
+    max: { default: 99 },
+    hidden: { type: Boolean, default: false },
+    isDot: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const showBadge = computed(() => !props.hidden && (props.value || props.isDot));
+    const content = computed(() => {
+      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" : ""]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(badgeClass.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        showBadge.value ? (openBlock(), createElementBlock("sup", _hoisted_1, toDisplayString(content.value), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,62 @@
+import { StyleValue } from 'vue';
+
+interface Props {
+    size?: 'large' | 'default';
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+    customStyle?: StyleValue;
+    loading?: boolean;
+    disabled?: boolean;
+    round?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<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, {
+    click: (...args: any[]) => void;
+}, 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;
+}>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "default" | "large";
+    type: "text" | "primary" | "success" | "warning" | "danger" | "info";
+    customStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
+    disabled: boolean;
+    loading: boolean;
+    round: boolean;
+}, {}>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,49 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "button-icon"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Button",
+  props: {
+    size: { default: void 0 },
+    type: { default: void 0 },
+    customStyle: { default: () => ({}) },
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    round: { type: Boolean, default: true }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleClick(event) {
+      if (!props.disabled) {
+        emit("click", event);
+      }
+    }
+    const buttonClassList = computed(() => [
+      "tui-button",
+      `tui-button-${props.type}`,
+      `tui-button-${props.size}`,
+      { "tui-button-round": props.round },
+      { "tui-button-loading": props.loading },
+      { "tui-button-disabled": props.disabled }
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(buttonClassList.value),
+        style: normalizeStyle(_ctx.customStyle),
+        onClick: handleClick
+      }, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,39 @@
+interface Props {
+    modelValue: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    modelValue: boolean;
+}>, {}, 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>, {
+    modelValue: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,38 @@
+import { defineComponent, ref, openBlock, createElementBlock, withDirectives, createElementVNode, vModelCheckbox, renderSlot } from "vue";
+const _hoisted_1 = { class: "tui-checkbox" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const checked = ref(props.modelValue);
+    function handleCheckBoxClick() {
+      checked.value = !checked.value;
+    }
+    const emit = __emit;
+    function handleValueChange(event) {
+      checked.value = event.target.checked;
+      emit("update:modelValue", event.target.checked);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        withDirectives(createElementVNode("input", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
+          type: "checkbox",
+          onChange: handleValueChange
+        }, null, 544), [
+          [vModelCheckbox, checked.value]
+        ]),
+        createElementVNode("span", { onClick: handleCheckBoxClick }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};