@tencentcloud/roomkit-electron-vue3 2.4.1 → 2.5.0

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

@@ -19,9 +19,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     isDot: boolean;
 }>>>, {
     type: "primary" | "danger";
+    max: number;
     value: string | number;
     hidden: boolean;
-    max: number;
     isDot: boolean;
 }, {}>, {
     default?(_: {}): any;

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

@@ -28,10 +28,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     size: "default" | "large";
-    type: "text" | "primary" | "success" | "warning" | "danger" | "info";
+    type: "text" | "warning" | "primary" | "success" | "danger" | "info";
     customStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     round: boolean;
 }, {}>, {
     icon?(_: {}): any;

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

@@ -3,12 +3,14 @@ interface Props {
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     modelValue: boolean;
+    slotCustomStyle: () => {};
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    input: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     modelValue: boolean;
+    slotCustomStyle: () => {};
 }>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
 }, {}>, {

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,167 @@
+import { defineComponent, ref, onMounted, onUnmounted, watch, watchEffect, computed, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, createTextVNode, createCommentVNode } from "vue";
+import TuiInput from "../Input/index.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "picker"
+};
+const _hoisted_2 = { class: "picker-header" };
+const _hoisted_3 = { class: "current-time" };
+const _hoisted_4 = { class: "picker-weekdays" };
+const _hoisted_5 = { class: "picker-body" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 0,
+  class: "today-dot"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Datepicker",
+  props: {
+    modelValue: {}
+  },
+  emits: ["input"],
+  setup(__props, { emit: __emit }) {
+    var _a, _b;
+    const props = __props;
+    const emit = __emit;
+    const showPicker = ref(false);
+    const selectedDate = ref(props.modelValue || /* @__PURE__ */ new Date());
+    const currentYear = ref((_a = selectedDate.value) == null ? void 0 : _a.getFullYear());
+    const currentMonth = ref(((_b = selectedDate.value) == null ? void 0 : _b.getMonth()) + 1);
+    const pickerRef = ref(null);
+    const closeOnOutsideClick = (event) => {
+      if (!pickerRef.value.contains(event.target)) {
+        showPicker.value = false;
+      }
+    };
+    const togglePicker = () => {
+      showPicker.value = !showPicker.value;
+    };
+    onMounted(() => {
+      window.addEventListener("click", closeOnOutsideClick);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("click", closeOnOutsideClick);
+    });
+    watch(selectedDate, (newValue) => {
+      emit("input", newValue);
+    }, { immediate: true });
+    watch(() => props.modelValue, (newValue) => {
+      if (!newValue)
+        return;
+      selectedDate.value = newValue;
+      currentMonth.value = selectedDate.value.getMonth() + 1;
+      currentYear.value = selectedDate.value.getFullYear();
+    }, { immediate: true });
+    const changeMonth = (value) => {
+      currentMonth.value += value;
+      if (currentMonth.value === 0) {
+        currentMonth.value = 12;
+        currentYear.value -= 1;
+      } else if (currentMonth.value === 13) {
+        currentMonth.value = 1;
+        currentYear.value += 1;
+      }
+    };
+    const selectDate = (date) => {
+      if (isPast(date)) {
+        return;
+      }
+      selectedDate.value = date;
+      showPicker.value = false;
+    };
+    const days = ref([]);
+    const updateDays = () => {
+      const daysArray = [];
+      const firstDay = new Date(currentYear.value, currentMonth.value - 1, 1).getDay();
+      const daysInMonth = new Date(currentYear.value, currentMonth.value, 0).getDate();
+      const daysInPrevMonth = new Date(currentYear.value, currentMonth.value - 1, 0).getDate();
+      for (let i = daysInPrevMonth - firstDay + 1; i <= daysInPrevMonth; i++) {
+        const date = new Date(currentYear.value, currentMonth.value - 2, i);
+        daysArray.push({ id: date.toISOString(), label: i, date, otherMonth: true });
+      }
+      for (let i = 1; i <= daysInMonth; i++) {
+        const date = new Date(currentYear.value, currentMonth.value - 1, i);
+        daysArray.push({ id: date.toISOString(), label: i, date, otherMonth: false });
+      }
+      const remainingDays = 35 - daysArray.length;
+      if (remainingDays > 0) {
+        for (let i = 1; i <= remainingDays; i++) {
+          const date = new Date(currentYear.value, currentMonth.value, i);
+          daysArray.push({ id: date.toISOString(), label: i, date, otherMonth: true });
+        }
+      }
+      days.value = daysArray.slice(0, 35);
+    };
+    watchEffect(() => {
+      updateDays();
+    });
+    const formattedDate = computed(() => `${selectedDate.value.getFullYear()}-${selectedDate.value.getMonth() + 1}-${selectedDate.value.getDate()}`);
+    const isSelected = (date) => date.toISOString() === selectedDate.value.toISOString();
+    const isToday = (date) => {
+      const today = /* @__PURE__ */ new Date();
+      return date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate();
+    };
+    const isPast = (date) => {
+      const today = /* @__PURE__ */ new Date();
+      today.setHours(0, 0, 0, 0);
+      return date < today;
+    };
+    const weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "pickerRef",
+        ref: pickerRef,
+        class: "container"
+      }, [
+        createVNode(TuiInput, {
+          modelValue: formattedDate.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formattedDate.value = $event),
+          readonly: "",
+          class: "datepicker-input",
+          onFocus: togglePicker
+        }, null, 8, ["modelValue"]),
+        showPicker.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("span", _hoisted_3, toDisplayString(currentYear.value) + "/" + toDisplayString(currentMonth.value < 10 ? `0${currentMonth.value}` : currentMonth.value), 1),
+            createElementVNode("button", {
+              class: "arrow",
+              onClick: _cache[1] || (_cache[1] = ($event) => changeMonth(-1))
+            }, "<"),
+            createElementVNode("button", {
+              class: "arrow",
+              onClick: _cache[2] || (_cache[2] = ($event) => changeMonth(1))
+            }, ">")
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(weekdays, (weekday) => {
+              return createElementVNode("div", {
+                key: weekday,
+                class: "weekday"
+              }, toDisplayString(weekday), 1);
+            }), 64))
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(days.value, (day) => {
+              return openBlock(), createElementBlock("div", {
+                key: day.id,
+                class: normalizeClass(["day", {
+                  "other-month": day.otherMonth,
+                  "selected": isSelected(day.date),
+                  "today": isToday(day.date),
+                  "past": isPast(day.date)
+                }]),
+                onClick: ($event) => selectDate(day.date)
+              }, [
+                createTextVNode(toDisplayString(day.label) + " ", 1),
+                isToday(day.date) ? (openBlock(), createElementBlock("span", _hoisted_7)) : createCommentVNode("", true)
+              ], 10, _hoisted_6);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

package/es/components/common/base/Datepicker/Timepicker.vue.d.ts

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

package/es/components/common/base/Datepicker/Timepicker.vue.mjs

@@ -0,0 +1,66 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
+import TuiSelect from "../Select.vue.mjs";
+import TuiOption from "../Option.vue.mjs";
+const _hoisted_1 = { class: "container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Timepicker",
+  props: {
+    modelValue: {}
+  },
+  emits: ["input"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedTime = ref(props.modelValue);
+    const timeOptions = computed(() => {
+      const options = [];
+      for (let i = 0; i < 24; i++) {
+        for (let j = 0; j < 60; j += 15) {
+          const hour = i < 10 ? `0${i}` : `${i}`;
+          const minute = j < 10 ? `0${j}` : `${j}`;
+          options.push(`${hour}:${minute}`);
+        }
+      }
+      return options;
+    });
+    const updateTime = () => {
+      emit("input", selectedTime.value);
+    };
+    watch(selectedTime, () => {
+      updateTime();
+    }, {
+      immediate: true
+    });
+    watch(() => props.modelValue, (newValue) => {
+      selectedTime.value = newValue;
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(TuiSelect, {
+          modelValue: selectedTime.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTime.value = $event),
+          theme: "white",
+          class: "timepicker-select",
+          teleported: false,
+          "custom-select-content-style": { "font-weight": 400 }
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(timeOptions.value, (time) => {
+              return openBlock(), createBlock(TuiOption, {
+                key: time,
+                theme: "white",
+                value: time,
+                label: time,
+                "custom-option-content-style": { "font-weight": 400 }
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/common/base/Datepicker/Timepicker.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./Timepicker.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/common/base/Dialog/index.vue.d.ts

@@ -12,6 +12,7 @@ interface Props {
     appendToRoomContainer?: boolean;
     confirmButton?: string;
     cancelButton?: string;
+    titleIcon?: any;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
@@ -25,11 +26,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     appendToRoomContainer: boolean;
     confirmButton: string;
     cancelButton: string;
+    titleIcon: null;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    cancel: (...args: any[]) => void;
     close: (...args: any[]) => void;
     confirm: (...args: any[]) => void;
-    cancel: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     modelValue: boolean;
@@ -42,11 +44,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     appendToRoomContainer: boolean;
     confirmButton: string;
     cancelButton: string;
+    titleIcon: null;
 }>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     width: string | number;
@@ -59,6 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     appendToRoomContainer: boolean;
     confirmButton: string;
     cancelButton: string;
+    titleIcon: any;
 }, {}>, {
     title?(_: {}): any;
     default?(_: {}): any;

package/es/components/common/base/Dialog/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 Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea390adc"]]);
+const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d7c8b66"]]);
 export {
   Dialog as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, renderSlot, createCommentVNode, createVNode, withCtx } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, toDisplayString, renderSlot, createCommentVNode, withCtx } from "vue";
 import SvgIcon from "../SvgIcon.vue.mjs";
 import CloseIcon from "../../icons/CloseIcon.vue.mjs";
 import { addSuffix } from "../../../../utils/utils.mjs";
@@ -6,12 +6,13 @@ import useZIndex from "../../../../hooks/useZIndex.mjs";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "tui-dialog-header" };
 const _hoisted_3 = { class: "tui-dialog-header-title" };
-const _hoisted_4 = {
+const _hoisted_4 = { class: "tui-dialog-header-title-content" };
+const _hoisted_5 = {
   key: 1,
   class: "close"
 };
-const _hoisted_5 = { class: "tui-dialog-content" };
-const _hoisted_6 = {
+const _hoisted_6 = { class: "tui-dialog-content" };
+const _hoisted_7 = {
   key: 0,
   class: "tui-dialog-footer"
 };
@@ -28,7 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     appendToBody: { type: Boolean, default: false },
     appendToRoomContainer: { type: Boolean, default: false },
     confirmButton: { default: "" },
-    cancelButton: { default: "" }
+    cancelButton: { default: "" },
+    titleIcon: { default: null }
   },
   emits: ["update:modelValue", "close", "confirm", "cancel"],
   setup(__props, { emit: __emit }) {
@@ -56,6 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.modelValue,
       (val) => {
         visible.value = val;
+      },
+      {
+        immediate: true
       }
     );
     watch(visible, (val) => {
@@ -102,9 +107,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               style: normalizeStyle(drawerContainerStyle.value)
             }, [
               createElementVNode("div", _hoisted_2, [
-                createElementVNode("div", _hoisted_3, toDisplayString(_ctx.title), 1),
+                createElementVNode("div", _hoisted_3, [
+                  createVNode(SvgIcon, { icon: _ctx.titleIcon }, null, 8, ["icon"]),
+                  createElementVNode("div", _hoisted_4, toDisplayString(_ctx.title), 1)
+                ]),
                 _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }, void 0, true) : createCommentVNode("", true),
-                _ctx.showClose ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                _ctx.showClose ? (openBlock(), createElementBlock("div", _hoisted_5, [
                   createVNode(SvgIcon, {
                     size: 16,
                     onClick: handleClose
@@ -116,10 +124,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 ])) : createCommentVNode("", true)
               ]),
-              createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ]),
-              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_7, [
                 renderSlot(_ctx.$slots, "footer", {}, void 0, true)
               ])) : createCommentVNode("", true)
             ], 4)

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

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: string | number;
     title: string;
+    size: string | number;
     modelValue: boolean;
     modal: boolean;
     beforeClose: BeforeCloseFn;

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

@@ -39,11 +39,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     "onClick-icon"?: ((...args: any[]) => any) | undefined;
     "onClick-more"?: ((...args: any[]) => any) | undefined;
 }, {
-    icon: Component | null;
     title: string;
-    disabled: boolean;
+    icon: Component | null;
     layout: IconButtonLayout;
     theme: "black" | "white";
+    disabled: boolean;
     hasMore: boolean;
     hideHoverEffect: boolean;
     isActive: boolean;

package/es/components/common/base/Input/index.vue.d.ts

@@ -0,0 +1,77 @@
+interface Props {
+    theme?: 'white' | 'black';
+    modelValue: string;
+    placeholder?: string;
+    disabled?: boolean;
+    type?: string;
+    readonly?: boolean;
+    enterkeyhint?: string;
+    search?: (data: string) => any;
+    select?: (data: any) => any;
+    maxlength?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    theme: string;
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    type: string;
+    enterkeyhint: string;
+    maxlength: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    done: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    theme: string;
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    type: string;
+    enterkeyhint: string;
+    maxlength: string;
+}>>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onDone?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    theme: "black" | "white";
+    disabled: boolean;
+    placeholder: string;
+    modelValue: string;
+    enterkeyhint: string;
+    maxlength: string;
+}, {}>, {
+    suffixIcon?(_: {}): any;
+    searchResultItem?(_: {
+        data: any;
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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