@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

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

@@ -1,7 +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");
+;/* empty css            */
 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-0d71abd4"]]);
+const TUIMessageBox = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7c8720d2"]]);
 exports.default = TUIMessageBox;

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

@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     title: { default: "" },
     message: { default: "" },
     callback: { type: [Function, null], default: null },
+    duration: { default: Infinity },
     cancelButtonText: { default: "" },
     confirmButtonText: { default: "" },
     remove: { type: Function, default: () => {
@@ -34,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const visible = Vue.ref(false);
     const overlayContentStyle = Vue.ref({});
     const { nextZIndex } = useZIndex.default();
+    let timer = null;
     const props = __props;
     Vue.watch(visible, (val) => {
       if (val) {
@@ -42,6 +44,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     });
     const emit = __emit;
     function handleClose(action) {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
       props.callback && props.callback(action);
       doClose();
     }
@@ -59,8 +65,15 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     function onOpen() {
       visible.value = true;
     }
+    function duration() {
+      if (props.duration === Infinity) return;
+      timer = setTimeout(() => {
+        handleClose("close");
+      }, props.duration);
+    }
     Vue.onMounted(async () => {
       onOpen();
+      duration();
     });
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createBlock(Vue.Transition, { name: "tui-message-box-fade" }, {

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

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

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

@@ -12,9 +12,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     cancelButtonText: string;
     confirm: null;
     cancel: null;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, 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>, {
+}, 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;

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

@@ -1,7 +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");
+;/* empty css            */
 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"]]);
+const TUINotification = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-6fb58b79"]]);
 exports.default = TUINotification;

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

@@ -5,9 +5,11 @@ interface OptionData {
     value: string | number | boolean | object;
     customOptionContentStyle?: StyleValue;
 }
-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>>>, {}, {}>, {
+declare function __VLS_template(): {
     customOptionContent?(_: {}): any;
-}>;
+};
+declare const __VLS_component: 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<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/common/base/Option/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");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const TuiOption = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-8327dc26"]]);
+exports.default = TuiOption;

package/lib/components/common/base/{Option.vue2.js → Option/index.vue2.js}

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "Option",
+  __name: "index",
   props: {
     label: {},
     value: { type: [String, Number, Boolean, Object] },
@@ -12,7 +12,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const optionRef = Vue.ref(null);
     const props = __props;
     const select = Vue.inject("select");
-    const isSelected = Vue.computed(() => select && select.selectedValue === props.value);
+    const isSelected = Vue.computed(
+      () => select && select.selectedValue === props.value
+    );
     const optionData = Vue.computed(() => ({
       label: props.label,
       value: props.value,
@@ -24,12 +26,15 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     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);
+    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);
     }
@@ -37,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       return Vue.openBlock(), Vue.createElementBlock("div", {
         ref_key: "optionRef",
         ref: optionRef,
-        class: Vue.normalizeClass(["option-container", { "active": isSelected.value }]),
+        class: Vue.normalizeClass(["option-container", { active: isSelected.value }]),
         onClick: handleChooseOption
       }, [
         _ctx.$slots.customOptionContent ? Vue.renderSlot(_ctx.$slots, "customOptionContent", { key: 0 }, void 0, true) : (Vue.openBlock(), Vue.createElementBlock("span", {

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

@@ -6,16 +6,18 @@ interface Props {
     theme?: 'white' | 'black';
     customSelectContentStyle?: StyleValue;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    customSelectContent?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     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>>> & {
+}, 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;
-}>;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/common/base/Select/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");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const TuiSelect = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-71e534ec"]]);
+exports.default = TuiSelect;

package/lib/components/common/base/{Select.vue2.js → Select/index.vue2.js}

@@ -1,18 +1,18 @@
 "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");
+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");
+require("../../../../services/manager/roomActionManager.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "Select",
+  __name: "index",
   props: {
     modelValue: { type: [String, Number, Boolean, Object] },
     disabled: { type: Boolean },
@@ -31,12 +31,18 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     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) => {
-      if (optionObj.value.get(val)) {
-        selectedLabel.value = optionObj.value.get(props.modelValue).label;
-      }
-    }, { immediate: true });
+    const themeClass = Vue.computed(
+      () => props.theme ? `tui-theme-${props.theme}` : ""
+    );
+    Vue.watch(
+      () => props.modelValue,
+      (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;
@@ -55,14 +61,17 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       emits("change", option.value);
     }
     const selectedValue = Vue.computed(() => props.modelValue);
-    Vue.provide("select", Vue.reactive({
-      selectedValue,
-      optionObj,
-      optionDataList,
-      onOptionCreated,
-      onOptionDestroyed,
-      onOptionSelected
-    }));
+    Vue.provide(
+      "select",
+      Vue.reactive({
+        selectedValue,
+        optionObj,
+        optionDataList,
+        onOptionCreated,
+        onOptionDestroyed,
+        onOptionSelected
+      })
+    );
     function handleClickSelect() {
       if (props.disabled) {
         return;
@@ -77,8 +86,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }
     }
     function handleDropDownPosition() {
-      var _a, _b;
-      const { top, bottom } = (_a = selectContainerRef.value) == null ? void 0 : _a.getBoundingClientRect();
+      var _a;
+      const { top, bottom } = selectContainerRef.value.getBoundingClientRect() || {};
       const container = roomService.roomService.getRoomContainer();
       const bottomSize = container instanceof HTMLElement ? container.offsetHeight - bottom : -1;
       let dropDownContainerHeight = 0;
@@ -87,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         dropDownContainerHeight = selectDropDownRef.value.offsetHeight;
         selectDropDownRef.value.style = "";
       } else {
-        dropDownContainerHeight = (_b = selectDropDownRef.value) == null ? void 0 : _b.offsetHeight;
+        dropDownContainerHeight = (_a = selectDropDownRef.value) == null ? void 0 : _a.offsetHeight;
       }
       if (bottomSize < top && bottomSize < dropDownContainerHeight) {
         dropDirection.value = "up";
@@ -105,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         class: Vue.normalizeClass(["select-container", themeClass.value])
       }, [
         Vue.createElementVNode("div", {
-          class: Vue.normalizeClass(["select-content", { "disabled": _ctx.disabled }]),
+          class: Vue.normalizeClass(["select-content", { disabled: _ctx.disabled }]),
           onClick: handleClickSelect
         }, [
           _ctx.$slots.customSelectContent ? Vue.renderSlot(_ctx.$slots, "customSelectContent", { key: 0 }, void 0, true) : (Vue.openBlock(), Vue.createElementBlock("span", {
@@ -114,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             style: Vue.normalizeStyle(props.customSelectContentStyle)
           }, Vue.toDisplayString(selectedLabel.value || selectedValue.value), 5)),
           Vue.createVNode(SvgIcon.default, {
-            class: Vue.normalizeClass(["arrow-icon", { "reverse": showSelectDropdown.value }]),
+            class: Vue.normalizeClass(["arrow-icon", { reverse: showSelectDropdown.value }]),
             icon: ArrowStrokeSelectDownIcon.default
           }, null, 8, ["class"])
         ], 2),

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

@@ -7,13 +7,15 @@ interface Props {
     icon?: Component;
     color?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: 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>>> & {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,7 +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");
+;/* empty css              */
 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"]]);
+const SvgIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(SvgIcon_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a9f14938"]]);
 exports.default = SvgIcon;

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

@@ -15,7 +15,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const customStyle = Vue.computed(() => props.size ? `width: ${utils.addSuffix(props.size)};height: ${utils.addSuffix(props.size)};` : "");
+    const customStyle = Vue.computed(
+      () => props.size ? `width: ${utils.addSuffix(props.size)};height: ${utils.addSuffix(props.size)};` : ""
+    );
     function handleClick(event) {
       emit("click", event);
     }

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

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

package/lib/components/common/base/{Datepicker/Timepicker.vue.js → Timepicker/index.vue.js}

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const Select = require("../Select.vue.js");
-const Option = require("../Option.vue.js");
+const index = require("../Select/index.vue.js");
+const index$1 = require("../Option/index.vue.js");
 const _hoisted_1 = { class: "container" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "Timepicker",
+  __name: "index",
   props: {
     modelValue: {}
   },
@@ -28,17 +28,25 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const updateTime = () => {
       emit("input", selectedTime.value);
     };
-    Vue.watch(selectedTime, () => {
-      updateTime();
-    }, {
-      immediate: true
-    });
-    Vue.watch(() => props.modelValue, (newValue) => {
-      selectedTime.value = newValue;
-    }, { immediate: true });
+    Vue.watch(
+      selectedTime,
+      () => {
+        updateTime();
+      },
+      {
+        immediate: true
+      }
+    );
+    Vue.watch(
+      () => props.modelValue,
+      (newValue) => {
+        selectedTime.value = newValue;
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createVNode(Select.default, {
+        Vue.createVNode(index.default, {
           modelValue: selectedTime.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTime.value = $event),
           theme: "white",
@@ -48,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }, {
           default: Vue.withCtx(() => [
             (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(timeOptions.value, (time) => {
-              return Vue.openBlock(), Vue.createBlock(Option.default, {
+              return Vue.openBlock(), Vue.createBlock(index$1.default, {
                 key: time,
                 theme: "white",
                 value: time,

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const TuiSwitch_vue_vue_type_script_setup_true_lang = require("./TuiSwitch.vue2.js");
-require("./TuiSwitch.vue3.js");
+;/* empty css                */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const TuiSwitch = /* @__PURE__ */ _pluginVue_exportHelper.default(TuiSwitch_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-5003e737"]]);
+const TuiSwitch = /* @__PURE__ */ _pluginVue_exportHelper.default(TuiSwitch_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-55d1c0d6"]]);
 exports.default = TuiSwitch;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-5003e737"), n = n(), Vue.popScopeId(), n);
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-55d1c0d6"), n = n(), Vue.popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("div", { class: "switch-core" }, null, -1));
 const _hoisted_2 = [
   _hoisted_1
@@ -9,10 +9,14 @@ const _hoisted_2 = [
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "TuiSwitch",
   props: {
-    modelValue: { type: Boolean }
+    modelValue: { type: Boolean },
+    theme: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const themeClass = Vue.computed(
+      () => props.theme ? `tui-theme-${props.theme}` : ""
+    );
     const props = __props;
     const emit = __emit;
     function toggleSwitch() {
@@ -20,7 +24,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", {
-        class: Vue.normalizeClass([props.modelValue ? "switch-container" : "switch-container-active"]),
+        class: Vue.normalizeClass([
+          props.modelValue ? "switch-container" : "switch-container-active",
+          themeClass.value
+        ]),
         onClick: toggleSwitch
       }, _hoisted_2, 2);
     };

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

@@ -1,16 +1,16 @@
-import { default as TuiCheckbox } from './Checkbox.vue';
-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/index.vue';
-import { default as IconButton } from './IconButton.vue';
-import { default as TuiDrawer } from './Drawer.vue';
-import { default as TuiButton } from './Button.vue';
-import { default as TuiBadge } from './Badge.vue';
-import { default as TuiNotification } from './Notification';
-import { default as TuiMessageBox } from './MessageBox';
-import { default as TuiMessage } from './Message/index';
 import { default as TuiDialog } from './Dialog/index.vue';
+import { default as TuiMessage } from './Message/index';
+import { default as TuiMessageBox } from './MessageBox';
+import { default as TuiNotification } from './Notification';
+import { default as TuiBadge } from './Badge.vue';
+import { default as TuiButton } from './Button.vue';
+import { default as TuiDrawer } from './Drawer.vue';
+import { default as IconButton } from './IconButton.vue';
+import { default as TuiInput } from './Input/index.vue';
+import { default as TuiOption } from './Option/index.vue';
+import { default as TuiSelect } from './Select/index.vue';
+import { default as SvgIcon } from './SvgIcon.vue';
+import { default as TuiSwitch } from './TuiSwitch.vue';
+import { default as TuiCheckbox } from './Checkbox/index.vue';
 
 export { TuiDialog, TuiMessage, TuiMessageBox, TuiNotification, TuiBadge, TuiButton, TuiDrawer, IconButton, TuiInput, TuiOption, TuiSelect, SvgIcon, TuiSwitch, TuiCheckbox, };

package/lib/components/common/icons/AllMembersShareScreenIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -11,7 +11,7 @@ const _hoisted_1 = {
   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_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.304 0.3284 0.38);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.304 0.3284 0.38);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.304 0.3284 0.38);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
 ];

package/lib/components/common/icons/ApplyActiveIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/components/common/icons/ApplyStageIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/components/common/icons/ApplyStageLabelIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/components/common/icons/ApplyTipsIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -0,0 +1,26 @@
+"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: "28",
+  height: "7",
+  viewBox: "0 0 28 7",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ Vue.createElementVNode("path", {
+  d: "M2 2L11.0896 4.27239C13.0005 4.75011 14.9995 4.75011 16.9104 4.27239L26 2",
+  stroke: "currentColor",
+  "stroke-width": "3",
+  "stroke-linecap": "round"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ArrowDown = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ArrowDown;