tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/components/MessageInput/AudioCallPicker/AudioCallPicker.js

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

package/dist/components/MessageInput/MessageInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../MessageInput.vue_vue_type_script_setup_true_lang-D9jiYNFu.js";
+import { _ as f } from "../../MessageInput.vue_vue_type_script_setup_true_lang-jPzZ5INK.js";
 export {
   f as default
 };

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

@@ -14,6 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: boolean;
     hideSendButton: boolean;
     placeholder: undefined;
+    maxLength: undefined;
     attachmentPickerMode: string;
     actions: () => string[];
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageInputProps>, {
@@ -21,12 +22,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: boolean;
     hideSendButton: boolean;
     placeholder: undefined;
+    maxLength: undefined;
     attachmentPickerMode: string;
     actions: () => string[];
 }>>> & Readonly<{}>, {
-    placeholder: string;
     disabled: boolean;
+    placeholder: string;
     autoFocus: boolean;
+    maxLength: number;
     actions: import('./types').MessageInputActions;
     attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
     hideSendButton: boolean;

package/dist/components/MessageInput/TextEditor/EditorCore.d.ts

@@ -6,12 +6,13 @@ interface EditorOptions {
     placeholder?: string;
     autoFocus?: boolean;
     disabled?: boolean;
+    maxLength?: number;
     isPlaceholderOnlyShowWhenEditable?: boolean;
     onUpdate?: (content: InputContent[]) => void;
     onEnter?: () => void;
     onFocus?: () => void;
     onBlur?: () => void;
 }
-declare function createEditor({ element, placeholder, autoFocus, disabled, isPlaceholderOnlyShowWhenEditable, onUpdate, onEnter, onFocus, onBlur, }: EditorOptions): Editor;
+declare function createEditor({ element, placeholder, autoFocus, disabled, isPlaceholderOnlyShowWhenEditable, maxLength, onUpdate, onEnter, onFocus, onBlur, }: EditorOptions): Editor;
 export { createEditor, };
 export type { Editor, };

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

@@ -1,9 +1,12 @@
-import { S as x, P as d, E as y, I as o } from "../../../index-DTi1fL-x.js";
-import { E as M } from "../../../index-BfIEeWMg.js";
-import { MessageContentType as n } from "../../../states/MessageInputState/type.js";
+import { I as x } from "../../../index-7vNB_Vx8.js";
+import { S as y, P as d, E as M } from "../../../index-ZILx4LYk.js";
+import { CharacterCount as b } from "./extensions/characterCountExtension.js";
+import { createImageExtension as p } from "./extensions/imageExtension.js";
+import { E as I } from "../../../index-Do-2CngU.js";
+import { MessageContentType as r } from "../../../states/MessageInputState/type.js";
 function T() {
-  return o.extend({
-    name: n.EMOJI,
+  return x.extend({
+    name: r.EMOJI,
     inline: !0,
     group: "inline",
     draggable: !0,
@@ -18,34 +21,8 @@ function T() {
     }
   });
 }
-function b() {
-  return o.extend({
-    addOptions() {
-      var t;
-      return {
-        ...(t = this.parent) == null ? void 0 : t.call(this),
-        HTMLAttributes: {
-          class: "message-image"
-        }
-      };
-    },
-    addAttributes() {
-      var t;
-      return {
-        ...(t = this.parent) == null ? void 0 : t.call(this),
-        fileData: {
-          default: null,
-          parseHTML: (e) => e.getAttribute("file-data"),
-          renderHTML: (e) => e.fileData ? { "file-data": e.fileData } : {}
-        }
-      };
-    }
-  }).configure({
-    inline: !0
-  });
-}
-function p(t) {
-  return M.create({
+function C(t) {
+  return I.create({
     addKeyboardShortcuts() {
       return {
         Enter: () => {
@@ -59,30 +36,30 @@ function p(t) {
 }
 function c(t) {
   return t != null && t.content ? t.content.flatMap((e) => {
-    var a, s, u, r;
+    var n, a, s, o;
     switch (e.type) {
       case "text":
         return e.text ? [{
-          type: n.TEXT,
+          type: r.TEXT,
           content: e.text
         }] : [];
       case "image":
         return [{
-          type: n.IMAGE,
-          content: (a = e.attrs) == null ? void 0 : a.fileData
+          type: r.IMAGE,
+          content: (n = e.attrs) == null ? void 0 : n.fileData
         }];
       case "emoji":
         return [{
-          type: n.EMOJI,
+          type: r.EMOJI,
           content: {
-            url: (s = e.attrs) == null ? void 0 : s.src,
-            key: (u = e.attrs) == null ? void 0 : u.alt,
-            text: (r = e.attrs) == null ? void 0 : r.title
+            url: (a = e.attrs) == null ? void 0 : a.src,
+            key: (s = e.attrs) == null ? void 0 : s.alt,
+            text: (o = e.attrs) == null ? void 0 : o.title
           }
         }];
       case "hardBreak":
         return [{
-          type: n.TEXT,
+          type: r.TEXT,
           content: `
 `
         }];
@@ -91,40 +68,49 @@ function c(t) {
     }
   }) : [];
 }
-function D({
+function J({
   element: t,
   placeholder: e = "",
-  autoFocus: a = !1,
-  disabled: s = !1,
-  isPlaceholderOnlyShowWhenEditable: u = !0,
-  onUpdate: r,
+  autoFocus: n = !1,
+  disabled: a = !1,
+  isPlaceholderOnlyShowWhenEditable: s = !0,
+  maxLength: o = void 0,
+  onUpdate: u,
   onEnter: f,
-  onFocus: E,
-  onBlur: l
+  onFocus: m,
+  onBlur: E
 }) {
-  const m = {
+  const l = {
     element: t,
-    autofocus: a,
-    editable: !s,
+    autofocus: n,
+    editable: !a,
     extensions: ((i) => [
-      x,
-      p(i ? { onEnter: i } : void 0),
+      y.configure({
+        bold: !1,
+        italic: !1,
+        strike: !1,
+        code: !1
+      }),
+      b.configure({
+        limit: o
+      }),
+      C(i ? { onEnter: i } : void 0),
       T(),
-      b(),
+      p(),
       d.configure({
         placeholder: e,
-        showOnlyWhenEditable: u
+        showOnlyWhenEditable: s
       })
     ])(f),
     onUpdate: ({ editor: i }) => {
       const g = c(i.getJSON());
-      r == null || r(g);
+      u == null || u(g);
     },
-    onFocus: E,
-    onBlur: l
+    onFocus: m,
+    onBlur: E
   };
-  return new y(m);
+  return new M(l);
 }
 export {
-  D as createEditor
+  J as createEditor
 };

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

@@ -2,6 +2,7 @@ interface TextEditorProps {
     autoFocus?: boolean;
     disabled?: boolean;
     placeholder?: string;
+    maxLength?: number;
 }
 declare function __VLS_template(): {
     inputPrefix?(_: {}): any;
@@ -11,14 +12,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     autoFocus: boolean;
     disabled: boolean;
     placeholder: undefined;
+    maxLength: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
     autoFocus: boolean;
     disabled: boolean;
     placeholder: undefined;
+    maxLength: undefined;
 }>>> & Readonly<{}>, {
-    placeholder: string;
     disabled: boolean;
+    placeholder: string;
     autoFocus: boolean;
+    maxLength: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/MessageInput/TextEditor/extensions/characterCountExtension.d.ts

@@ -0,0 +1,19 @@
+import { Extension } from '@tiptap/vue-3';
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+
+interface CharacterCountOptions {
+    limit: number | null | undefined;
+    textCounter: (text: string) => number;
+    wordCounter: (text: string) => number;
+}
+interface CharacterCountStorage {
+    characters: (options?: {
+        node?: ProseMirrorNode;
+        mode?: 'textSize' | 'nodeSize';
+    }) => number;
+    words: (options?: {
+        node?: ProseMirrorNode;
+    }) => number;
+}
+declare const CharacterCount: Extension<CharacterCountOptions, CharacterCountStorage>;
+export { CharacterCount, };

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

@@ -0,0 +1,74 @@
+import { E as l, P as f, a as h } from "../../../../index-Do-2CngU.js";
+function g(e) {
+  if (typeof Intl < "u" && "Segmenter" in Intl) {
+    const r = new Intl.Segmenter("en", { granularity: "grapheme" });
+    return Array.from(r.segment(e)).length;
+  }
+  return [...e].length;
+}
+const p = l.create({
+  name: "characterCount",
+  addOptions() {
+    return {
+      limit: null,
+      textCounter: (e) => e.length,
+      wordCounter: (e) => e.split(" ").filter((r) => r !== "").length
+    };
+  },
+  addStorage() {
+    return {
+      characters: () => 0,
+      words: () => 0
+    };
+  },
+  onBeforeCreate() {
+    this.storage.characters = (e) => {
+      const r = (e == null ? void 0 : e.node) || this.editor.state.doc;
+      let s = 0;
+      return r.descendants((t) => {
+        t.isText && t.text ? s += g(t.text) : t.type.name === "emoji" && (s += 1);
+      }), s;
+    }, this.storage.words = (e) => {
+      const r = (e == null ? void 0 : e.node) || this.editor.state.doc, s = r.textBetween(0, r.content.size, " ", " ");
+      return this.options.wordCounter(s);
+    };
+  },
+  addProseMirrorPlugins() {
+    let e = !1;
+    return [
+      new f({
+        key: new h("characterCount"),
+        appendTransaction: (r, s, t) => {
+          if (e)
+            return;
+          const { limit: n } = this.options;
+          if (n == null || n === 0) {
+            e = !0;
+            return;
+          }
+          const o = this.storage.characters({ node: t.doc });
+          if (o > n) {
+            const c = o - n, a = 0, u = c, i = t.tr.deleteRange(a, u);
+            return e = !0, i;
+          }
+          e = !0;
+        },
+        filterTransaction: (r, s) => {
+          const { limit: t } = this.options;
+          if (!r.docChanged || t === 0 || t === null || t === void 0)
+            return !0;
+          const n = this.storage.characters({ node: s.doc }), o = this.storage.characters({ node: r.doc }), c = r.getMeta("paste");
+          if (o <= t || n > t && o > t && o <= n)
+            return !0;
+          if (n > t && o > t && o > n || !c)
+            return !1;
+          const { pos: a } = r.selection.$head, u = o - t, i = a - u, d = a;
+          return !(i < 0 || (r.deleteRange(i, d), this.storage.characters({ node: r.doc }) > t));
+        }
+      })
+    ];
+  }
+});
+export {
+  p as CharacterCount
+};

package/dist/components/MessageInput/TextEditor/extensions/imageExtension.d.ts

@@ -0,0 +1,2 @@
+declare function createImageExtension(): import('@tiptap/core').Node<import('@tiptap/extension-image').ImageOptions, any>;
+export { createImageExtension, };

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

@@ -0,0 +1,62 @@
+import { I as g } from "../../../../index-7vNB_Vx8.js";
+import { P as m, a as f } from "../../../../index-Do-2CngU.js";
+function I() {
+  return g.extend({
+    addOptions() {
+      var e;
+      return {
+        ...(e = this.parent) == null ? void 0 : e.call(this),
+        HTMLAttributes: {
+          class: "message-image"
+        }
+      };
+    },
+    addAttributes() {
+      var e;
+      return {
+        ...(e = this.parent) == null ? void 0 : e.call(this),
+        fileData: {
+          default: null,
+          parseHTML: () => null,
+          renderHTML: () => ({})
+        }
+      };
+    },
+    addProseMirrorPlugins() {
+      return [
+        new m({
+          key: new f("imagePaste"),
+          props: {
+            handlePaste: (e, l) => {
+              var i;
+              const s = Array.from(((i = l.clipboardData) == null ? void 0 : i.items) || []).filter((a) => a.type.indexOf("image") === 0);
+              return s.length === 0 ? !1 : (s.forEach((a) => {
+                const r = a.getAsFile();
+                if (r) {
+                  const t = new FileReader();
+                  t.onload = (n) => {
+                    var o;
+                    const d = (o = n.target) == null ? void 0 : o.result, c = e.state.schema.nodes.image.create({
+                      src: d,
+                      fileData: r
+                    }), u = e.state.tr.replaceSelectionWith(c);
+                    e.dispatch(u);
+                  }, t.onerror = (n) => {
+                    console.error("[MessageInput]::Failed to read image file:", n);
+                  }, t.onabort = () => {
+                    console.warn("[MessageInput]::Image file reading was aborted.");
+                  }, t.readAsDataURL(r);
+                }
+              }), !0);
+            }
+          }
+        })
+      ];
+    }
+  }).configure({
+    inline: !0
+  });
+}
+export {
+  I as createImageExtension
+};