@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.5.0

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

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _hoisted_1 = ["value", "placeholder", "disabled", "maxlength", "type", "enterkeyhint", "readonly"];
+const _hoisted_2 = {
+  key: 1,
+  class: "results tui-theme-white"
+};
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    theme: { default: "white" },
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: false },
+    type: { default: "text" },
+    readonly: { type: Boolean },
+    enterkeyhint: { default: "" },
+    search: {},
+    select: {},
+    maxlength: { default: "80" }
+  },
+  emits: ["update:modelValue", "input", "focus", "blur", "done"],
+  setup(__props, { emit: __emit }) {
+    const slots = Vue.useSlots();
+    const props = __props;
+    const themeClass = Vue.computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    const emit = __emit;
+    const tuiInputRef = Vue.ref(null);
+    const inputRef = Vue.ref(null);
+    const show = Vue.ref(false);
+    const blur = (event) => {
+      const { value } = event.target;
+      show.value = false;
+      const trimmedValue = value.trimStart().trimEnd();
+      if (value !== trimmedValue) {
+        event.target.value = trimmedValue;
+      }
+      emit("blur", tuiInputRef.value);
+    };
+    const done = () => {
+      emit("done", tuiInputRef.value);
+    };
+    const focus = () => {
+      show.value = true;
+      emit("focus", tuiInputRef.value);
+    };
+    const handleSuffixIconClick = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    };
+    const closeOnOutsideClick = (event) => {
+      var _a;
+      if (!((_a = tuiInputRef.value) == null ? void 0 : _a.contains(event.target))) {
+        show.value = false;
+      }
+    };
+    function handleResultItemClick(item) {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+      if (props.select) {
+        props.select(item);
+      }
+    }
+    Vue.onMounted(() => {
+      window.addEventListener("click", closeOnOutsideClick);
+    });
+    Vue.onUnmounted(() => {
+      window.removeEventListener("click", closeOnOutsideClick);
+    });
+    const searchResult = Vue.ref([]);
+    function handleInput(event) {
+      const { value } = event.target;
+      const trimmedValue = value.trimStart();
+      if (value !== trimmedValue) {
+        event.target.value = trimmedValue;
+      }
+      emit("update:modelValue", trimmedValue);
+      emit("input", trimmedValue);
+      if (props.search) {
+        searchResult.value = props.search(event.target.value);
+      }
+    }
+    const showResults = Vue.computed(() => {
+      var _a;
+      return searchResult.value && ((_a = searchResult.value) == null ? void 0 : _a.length) !== 0 && show.value;
+    });
+    const hasSuffixIcon = Vue.computed(() => !!slots.suffixIcon);
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        ref_key: "tuiInputRef",
+        ref: tuiInputRef,
+        class: Vue.normalizeClass(["tui-input", themeClass.value])
+      }, [
+        Vue.createElementVNode("input", {
+          ref_key: "inputRef",
+          ref: inputRef,
+          value: _ctx.modelValue,
+          placeholder: _ctx.placeholder,
+          disabled: _ctx.disabled,
+          maxlength: props.maxlength,
+          type: _ctx.type,
+          enterkeyhint: _ctx.enterkeyhint,
+          readonly: _ctx.readonly,
+          style: Vue.normalizeStyle({ paddingRight: hasSuffixIcon.value ? "40px" : "16px" }),
+          onFocus: focus,
+          onBlur: blur,
+          onKeyup: Vue.withKeys(done, ["enter"]),
+          onInput: handleInput,
+          onChange: handleInput
+        }, null, 44, _hoisted_1),
+        hasSuffixIcon.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 0,
+          class: "suffix-icon",
+          onMousedown: _cache[0] || (_cache[0] = Vue.withModifiers(() => {
+          }, ["prevent"])),
+          onClick: handleSuffixIconClick
+        }, [
+          Vue.renderSlot(_ctx.$slots, "suffixIcon", {}, void 0, true)
+        ], 32)) : Vue.createCommentVNode("", true),
+        showResults.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(searchResult.value, (item, index) => {
+            return Vue.openBlock(), Vue.createElementBlock("div", {
+              key: index,
+              class: "results-item",
+              onMousedown: _cache[1] || (_cache[1] = Vue.withModifiers(() => {
+              }, ["prevent"])),
+              onClick: ($event) => handleResultItemClick(item)
+            }, [
+              Vue.createTextVNode(Vue.toDisplayString(item.label || item.value) + " ", 1),
+              Vue.renderSlot(_ctx.$slots, "searchResultItem", { data: item }, void 0, true)
+            ], 40, _hoisted_3);
+          }), 128))
+        ])) : Vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

package/lib/components/common/base/Message/Instance.js

@@ -7,7 +7,7 @@ const activeMessages = [];
 const createInstance = ({ type, message, duration = 3e3 }) => {
   const container = document.createElement("div");
   container.setAttribute("class", "t-message-container");
-  const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.body;
+  const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.getElementById("pre-conference-container") || document.body;
   fullscreenElement.appendChild(container);
   const uniqueKey = `message-${Date.now()}-${Math.random()}`;
   const updateTopValues = () => {

package/lib/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" | "success" | "warning" | "info">;
+        type: PropType<"error" | "warning" | "success" | "info">;
         default: string;
     };
     message: {
@@ -27,7 +27,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {}, 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" | "success" | "warning" | "info">;
+        type: PropType<"error" | "warning" | "success" | "info">;
         default: string;
     };
     message: {
@@ -51,11 +51,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
 }>>, {
-    type: "error" | "success" | "warning" | "info";
-    zIndex: number;
+    type: "error" | "warning" | "success" | "info";
     message: string | number;
     top: Record<string, any>;
     remove: Function;
+    zIndex: number;
     duration: number;
 }, {}>;
 export default _default;

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

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

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
 const index = require("./index.vue.js");
-const MessageBox = ({ title, message, callback, confirmButtonText }) => {
+const MessageBox = ({ title, message, callback, cancelButtonText, confirmButtonText }) => {
   const container = document.createElement("div");
   const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.getElementById("pre-conference-container");
   if (!fullscreenElement)
@@ -16,6 +16,7 @@ const MessageBox = ({ title, message, callback, confirmButtonText }) => {
     title,
     message,
     callback,
+    cancelButtonText,
     confirmButtonText,
     remove: onRemove
   });

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

@@ -1,15 +1,18 @@
-type BeforeCloseFn = () => void;
+type BeforeCloseFn = (action?: Action) => void;
 interface Props {
     title: string;
     message: string;
     callback?: BeforeCloseFn | null;
+    cancelButtonText: string;
     confirmButtonText: string;
     remove: Function;
 }
+type Action = 'cancel' | 'confirm' | 'close';
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     message: string;
     callback: null;
+    cancelButtonText: string;
     confirmButtonText: string;
     remove: () => void;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -18,6 +21,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     title: string;
     message: string;
     callback: null;
+    cancelButtonText: string;
     confirmButtonText: string;
     remove: () => void;
 }>>> & {
@@ -26,6 +30,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     title: string;
     message: string;
     callback: BeforeCloseFn | null;
+    cancelButtonText: string;
     confirmButtonText: string;
     remove: Function;
 }, {}>;

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 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"]]);
+const TUIMessageBox = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0d71abd4"]]);
 exports.default = TUIMessageBox;

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

@@ -10,13 +10,21 @@ 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 _hoisted_5 = {
+  key: 0,
+  class: "tui-message-box-footer"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "tui-message-box-footer"
+};
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "index",
   props: {
     title: { default: "" },
     message: { default: "" },
     callback: { type: [Function, null], default: null },
+    cancelButtonText: { default: "" },
     confirmButtonText: { default: "" },
     remove: { type: Function, default: () => {
     } }
@@ -33,8 +41,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }
     });
     const emit = __emit;
-    function handleClose() {
-      props.callback && props.callback();
+    function handleClose(action) {
+      props.callback && props.callback(action);
       doClose();
     }
     function doClose() {
@@ -46,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       if (event.target !== event.currentTarget) {
         return;
       }
-      handleClose();
+      handleClose("close");
     }
     function onOpen() {
       visible.value = true;
@@ -78,18 +86,60 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
               Vue.createElementVNode("div", _hoisted_4, [
                 Vue.createElementVNode("div", null, Vue.toDisplayString(_ctx.message), 1)
               ]),
-              Vue.createElementVNode("div", _hoisted_5, [
+              Vue.unref(environment.isMobile) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_5, [
+                _ctx.cancelButtonText ? (Vue.openBlock(), Vue.createElementBlock("div", {
+                  key: 0,
+                  class: "button-container",
+                  onClick: _cache[0] || (_cache[0] = ($event) => handleClose("cancel"))
+                }, [
+                  Vue.createVNode(Button.default, {
+                    type: "text",
+                    size: "default",
+                    class: "button"
+                  }, {
+                    default: Vue.withCtx(() => [
+                      Vue.createTextVNode(Vue.toDisplayString(_ctx.cancelButtonText), 1)
+                    ]),
+                    _: 1
+                  })
+                ])) : Vue.createCommentVNode("", true),
+                Vue.createElementVNode("div", {
+                  class: "button-container",
+                  onClick: _cache[1] || (_cache[1] = ($event) => handleClose("confirm"))
+                }, [
+                  Vue.createVNode(Button.default, {
+                    type: "text",
+                    size: "default",
+                    class: "button confirm-button"
+                  }, {
+                    default: Vue.withCtx(() => [
+                      Vue.createTextVNode(Vue.toDisplayString(_ctx.confirmButtonText), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_6, [
                 Vue.createVNode(Button.default, {
                   size: "default",
-                  class: "button",
-                  onClick: handleClose
+                  onClick: _cache[2] || (_cache[2] = ($event) => handleClose("confirm"))
                 }, {
                   default: Vue.withCtx(() => [
                     Vue.createTextVNode(Vue.toDisplayString(_ctx.confirmButtonText), 1)
                   ]),
                   _: 1
-                })
-              ])
+                }),
+                _ctx.cancelButtonText ? (Vue.openBlock(), Vue.createBlock(Button.default, {
+                  key: 0,
+                  type: "primary",
+                  size: "default",
+                  onClick: _cache[3] || (_cache[3] = ($event) => handleClose("cancel"))
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.createTextVNode(Vue.toDisplayString(_ctx.cancelButtonText), 1)
+                  ]),
+                  _: 1
+                })) : Vue.createCommentVNode("", true)
+              ]))
             ], 2)
           ], 4), [
             [Vue.vShow, visible.value]

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

@@ -23,11 +23,11 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    confirm: BeforeCloseFn | null;
     cancel: BeforeCloseFn | null;
     message: string;
-    confirmButtonText: string;
+    confirm: BeforeCloseFn | null;
     cancelButtonText: string;
+    confirmButtonText: string;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,8 +1,13 @@
+import { StyleValue } from 'vue';
+
 interface OptionData {
     label: string;
     value: string | number | boolean | object;
+    customOptionContentStyle?: StyleValue;
 }
-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>>>, {}, {}>;
+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>>>, {}, {}>, {
+    customOptionContent?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -13,3 +18,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 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"]]);
+const TuiOption = /* @__PURE__ */ _pluginVue_exportHelper.default(Option_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-85b007c6"]]);
 exports.default = TuiOption;

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

@@ -1,22 +1,26 @@
 "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] }
+    value: { type: [String, Number, Boolean, Object] },
+    customOptionContentStyle: {}
   },
   setup(__props) {
+    const optionRef = Vue.ref(null);
     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
+      value: props.value,
+      ref: optionRef
     }));
-    select == null ? void 0 : select.onOptionCreated(optionData.value);
+    Vue.onMounted(() => {
+      select == null ? void 0 : select.onOptionCreated(optionData.value);
+    });
     Vue.onBeforeUnmount(() => {
       select == null ? void 0 : select.onOptionDestroyed(props.value);
     });
@@ -31,10 +35,16 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", {
+        ref_key: "optionRef",
+        ref: optionRef,
         class: Vue.normalizeClass(["option-container", { "active": isSelected.value }]),
         onClick: handleChooseOption
       }, [
-        Vue.createElementVNode("span", _hoisted_1, Vue.toDisplayString(_ctx.label || _ctx.value), 1)
+        _ctx.$slots.customOptionContent ? Vue.renderSlot(_ctx.$slots, "customOptionContent", { key: 0 }, void 0, true) : (Vue.openBlock(), Vue.createElementBlock("span", {
+          key: 1,
+          style: Vue.normalizeStyle(props.customOptionContentStyle),
+          class: "option-content"
+        }, Vue.toDisplayString(_ctx.label || _ctx.value), 5))
       ], 2);
     };
   }

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

@@ -1,15 +1,19 @@
+import { StyleValue } from 'vue';
+
 interface Props {
     modelValue: string | number | boolean | object;
     disabled?: boolean;
     theme?: 'white' | 'black';
+    customSelectContentStyle?: StyleValue;
 }
 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;
+    "update:modelValue": (...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;
 }, {}, {}>, {
+    customSelectContent?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 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"]]);
+const TuiSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(Select_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-368bb554"]]);
 exports.default = TuiSelect;

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

@@ -11,13 +11,13 @@ 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: {}
+    theme: {},
+    customSelectContentStyle: {}
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
@@ -28,17 +28,15 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     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;
       }
-    });
+    }, { immediate: true });
     Vue.watch(optionDataList, () => {
       if (optionObj.value.get(props.modelValue)) {
         selectedLabel.value = optionObj.value.get(props.modelValue).label;
@@ -52,13 +50,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       optionObj.value.delete(value);
     }
     function onOptionSelected(option) {
-      selectedValue.value = option.value;
       showSelectDropdown.value = false;
       emits("update:modelValue", option.value);
+      emits("change", option.value);
     }
-    Vue.watch(selectedValue, (val) => {
-      emits("change", val);
-    });
+    const selectedValue = Vue.computed(() => props.modelValue);
     Vue.provide("select", Vue.reactive({
       selectedValue,
       optionObj,
@@ -77,6 +73,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         handleDropDownPosition();
         dropDownStyle.value = { zIndex: nextZIndex() };
         showSelectDropdown.value = true;
+        optionObj.value.get(props.modelValue).ref.scrollIntoView({ block: "center" });
       }
     }
     function handleDropDownPosition() {
@@ -111,7 +108,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           class: Vue.normalizeClass(["select-content", { "disabled": _ctx.disabled }]),
           onClick: handleClickSelect
         }, [
-          Vue.createElementVNode("span", _hoisted_1, Vue.toDisplayString(selectedLabel.value || selectedValue.value), 1),
+          _ctx.$slots.customSelectContent ? Vue.renderSlot(_ctx.$slots, "customSelectContent", { key: 0 }, void 0, true) : (Vue.openBlock(), Vue.createElementBlock("span", {
+            key: 1,
+            class: "select-text",
+            style: Vue.normalizeStyle(props.customSelectContentStyle)
+          }, Vue.toDisplayString(selectedLabel.value || selectedValue.value), 5)),
           Vue.createVNode(SvgIcon.default, {
             class: Vue.normalizeClass(["arrow-icon", { "reverse": showSelectDropdown.value }]),
             icon: ArrowStrokeSelectDownIcon.default

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

@@ -3,7 +3,7 @@ import { default as TuiSwitch } from './TuiSwitch.vue';
 import { default as SvgIcon } from './SvgIcon.vue';
 import { default as TuiSelect } from './Select.vue';
 import { default as TuiOption } from './Option.vue';
-import { default as TuiInput } from './Input.vue';
+import { default as TuiInput } from './Input/index.vue';
 import { default as IconButton } from './IconButton.vue';
 import { default as TuiDrawer } from './Drawer.vue';
 import { default as TuiButton } from './Button.vue';

package/lib/components/common/icons/AllMembersShareScreenIcon.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/lib/components/common/icons/AllMembersShareScreenIcon.vue.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "design-iconfont"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createStaticVNode('<path fill-rule="evenodd" clip-rule="evenodd" d="M1.66669 14.9998C1.66669 12.3681 3.69998 10.2112 6.28134 10.0145C6.40852 10.0048 6.53703 9.99985 6.66669 9.99985H10C10.1297 9.99985 10.2582 10.0048 10.3854 10.0145C12.9667 10.2112 15 12.3681 15 14.9998V18.3332H1.66669V14.9998ZM13.3334 14.9998V16.6665H3.33335V14.9998C3.33335 13.1589 4.82574 11.6665 6.66669 11.6665H10C11.841 11.6665 13.3334 13.1589 13.3334 14.9998Z" fill="#4E5461" style="fill:color(display-p3 0.3040 0.3284 0.3800);fill-opacity:1;"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.66669 8.3602C6.64897 8.3514 6.63135 8.34246 6.61379 8.33339C5.40776 7.70998 4.58335 6.45126 4.58335 5C4.58335 2.92893 6.26229 1.25 8.33335 1.25C10.4044 1.25 12.0834 2.92893 12.0834 5C12.0834 6.45126 11.259 7.70998 10.0529 8.33339C10.0354 8.34246 10.0177 8.3514 10 8.3602C9.49795 8.60971 8.93204 8.75 8.33335 8.75C7.73467 8.75 7.16875 8.60971 6.66669 8.3602ZM10.4167 5C10.4167 6.15059 9.48395 7.08333 8.33335 7.08333C7.18276 7.08333 6.25002 6.15059 6.25002 5C6.25002 3.84941 7.18276 2.91667 8.33335 2.91667C9.48395 2.91667 10.4167 3.84941 10.4167 5Z" fill="#4E5461" style="fill:color(display-p3 0.3040 0.3284 0.3800);fill-opacity:1;"></path><path d="M12.5651 8.67685L13.2006 7.38123C13.5522 6.66449 13.7504 5.85772 13.7504 4.99992C13.7504 4.13294 13.5467 3.31354 13.1846 2.58695L14.6269 1.74561C15.1318 2.72004 15.417 3.82667 15.417 4.99992C15.417 6.11771 15.1581 7.17503 14.697 8.11518C16.8927 9.61592 18.3337 12.1396 18.3337 14.9999V18.3333L16.667 18.3333V14.9999C16.667 12.7132 15.5172 10.6946 13.7565 9.49115L12.5651 8.67685Z" fill="#4E5461" style="fill:color(display-p3 0.3040 0.3284 0.3800);fill-opacity:1;"></path><defs><filter id="filter0_b_10685_2618" x="-4.99998" y="-5.41667" width="30.0003" height="30.4166" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feGaussianBlur in="BackgroundImageFix" stdDeviation="3.33333"></feGaussianBlur><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_10685_2618"></feComposite><feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_10685_2618" result="shape"></feBlend></filter></defs>', 4);
+const _hoisted_6 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_6);
+}
+const AllMembersShareScreenIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = AllMembersShareScreenIcon;

package/lib/components/common/icons/CalendarIcon.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/lib/components/common/icons/CalendarIcon.vue.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M10 3H6L6 1.5H5L5 3H3C2.44772 3 2 3.44771 2 4V13C2 13.5523 2.44772 14 3 14H13C13.5523 14 14 13.5523 14 13V4C14 3.44772 13.5523 3 13 3H11V1.5H10L10 3ZM5 5L6 5L6 4H10L10 5L11 5V4H13V6H3V4H5L5 5ZM3 7H13V13H3L3 7Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const CalendarIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = CalendarIcon;

package/lib/components/common/icons/CopyIcon.vue.js

@@ -25,5 +25,5 @@ const _hoisted_3 = [
 function _sfc_render(_ctx, _cache) {
   return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const CopyIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = CopyIcon;
+const copyIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = copyIcon;

package/lib/components/common/icons/EditNameCardIcon.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;