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

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

@@ -0,0 +1,173 @@
+import { SearchType } from '../../../types/engine';
+import { VariantType, SearchResultsProps } from '../../../types/search';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchResultsProps>, {
+    variant: VariantType;
+    searchType: string;
+    isLoading: boolean;
+    keyword: string;
+    typeLabels: () => Record<string, string>;
+    SearchResultsLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    SearchResultsEmpty: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        text: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    SearchResultItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<SearchType>;
+            required: true;
+        };
+        data: {
+            type: import('vue').PropType<any>;
+            required: true;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        keyword: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<SearchType>;
+            required: true;
+        };
+        data: {
+            type: import('vue').PropType<any>;
+            required: true;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        keyword: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
+        className: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchResultsProps>, {
+    variant: VariantType;
+    searchType: string;
+    isLoading: boolean;
+    keyword: string;
+    typeLabels: () => Record<string, string>;
+    SearchResultsLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    SearchResultsEmpty: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        text: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    SearchResultItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<SearchType>;
+            required: true;
+        };
+        data: {
+            type: import('vue').PropType<any>;
+            required: true;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        keyword: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<SearchType>;
+            required: true;
+        };
+        data: {
+            type: import('vue').PropType<any>;
+            required: true;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        keyword: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
+        className: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>>> & Readonly<{}>, {
+    keyword: string;
+    isLoading: boolean;
+    variant: VariantType;
+    searchType: SearchType | "all";
+    typeLabels: Record<SearchType, string>;
+    SearchResultsLoading: import('vue').Component;
+    SearchResultsEmpty: import('vue').Component;
+    SearchResultItem: import('vue').Component<import('../../..').ResultItemProps<SearchType>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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];
+} & {};

package/dist/components/Search/SearchResults/SearchResultsItem/Conversation/Conversation.js

@@ -0,0 +1,107 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, unref } from "vue";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
+import { SearchType } from "../../../../../types/engine.js";
+import Avatar from "../../../../Avatar/Avatar.js";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { highlightText } from "../utils/highlightText.js";
+import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Conversation",
+  props: {
+    keyword: {},
+    data: {},
+    type: {},
+    className: {},
+    style: {},
+    onClick: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useUIKit();
+    const conversation = computed(() => props.data.conversation);
+    const messageCount = computed(() => props.data.messageCount);
+    const messageList = computed(() => props.data.messageList);
+    const conversationType = computed(() => {
+      var _a;
+      return (_a = conversation.value) == null ? void 0 : _a.type;
+    });
+    const avatar = computed(
+      () => {
+        var _a, _b, _c, _d;
+        return conversationType.value === TUIChatEngine.TYPES.CONV_C2C ? (_b = (_a = conversation.value) == null ? void 0 : _a.userProfile) == null ? void 0 : _b.avatar : (_d = (_c = conversation.value) == null ? void 0 : _c.groupProfile) == null ? void 0 : _d.avatar;
+      }
+    );
+    const name2 = computed(
+      () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return conversationType.value === TUIChatEngine.TYPES.CONV_C2C ? ((_b = (_a = conversation.value) == null ? void 0 : _a.userProfile) == null ? void 0 : _b.nick) || ((_d = (_c = conversation.value) == null ? void 0 : _c.userProfile) == null ? void 0 : _d.userID) : ((_f = (_e = conversation.value) == null ? void 0 : _e.groupProfile) == null ? void 0 : _f.name) || ((_h = (_g = conversation.value) == null ? void 0 : _g.groupProfile) == null ? void 0 : _h.groupID);
+      }
+    );
+    const messageText = computed(
+      () => {
+        var _a, _b, _c;
+        return ((_c = (_b = (_a = messageList.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.payload) == null ? void 0 : _c.text) || t("Search.results.foundMessages", { count: messageCount.value });
+      }
+    );
+    const handleClick = () => {
+      var _a;
+      (_a = props.onClick) == null ? void 0 : _a.call(props, props.data, SearchType.MESSAGE);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.conversationItem),
+        onClick: handleClick
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.avatarWrapper)
+        }, [
+          createVNode(unref(Avatar), {
+            src: avatar.value,
+            alt: name2.value
+          }, null, 8, ["src", "alt"])
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.conversationContent)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.conversationHeader)
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(_ctx.$style.name),
+              innerHTML: unref(highlightText)(name2.value, _ctx.keyword, _ctx.$style.highlight)
+            }, null, 10, _hoisted_1)
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.showText),
+            innerHTML: unref(highlightText)(messageText.value, _ctx.keyword, _ctx.$style.highlight)
+          }, null, 10, _hoisted_2)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const conversationItem = "_conversationItem_nedju_295";
+const avatarWrapper = "_avatarWrapper_nedju_302";
+const conversationContent = "_conversationContent_nedju_306";
+const conversationHeader = "_conversationHeader_nedju_312";
+const name = "_name_nedju_319";
+const showText = "_showText_nedju_328";
+const style0 = {
+  "tui-theme-dark": "_tui-theme-dark_nedju_2",
+  "tui-theme-light": "_tui-theme-light_nedju_140",
+  conversationItem,
+  avatarWrapper,
+  conversationContent,
+  conversationHeader,
+  name,
+  showText
+};
+const cssModules = {
+  "$style": style0
+};
+const Conversation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  Conversation as default
+};

package/dist/components/Search/SearchResults/SearchResultsItem/Conversation/Conversation.vue.d.ts

@@ -0,0 +1,14 @@
+import { SearchType } from '../../../../../types/engine';
+import { ResultItemProps } from '../../../../../types/search';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ResultItemProps<SearchType.MESSAGE>>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ResultItemProps<SearchType.MESSAGE>>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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;
+    };
+};

package/dist/components/Search/SearchResults/SearchResultsItem/Conversation/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Conversation } from './Conversation.vue';
+export * from './Conversation.vue';

package/dist/components/Search/SearchResults/SearchResultsItem/Conversation/index.js

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

package/dist/components/Search/SearchResults/SearchResultsItem/Group/Group.js

@@ -0,0 +1,76 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, unref, createCommentVNode } from "vue";
+import { SearchType } from "../../../../../types/engine.js";
+import Avatar from "../../../../Avatar/Avatar.js";
+import { highlightText } from "../utils/highlightText.js";
+import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Group",
+  props: {
+    keyword: {},
+    data: {},
+    type: {},
+    className: {},
+    style: {},
+    onClick: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const groupInfo = computed(() => props.data.groupInfo);
+    const handleClick = () => {
+      var _a;
+      (_a = props.onClick) == null ? void 0 : _a.call(props, props.data, SearchType.GROUP);
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.SearchGroup),
+        onClick: handleClick
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style["SearchGroup__avatar"])
+        }, [
+          createVNode(unref(Avatar), {
+            src: groupInfo.value.avatar,
+            alt: ((_a = groupInfo.value) == null ? void 0 : _a.name) || ((_b = groupInfo.value) == null ? void 0 : _b.groupID)
+          }, null, 8, ["src", "alt"])
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style["SearchGroup__info"])
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["SearchGroup__name"]),
+            innerHTML: unref(highlightText)(((_c = groupInfo.value) == null ? void 0 : _c.name) || ((_d = groupInfo.value) == null ? void 0 : _d.groupID), _ctx.keyword, _ctx.$style["SearchGroup__highlight"])
+          }, null, 10, _hoisted_1),
+          groupInfo.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style["SearchGroup__intro"]),
+            innerHTML: unref(highlightText)(groupInfo.value.introduction, _ctx.keyword, _ctx.$style["SearchGroup__highlight"])
+          }, null, 10, _hoisted_2)) : createCommentVNode("", true)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const SearchGroup = "_SearchGroup_154yd_295";
+const SearchGroup__avatar = "_SearchGroup__avatar_154yd_302";
+const SearchGroup__info = "_SearchGroup__info_154yd_310";
+const SearchGroup__name = "_SearchGroup__name_154yd_316";
+const SearchGroup__intro = "_SearchGroup__intro_154yd_327";
+const style0 = {
+  "tui-theme-dark": "_tui-theme-dark_154yd_2",
+  "tui-theme-light": "_tui-theme-light_154yd_140",
+  SearchGroup,
+  SearchGroup__avatar,
+  SearchGroup__info,
+  SearchGroup__name,
+  SearchGroup__intro
+};
+const cssModules = {
+  "$style": style0
+};
+const Group = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  Group as default
+};

package/dist/components/Search/SearchResults/SearchResultsItem/Group/Group.vue.d.ts

@@ -0,0 +1,14 @@
+import { SearchType } from '../../../../../types/engine';
+import { ResultItemProps } from '../../../../../types/search';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ResultItemProps<SearchType.GROUP>>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ResultItemProps<SearchType.GROUP>>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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;
+    };
+};

package/dist/components/Search/SearchResults/SearchResultsItem/Group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Group } from './Group.vue';
+export * from './Group.vue';

package/dist/components/Search/SearchResults/SearchResultsItem/Group/index.js

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