tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/MessageInput/TextEditor/EditorCore.js

@@ -1,16 +1,16 @@
-import { S as StarterKit, P as Placeholder, E as Editor, I as Image } from "../../../index-v15JHz0-.js";
-import { E as Extension } from "../../../index-BPFJrNlA.js";
-import { MessageContentType } from "../../../states/MessageInputState/type.js";
-function createEmojiExtension() {
-  return Image.extend({
-    name: MessageContentType.EMOJI,
-    inline: true,
+import { S as g, P as x, E as d, I as o } from "../../../index-Bm-QfV5o.js";
+import { E as M } from "../../../index-D2OVtqc8.js";
+import { MessageContentType as n } from "../../../states/MessageInputState/type.js";
+function y() {
+  return o.extend({
+    name: n.EMOJI,
+    inline: !0,
     group: "inline",
-    draggable: true,
+    draggable: !0,
     addOptions() {
-      var _a;
+      var t;
       return {
-        ...(_a = this.parent) == null ? void 0 : _a.call(this),
+        ...(t = this.parent) == null ? void 0 : t.call(this),
         HTMLAttributes: {
           class: "message-emoji"
         }
@@ -18,118 +18,111 @@ function createEmojiExtension() {
     }
   });
 }
-function createImageExtension() {
-  return Image.extend({
+function T() {
+  return o.extend({
     addOptions() {
-      var _a;
+      var t;
       return {
-        ...(_a = this.parent) == null ? void 0 : _a.call(this),
+        ...(t = this.parent) == null ? void 0 : t.call(this),
         HTMLAttributes: {
           class: "message-image"
         }
       };
     },
     addAttributes() {
-      var _a;
+      var t;
       return {
-        ...(_a = this.parent) == null ? void 0 : _a.call(this),
+        ...(t = this.parent) == null ? void 0 : t.call(this),
         fileData: {
           default: null,
-          parseHTML: (element) => element.getAttribute("file-data"),
-          renderHTML: (attributes) => attributes.fileData ? { "file-data": attributes.fileData } : {}
+          parseHTML: (e) => e.getAttribute("file-data"),
+          renderHTML: (e) => e.fileData ? { "file-data": e.fileData } : {}
         }
       };
     }
   }).configure({
-    inline: true
+    inline: !0
   });
 }
-function createEnterKeyExtension(options) {
-  return Extension.create({
+function p(t) {
+  return M.create({
     addKeyboardShortcuts() {
       return {
-        "Enter": () => {
-          var _a;
-          (_a = options == null ? void 0 : options.onEnter) == null ? void 0 : _a.call(options);
-          return true;
+        Enter: () => {
+          var e;
+          return (e = t == null ? void 0 : t.onEnter) == null || e.call(t), !0;
         },
-        "Mod-Enter": ({ editor }) => {
-          editor.commands.setHardBreak();
-          return true;
-        }
+        "Mod-Enter": ({ editor: e }) => (e.commands.setHardBreak(), !0)
       };
     }
   });
 }
-function convertEditorContent(node) {
-  if (!(node == null ? void 0 : node.content)) {
-    return [];
-  }
-  return node.content.flatMap((child) => {
-    var _a, _b, _c, _d;
-    switch (child.type) {
+function c(t) {
+  return t != null && t.content ? t.content.flatMap((e) => {
+    var a, s, r, u;
+    switch (e.type) {
       case "text":
-        return child.text ? [{
-          type: MessageContentType.TEXT,
-          content: child.text
+        return e.text ? [{
+          type: n.TEXT,
+          content: e.text
         }] : [];
       case "image":
         return [{
-          type: MessageContentType.IMAGE,
-          content: (_a = child.attrs) == null ? void 0 : _a.fileData
+          type: n.IMAGE,
+          content: (a = e.attrs) == null ? void 0 : a.fileData
         }];
       case "emoji":
         return [{
-          type: MessageContentType.EMOJI,
+          type: n.EMOJI,
           content: {
-            url: (_b = child.attrs) == null ? void 0 : _b.src,
-            key: (_c = child.attrs) == null ? void 0 : _c.alt,
-            text: (_d = child.attrs) == null ? void 0 : _d.title
+            url: (s = e.attrs) == null ? void 0 : s.src,
+            key: (r = e.attrs) == null ? void 0 : r.alt,
+            text: (u = e.attrs) == null ? void 0 : u.title
           }
         }];
       case "hardBreak":
         return [{
-          type: MessageContentType.TEXT,
-          content: "\n"
+          type: n.TEXT,
+          content: `
+`
         }];
       default:
-        return convertEditorContent(child);
+        return c(e);
     }
-  });
+  }) : [];
 }
-function createEditor({
-  element,
-  placeholder = "",
-  autoFocus = false,
-  disabled = false,
-  onUpdate,
-  onEnter,
-  onFocus,
-  onBlur
+function B({
+  element: t,
+  placeholder: e = "",
+  autoFocus: a = !1,
+  disabled: s = !1,
+  onUpdate: r,
+  onEnter: u,
+  onFocus: f,
+  onBlur: E
 }) {
-  const createBaseExtensions = (enterHandler) => [
-    StarterKit,
-    createEnterKeyExtension(enterHandler ? { onEnter: enterHandler } : void 0),
-    createEmojiExtension(),
-    createImageExtension(),
-    Placeholder.configure({
-      placeholder
-    })
-  ];
-  const editorConfig = {
-    element,
-    autofocus: autoFocus,
-    editable: !disabled,
-    extensions: createBaseExtensions(onEnter),
-    onUpdate: ({ editor }) => {
-      const content = convertEditorContent(editor.getJSON());
-      onUpdate == null ? void 0 : onUpdate(content);
+  const m = {
+    element: t,
+    autofocus: a,
+    editable: !s,
+    extensions: ((i) => [
+      g,
+      p(i ? { onEnter: i } : void 0),
+      y(),
+      T(),
+      x.configure({
+        placeholder: e
+      })
+    ])(u),
+    onUpdate: ({ editor: i }) => {
+      const l = c(i.getJSON());
+      r == null || r(l);
     },
-    onFocus,
-    onBlur
+    onFocus: f,
+    onBlur: E
   };
-  return new Editor(editorConfig);
+  return new d(m);
 }
 export {
-  createEditor
+  B as createEditor
 };

package/dist/components/MessageInput/TextEditor/TextEditor.js

@@ -1,4 +1,4 @@
-import { TextEditor as _sfc_main } from "./index.js";
+import { TextEditor as a } from "./index.js";
 export {
-  _sfc_main as default
+  a as default
 };

package/dist/components/MessageInput/TextEditor/index.js

@@ -1,108 +1,73 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { createEditor } from "./EditorCore.js";
-import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-const disabled = "_disabled_ihh75_11";
-const editor = "_editor_ihh75_21";
-const styles = {
+import { defineComponent as F, ref as p, computed as g, onMounted as B, onUnmounted as k, watch as c, createElementBlock as f, openBlock as m, normalizeClass as d, unref as i, createElementVNode as _, renderSlot as h } from "vue";
+import { useUIKit as M } from "@tencentcloud/uikit-base-component-vue3";
+import { createEditor as S } from "./EditorCore.js";
+import { useMessageInputState as D } from "../../../states/MessageInputState/MessageInputState.js";
+import { useConversationListState as R } from "../../../states/ConversationListState/ConversationListState.js";
+const T = "_disabled_ihh75_11", U = "_editor_ihh75_21", o = {
   "input-wrapper": "_input-wrapper_ihh75_1",
-  disabled,
+  disabled: T,
   "input-prefix": "_input-prefix_ihh75_15",
   "input-suffix": "_input-suffix_ihh75_16",
-  editor
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+  editor: U
+}, K = /* @__PURE__ */ F({
   __name: "TextEditor",
   props: {
-    autoFocus: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
+    autoFocus: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
     placeholder: { default: "" }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const { activeConversation } = useConversationListState();
-    const { updateRawValue, sendMessage, setEditorInstance, setContent } = useMessageInputState();
-    const editorDomRef = ref(null);
-    const isFocused = ref(props.autoFocus);
-    const placeholderText = computed(() => props.disabled ? "" : props.placeholder || t("MessageInput.enter_a_message"));
-    let editorInstance = null;
-    onMounted(() => {
-      const element = editorDomRef.value;
-      if (!element) {
-        return;
-      }
-      element.classList.add("message-input");
-      if (!element.dataset.editorCreated) {
-        editorInstance = createEditor({
-          element,
-          placeholder: placeholderText.value,
-          autoFocus: props.autoFocus,
-          disabled: props.disabled,
-          onUpdate: (content) => {
-            updateRawValue(content);
-          },
-          onEnter: () => {
-            sendMessage();
-            setContent("");
-          },
-          onFocus: () => {
-            isFocused.value = true;
-          },
-          onBlur: () => {
-            isFocused.value = false;
-          }
-        });
-        element.dataset.editorCreated = "true";
-        setEditorInstance(editorInstance);
-      }
-    });
-    onUnmounted(() => {
-      const element = editorDomRef.value;
-      if (editorInstance && element) {
-        editorInstance.destroy();
-        element.removeAttribute("data-editor-created");
-        setEditorInstance(null);
-      }
-    });
-    watch(activeConversation, (newConversation, oldConversation) => {
-      if ((newConversation == null ? void 0 : newConversation.conversationID) !== (oldConversation == null ? void 0 : oldConversation.conversationID)) {
-        setContent("");
-      }
-    });
-    watch(() => props.disabled, (newDisabled) => {
-      if (editorInstance) {
-        editorInstance.setEditable(!newDisabled);
-        if (newDisabled) {
-          setContent("");
+  setup(b) {
+    const t = b, { t: x } = M(), { activeConversation: E } = R(), { updateRawValue: v, sendMessage: I, setEditorInstance: l, setContent: r } = D(), u = p(null), n = p(t.autoFocus), y = g(() => t.disabled ? "" : t.placeholder || x("MessageInput.enter_a_message"));
+    let s = null;
+    return B(() => {
+      const e = u.value;
+      e && (e.classList.add("message-input"), e.dataset.editorCreated || (s = S({
+        element: e,
+        placeholder: y.value,
+        autoFocus: t.autoFocus,
+        disabled: t.disabled,
+        onUpdate: (a) => {
+          v(a);
+        },
+        onEnter: () => {
+          I(), r("");
+        },
+        onFocus: () => {
+          n.value = !0;
+        },
+        onBlur: () => {
+          n.value = !1;
         }
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["input-wrapper"], props.disabled && unref(styles).disabled])
+      }), e.dataset.editorCreated = "true", l(s)));
+    }), k(() => {
+      const e = u.value;
+      s && e && (s.destroy(), e.removeAttribute("data-editor-created"), l(null));
+    }), c(E, (e, a) => {
+      (e == null ? void 0 : e.conversationID) !== (a == null ? void 0 : a.conversationID) && r("");
+    }), c(() => t.disabled, (e) => {
+      s && (s.setEditable(!e), e && r(""));
+    }), (e, a) => (m(), f("div", {
+      class: d([i(o)["input-wrapper"], t.disabled && i(o).disabled])
+    }, [
+      _("div", {
+        class: d(i(o)["input-prefix"])
+      }, [
+        h(e.$slots, "inputPrefix")
+      ], 2),
+      (m(), f("div", {
+        ref_key: "editorDomRef",
+        ref: u,
+        key: t.disabled ? "disabled" : "enabled",
+        class: d(i(o).editor)
+      }, null, 2)),
+      _("div", {
+        class: d(i(o)["input-suffix"])
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["input-prefix"])
-        }, [
-          renderSlot(_ctx.$slots, "inputPrefix")
-        ], 2),
-        (openBlock(), createElementBlock("div", {
-          ref_key: "editorDomRef",
-          ref: editorDomRef,
-          key: props.disabled ? "disabled" : "enabled",
-          class: normalizeClass(unref(styles)["editor"])
-        }, null, 2)),
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["input-suffix"])
-        }, [
-          renderSlot(_ctx.$slots, "inputSuffix")
-        ], 2)
-      ], 2);
-    };
+        h(e.$slots, "inputSuffix")
+      ], 2)
+    ], 2));
   }
 });
 export {
-  _sfc_main as TextEditor
+  K as TextEditor
 };

package/dist/components/MessageInput/VideoCallPicker/VideoCallPicker.js

@@ -0,0 +1,158 @@
+import { defineComponent as A, useCssModule as B, ref as M, computed as f, createBlock as O, openBlock as z, unref as t, withCtx as g, createElementVNode as N, createVNode as m, normalizeClass as I, renderSlot as $ } from "vue";
+import { useUIKit as F, IconVideoDefault as K, TUIDialog as X } from "@tencentcloud/uikit-base-component-vue3";
+import { c as Y } from "../../../index-DPczIrgX.js";
+import { View as Z } from "../../../baseComp/View/index.js";
+import { ConversationType as _ } from "../../../types/engine.js";
+import { startCall as k } from "../../../utils/call.js";
+import { UserPicker as j } from "../../UserPicker/index.js";
+import { useGroupSettingState as q } from "../../../states/GroupSettingState/GroupSettingState.js";
+import { useConversationListState as H } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as J } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = 2, Q = 80, W = 9, ee = 1, oe = /* @__PURE__ */ A({
+  __name: "VideoCallPicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(G) {
+    const s = G, n = B(), { t: i } = F(), { activeConversation: r } = H(), { allMembers: v, getGroupMemberList: P, memberCount: h } = q(), c = M(!1), u = M(), D = f(
+      () => {
+        var e;
+        return ((e = r.value) == null ? void 0 : e.type) === _.C2C;
+      }
+    ), E = f(
+      () => {
+        var e;
+        return ((e = v.value) == null ? void 0 : e.map((o) => ({
+          key: o.userID,
+          label: o.nick || o.userID,
+          avatarUrl: o.avatar
+        }))) ?? [];
+      }
+    ), L = f(() => !(!r.value || s.disabled));
+    function S() {
+      var e, o;
+      return (o = (e = r.value) == null ? void 0 : e.userProfile) == null ? void 0 : o.userID;
+    }
+    function U() {
+      const e = S();
+      if (!e) {
+        console.warn("No peer user ID found for private call");
+        return;
+      }
+      try {
+        k({
+          userIDList: [e],
+          chatGroupID: "",
+          type: y
+        });
+      } catch (o) {
+        console.error("Failed to start private video call:", o);
+      }
+    }
+    function C() {
+      var a, l;
+      if (((a = r.value) == null ? void 0 : a.type) !== _.GROUP)
+        return;
+      const e = ((l = v.value) == null ? void 0 : l.length) || 0, o = h.value || 0;
+      e < o && P({
+        count: Q,
+        offset: e
+      });
+    }
+    function R() {
+      C(), c.value = !0;
+    }
+    function p() {
+      c.value = !1;
+    }
+    function V() {
+      var l, b;
+      const e = (b = (l = r.value) == null ? void 0 : l.groupProfile) == null ? void 0 : b.groupID;
+      if (!u.value || !e) {
+        console.warn("Missing group information for group call");
+        return;
+      }
+      const o = u.value.getSelectedItems();
+      if (!Array.isArray(o) || o.length === 0) {
+        console.warn("No members selected for group call");
+        return;
+      }
+      const a = o.map((d) => d.key);
+      try {
+        k({
+          userIDList: a,
+          chatGroupID: e,
+          type: y
+        }), p();
+      } catch (d) {
+        console.error("Failed to start group video call:", d);
+      }
+    }
+    function w() {
+      if (!L.value) {
+        console.warn("Cannot start video call");
+        return;
+      }
+      D.value ? U() : R();
+    }
+    const x = () => {
+      var e;
+      ((e = r.value) == null ? void 0 : e.type) === _.GROUP && C();
+    }, T = () => V();
+    return (e, o) => (z(), O(t(Z), null, {
+      default: g(() => [
+        N("div", {
+          class: I(t(Y)(t(n)["video-call-picker__button"], {
+            [t(n).disabled]: s.disabled
+          })),
+          onClick: w
+        }, [
+          $(e.$slots, "default", {}, () => [
+            m(t(K), {
+              size: s.iconSize,
+              class: I(t(n)["video-call-picker__icon"])
+            }, null, 8, ["size", "class"])
+          ])
+        ], 2),
+        m(t(X), {
+          visible: c.value,
+          title: t(i)("MessageInput.select_call_members"),
+          cancelText: t(i)("MessageInput.cancel"),
+          cancel: p,
+          close: p,
+          confirmText: t(i)("MessageInput.initiate_call"),
+          confirm: T,
+          customClasses: ["group-call-dialog"],
+          appendTo: "body"
+        }, {
+          default: g(() => [
+            m(t(j), {
+              ref_key: "groupMemberPickerRef",
+              ref: u,
+              "display-mode": "list",
+              "data-source": E.value,
+              "max-count": W,
+              "min-count": ee,
+              class: "group-member-picker",
+              style: { width: "100%" },
+              onReachEnd: x
+            }, null, 8, ["data-source"])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "cancelText", "confirmText"])
+      ]),
+      _: 3
+    }));
+  }
+}), te = "_disabled_18fa2_16", re = {
+  "video-call-picker__button": "_video-call-picker__button_18fa2_1",
+  disabled: te,
+  "video-call-picker__icon": "_video-call-picker__icon_18fa2_22"
+}, le = {
+  $style: re
+}, _e = /* @__PURE__ */ J(oe, [["__cssModules", le]]);
+export {
+  _e as default
+};

package/dist/components/MessageInput/VideoCallPicker/VideoCallPicker.vue.d.ts

@@ -0,0 +1,45 @@
+interface VideoCallPickerProps {
+    label?: string;
+    iconSize?: number;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VideoCallPickerProps>, {
+    label: string;
+    iconSize: number;
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VideoCallPickerProps>, {
+    label: string;
+    iconSize: number;
+    disabled: boolean;
+}>>> & Readonly<{}>, {
+    label: string;
+    disabled: boolean;
+    iconSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/VideoCallPicker/index.d.ts

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

package/dist/components/MessageInput/VideoCallPicker/index.js

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

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

@@ -8,5 +8,9 @@ declare const MessageInput: {
     unknown: string;
     enter_a_message: string;
     send: string;
+    select_call_members: string;
+    cancel: string;
+    confirm: string;
+    initiate_call: string;
 };
 export default MessageInput;

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

@@ -1,4 +1,4 @@
-const MessageInput = {
+const e = {
   file: "File",
   image: "Image",
   video: "Video",
@@ -7,8 +7,12 @@ const MessageInput = {
   custom_message: "Custom Message",
   unknown: "Unknown",
   enter_a_message: "Enter a message",
-  send: "Send"
+  send: "Send",
+  select_call_members: "Select call members",
+  cancel: "Cancel",
+  confirm: "Confirm",
+  initiate_call: "Initiate call"
 };
 export {
-  MessageInput as default
+  e as default
 };

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

@@ -9,6 +9,10 @@ export declare const resources: {
         unknown: string;
         enter_a_message: string;
         send: string;
+        select_call_members: string;
+        cancel: string;
+        confirm: string;
+        initiate_call: string;
     };
     'zh-CN': {
         file: string;

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

@@ -1,9 +1,9 @@
-import MessageInput from "./en-US.js";
-import MessageInput$1 from "./zh-CN.js";
-const resources = {
-  "en-US": MessageInput,
-  "zh-CN": MessageInput$1
+import e from "./en-US.js";
+import o from "./zh-CN.js";
+const t = {
+  "en-US": e,
+  "zh-CN": o
 };
 export {
-  resources
+  t as resources
 };

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

@@ -1,4 +1,4 @@
-const MessageInput = {
+const e = {
   file: "文件",
   image: "图片",
   video: "视频",
@@ -10,5 +10,5 @@ const MessageInput = {
   send: "发送"
 };
 export {
-  MessageInput as default
+  e as default
 };