tuikit-atomicx-vue3 0.1.1 → 3.3.0-beta.3

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

@@ -2,7 +2,7 @@ import { Component } from 'vue';
 import { MessageAction } from '../../hooks/useMessageActions';
 import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
 
-interface IMessageListProps {
+interface MessageListProps {
     alignment?: 'left' | 'right' | 'two-sided';
     /** max time between message group */
     messageAggregationTime?: number | undefined;
@@ -17,7 +17,7 @@ interface IMessageListProps {
     /** custom message timeline component */
     MessageTimeDivider?: Component | undefined;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageListProps>, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageListProps>, {
     /** props */
     alignment: string;
     messageAggregationTime: number;
@@ -27,7 +27,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** custom components */
     Message: undefined;
     MessageTimeDivider: undefined;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageListProps>, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageListProps>, {
     /** props */
     alignment: string;
     messageAggregationTime: number;

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.js

@@ -1,6 +1,10 @@
 import { Message } from "./Message/index.js";
 import { default as default2 } from "./Message/MessageLayout/MessageActionDropdown/MessageActionDropdown.js";
 import { default as default3 } 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"] } });
 export {
   Message,
   default2 as MessageActionDropdown,

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: "" },

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);
     };

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

@@ -220,9 +220,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2),
           !unref(isH5) && isGenderOpen.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(_ctx.$style.SearchUserAdvanced__dropdown),
             ref_key: "genderRef",
-            ref: genderRef
+            ref: genderRef,
+            class: normalizeClass(_ctx.$style.SearchUserAdvanced__dropdown)
           }, [
             (openBlock(), createElementBlock(Fragment, null, renderList(genderList, (item) => {
               return createElementVNode("div", {
@@ -234,9 +234,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)) : createCommentVNode("", true)
         ], 2),
         createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-row"]),
           ref_key: "ageRef",
-          ref: ageRef
+          ref: ageRef,
+          class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-row"])
         }, [
           createElementVNode("div", {
             class: normalizeClass(_ctx.$style["SearchUserAdvanced__filter-select"]),
@@ -266,8 +266,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 max: "99",
                 value: tempAge.value.min ?? "",
                 placeholder: "0",
-                onInput: _cache[2] || (_cache[2] = (e) => handleAgeInputChange("min", e.target.value)),
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__age-input"])
+                class: normalizeClass(_ctx.$style["SearchUserAdvanced__age-input"]),
+                onInput: _cache[2] || (_cache[2] = (e) => handleAgeInputChange("min", e.target.value))
               }, null, 42, _hoisted_2),
               _cache[7] || (_cache[7] = createElementVNode("span", null, "-", -1)),
               createElementVNode("input", {
@@ -276,8 +276,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 max: "99",
                 value: tempAge.value.max ?? "",
                 placeholder: "99",
-                onInput: _cache[3] || (_cache[3] = (e) => handleAgeInputChange("max", e.target.value)),
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__age-input"])
+                class: normalizeClass(_ctx.$style["SearchUserAdvanced__age-input"]),
+                onInput: _cache[3] || (_cache[3] = (e) => handleAgeInputChange("max", e.target.value))
               }, null, 42, _hoisted_3),
               createElementVNode("span", null, toDisplayString(unref(t)("Search.filter.age.yearsOld")), 1),
               createVNode(unref(TUIButton), {
@@ -345,9 +345,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(_ctx.$style["SearchUserAdvanced__action-sheet-mask"])
             }, [
               createElementVNode("div", {
-                class: normalizeClass(_ctx.$style["SearchUserAdvanced__action-sheet-panel"]),
                 ref_key: "genderRef",
-                ref: genderRef
+                ref: genderRef,
+                class: normalizeClass(_ctx.$style["SearchUserAdvanced__action-sheet-panel"])
               }, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(genderList, (item) => {
                   return createElementVNode("div", {

package/dist/components/Search/SearchBar/SearchBar.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, watch, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, ref, watch, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
 import { useUIKit, IconBack, TUIInput, IconCloseInput, IconSearch } from "@tencentcloud/uikit-base-component-vue3";
 import { VariantType } from "../../../types/search.js";
 import { isH5 } from "../../../utils/env.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SearchBar",
   props: {
@@ -112,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style["SearchBar__right"]),
           onClick: handleClear
         }, [
-          createVNode(unref(IconBack), { size: 24 })
+          _ctx.ClearIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.ClearIcon), { key: 0 })) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(t)("Search.action.cancel")), 1))
         ], 2)) : createCommentVNode("", true)
       ], 6);
     };

package/dist/components/Search/SearchResults/EmptyResult/EmptyResult.js

@@ -4,7 +4,7 @@ import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EmptyResult",
   props: {
-    text: { default: "暂无内容" }
+    text: { default: "" }
   },
   setup(__props) {
     const props = __props;