@tencentcloud/roomkit-electron-vue3 2.4.1 → 2.5.0

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

@@ -0,0 +1,140 @@
+import { defineComponent, useSlots, computed, ref, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, withKeys, withModifiers, renderSlot, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from "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__ */ 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 = useSlots();
+    const props = __props;
+    const themeClass = computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    const emit = __emit;
+    const tuiInputRef = ref(null);
+    const inputRef = ref(null);
+    const show = 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);
+      }
+    }
+    onMounted(() => {
+      window.addEventListener("click", closeOnOutsideClick);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("click", closeOnOutsideClick);
+    });
+    const searchResult = 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 = computed(() => {
+      var _a;
+      return searchResult.value && ((_a = searchResult.value) == null ? void 0 : _a.length) !== 0 && show.value;
+    });
+    const hasSuffixIcon = computed(() => !!slots.suffixIcon);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "tuiInputRef",
+        ref: tuiInputRef,
+        class: normalizeClass(["tui-input", themeClass.value])
+      }, [
+        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: normalizeStyle({ paddingRight: hasSuffixIcon.value ? "40px" : "16px" }),
+          onFocus: focus,
+          onBlur: blur,
+          onKeyup: withKeys(done, ["enter"]),
+          onInput: handleInput,
+          onChange: handleInput
+        }, null, 44, _hoisted_1),
+        hasSuffixIcon.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "suffix-icon",
+          onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["prevent"])),
+          onClick: handleSuffixIconClick
+        }, [
+          renderSlot(_ctx.$slots, "suffixIcon", {}, void 0, true)
+        ], 32)) : createCommentVNode("", true),
+        showResults.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(searchResult.value, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "results-item",
+              onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+              }, ["prevent"])),
+              onClick: ($event) => handleResultItemClick(item)
+            }, [
+              createTextVNode(toDisplayString(item.label || item.value) + " ", 1),
+              renderSlot(_ctx.$slots, "searchResultItem", { data: item }, void 0, true)
+            ], 40, _hoisted_3);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -5,7 +5,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/es/components/common/base/Message/Message.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 
 declare const _default: import('vue').DefineComponent<{
     type: {
-        type: PropType<"error" | "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/es/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/es/components/common/base/MessageBox/index.mjs

@@ -1,6 +1,6 @@
 import { createVNode, render } from "vue";
 import TUIMessageBox from "./index.vue.mjs";
-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)
@@ -14,6 +14,7 @@ const MessageBox = ({ title, message, callback, confirmButtonText }) => {
     title,
     message,
     callback,
+    cancelButtonText,
     confirmButtonText,
     remove: onRemove
   });

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, unref, toDisplayString, createVNode, createTextVNode, vShow } from "vue";
+import { defineComponent, ref, watch, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, unref, toDisplayString, createVNode, createElementBlock, createTextVNode, createCommentVNode, vShow } from "vue";
 import TuiButton from "../Button.vue.mjs";
 import SvgIcon from "../SvgIcon.vue.mjs";
 import CloseIcon from "../../icons/CloseIcon.vue.mjs";
@@ -8,13 +8,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__ */ defineComponent({
   __name: "index",
   props: {
     title: { default: "" },
     message: { default: "" },
     callback: { type: [Function, null], default: null },
+    cancelButtonText: { default: "" },
     confirmButtonText: { default: "" },
     remove: { type: Function, default: () => {
     } }
@@ -31,8 +39,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const emit = __emit;
-    function handleClose() {
-      props.callback && props.callback();
+    function handleClose(action) {
+      props.callback && props.callback(action);
       doClose();
     }
     function doClose() {
@@ -44,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (event.target !== event.currentTarget) {
         return;
       }
-      handleClose();
+      handleClose("close");
     }
     function onOpen() {
       visible.value = true;
@@ -76,18 +84,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_4, [
                 createElementVNode("div", null, toDisplayString(_ctx.message), 1)
               ]),
-              createElementVNode("div", _hoisted_5, [
+              unref(isMobile) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                _ctx.cancelButtonText ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "button-container",
+                  onClick: _cache[0] || (_cache[0] = ($event) => handleClose("cancel"))
+                }, [
+                  createVNode(TuiButton, {
+                    type: "text",
+                    size: "default",
+                    class: "button"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)
+                    ]),
+                    _: 1
+                  })
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", {
+                  class: "button-container",
+                  onClick: _cache[1] || (_cache[1] = ($event) => handleClose("confirm"))
+                }, [
+                  createVNode(TuiButton, {
+                    type: "text",
+                    size: "default",
+                    class: "button confirm-button"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
                 createVNode(TuiButton, {
                   size: "default",
-                  class: "button",
-                  onClick: handleClose
+                  onClick: _cache[2] || (_cache[2] = ($event) => handleClose("confirm"))
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)
                   ]),
                   _: 1
-                })
-              ])
+                }),
+                _ctx.cancelButtonText ? (openBlock(), createBlock(TuiButton, {
+                  key: 0,
+                  type: "primary",
+                  size: "default",
+                  onClick: _cache[3] || (_cache[3] = ($event) => handleClose("cancel"))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]))
             ], 2)
           ], 4), [
             [vShow, visible.value]

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

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

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

@@ -1,20 +1,24 @@
-import { defineComponent, inject, computed, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString } from "vue";
-const _hoisted_1 = { class: "option-content" };
+import { defineComponent, ref, inject, computed, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeStyle, toDisplayString } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Option",
   props: {
     label: {},
-    value: { type: [String, Number, Boolean, Object] }
+    value: { type: [String, Number, Boolean, Object] },
+    customOptionContentStyle: {}
   },
   setup(__props) {
+    const optionRef = ref(null);
     const props = __props;
     const select = inject("select");
     const isSelected = computed(() => select && select.selectedValue === props.value);
     const optionData = computed(() => ({
       label: props.label,
-      value: props.value
+      value: props.value,
+      ref: optionRef
     }));
-    select == null ? void 0 : select.onOptionCreated(optionData.value);
+    onMounted(() => {
+      select == null ? void 0 : select.onOptionCreated(optionData.value);
+    });
     onBeforeUnmount(() => {
       select == null ? void 0 : select.onOptionDestroyed(props.value);
     });
@@ -29,10 +33,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        ref_key: "optionRef",
+        ref: optionRef,
         class: normalizeClass(["option-container", { "active": isSelected.value }]),
         onClick: handleChooseOption
       }, [
-        createElementVNode("span", _hoisted_1, toDisplayString(_ctx.label || _ctx.value), 1)
+        _ctx.$slots.customOptionContent ? renderSlot(_ctx.$slots, "customOptionContent", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("span", {
+          key: 1,
+          style: normalizeStyle(props.customOptionContentStyle),
+          class: "option-content"
+        }, toDisplayString(_ctx.label || _ctx.value), 5))
       ], 2);
     };
   }

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, provide, reactive, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, Transition, withCtx, normalizeStyle, renderSlot, vShow, unref } from "vue";
+import { defineComponent, ref, computed, watch, provide, reactive, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, normalizeStyle, toDisplayString, createVNode, Transition, withCtx, vShow, unref } from "vue";
 import SvgIcon from "./SvgIcon.vue.mjs";
 import ArrowStrokeSelectDownIcon from "../icons/ArrowStrokeSelectDownIcon.vue.mjs";
 import useZIndex from "../../../hooks/useZIndex.mjs";
@@ -9,13 +9,13 @@ import "../../../locales/index.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "../../../services/manager/roomActionManager.mjs";
-const _hoisted_1 = { class: "select-text" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
     modelValue: { type: [String, Number, Boolean, Object] },
     disabled: { type: Boolean },
-    theme: {}
+    theme: {},
+    customSelectContentStyle: {}
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
@@ -26,17 +26,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const optionObj = ref(/* @__PURE__ */ new Map());
     const optionDataList = computed(() => Array.from(optionObj.value.values()));
     const selectedLabel = ref("");
-    const selectedValue = ref(props.modelValue);
     const selectContainerRef = ref();
     const selectDropDownRef = ref();
     const dropDirection = ref("down");
     const themeClass = computed(() => props.theme ? `tui-theme-${props.theme}` : "");
     watch(() => props.modelValue, (val) => {
-      selectedValue.value = val;
       if (optionObj.value.get(val)) {
         selectedLabel.value = optionObj.value.get(props.modelValue).label;
       }
-    });
+    }, { immediate: true });
     watch(optionDataList, () => {
       if (optionObj.value.get(props.modelValue)) {
         selectedLabel.value = optionObj.value.get(props.modelValue).label;
@@ -50,13 +48,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       optionObj.value.delete(value);
     }
     function onOptionSelected(option) {
-      selectedValue.value = option.value;
       showSelectDropdown.value = false;
       emits("update:modelValue", option.value);
+      emits("change", option.value);
     }
-    watch(selectedValue, (val) => {
-      emits("change", val);
-    });
+    const selectedValue = computed(() => props.modelValue);
     provide("select", reactive({
       selectedValue,
       optionObj,
@@ -75,6 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         handleDropDownPosition();
         dropDownStyle.value = { zIndex: nextZIndex() };
         showSelectDropdown.value = true;
+        optionObj.value.get(props.modelValue).ref.scrollIntoView({ block: "center" });
       }
     }
     function handleDropDownPosition() {
@@ -109,7 +106,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["select-content", { "disabled": _ctx.disabled }]),
           onClick: handleClickSelect
         }, [
-          createElementVNode("span", _hoisted_1, toDisplayString(selectedLabel.value || selectedValue.value), 1),
+          _ctx.$slots.customSelectContent ? renderSlot(_ctx.$slots, "customSelectContent", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: "select-text",
+            style: normalizeStyle(props.customSelectContentStyle)
+          }, toDisplayString(selectedLabel.value || selectedValue.value), 5)),
           createVNode(SvgIcon, {
             class: normalizeClass(["arrow-icon", { "reverse": showSelectDropdown.value }]),
             icon: ArrowStrokeSelectDownIcon

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

@@ -0,0 +1,22 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+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__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_6);
+}
+const AllMembersShareScreenIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  AllMembersShareScreenIcon as default
+};

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

@@ -0,0 +1,24 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+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__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const CalendarIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  CalendarIcon as default
+};