tuikit-atomicx-vue3 0.1.1 → 3.3.0

package/dist/components/MessageList/ScrollToBottom/ScrollToBottom.js

@@ -0,0 +1,32 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode, unref } from "vue";
+import { IconArrowStrokeSelectDown } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScrollToBottom",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(_ctx.$style["scroll-to-bottom__button"]),
+        onClick: _cache[0] || (_cache[0] = ($event) => emits("click"))
+      }, [
+        createVNode(unref(IconArrowStrokeSelectDown), {
+          customClass: _ctx.$style["scroll-to-bottom__button--icon"],
+          size: 18
+        }, null, 8, ["customClass"])
+      ], 2);
+    };
+  }
+});
+const style0 = {
+  "scroll-to-bottom__button": "_scroll-to-bottom__button_1dasy_1",
+  "scroll-to-bottom__button--icon": "_scroll-to-bottom__button--icon_1dasy_22"
+};
+const cssModules = {
+  "$style": style0
+};
+const ScrollToBottom = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ScrollToBottom as default
+};

package/dist/components/MessageList/ScrollToBottom/ScrollToBottom.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/MessageList/ScrollToBottom/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ScrollToBottom } from './ScrollToBottom.vue';
+
+export { ScrollToBottom, };

package/dist/components/MessageList/ScrollToBottom/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./ScrollToBottom.js";
+export {
+  default2 as ScrollToBottom
+};

package/dist/components/MessageList/i18n/en-US.d.ts

@@ -25,6 +25,10 @@ declare const MessageList: {
     reedit: string;
     origin_message_has_been_recalled: string;
     forward: string;
+    copy: string;
+    recall: string;
+    quote: string;
+    delete: string;
     max_count_exceed: string;
     read_receipt_detail: string;
     read_count: string;
@@ -33,5 +37,6 @@ declare const MessageList: {
     no_read_members: string;
     no_more: string;
     no_unread_members: string;
+    yesterday: string;
 };
 export default MessageList;

package/dist/components/MessageList/i18n/en-US.js

@@ -27,6 +27,10 @@ const MessageList = {
   reedit: "Re-edit",
   origin_message_has_been_recalled: "Original message has been recalled",
   forward: "Forward",
+  copy: "Copy",
+  recall: "Recall",
+  quote: "Quote",
+  delete: "Delete",
   max_count_exceed: "Max Count Exceed",
   read_receipt_detail: "Read Receipt Detail",
   read_count: "Read Count",
@@ -34,7 +38,8 @@ const MessageList = {
   loading: "Loading",
   no_read_members: "No Read Members",
   no_more: "No More",
-  no_unread_members: "No Unread Members"
+  no_unread_members: "No Unread Members",
+  yesterday: "Yesterday"
 };
 export {
   MessageList as default

package/dist/components/MessageList/i18n/index.d.ts

@@ -1 +1,85 @@
-export {};
+declare const resources: {
+    'en-US': {
+        administrator: string;
+        enabled_mute_all_members: string;
+        disabled_mute_all_members: string;
+        became_new_group_owner: string;
+        changed_group_name_to: string;
+        published_new_announcement: string;
+        joined_group: string;
+        group_member: string;
+        left_group: string;
+        was: string;
+        kicked_out_of_group: string;
+        became_admin: string;
+        admin_privileges_revoked: string;
+        was_muted: string;
+        was_unmuted: string;
+        group_tip_message: string;
+        download_failed: string;
+        create_group: string;
+        unread: string;
+        all_read: string;
+        read: string;
+        you: string;
+        recalled_a_message: string;
+        reedit: string;
+        origin_message_has_been_recalled: string;
+        forward: string;
+        copy: string;
+        recall: string;
+        quote: string;
+        delete: string;
+        max_count_exceed: string;
+        read_receipt_detail: string;
+        read_count: string;
+        unread_count: string;
+        loading: string;
+        no_read_members: string;
+        no_more: string;
+        no_unread_members: string;
+        yesterday: string;
+    };
+    'zh-CN': {
+        administrator: string;
+        enabled_mute_all_members: string;
+        disabled_mute_all_members: string;
+        became_new_group_owner: string;
+        changed_group_name_to: string;
+        published_new_announcement: string;
+        joined_group: string;
+        group_member: string;
+        left_group: string;
+        was: string;
+        kicked_out_of_group: string;
+        became_admin: string;
+        admin_privileges_revoked: string;
+        was_muted: string;
+        was_unmuted: string;
+        group_tip_message: string;
+        download_failed: string;
+        create_group: string;
+        unread: string;
+        all_read: string;
+        read: string;
+        you: string;
+        recalled_a_message: string;
+        reedit: string;
+        origin_message_has_been_recalled: string;
+        forward: string;
+        copy: string;
+        recall: string;
+        quote: string;
+        delete: string;
+        max_count_exceed: string;
+        read_receipt_detail: string;
+        read_count: string;
+        unread_count: string;
+        loading: string;
+        no_read_members: string;
+        no_more: string;
+        no_unread_members: string;
+        yesterday: string;
+    };
+};
+export { resources };

package/dist/components/MessageList/i18n/index.js

@@ -1,10 +1,9 @@
-import { i18next } from "@tencentcloud/uikit-base-component-vue3";
-import MessageList$1 from "./en-US.js";
-import MessageList from "./zh-CN.js";
+import MessageList from "./en-US.js";
+import MessageList$1 from "./zh-CN.js";
 const resources = {
-  "en-US": MessageList$1,
-  "zh-CN": MessageList
+  "en-US": MessageList,
+  "zh-CN": MessageList$1
+};
+export {
+  resources
 };
-Object.entries(resources).forEach(([lng, resource]) => {
-  i18next.addResourceBundle(lng, "translation", { MessageList: resource }, true, false);
-});

package/dist/components/MessageList/i18n/zh-CN.d.ts

@@ -25,6 +25,10 @@ declare const MessageList: {
     reedit: string;
     origin_message_has_been_recalled: string;
     forward: string;
+    copy: string;
+    recall: string;
+    quote: string;
+    delete: string;
     max_count_exceed: string;
     read_receipt_detail: string;
     read_count: string;
@@ -33,5 +37,6 @@ declare const MessageList: {
     no_read_members: string;
     no_more: string;
     no_unread_members: string;
+    yesterday: string;
 };
 export default MessageList;

package/dist/components/MessageList/i18n/zh-CN.js

@@ -27,6 +27,10 @@ const MessageList = {
   reedit: "重新编辑",
   origin_message_has_been_recalled: "原消息已被撤回",
   forward: "转发",
+  copy: "复制",
+  recall: "撤回",
+  quote: "引用",
+  delete: "删除",
   max_count_exceed: "超过最大数量限制",
   read_receipt_detail: "已读详情",
   read_count: "已读人数",
@@ -34,7 +38,8 @@ const MessageList = {
   loading: "加载中",
   no_read_members: "暂无已读成员",
   no_more: "已加载全部",
-  no_unread_members: "暂无未读成员"
+  no_unread_members: "暂无未读成员",
+  yesterday: "昨天"
 };
 export {
   MessageList as default

package/dist/components/MessageList/index.d.ts

@@ -1,5 +1,143 @@
-import { Message } from './Message';
-import { MessageActionDropdown } from './Message/MessageLayout/MessageActionDropdown';
-import { default as MessageList } from './MessageList.vue';
-
-export { Message, MessageList, MessageActionDropdown, };
+declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    message: {
+        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        required: true;
+    };
+    isLastInChunk: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
+    alignment: {
+        type: import('vue').PropType<"left" | "right" | "two-sided">;
+        default: string;
+    };
+    isAggregated: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isHiddenMessageAvatar: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isHiddenMessageMeta: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isFirstInChunk: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    message: {
+        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        required: true;
+    };
+    isLastInChunk: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
+    alignment: {
+        type: import('vue').PropType<"left" | "right" | "two-sided">;
+        default: string;
+    };
+    isAggregated: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isHiddenMessageAvatar: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isHiddenMessageMeta: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isFirstInChunk: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    isLastInChunk: boolean;
+    messageActionList: import('../../hooks/useMessageActions').MessageAction[];
+    alignment: "left" | "right" | "two-sided";
+    isAggregated: boolean;
+    isHiddenMessageAvatar: boolean;
+    isHiddenMessageMeta: boolean;
+    isFirstInChunk: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    filter: {
+        type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
+        default: undefined;
+    };
+    enableReadReceipt: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
+    Message: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    messageAggregationTime: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    MessageTimeDivider: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    alignment: {
+        type: import('vue').PropType<"left" | "right" | "two-sided">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    filter: {
+        type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
+        default: undefined;
+    };
+    enableReadReceipt: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
+    Message: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    messageAggregationTime: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    MessageTimeDivider: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    alignment: {
+        type: import('vue').PropType<"left" | "right" | "two-sided">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    filter: (message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean;
+    enableReadReceipt: boolean;
+    messageActionList: import('../../hooks/useMessageActions').MessageAction[];
+    Message: import('vue').Component;
+    messageAggregationTime: number;
+    MessageTimeDivider: import('vue').Component;
+    alignment: "left" | "right" | "two-sided";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Message, MessageList, };

package/dist/components/MessageList/index.js

@@ -1,8 +1,12 @@
-import { Message } from "./Message/index.js";
-import { default as default2 } from "./Message/MessageLayout/MessageActionDropdown/MessageActionDropdown.js";
-import { default as default3 } from "./MessageList.js";
+import { Message as _sfc_main } from "./Message/index.js";
+import MessageListComponent from "./MessageList.js";
+import { addI18n } from "../../i18n/index.js";
+import { resources } from "./i18n/index.js";
+addI18n("en-US", { translation: { MessageList: resources["en-US"] } });
+addI18n("zh-CN", { translation: { MessageList: resources["zh-CN"] } });
+const Message = _sfc_main;
+const MessageList = MessageListComponent;
 export {
   Message,
-  default2 as MessageActionDropdown,
-  default3 as MessageList
+  MessageList
 };

package/dist/components/Search/Search.js

@@ -11,13 +11,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Search",
   props: {
     variant: { default: VariantType.MINI },
-    SearchBar: { default: SearchBarComponent },
-    SearchResults: { default: SearchResultsComponent },
-    SearchAdvanced: { default: SearchAdvancedComponent },
+    SearchBar: { type: [Object, Function], default: SearchBarComponent },
+    SearchResults: { type: [Object, Function], default: SearchResultsComponent },
+    SearchAdvanced: { type: [Object, Function], default: SearchAdvancedComponent },
     SearchResultsPresearch: { default: void 0 },
     SearchResultsLoading: { default: void 0 },
     SearchResultsEmpty: { default: void 0 },
-    SearchResultItem: { default: void 0 },
+    SearchResultItem: { type: [Object, Function], default: void 0 },
     debounceTime: { default: 300 },
     autoFocus: { type: Boolean, default: false },
     className: { default: "" },
@@ -176,10 +176,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Search = "_Search_9g3ao_295";
+const Search = "_Search_gblqf_1";
 const style0 = {
-  "tui-theme-dark": "_tui-theme-dark_9g3ao_2",
-  "tui-theme-light": "_tui-theme-light_9g3ao_140",
   Search
 };
 const cssModules = {

package/dist/components/Search/Search.vue.d.ts

@@ -122,7 +122,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: VariantType;
         };
         searchType: {
-            type: import('vue').PropType<"all" | SearchType>;
+            type: import('vue').PropType<SearchType | "all">;
             default: string;
         };
         typeLabels: {
@@ -236,7 +236,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: VariantType;
         };
         searchType: {
-            type: import('vue').PropType<"all" | SearchType>;
+            type: import('vue').PropType<SearchType | "all">;
             default: string;
         };
         typeLabels: {
@@ -509,7 +509,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: VariantType;
         };
         searchType: {
-            type: import('vue').PropType<"all" | SearchType>;
+            type: import('vue').PropType<SearchType | "all">;
             default: string;
         };
         typeLabels: {
@@ -623,7 +623,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: VariantType;
         };
         searchType: {
-            type: import('vue').PropType<"all" | SearchType>;
+            type: import('vue').PropType<SearchType | "all">;
             default: string;
         };
         typeLabels: {

package/dist/components/Search/SearchAdvanced/DateRangePicker/DateRangePicker.js

@@ -184,7 +184,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const isDateSelected = (date) => {
       const [start, end] = internalDates.value;
-      if (!start || !end) return false;
+      if (!start || !end) {
+        return false;
+      }
       const dayTime = date.setHours(0, 0, 0, 0);
       const startTime = new Date(start).setHours(0, 0, 0, 0);
       const endTime = new Date(end).setHours(0, 0, 0, 0);
@@ -192,14 +194,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const isStartDate = (date) => {
       const [start] = internalDates.value;
-      if (!start) return false;
+      if (!start) {
+        return false;
+      }
       const dayTime = date.setHours(0, 0, 0, 0);
       const startTime = new Date(start).setHours(0, 0, 0, 0);
       return startTime === dayTime;
     };
     const isEndDate = (date) => {
       const [, end] = internalDates.value;
-      if (!end) return false;
+      if (!end) {
+        return false;
+      }
       const dayTime = date.setHours(0, 0, 0, 0);
       const endTime = new Date(end).setHours(0, 0, 0, 0);
       return endTime === dayTime;
@@ -256,9 +262,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, " >> ", 2),
               isPickerOpenLeft.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-dropdown"]),
                 ref_key: "pickerRefLeft",
-                ref: pickerRefLeft
+                ref: pickerRefLeft,
+                class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-dropdown"])
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-header"])
@@ -355,9 +361,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, " >> ", 2),
               isPickerOpenLeft.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-dropdown"]),
                 ref_key: "pickerRefLeft",
-                ref: pickerRefLeft
+                ref: pickerRefLeft,
+                class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-dropdown"])
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-header"])
@@ -446,9 +452,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, " >> ", 2),
               isPickerOpenRight.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-dropdown"]),
                 ref_key: "pickerRefRight",
-                ref: pickerRefRight
+                ref: pickerRefRight,
+                class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-dropdown"])
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(_ctx.$style["SearchDateRangePicker__picker-header"])

package/dist/components/Search/SearchAdvanced/MessageAdvanced/MessageAdvanced.js

@@ -1,9 +1,8 @@
-import { defineComponent, ref, onMounted, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString, unref, Fragment, renderList, createVNode } from "vue";
+import { defineComponent, ref, onMounted, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString, unref, Fragment, renderList, createVNode, withCtx, createTextVNode } from "vue";
+import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
 import { SearchType } from "../../../../types/engine.js";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import DateRangePicker from "../DateRangePicker/DateRangePicker.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageAdvanced",
   props: {
@@ -187,9 +186,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(_ctx.$style.SearchMessageAdvanced)
       }, [
         createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["SearchMessageAdvanced__filter-row"]),
           ref_key: "datePickerRef",
-          ref: datePickerRef
+          ref: datePickerRef,
+          class: normalizeClass(_ctx.$style["SearchMessageAdvanced__filter-row"])
         }, [
           createElementVNode("div", {
             class: normalizeClass(_ctx.$style["SearchMessageAdvanced__filter-select"]),
@@ -212,14 +211,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style["SearchMessageAdvanced__quick-options"])
           }, [
             (openBlock(), createElementBlock(Fragment, null, renderList(quickOptions, (option) => {
-              return createElementVNode("button", {
+              return createVNode(unref(TUIButton), {
                 key: option.value,
+                type: "text",
                 class: normalizeClass([
                   _ctx.$style["SearchMessageAdvanced__quick-option"],
                   { [_ctx.$style["SearchMessageAdvanced__quick-option--active"]]: activeQuickOption.value === option.value }
                 ]),
                 onClick: ($event) => handleQuickOptionClick(option.value)
-              }, toDisplayString(option.label), 11, _hoisted_1);
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["class", "onClick"]);
             }), 64))
           ], 2),
           isDatePickerOpen.value ? (openBlock(), createElementBlock("div", {

package/dist/components/Search/SearchAdvanced/SearchAdvanced.js

@@ -1,7 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, unref } from "vue";
-import { VariantType } from "../../../types/search.js";
-import { SearchType } from "../../../types/engine.js";
 import { useSearchState } from "../../../states/SearchState.js";
+import { SearchType } from "../../../types/engine.js";
+import { VariantType } from "../../../types/search.js";
 import SearchTab from "./SearchTab/SearchTab.js";
 import MessageAdvancedComponent from "./MessageAdvanced/MessageAdvanced.js";
 import UserAdvancedComponent from "./UserAdvanced/UserAdvanced.js";

package/dist/components/Search/SearchAdvanced/SearchTab/SearchTab.js

@@ -1,8 +1,7 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
 import { SearchType } from "../../../../types/engine.js";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SearchTab",
   props: {
@@ -26,8 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(_ctx.$style.SearchTab)
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab) => {
-          return openBlock(), createElementBlock("button", {
+          return openBlock(), createBlock(unref(TUIButton), {
             key: tab.key,
+            type: "text",
             class: normalizeClass([
               _ctx.$style["SearchTab__item"],
               {
@@ -35,7 +35,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }
             ]),
             onClick: ($event) => handleTabClick(tab.key)
-          }, toDisplayString(tab.label), 11, _hoisted_1);
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(tab.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"]);
         }), 128))
       ], 2);
     };