@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.5.0

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue2.js");
 require("./Checkbox.vue3.js");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const Checkbox = /* @__PURE__ */ _pluginVue_exportHelper.default(Checkbox_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-afc0a29e"]]);
-exports.default = Checkbox;
+const TuiCheckbox = /* @__PURE__ */ _pluginVue_exportHelper.default(Checkbox_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a7f8ca8d"]]);
+exports.default = TuiCheckbox;

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

@@ -7,17 +7,21 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   props: {
     modelValue: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue"],
+  emits: ["input"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const checked = Vue.ref(props.modelValue);
+    const emit = __emit;
+    Vue.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 Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
@@ -28,7 +32,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }, null, 544), [
           [Vue.vModelCheckbox, checked.value]
         ]),
-        Vue.createElementVNode("span", { onClick: handleCheckBoxClick }, [
+        Vue.createElementVNode("span", {
+          class: "tui-checkbox-slot-container",
+          onClick: handleCheckBoxClick
+        }, [
           Vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
       ]);

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

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

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

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index = require("../Input/index.vue.js");
+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__ */ Vue.defineComponent({
+  __name: "Datepicker",
+  props: {
+    modelValue: {}
+  },
+  emits: ["input"],
+  setup(__props, { emit: __emit }) {
+    var _a, _b;
+    const props = __props;
+    const emit = __emit;
+    const showPicker = Vue.ref(false);
+    const selectedDate = Vue.ref(props.modelValue || /* @__PURE__ */ new Date());
+    const currentYear = Vue.ref((_a = selectedDate.value) == null ? void 0 : _a.getFullYear());
+    const currentMonth = Vue.ref(((_b = selectedDate.value) == null ? void 0 : _b.getMonth()) + 1);
+    const pickerRef = Vue.ref(null);
+    const closeOnOutsideClick = (event) => {
+      if (!pickerRef.value.contains(event.target)) {
+        showPicker.value = false;
+      }
+    };
+    const togglePicker = () => {
+      showPicker.value = !showPicker.value;
+    };
+    Vue.onMounted(() => {
+      window.addEventListener("click", closeOnOutsideClick);
+    });
+    Vue.onUnmounted(() => {
+      window.removeEventListener("click", closeOnOutsideClick);
+    });
+    Vue.watch(selectedDate, (newValue) => {
+      emit("input", newValue);
+    }, { immediate: true });
+    Vue.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 = Vue.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);
+    };
+    Vue.watchEffect(() => {
+      updateDays();
+    });
+    const formattedDate = Vue.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 Vue.openBlock(), Vue.createElementBlock("div", {
+        ref_key: "pickerRef",
+        ref: pickerRef,
+        class: "container"
+      }, [
+        Vue.createVNode(index.default, {
+          modelValue: formattedDate.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formattedDate.value = $event),
+          readonly: "",
+          class: "datepicker-input",
+          onFocus: togglePicker
+        }, null, 8, ["modelValue"]),
+        showPicker.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+          Vue.createElementVNode("div", _hoisted_2, [
+            Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(currentYear.value) + "/" + Vue.toDisplayString(currentMonth.value < 10 ? `0${currentMonth.value}` : currentMonth.value), 1),
+            Vue.createElementVNode("button", {
+              class: "arrow",
+              onClick: _cache[1] || (_cache[1] = ($event) => changeMonth(-1))
+            }, "<"),
+            Vue.createElementVNode("button", {
+              class: "arrow",
+              onClick: _cache[2] || (_cache[2] = ($event) => changeMonth(1))
+            }, ">")
+          ]),
+          Vue.createElementVNode("div", _hoisted_4, [
+            (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(weekdays, (weekday) => {
+              return Vue.createElementVNode("div", {
+                key: weekday,
+                class: "weekday"
+              }, Vue.toDisplayString(weekday), 1);
+            }), 64))
+          ]),
+          Vue.createElementVNode("div", _hoisted_5, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(days.value, (day) => {
+              return Vue.openBlock(), Vue.createElementBlock("div", {
+                key: day.id,
+                class: Vue.normalizeClass(["day", {
+                  "other-month": day.otherMonth,
+                  "selected": isSelected(day.date),
+                  "today": isToday(day.date),
+                  "past": isPast(day.date)
+                }]),
+                onClick: ($event) => selectDate(day.date)
+              }, [
+                Vue.createTextVNode(Vue.toDisplayString(day.label) + " ", 1),
+                isToday(day.date) ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_7)) : Vue.createCommentVNode("", true)
+              ], 10, _hoisted_6);
+            }), 128))
+          ])
+        ])) : Vue.createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

package/lib/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/lib/components/common/base/Datepicker/Timepicker.vue.js

@@ -0,0 +1,66 @@
+"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 _hoisted_1 = { class: "container" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "Timepicker",
+  props: {
+    modelValue: {}
+  },
+  emits: ["input"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedTime = Vue.ref(props.modelValue);
+    const timeOptions = Vue.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);
+    };
+    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, {
+          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: Vue.withCtx(() => [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(timeOptions.value, (time) => {
+              return Vue.openBlock(), Vue.createBlock(Option.default, {
+                key: time,
+                theme: "white",
+                value: time,
+                label: time,
+                "custom-option-content-style": { "font-weight": 400 }
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

package/lib/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/lib/components/common/base/Dialog/index.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
 require("./index.vue3.js");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
-const Dialog = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ea390adc"]]);
+const Dialog = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1d7c8b66"]]);
 exports.default = Dialog;

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

@@ -8,12 +8,13 @@ const useZIndex = require("../../../../hooks/useZIndex.js");
 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"
 };
@@ -30,7 +31,8 @@ const _sfc_main = /* @__PURE__ */ Vue.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 }) {
@@ -58,6 +60,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       () => props.modelValue,
       (val) => {
         visible.value = val;
+      },
+      {
+        immediate: true
       }
     );
     Vue.watch(visible, (val) => {
@@ -104,9 +109,12 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
               style: Vue.normalizeStyle(drawerContainerStyle.value)
             }, [
               Vue.createElementVNode("div", _hoisted_2, [
-                Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(_ctx.title), 1),
+                Vue.createElementVNode("div", _hoisted_3, [
+                  Vue.createVNode(SvgIcon.default, { icon: _ctx.titleIcon }, null, 8, ["icon"]),
+                  Vue.createElementVNode("div", _hoisted_4, Vue.toDisplayString(_ctx.title), 1)
+                ]),
                 _ctx.$slots.title ? Vue.renderSlot(_ctx.$slots, "title", { key: 0 }, void 0, true) : Vue.createCommentVNode("", true),
-                _ctx.showClose ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
+                _ctx.showClose ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_5, [
                   Vue.createVNode(SvgIcon.default, {
                     size: 16,
                     onClick: handleClose
@@ -118,10 +126,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
                   })
                 ])) : Vue.createCommentVNode("", true)
               ]),
-              Vue.createElementVNode("div", _hoisted_5, [
+              Vue.createElementVNode("div", _hoisted_6, [
                 Vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ]),
-              _ctx.$slots.footer ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_6, [
+              _ctx.$slots.footer ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_7, [
                 Vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
               ])) : Vue.createCommentVNode("", true)
             ], 4)

package/lib/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/lib/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/lib/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/lib/components/common/base/Input/index.vue.js

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