@tencentcloud/roomkit-electron-vue3 2.3.3

package/lib/components/common/base/MessageBox/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+require("./index.vue3.js");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const TUIMessageBox = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a24162df"]]);
+exports.default = TUIMessageBox;

package/lib/components/common/base/MessageBox/index.vue2.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const Button = require("../Button.vue.js");
+const SvgIcon = require("../SvgIcon.vue.js");
+const CloseIcon = require("../../icons/CloseIcon.vue.js");
+const environment = require("../../../../utils/environment.js");
+const useZIndex = require("../../../../hooks/useZIndex.js");
+const _hoisted_1 = { class: "tui-message-box-header" };
+const _hoisted_2 = { class: "tui-message-box-title" };
+const _hoisted_3 = { class: "close" };
+const _hoisted_4 = { class: "tui-message-box-body" };
+const _hoisted_5 = { class: "tui-message-box-footer" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    title: { default: "" },
+    message: { default: "" },
+    callback: { type: [Function, null], default: null },
+    confirmButtonText: { default: "" },
+    remove: { type: Function, default: () => {
+    } }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const visible = Vue.ref(false);
+    const overlayContentStyle = Vue.ref({});
+    const { nextZIndex } = useZIndex.default();
+    const props = __props;
+    Vue.watch(visible, (val) => {
+      if (val) {
+        overlayContentStyle.value = { zIndex: nextZIndex() };
+      }
+    });
+    const emit = __emit;
+    function handleClose() {
+      props.callback && props.callback();
+      doClose();
+    }
+    function doClose() {
+      visible.value = false;
+      props.remove();
+      emit("close");
+    }
+    function handleOverlayClick(event) {
+      if (event.target !== event.currentTarget) {
+        return;
+      }
+      handleClose();
+    }
+    function onOpen() {
+      visible.value = true;
+    }
+    Vue.onMounted(async () => {
+      onOpen();
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(Vue.Transition, { name: "tui-message-box-fade" }, {
+        default: Vue.withCtx(() => [
+          Vue.withDirectives(Vue.createElementVNode("div", {
+            style: Vue.normalizeStyle(overlayContentStyle.value),
+            class: Vue.normalizeClass([["overlay"], "message-box-overlay"]),
+            onClick: handleOverlayClick
+          }, [
+            Vue.createElementVNode("div", {
+              class: Vue.normalizeClass(Vue.unref(environment.isMobile) ? "tui-message-box-h5" : "tui-message-box")
+            }, [
+              Vue.createElementVNode("div", _hoisted_1, [
+                Vue.createElementVNode("div", _hoisted_2, Vue.toDisplayString(_ctx.title), 1),
+                Vue.createElementVNode("div", _hoisted_3, [
+                  Vue.createVNode(SvgIcon.default, {
+                    size: 16,
+                    icon: CloseIcon.default,
+                    onClick: handleClose
+                  })
+                ])
+              ]),
+              Vue.createElementVNode("div", _hoisted_4, [
+                Vue.createElementVNode("div", null, Vue.toDisplayString(_ctx.message), 1)
+              ]),
+              Vue.createElementVNode("div", _hoisted_5, [
+                Vue.createVNode(Button.default, {
+                  size: "default",
+                  class: "button",
+                  onClick: handleClose
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.createTextVNode(Vue.toDisplayString(_ctx.confirmButtonText), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ], 2)
+          ], 4), [
+            [Vue.vShow, visible.value]
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/base/MessageBox/index.vue3.js

@@ -0,0 +1 @@
+"use strict";

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

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

package/lib/components/common/base/Notification/index.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index = require("./index.vue.js");
+let notificationInstance = null;
+let container = null;
+let timer = null;
+const Notification = ({
+  message,
+  confirm,
+  cancel,
+  confirmButtonText,
+  cancelButtonText
+}) => {
+  const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.body;
+  if (!notificationInstance) {
+    container = document.createElement("div");
+    fullscreenElement.appendChild(container);
+  }
+  const close = () => {
+    if (container) {
+      Vue.render(null, container);
+      fullscreenElement.removeChild(container);
+      notificationInstance = null;
+      container = null;
+    }
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  };
+  const vnode = Vue.createVNode(index.default, {
+    message,
+    confirm,
+    cancel,
+    confirmButtonText,
+    cancelButtonText,
+    close
+  });
+  if (container) {
+    Vue.render(vnode, container);
+    notificationInstance = vnode;
+  }
+  if (timer) {
+    clearTimeout(timer);
+  }
+  timer = setTimeout(close, 3e3);
+  return {
+    close
+  };
+};
+exports.default = Notification;

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

@@ -0,0 +1,49 @@
+type BeforeCloseFn = () => void;
+interface Props {
+    message: string;
+    confirm?: BeforeCloseFn | null;
+    cancel?: BeforeCloseFn | null;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    message: string;
+    confirmButtonText: string;
+    cancelButtonText: string;
+    confirm: null;
+    cancel: null;
+}>, {}, 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>, {
+    message: string;
+    confirmButtonText: string;
+    cancelButtonText: string;
+    confirm: null;
+    cancel: null;
+}>>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    confirm: BeforeCloseFn | null;
+    cancel: BeforeCloseFn | null;
+    message: string;
+    confirmButtonText: string;
+    cancelButtonText: string;
+}, {}>;
+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/lib/components/common/base/Notification/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+require("./index.vue3.js");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const TUINotification = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f10f5d6d"]]);
+exports.default = TUINotification;

package/lib/components/common/base/Notification/index.vue2.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const Button = require("../Button.vue.js");
+const SvgIcon = require("../SvgIcon.vue.js");
+const CloseIcon = require("../../icons/CloseIcon.vue.js");
+const useZIndex = require("../../../../hooks/useZIndex.js");
+const environment = require("../../../../utils/environment.js");
+const ApplyTipsIcon = require("../../icons/ApplyTipsIcon.vue.js");
+const _hoisted_1 = { class: "tui-notification" };
+const _hoisted_2 = { class: "tui-notification-mobile-content" };
+const _hoisted_3 = { class: "tui-notification-header" };
+const _hoisted_4 = { class: "tui-notification-title" };
+const _hoisted_5 = { class: "close" };
+const _hoisted_6 = { class: "tui-notification-footer" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    message: { default: "" },
+    confirm: { type: [Function, null], default: null },
+    cancel: { type: [Function, null], default: null },
+    confirmButtonText: { default: "" },
+    cancelButtonText: { default: "" }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const visible = Vue.ref(false);
+    const overlayContainerStyle = Vue.ref({});
+    const { nextZIndex } = useZIndex.default();
+    const props = __props;
+    const emit = __emit;
+    Vue.watch(visible, (val) => {
+      if (val) {
+        overlayContainerStyle.value = { zIndex: nextZIndex() };
+      }
+    });
+    function handleClose() {
+      visible.value = false;
+      emit("close");
+    }
+    function handleAgree() {
+      if (props.confirm) {
+        props.confirm();
+      }
+      handleClose();
+    }
+    function handleReject() {
+      if (props.cancel) {
+        props.cancel();
+      }
+      handleClose();
+    }
+    function onOpen() {
+      visible.value = true;
+    }
+    Vue.onMounted(async () => {
+      onOpen();
+    });
+    return (_ctx, _cache) => {
+      return Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.unref(environment.isMobile) ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 0,
+          class: "tui-notification-container-mobile",
+          style: Vue.normalizeStyle(overlayContainerStyle.value)
+        }, [
+          Vue.createVNode(SvgIcon.default, {
+            icon: ApplyTipsIcon.default,
+            class: "tui-notification-mobile-icon"
+          }),
+          Vue.createElementVNode("span", _hoisted_2, Vue.toDisplayString(_ctx.message), 1),
+          Vue.createElementVNode("div", {
+            class: "tui-notification-mobile-check",
+            onClick: handleAgree
+          }, Vue.toDisplayString(_ctx.confirmButtonText), 1)
+        ], 4)) : (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 1,
+          class: "tui-notification-container",
+          style: Vue.normalizeStyle(overlayContainerStyle.value)
+        }, [
+          Vue.createElementVNode("div", _hoisted_3, [
+            Vue.createElementVNode("div", _hoisted_4, Vue.toDisplayString(_ctx.message), 1),
+            Vue.createElementVNode("div", _hoisted_5, [
+              Vue.createVNode(SvgIcon.default, {
+                size: 16,
+                icon: CloseIcon.default,
+                onClick: handleClose
+              })
+            ])
+          ]),
+          Vue.createElementVNode("div", _hoisted_6, [
+            Vue.createVNode(Button.default, {
+              size: "default",
+              onClick: handleAgree
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(_ctx.confirmButtonText), 1)
+              ]),
+              _: 1
+            }),
+            Vue.createVNode(Button.default, {
+              size: "default",
+              type: "primary",
+              class: "button",
+              onClick: handleReject
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(_ctx.cancelButtonText), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ], 4))
+      ], 512)), [
+        [Vue.vShow, visible.value]
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/base/Notification/index.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/common/base/Option.vue.d.ts

@@ -0,0 +1,15 @@
+interface OptionData {
+    label: string;
+    value: string | number | boolean | object;
+}
+declare const _default: 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>>>, {}, {}>;
+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/lib/components/common/base/Option.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Option_vue_vue_type_script_setup_true_lang = require("./Option.vue2.js");
+require("./Option.vue3.js");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const TuiOption = /* @__PURE__ */ _pluginVue_exportHelper.default(Option_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0c4a98c3"]]);
+exports.default = TuiOption;

package/lib/components/common/base/Option.vue2.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _hoisted_1 = { class: "option-content" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "Option",
+  props: {
+    label: {},
+    value: { type: [String, Number, Boolean, Object] }
+  },
+  setup(__props) {
+    const props = __props;
+    const select = Vue.inject("select");
+    const isSelected = Vue.computed(() => select && select.selectedValue === props.value);
+    const optionData = Vue.computed(() => ({
+      label: props.label,
+      value: props.value
+    }));
+    select == null ? void 0 : select.onOptionCreated(optionData.value);
+    Vue.onBeforeUnmount(() => {
+      select == null ? void 0 : select.onOptionDestroyed(props.value);
+    });
+    Vue.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);
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass(["option-container", { "active": isSelected.value }]),
+        onClick: handleChooseOption
+      }, [
+        Vue.createElementVNode("span", _hoisted_1, Vue.toDisplayString(_ctx.label || _ctx.value), 1)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/base/Option.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/common/base/Select.vue.d.ts

@@ -0,0 +1,29 @@
+interface Props {
+    modelValue: string | number | boolean | object;
+    disabled?: boolean;
+    theme?: 'white' | 'black';
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>, {
+    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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/common/base/Select.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Select_vue_vue_type_script_setup_true_lang = require("./Select.vue2.js");
+require("./Select.vue3.js");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const TuiSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(Select_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a83a612c"]]);
+exports.default = TuiSelect;

package/lib/components/common/base/Select.vue2.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const SvgIcon = require("./SvgIcon.vue.js");
+const ArrowStrokeSelectDownIcon = require("../icons/ArrowStrokeSelectDownIcon.vue.js");
+const useZIndex = require("../../../hooks/useZIndex.js");
+const vClickOutside = require("../../../directives/vClickOutside.js");
+require("../../../services/main.js");
+const roomService = require("../../../services/roomService.js");
+require("../../../locales/index.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../../services/manager/roomActionManager.js");
+const _hoisted_1 = { class: "select-text" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "Select",
+  props: {
+    modelValue: { type: [String, Number, Boolean, Object] },
+    disabled: { type: Boolean },
+    theme: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const { nextZIndex } = useZIndex.default();
+    const props = __props;
+    const emits = __emit;
+    const showSelectDropdown = Vue.ref(false);
+    const optionObj = Vue.ref(/* @__PURE__ */ new Map());
+    const optionDataList = Vue.computed(() => Array.from(optionObj.value.values()));
+    const selectedLabel = Vue.ref("");
+    const selectedValue = Vue.ref(props.modelValue);
+    const selectContainerRef = Vue.ref();
+    const selectDropDownRef = Vue.ref();
+    const dropDirection = Vue.ref("down");
+    const themeClass = Vue.computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    Vue.watch(() => props.modelValue, (val) => {
+      selectedValue.value = val;
+      if (optionObj.value.get(val)) {
+        selectedLabel.value = optionObj.value.get(props.modelValue).label;
+      }
+    });
+    Vue.watch(optionDataList, () => {
+      if (optionObj.value.get(props.modelValue)) {
+        selectedLabel.value = optionObj.value.get(props.modelValue).label;
+      }
+    });
+    const dropDownStyle = Vue.ref({});
+    function onOptionCreated(option) {
+      optionObj.value.set(option.value, option);
+    }
+    function onOptionDestroyed(value) {
+      optionObj.value.delete(value);
+    }
+    function onOptionSelected(option) {
+      selectedValue.value = option.value;
+      showSelectDropdown.value = false;
+      emits("update:modelValue", option.value);
+    }
+    Vue.watch(selectedValue, (val) => {
+      emits("change", val);
+    });
+    Vue.provide("select", Vue.reactive({
+      selectedValue,
+      optionObj,
+      optionDataList,
+      onOptionCreated,
+      onOptionDestroyed,
+      onOptionSelected
+    }));
+    function handleClickSelect() {
+      if (props.disabled) {
+        return;
+      }
+      if (showSelectDropdown.value) {
+        showSelectDropdown.value = false;
+      } else {
+        handleDropDownPosition();
+        dropDownStyle.value = { zIndex: nextZIndex() };
+        showSelectDropdown.value = true;
+      }
+    }
+    function handleDropDownPosition() {
+      var _a, _b;
+      const { top, bottom } = (_a = selectContainerRef.value) == null ? void 0 : _a.getBoundingClientRect();
+      const container = roomService.roomService.getRoomContainer();
+      const bottomSize = container instanceof HTMLElement ? container.offsetHeight - bottom : -1;
+      let dropDownContainerHeight = 0;
+      if (!showSelectDropdown.value) {
+        selectDropDownRef.value.style = "display:block;position:absolute;z-index:-1000";
+        dropDownContainerHeight = selectDropDownRef.value.offsetHeight;
+        selectDropDownRef.value.style = "";
+      } else {
+        dropDownContainerHeight = (_b = selectDropDownRef.value) == null ? void 0 : _b.offsetHeight;
+      }
+      if (bottomSize < top && bottomSize < dropDownContainerHeight) {
+        dropDirection.value = "up";
+      }
+    }
+    function handleClickOutside() {
+      if (showSelectDropdown.value) {
+        showSelectDropdown.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", {
+        ref_key: "selectContainerRef",
+        ref: selectContainerRef,
+        class: Vue.normalizeClass(["select-container", themeClass.value])
+      }, [
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass(["select-content", { "disabled": _ctx.disabled }]),
+          onClick: handleClickSelect
+        }, [
+          Vue.createElementVNode("span", _hoisted_1, Vue.toDisplayString(selectedLabel.value || selectedValue.value), 1),
+          Vue.createVNode(SvgIcon.default, {
+            class: Vue.normalizeClass(["arrow-icon", { "reverse": showSelectDropdown.value }]),
+            icon: ArrowStrokeSelectDownIcon.default
+          }, null, 8, ["class"])
+        ], 2),
+        Vue.createVNode(Vue.Transition, { name: "select-fade" }, {
+          default: Vue.withCtx(() => [
+            Vue.withDirectives(Vue.createElementVNode("div", {
+              ref_key: "selectDropDownRef",
+              ref: selectDropDownRef,
+              style: Vue.normalizeStyle(dropDownStyle.value),
+              class: Vue.normalizeClass(["select-dropdown-container", dropDirection.value])
+            }, [
+              Vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 6), [
+              [Vue.vShow, showSelectDropdown.value]
+            ])
+          ]),
+          _: 3
+        })
+      ], 2)), [
+        [Vue.unref(vClickOutside.default), handleClickOutside]
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/base/Select.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/common/base/SvgIcon.vue.d.ts

@@ -0,0 +1,31 @@
+import { Component } from 'vue';
+
+interface Props {
+    size?: string | number;
+    responseSize?: string | number;
+    customClass?: string;
+    icon?: Component;
+    color?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, 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_TypePropsToRuntimeProps<Props>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>, {
+    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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/common/base/SvgIcon.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const SvgIcon_vue_vue_type_script_setup_true_lang = require("./SvgIcon.vue2.js");
+require("./SvgIcon.vue3.js");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const SvgIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(SvgIcon_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7f4921b3"]]);
+exports.default = SvgIcon;