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

package/dist/components/ContactList/ContactListItem/index.js

@@ -0,0 +1,95 @@
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, mergeProps } from "vue";
+import { ContactItemType } from "../../../types/contact.js";
+import GroupApplicationItem from "./GroupApplicationItem/GroupApplicationItem.js";
+import FriendApplicationItem from "./FriendApplicationItem/FriendApplicationItem.js";
+import BlacklistItem from "./BlacklistItem/BlacklistItem.js";
+import GroupItem from "./GroupItem/GroupItem.js";
+import FriendItem from "./FriendItem/FriendItem.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContactListItem",
+  props: {
+    contactItem: {},
+    activeContactItem: {},
+    onClick: {},
+    onFriendApplicationAction: {},
+    onGroupApplicationAction: {}
+  },
+  emits: ["click", "friend-application-action", "group-application-action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const getComponentByType = (type) => {
+      switch (type) {
+        case ContactItemType.FRIEND:
+          return FriendItem;
+        case ContactItemType.GROUP:
+          return GroupItem;
+        case ContactItemType.BLACK:
+          return BlacklistItem;
+        case ContactItemType.FRIEND_REQUEST:
+          return FriendApplicationItem;
+        case ContactItemType.GROUP_REQUEST:
+          return GroupApplicationItem;
+        default:
+          console.warn(`Unknown contact type: ${type}`);
+          return "div";
+      }
+    };
+    const getComponentProps = (type) => {
+      const { type: activeType, data: activeItem } = props.activeContactItem || { type: null, data: null };
+      switch (type) {
+        case ContactItemType.FRIEND:
+          return {
+            friend: props.contactItem.data,
+            isActive: activeType === ContactItemType.FRIEND && activeItem === props.contactItem.data
+          };
+        case ContactItemType.GROUP:
+          return {
+            group: props.contactItem.data,
+            isActive: activeType === ContactItemType.GROUP && activeItem === props.contactItem.data
+          };
+        case ContactItemType.BLACK:
+          return {
+            profile: props.contactItem.data,
+            isActive: activeType === ContactItemType.BLACK && activeItem === props.contactItem.data
+          };
+        case ContactItemType.FRIEND_REQUEST:
+          return {
+            application: props.contactItem.data,
+            isActive: activeType === ContactItemType.FRIEND_REQUEST && activeItem === props.contactItem.data
+          };
+        case ContactItemType.GROUP_REQUEST:
+          return {
+            application: props.contactItem.data,
+            isActive: activeType === ContactItemType.GROUP_REQUEST && activeItem === props.contactItem.data
+          };
+        default:
+          return {};
+      }
+    };
+    const handleClick = (item) => {
+      emit("click", props.contactItem.type, item);
+    };
+    const handleFriendApplicationAction = (action, application) => {
+      emit("friend-application-action", action, application);
+    };
+    const handleGroupApplicationAction = (action, application) => {
+      emit("group-application-action", action, application);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(getComponentByType(_ctx.contactItem.type)), mergeProps(getComponentProps(_ctx.contactItem.type), {
+        onClick: handleClick,
+        onFriendApplicationAction: handleFriendApplicationAction,
+        onGroupApplicationAction: handleGroupApplicationAction
+      }), null, 16);
+    };
+  }
+});
+export {
+  BlacklistItem,
+  _sfc_main as ContactListItem,
+  FriendApplicationItem,
+  FriendItem,
+  GroupApplicationItem,
+  GroupItem
+};

package/dist/components/ContactList/ContactSearch/ContactSearch.js

@@ -0,0 +1,85 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, createBlock, createElementVNode, createVNode, unref, toDisplayString, h } from "vue";
+import { useUIKit, IconSearchMore } from "@tencentcloud/uikit-base-component-vue3";
+import { useSearchState } from "../../../states/SearchState.js";
+import { Search, SearchBar } from "../../Search/index.js";
+import { VariantType } from "../../../types/search.js";
+import { SearchType } from "../../../types/engine.js";
+import { ContactItemType } from "../../../types/contact.js";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  htmlFor: "contactSearch__label",
+  class: "contact-search__add"
+};
+const _hoisted_2 = { class: "contact-search__label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContactSearch",
+  emits: ["result-click", "keyword-change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { t } = useUIKit();
+    const { setKeyword } = useSearchState();
+    const isShowSearch = ref(false);
+    const handleResultItemClick = (item, type) => {
+      if (type === SearchType.USER) {
+        emit("result-click", {
+          type: ContactItemType.SEARCH_USER,
+          data: item.profile
+        });
+      }
+      if (type === SearchType.GROUP) {
+        emit("result-click", {
+          type: ContactItemType.SEARCH_GROUP,
+          data: item.groupInfo
+        });
+      }
+    };
+    const handleCancel = () => {
+      setKeyword("");
+      isShowSearch.value = false;
+    };
+    const openContactSearch = () => {
+      isShowSearch.value = true;
+    };
+    const handleKeywordChange = (keyword) => {
+      emit("keyword-change", keyword);
+    };
+    const CustomSearchResultsPresearch = () => null;
+    const CustomSearchBar = (searchBarProps) => h("div", { class: "contact-search__search-bar-box" }, [
+      h(SearchBar, {
+        class: "contact-search__search-bar",
+        ...searchBarProps
+      }),
+      h("span", {
+        class: "contact-search__cancel",
+        onClick: handleCancel
+      }, t("TUIContact.Cancel"))
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["contact-search", { "contact-search--active": isShowSearch.value }])
+      }, [
+        !isShowSearch.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "contact-search__pre-search",
+          onClick: openContactSearch
+        }, [
+          createElementVNode("label", _hoisted_1, [
+            createVNode(unref(IconSearchMore))
+          ]),
+          createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("TUIContact.Add friend/group")), 1)
+        ])) : (openBlock(), createBlock(unref(Search), {
+          key: 1,
+          variant: unref(VariantType).EXACT,
+          SearchBar: CustomSearchBar,
+          SearchResultsPresearch: CustomSearchResultsPresearch,
+          onKeywordChange: handleKeywordChange,
+          onResultItemClick: handleResultItemClick
+        }, null, 8, ["variant"]))
+      ], 2);
+    };
+  }
+});
+const ContactSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-891f06be"]]);
+export {
+  ContactSearch as default
+};

package/dist/components/ContactList/ContactSearch/ContactSearch.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "result-click": (item: any) => void;
+    "keyword-change": (keyword: string) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onResult-click"?: ((item: any) => any) | undefined;
+    "onKeyword-change"?: ((keyword: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ContactList/ContactSearch/index.d.ts

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

package/dist/components/ContactList/ContactSearch/index.js

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

package/dist/components/ContactList/constants/const.d.ts

@@ -0,0 +1,3 @@
+declare const TEXTAREA_LENGTH_LIMIT = 200;
+declare const UNREAD_COUNT_LIMIT = 99;
+export { TEXTAREA_LENGTH_LIMIT, UNREAD_COUNT_LIMIT, };

package/dist/components/ContactList/constants/const.js

@@ -0,0 +1,6 @@
+const TEXTAREA_LENGTH_LIMIT = 200;
+const UNREAD_COUNT_LIMIT = 99;
+export {
+  TEXTAREA_LENGTH_LIMIT,
+  UNREAD_COUNT_LIMIT
+};

package/dist/components/ContactList/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useContactList';

package/dist/components/ContactList/hooks/index.js

@@ -0,0 +1,4 @@
+import { useContactList } from "./useContactList.js";
+export {
+  useContactList
+};

package/dist/components/ContactList/hooks/useContactList.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+import { ContactItemType, ContactGroupItem } from '../../../types/contact';
+
+export declare const useContactList: () => {
+    activeContact: Ref<ContactGroupItem | undefined, ContactGroupItem | undefined>;
+    setActiveContact: (contactInfo: ContactGroupItem | undefined) => void;
+    contactGroupTitles: Ref<Partial<Record<ContactItemType, string>>, Partial<Record<ContactItemType, string>>>;
+    setContactGroupTitles: (groups: Partial<Record<ContactItemType, string>>) => void;
+};

package/dist/components/ContactList/hooks/useContactList.js

@@ -0,0 +1,18 @@
+import { ref } from "vue";
+const activeContact = ref(void 0);
+const contactGroupTitles = ref({});
+const setActiveContact = (contactInfo) => {
+  activeContact.value = contactInfo;
+};
+const setContactGroupTitles = (groups) => {
+  contactGroupTitles.value = groups;
+};
+const useContactList = () => ({
+  activeContact,
+  setActiveContact,
+  contactGroupTitles,
+  setContactGroupTitles
+});
+export {
+  useContactList
+};

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

@@ -0,0 +1,77 @@
+declare const _default: {
+    TUIContact: {
+        'New contacts': string;
+        'Group applications': string;
+        'My friends': string;
+        'My groups': string;
+        Blacklist: string;
+        'Search contacts': string;
+        'No contacts': string;
+        'No Result': string;
+        'Add friend/group': string;
+        'Unknown contact type': string;
+        'Request to add you as friend': string;
+        'Apply to join group': string;
+        'Invite you to join group': string;
+        'Application status': string;
+        Pending: string;
+        'Application note': string;
+        None: string;
+        'Verification info': string;
+        'Personal signature': string;
+        'Remark name': string;
+        Save: string;
+        'Add to blacklist': string;
+        'Send message': string;
+        'Apply to add friend': string;
+        'Add friend failed': string;
+        'User is already your friend': string;
+        'Friend request sent, waiting for confirmation': string;
+        'Application info': string;
+        'Please enter application info...': string;
+        'Group ID': string;
+        'Group type': string;
+        'Group introduction': string;
+        'No introduction': string;
+        'Work group': string;
+        'Public group': string;
+        'Meeting group': string;
+        'Live group': string;
+        Community: string;
+        Unknown: string;
+        'You are already in this group': string;
+        'Group application sent, waiting for admin approval': string;
+        'Apply to join group failed': string;
+        'Remove from blacklist': string;
+        'dismiss group': string;
+        'quit group': string;
+        'Enter group chat': string;
+        'Confirm dismiss group': string;
+        'Confirm quit group': string;
+        Agree: string;
+        Refuse: string;
+        Accept: string;
+        Submit: string;
+        Cancel: string;
+        'Delete friend': string;
+        'Confirm delete friend': string;
+        Friends: string;
+        User: string;
+        ID: string;
+        'Send Message': string;
+        Signature: string;
+        'Blocked List': string;
+        'Group List': string;
+        'Enter a userID': string;
+        'Enter the verification info': string;
+        'Request to join': string;
+        Requested: string;
+        Handled: string;
+        remark: string;
+        block: string;
+        'waiting for verification': string;
+        'verification info': string;
+        'Send application': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,80 @@
+const enResource = {
+  TUIContact: {
+    // ContactList component translations
+    "New contacts": "New contacts",
+    "Group applications": "Group applications",
+    "My friends": "My friends",
+    "My groups": "My groups",
+    "Blacklist": "Blacklist",
+    "Search contacts": "Search contacts",
+    "No contacts": "No contacts",
+    "No Result": "No Result",
+    "Add friend/group": "Add friend/group",
+    "Unknown contact type": "Unknown contact type",
+    "Request to add you as friend": "Request to add you as friend",
+    "Apply to join group": "Apply to join group",
+    "Invite you to join group": "Invite you to join group",
+    "Application status": "Application status",
+    "Pending": "Pending",
+    "Application note": "Application note",
+    "None": "None",
+    "Verification info": "Verification info",
+    "Personal signature": "Personal signature",
+    "Remark name": "Remark name",
+    "Save": "Save",
+    "Add to blacklist": "Add to blacklist",
+    "Send message": "Send message",
+    "Apply to add friend": "Apply to add friend",
+    "Add friend failed": "Add friend failed",
+    "User is already your friend": "User is already your friend",
+    "Friend request sent, waiting for confirmation": "Friend request sent, waiting for confirmation",
+    "Application info": "Application info",
+    "Please enter application info...": "Please enter application info...",
+    "Group ID": "Group ID",
+    "Group type": "Group type",
+    "Group introduction": "Group introduction",
+    "No introduction": "No introduction",
+    "Work group": "Work group",
+    "Public group": "Public group",
+    "Meeting group": "Meeting group",
+    "Live group": "Live group",
+    "Community": "Community",
+    "Unknown": "Unknown",
+    "You are already in this group": "You are already in this group",
+    "Group application sent, waiting for admin approval": "Group application sent, waiting for admin approval",
+    "Apply to join group failed": "Apply to join group failed",
+    "Remove from blacklist": "Remove from blacklist",
+    "dismiss group": "dismiss group",
+    "quit group": "quit group",
+    "Enter group chat": "Enter group chat",
+    "Confirm dismiss group": "Confirm dismiss group?",
+    "Confirm quit group": "Confirm quit group?",
+    "Agree": "Agree",
+    "Refuse": "Refuse",
+    "Accept": "Accept",
+    "Submit": "Submit",
+    "Cancel": "Cancel",
+    "Delete friend": "Delete friend",
+    "Confirm delete friend": "Confirm delete friend?",
+    "Friends": "Friends",
+    "User": "User",
+    "ID": "ID",
+    "Send Message": "Send Message",
+    "Signature": "Signature",
+    "Blocked List": "Blocked List",
+    "Group List": "Group List",
+    "Enter a userID": "Enter a userID",
+    "Enter the verification info": "Enter the verification info",
+    "Request to join": "Request to join",
+    "Requested": "Requested",
+    "Handled": "Handled",
+    "remark": "remark",
+    "block": "block",
+    "waiting for verification": "waiting for verification",
+    "verification info": "verification info",
+    "Send application": "Send application"
+  }
+};
+export {
+  enResource as default
+};

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

@@ -0,0 +1,4 @@
+import { default as enResource } from './en-US';
+import { default as zhResource } from './zh-CN';
+
+export { enResource, zhResource };

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

@@ -0,0 +1,6 @@
+import { default as default2 } from "./en-US.js";
+import { default as default3 } from "./zh-CN.js";
+export {
+  default2 as enResource,
+  default3 as zhResource
+};

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

@@ -0,0 +1,77 @@
+declare const _default: {
+    TUIContact: {
+        'New contacts': string;
+        'Group applications': string;
+        'My friends': string;
+        'My groups': string;
+        Blacklist: string;
+        'Search contacts': string;
+        'No contacts': string;
+        'No Result': string;
+        'Add friend/group': string;
+        'Unknown contact type': string;
+        'Request to add you as friend': string;
+        'Apply to join group': string;
+        'Invite you to join group': string;
+        'Application status': string;
+        Pending: string;
+        'Application note': string;
+        None: string;
+        'Verification info': string;
+        'Personal signature': string;
+        'Remark name': string;
+        Save: string;
+        'Add to blacklist': string;
+        'Send message': string;
+        'Apply to add friend': string;
+        'Add friend failed': string;
+        'User is already your friend': string;
+        'Friend request sent, waiting for confirmation': string;
+        'Application info': string;
+        'Please enter application info...': string;
+        'Group ID': string;
+        'Group type': string;
+        'Group introduction': string;
+        'No introduction': string;
+        'Work group': string;
+        'Public group': string;
+        'Meeting group': string;
+        'Live group': string;
+        Community: string;
+        Unknown: string;
+        'You are already in this group': string;
+        'Group application sent, waiting for admin approval': string;
+        'Apply to join group failed': string;
+        'Remove from blacklist': string;
+        'dismiss group': string;
+        'quit group': string;
+        'Enter group chat': string;
+        'Confirm dismiss group': string;
+        'Confirm quit group': string;
+        Agree: string;
+        Refuse: string;
+        Accept: string;
+        Submit: string;
+        Cancel: string;
+        'Delete friend': string;
+        'Confirm delete friend': string;
+        Friends: string;
+        User: string;
+        ID: string;
+        'Send Message': string;
+        Signature: string;
+        'Blocked List': string;
+        'Group List': string;
+        'Enter a userID': string;
+        'Enter the verification info': string;
+        'Request to join': string;
+        Requested: string;
+        Handled: string;
+        remark: string;
+        block: string;
+        'waiting for verification': string;
+        'verification info': string;
+        'Send application': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,80 @@
+const zhResource = {
+  TUIContact: {
+    // ContactList组件翻译
+    "New contacts": "新的联系人",
+    "Group applications": "群聊申请",
+    "My friends": "我的好友",
+    "My groups": "我的群聊",
+    "Blacklist": "黑名单",
+    "Search contacts": "搜索联系人",
+    "No contacts": "暂无联系人",
+    "No Result": "无搜索结果",
+    "Add friend/group": "添加好友/群聊",
+    "Unknown contact type": "未知联系人类型",
+    "Request to add you as friend": "请求添加您为好友",
+    "Apply to join group": "申请加入群聊",
+    "Invite you to join group": "邀请您加入群聊",
+    "Application status": "申请状态",
+    "Pending": "待处理",
+    "Application note": "申请备注",
+    "None": "无",
+    "Verification info": "验证信息",
+    "Personal signature": "个性签名",
+    "Remark name": "备注名",
+    "Save": "保存",
+    "Add to blacklist": "加入黑名单",
+    "Send message": "发送消息",
+    "Apply to add friend": "申请添加好友",
+    "Add friend failed": "添加好友失败",
+    "User is already your friend": "该用户已是您的好友",
+    "Friend request sent, waiting for confirmation": "好友请求已发送，等待确认",
+    "Application info": "申请信息",
+    "Please enter application info...": "请输入申请信息...",
+    "Group ID": "群ID",
+    "Group type": "群类型",
+    "Group introduction": "群介绍",
+    "No introduction": "暂无介绍",
+    "Work group": "工作群",
+    "Public group": "公开群",
+    "Meeting group": "会议群",
+    "Live group": "直播群",
+    "Community": "社群",
+    "Unknown": "未知",
+    "You are already in this group": "您已在该群中",
+    "Group application sent, waiting for admin approval": "入群申请已发送，等待管理员审核",
+    "Apply to join group failed": "申请入群失败",
+    "Remove from blacklist": "移出黑名单",
+    "dismiss group": "解散群组",
+    "quit group": "退出群组",
+    "Enter group chat": "进入群聊",
+    "Confirm dismiss group": "确认解散群组？",
+    "Confirm quit group": "确认退出群组？",
+    "Agree": "同意",
+    "Refuse": "拒绝",
+    "Accept": "接受",
+    "Submit": "确认",
+    "Cancel": "取消",
+    "Delete friend": "删除好友",
+    "Confirm delete friend": "确认删除好友？",
+    "Friends": "好友",
+    "User": "用户",
+    "ID": "ID",
+    "Send Message": "发送消息",
+    "Signature": "签名",
+    "Blocked List": "黑名单列表",
+    "Group List": "群聊列表",
+    "Enter a userID": "输入用户ID",
+    "Enter the verification info": "输入验证信息",
+    "Request to join": "申请加入",
+    "Requested": "已申请",
+    "Handled": "已处理",
+    "remark": "备注",
+    "block": "拉黑",
+    "waiting for verification": "等待验证",
+    "verification info": "验证信息",
+    "Send application": "发送申请"
+  }
+};
+export {
+  zhResource as default
+};