tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/components/BarrageList/Message/index.js

@@ -1,4 +1,23 @@
-import { _ } from "../../../Message.vue_vue_type_script_setup_true_lang-mEw2syBo.js";
+import { defineComponent, ref, createBlock, openBlock, unref } from "vue";
+import MessageLayout from "./MessageLayout/MessageLayout.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Message",
+  props: {
+    message: { default: () => ({}) },
+    isLastInChunk: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const message = ref(props.message);
+    const isLastInChunk = ref(props.isLastInChunk);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MessageLayout), {
+        message: message.value,
+        "is-last-in-chunk": isLastInChunk.value
+      }, null, 8, ["message", "is-last-in-chunk"]);
+    };
+  }
+});
 export {
-  _ as Message
+  _sfc_main as Message
 };

package/dist/components/BarrageList/MessageForward/MessageForward.js

@@ -1,10 +1,10 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, ref, createVNode, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, withDirectives, vModelText, Fragment, renderList, withModifiers } from "vue";
 import { useUIKit, IconClose, IconSearch, IconCloseInput } from "@tencentcloud/uikit-base-component-vue3";
-import { i as injectDialogRootContext, D as DialogRoot_default, a as DialogPortal_default, b as DialogOverlay_default, c as DialogContent_default } from "../../../DialogPortal-8bLejP4P.js";
-import { u as useForwardExpose, P as Primitive } from "../../../Teleport-BnT1MTUO.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { useMessageActionState } from "../../../states/MessageActionState/MessageActionState.js";
+import { i as injectDialogRootContext, D as DialogRoot_default, a as DialogPortal_default, b as DialogOverlay_default, c as DialogContent_default } from "../../../DialogPortal-DWeT-J6v.js";
+import { a as useForwardExpose, e as Primitive } from "../../../Teleport-CMvGsENT.js";
 import ForwardListItem from "./ForwardListItem.js";
+import { useMessageActionState } from "../../../states/MessageActionState/MessageActionState.js";
+import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 var DialogClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   __name: "DialogClose",

package/dist/components/CameraButton/index.js

@@ -1,4 +1,50 @@
-import { i } from "../../index-BlyS4ObG.js";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode } from "vue";
+import { IconCameraOn, IconCameraOff, IconUnSupport } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState } from "../../states/DeviceState.js";
+import { DeviceStatus, DeviceError } from "../../types/device.js";
+import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      cameraStatus,
+      hasPublishVideoPermission,
+      cameraLastError,
+      closeLocalCamera,
+      openLocalCamera
+    } = useDeviceState();
+    async function handleClick() {
+      if (!hasPublishVideoPermission.value) {
+        return;
+      }
+      if (cameraStatus.value === DeviceStatus.On) {
+        await closeLocalCamera();
+      } else {
+        await openLocalCamera();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["camera-button", { "disabled": !unref(hasPublishVideoPermission) }]),
+        onClick: handleClick
+      }, [
+        unref(cameraStatus) === unref(DeviceStatus).On ? (openBlock(), createBlock(unref(IconCameraOn), {
+          key: 0,
+          size: "24"
+        })) : (openBlock(), createBlock(unref(IconCameraOff), {
+          key: 1,
+          size: "24"
+        })),
+        unref(cameraLastError) !== unref(DeviceError).NoError ? (openBlock(), createBlock(unref(IconUnSupport), {
+          key: 2,
+          class: "unsupport-icon",
+          size: "14"
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const CameraButtonComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc8bbaca"]]);
 export {
-  i as CameraButton
+  CameraButtonComponent as CameraButton
 };

package/dist/components/ChatSetting/C2CChatSetting/C2CChatSetting.js

@@ -0,0 +1,123 @@
+import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode, createVNode, createBlock, toDisplayString } from "vue";
+import { useUIKit, IconCopy, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
+import Avatar from "../../Avatar/Avatar.js";
+import SettingItem from "../SettingItem/SettingItem.js";
+import { useC2CSettingState } from "../../../states/C2CSettingState/C2CSettingState.js";
+import { copyTextToClipboard } from "../../../utils/copyText.js";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "c2c-chat-setting"
+};
+const _hoisted_2 = { class: "c2c-chat-setting__info-section" };
+const _hoisted_3 = { class: "c2c-chat-setting__avatar-section" };
+const _hoisted_4 = { class: "c2c-chat-setting__item" };
+const _hoisted_5 = { class: "c2c-chat-setting__label" };
+const _hoisted_6 = { class: "c2c-chat-setting__content" };
+const _hoisted_7 = { class: "c2c-chat-setting__value" };
+const _hoisted_8 = { class: "c2c-chat-setting__remark-section" };
+const _hoisted_9 = { class: "c2c-chat-setting__settings-section" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "C2CChatSetting",
+  setup(__props) {
+    const { t } = useUIKit();
+    const {
+      userID,
+      nick,
+      avatar,
+      signature,
+      remark,
+      isMuted,
+      isPinned,
+      setChatPinned,
+      setChatMuted,
+      setUserRemark
+    } = useC2CSettingState();
+    function handlePinnedChange(value) {
+      setChatPinned(value);
+    }
+    function handleMutedChange(value) {
+      setChatMuted(value);
+    }
+    function handleRemarkConfirm(value) {
+      setUserRemark(value);
+      TUIToast.success({
+        message: t("ChatSetting.remark_update_success")
+      });
+    }
+    function handleCopyUserID() {
+      if (userID.value) {
+        copyTextToClipboard(userID.value).then(() => {
+          TUIToast.success({
+            message: t("ChatSetting.copied")
+          });
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return unref(userID) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(Avatar), {
+              src: unref(avatar) || "",
+              size: "xxl",
+              class: "c2c-chat-setting__avatar"
+            }, null, 8, ["src"])
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("ChatSetting.user_id")), 1),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, toDisplayString(unref(userID)), 1),
+              createVNode(unref(IconCopy), {
+                class: "c2c-chat-setting__copy-btn",
+                onClick: handleCopyUserID
+              })
+            ])
+          ]),
+          createVNode(unref(SettingItem), {
+            type: "display",
+            label: unref(t)("ChatSetting.nickname"),
+            value: unref(nick) || "",
+            placeholder: unref(t)("ChatSetting.nickname_placeholder")
+          }, null, 8, ["label", "value", "placeholder"]),
+          unref(signature) && unref(signature).trim() ? (openBlock(), createBlock(unref(SettingItem), {
+            key: 0,
+            type: "display",
+            label: unref(t)("ChatSetting.signature"),
+            value: unref(signature)
+          }, null, 8, ["label", "value"])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_8, [
+          createVNode(unref(SettingItem), {
+            type: "input",
+            label: unref(t)("ChatSetting.remark"),
+            value: unref(remark) ?? "",
+            placeholder: unref(t)("ChatSetting.remark_placeholder"),
+            editable: true,
+            onConfirm: handleRemarkConfirm
+          }, null, 8, ["label", "value", "placeholder"])
+        ]),
+        createElementVNode("div", _hoisted_9, [
+          unref(isPinned) !== void 0 ? (openBlock(), createBlock(unref(SettingItem), {
+            key: 0,
+            type: "switch",
+            label: unref(t)("ChatSetting.pin_conversation"),
+            value: unref(isPinned),
+            onChange: handlePinnedChange
+          }, null, 8, ["label", "value"])) : createCommentVNode("", true),
+          unref(isMuted) !== void 0 ? (openBlock(), createBlock(unref(SettingItem), {
+            key: 1,
+            type: "switch",
+            label: unref(t)("ChatSetting.mute_conversation"),
+            value: unref(isMuted),
+            onChange: handleMutedChange
+          }, null, 8, ["label", "value"])) : createCommentVNode("", true)
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const C2CChatSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ed998a3a"]]);
+export {
+  C2CChatSetting as default
+};

package/dist/components/ChatSetting/C2CChatSetting/C2CChatSetting.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ChatSetting/C2CChatSetting/index.d.ts

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

package/dist/components/ChatSetting/C2CChatSetting/index.js

@@ -0,0 +1,5 @@
+import C2CChatSetting from "./C2CChatSetting.js";
+export {
+  C2CChatSetting,
+  C2CChatSetting as default
+};

package/dist/components/ChatSetting/ChatSetting.js

@@ -0,0 +1,33 @@
+import { defineComponent, computed, createElementBlock, createCommentVNode, unref, openBlock, createBlock } from "vue";
+import { TUIChatEngine } from "@tencentcloud/chat-uikit-engine";
+import C2CChatSetting from "./C2CChatSetting/C2CChatSetting.js";
+import GroupChatSetting from "./GroupChatSetting/GroupChatSetting.js";
+import { useUIOpenControlState } from "../../states/UIOpenControlState/UIOpenControlState.js";
+import { useConversationListState } from "../../states/ConversationListState/ConversationListState.js";
+import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "chat-setting"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatSetting",
+  setup(__props) {
+    const { currentConversation: activeConversation } = useConversationListState();
+    const { isChatSettingOpen } = useUIOpenControlState();
+    const { TYPES } = TUIChatEngine;
+    const { CONV_C2C, CONV_GROUP } = TYPES;
+    const chatType = computed(() => {
+      var _a;
+      return (_a = activeConversation == null ? void 0 : activeConversation.value) == null ? void 0 : _a.type;
+    });
+    return (_ctx, _cache) => {
+      return unref(activeConversation) && unref(isChatSettingOpen) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        chatType.value === unref(CONV_C2C) ? (openBlock(), createBlock(unref(C2CChatSetting), { key: 0 })) : chatType.value === unref(CONV_GROUP) ? (openBlock(), createBlock(unref(GroupChatSetting), { key: 1 })) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const ChatSettingComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a1f959d8"]]);
+export {
+  ChatSettingComponent as default
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ChatSetting/GroupChatSetting/GroupActions/GroupActions.js

@@ -0,0 +1,181 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode } from "vue";
+import { useUIKit, TUIButton, TUIDialog, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
+import UserPicker from "../../../UserPicker/UserPicker.js";
+import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
+import { GroupPermission } from "../../../../states/GroupSettingState/types.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  class: /* @__PURE__ */ normalizeClass([
+    "group-actions"
+  ])
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupActions",
+  setup(__props) {
+    const { t } = useUIKit();
+    const {
+      allMembers,
+      currentUserID,
+      dismissGroup,
+      quitGroup,
+      hasPermission,
+      changeGroupOwner
+    } = useGroupSettingState();
+    const isShowTransferDialog = ref(false);
+    const isShowDismissDialog = ref(false);
+    const isShowQuitDialog = ref(false);
+    const loading = ref(false);
+    const userPickerRef = ref();
+    const canDismissGroup = computed(() => hasPermission(GroupPermission.DISMISS_GROUP));
+    const canQuitGroup = computed(() => hasPermission(GroupPermission.QUIT_GROUP));
+    const canChangeGroupOwner = computed(() => hasPermission(GroupPermission.TRANSFER_OWNERSHIP));
+    const handleChangeGroupOwner = () => {
+      isShowTransferDialog.value = true;
+    };
+    const handleTransferConfirm = async () => {
+      var _a;
+      const selectedItems = (_a = userPickerRef.value) == null ? void 0 : _a.getSelectedItems();
+      if (!selectedItems || selectedItems.length === 0) {
+        TUIToast.error({
+          message: t("ChatSetting.select_new_owner_error")
+        });
+        return;
+      }
+      if (selectedItems.length > 1) {
+        TUIToast.error({
+          message: t("ChatSetting.only_one_owner_error")
+        });
+        return;
+      }
+      const newOwnerID = selectedItems[0].key;
+      try {
+        loading.value = true;
+        await changeGroupOwner({ newOwnerID });
+        TUIToast.success({
+          message: t("ChatSetting.transfer_owner_success")
+        });
+        isShowTransferDialog.value = false;
+      } catch {
+        TUIToast.error({
+          message: t("ChatSetting.transfer_owner_failed")
+        });
+      } finally {
+        loading.value = false;
+      }
+    };
+    const transferDataSource = computed(() => {
+      if (!allMembers.value) {
+        return [];
+      }
+      return allMembers.value.map((member) => {
+        let label = member.nick || member.userID;
+        if (label.length > 20) {
+          label = `${label.slice(0, 20)}...`;
+        }
+        label = `${label} (${t(`ChatSetting.group_member_role_${member.role.toLowerCase()}`)})`;
+        if (member.userID === currentUserID.value) {
+          label = `${label} (${t("ChatSetting.me")})`;
+        }
+        return {
+          key: member.userID,
+          label,
+          avatarUrl: member.avatar
+        };
+      });
+    });
+    const handleQuitGroup = () => {
+      quitGroup();
+    };
+    const handleDismissGroup = () => {
+      dismissGroup();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        canChangeGroupOwner.value ? (openBlock(), createBlock(unref(TUIButton), {
+          key: 0,
+          class: "group-actions__button",
+          radius: "rect",
+          disabled: loading.value,
+          onClick: handleChangeGroupOwner
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ChatSetting.transfer_group_owner")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : createCommentVNode("", true),
+        canQuitGroup.value ? (openBlock(), createBlock(unref(TUIButton), {
+          key: 1,
+          class: "group-actions__button",
+          color: "red",
+          radius: "rect",
+          onClick: _cache[0] || (_cache[0] = () => isShowQuitDialog.value = true)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ChatSetting.quit_group")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        canDismissGroup.value ? (openBlock(), createBlock(unref(TUIButton), {
+          key: 2,
+          class: "group-actions__button",
+          color: "red",
+          radius: "rect",
+          onClick: _cache[1] || (_cache[1] = () => isShowDismissDialog.value = true)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ChatSetting.dismiss_group")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createVNode(unref(TUIDialog), {
+          visible: isShowTransferDialog.value,
+          title: unref(t)("ChatSetting.transfer_group_owner"),
+          "custom-classes": ["user-picker-dialog"],
+          onClose: _cache[3] || (_cache[3] = () => isShowTransferDialog.value = false),
+          onCancel: _cache[4] || (_cache[4] = () => isShowTransferDialog.value = false),
+          onConfirm: handleTransferConfirm
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(UserPicker), {
+              ref_key: "userPickerRef",
+              ref: userPickerRef,
+              "display-mode": "list",
+              "data-source": transferDataSource.value,
+              "locked-items": [{ key: unref(currentUserID) }],
+              "max-count": 1,
+              onMaxCountExceed: _cache[2] || (_cache[2] = () => {
+                unref(TUIToast).error({
+                  message: unref(t)("ChatSetting.only_one_owner_error")
+                });
+              })
+            }, null, 8, ["data-source", "locked-items"])
+          ]),
+          _: 1
+        }, 8, ["visible", "title"]),
+        createVNode(unref(TUIDialog), {
+          visible: isShowDismissDialog.value,
+          title: unref(t)("ChatSetting.dismiss_group"),
+          onClose: _cache[5] || (_cache[5] = () => isShowDismissDialog.value = false),
+          onCancel: _cache[6] || (_cache[6] = () => isShowDismissDialog.value = false),
+          onConfirm: handleDismissGroup
+        }, null, 8, ["visible", "title"]),
+        createVNode(unref(TUIDialog), {
+          visible: isShowQuitDialog.value,
+          title: unref(t)("ChatSetting.quit_group"),
+          onClose: _cache[7] || (_cache[7] = () => isShowQuitDialog.value = false),
+          onCancel: _cache[8] || (_cache[8] = () => isShowQuitDialog.value = false),
+          onConfirm: handleQuitGroup
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", null, toDisplayString(unref(t)("ChatSetting.confirm_quit_group")), 1)
+          ]),
+          _: 1
+        }, 8, ["visible", "title"])
+      ]);
+    };
+  }
+});
+const GroupActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52ab1c35"]]);
+export {
+  GroupActions as default
+};

package/dist/components/ChatSetting/GroupChatSetting/GroupActions/GroupActions.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ChatSetting/GroupChatSetting/GroupActions/index.d.ts

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

package/dist/components/ChatSetting/GroupChatSetting/GroupActions/index.js

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