tuikit-atomicx-vue3 3.3.4 → 3.4.1

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

@@ -0,0 +1,155 @@
+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 { 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({
+  __name: "AudioCallPicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    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(
+      () => {
+        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));
+    function E() {
+      var o, r;
+      const e = (r = (o = a.value) == null ? void 0 : o.userProfile) == null ? void 0 : r.userID;
+      if (!e) {
+        console.warn("No peer user ID found for private call");
+        return;
+      }
+      try {
+        k({
+          userIDList: [e],
+          chatGroupID: void 0,
+          type: y
+        });
+      } catch (l) {
+        console.error("Failed to start private audio call:", l);
+      }
+    }
+    function v() {
+      var r, l;
+      if (((r = a.value) == null ? void 0 : r.type) !== _.GROUP)
+        return;
+      const e = ((l = C.value) == null ? void 0 : l.length) || 0, o = D.value || 0;
+      e < o && h({
+        count: J,
+        offset: e
+      });
+    }
+    function L() {
+      v(), 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;
+      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 r = o.map((d) => d.key);
+      try {
+        k({
+          userIDList: r,
+          chatGroupID: e,
+          type: y
+        }), p();
+      } catch (d) {
+        console.error("Failed to start group audio call:", d);
+      }
+    }
+    function U() {
+      if (!A.value) {
+        console.warn("Cannot start audio call");
+        return;
+      }
+      P.value ? E() : L();
+    }
+    const R = () => {
+      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
+          })),
+          onClick: U
+        }, [
+          V(e.$slots, "default", {}, () => [
+            m(t(F), {
+              size: s.iconSize,
+              class: I(t(n)["audio-call-picker__icon"])
+            }, null, 8, ["size", "class"])
+          ])
+        ], 2),
+        m(t(K), {
+          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: w,
+          customClasses: ["group-call-dialog"],
+          appendTo: "body"
+        }, {
+          default: M(() => [
+            m(t(Z), {
+              ref_key: "groupMemberPickerRef",
+              ref: u,
+              "display-mode": "list",
+              "data-source": x.value,
+              "max-count": Q,
+              "min-count": W,
+              class: "group-member-picker",
+              style: { width: "100%" },
+              onReachEnd: R
+            }, null, 8, ["data-source"])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "cancelText", "confirmText"])
+      ]),
+      _: 3
+    }));
+  }
+}), oe = "_disabled_1xb1g_16", te = {
+  "audio-call-picker__button": "_audio-call-picker__button_1xb1g_1",
+  disabled: oe,
+  "audio-call-picker__icon": "_audio-call-picker__icon_1xb1g_22"
+}, re = {
+  $style: te
+}, me = /* @__PURE__ */ H(ee, [["__cssModules", re]]);
+export {
+  me as default
+};

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

@@ -0,0 +1,45 @@
+interface AudioCallPickerProps {
+    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<AudioCallPickerProps>, {
+    label: string;
+    iconSize: number;
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AudioCallPickerProps>, {
+    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/AudioCallPicker/index.d.ts

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

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

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

package/dist/components/MessageInput/EmojiPicker/EmojiPicker.js

@@ -1,107 +1,119 @@
-import { defineComponent, onMounted, createElementBlock, openBlock, createVNode, unref, withCtx, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList } from "vue";
-import { useUIKit, IconEmoji } from "@tencentcloud/uikit-base-component-vue3";
-import { P as PopoverRoot_default, a as PopoverTrigger_default, b as PopoverPortal_default, c as PopoverContent_default } from "../../../PopoverTrigger-BKOIHfdS.js";
-import { emojiUrlMap, emojiBaseUrl } from "../../../constants/emoji.js";
-import { transformTextWithEmojiKeyToName } from "../../../utils/emoji.js";
-import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
-import { MessageContentType } from "../../../states/MessageInputState/type.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const styles = {
-  "emoji-picker__icon": "_emoji-picker__icon_b0gby_1",
-  "emoji-picker__list": "_emoji-picker__list_b0gby_5",
-  "emoji-picker__list-item": "_emoji-picker__list-item_b0gby_16"
-};
-const _hoisted_1 = { class: "flex flex-col gap-2.5" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["src", "alt"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as g, ref as C, useCssModule as E, onMounted as P, createElementBlock as _, openBlock as d, createVNode as s, unref as e, withCtx as n, createElementVNode as r, mergeProps as h, renderSlot as x, normalizeClass as a, Fragment as M, renderList as I } from "vue";
+import { useUIKit as z, IconEmoji as O } from "@tencentcloud/uikit-base-component-vue3";
+import { c as T } from "../../../index-DPczIrgX.js";
+import { P as $, a as y, b as B, c as S } from "../../../PopoverTrigger-L8abAry7.js";
+import { emojiUrlMap as c, emojiBaseUrl as m } from "../../../constants/emoji.js";
+import { transformTextWithEmojiKeyToName as U } from "../../../utils/emoji.js";
+import { useMessageInputState as N } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType as w } from "../../../states/MessageInputState/type.js";
+import { _ as V } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const A = ["onClick"], F = ["src", "alt"], J = /* @__PURE__ */ g({
+  name: "EmojiPicker",
+  inheritAttrs: !1,
   __name: "EmojiPicker",
   props: {
-    triggerStyle: {},
-    disabled: { type: Boolean }
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const { insertContent } = useMessageInputState();
-    onMounted(() => {
-      Object.values(emojiUrlMap).forEach((url) => {
-        const img = new Image();
-        img.src = emojiBaseUrl + url;
+  setup(f) {
+    const i = f, p = C(!1), o = E(), { t: k } = z(), { insertContent: j } = N();
+    P(() => {
+      Object.values(c).forEach((t) => {
+        const u = new Image();
+        u.src = m + t;
       });
     });
-    function insertEmojiToInput(emojiKey) {
-      if (emojiKey) {
-        insertContent([
-          {
-            type: MessageContentType.EMOJI,
-            content: {
-              url: emojiBaseUrl + emojiUrlMap[emojiKey],
-              key: emojiKey,
-              text: transformTextWithEmojiKeyToName(emojiKey)
-            }
+    const b = (t) => {
+      i.disabled || (p.value = t);
+    };
+    function v(t) {
+      t && j([
+        {
+          type: w.EMOJI,
+          content: {
+            url: m + c[t],
+            key: t,
+            text: U(t)
           }
-        ]);
-      }
+        }
+      ]);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(unref(PopoverRoot_default), null, {
-          default: withCtx(() => [
-            createVNode(unref(PopoverTrigger_default), {
-              as: "span",
-              style: normalizeStyle(_ctx.triggerStyle),
-              class: normalizeClass([props.disabled && "disabled"])
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(IconEmoji), {
-                  class: normalizeClass(unref(styles)["emoji-picker__icon"]),
-                  size: "24"
-                }, null, 8, ["class"])
-              ]),
-              _: 1
-            }, 8, ["style", "class"]),
-            createVNode(unref(PopoverPortal_default), null, {
-              default: withCtx(() => [
-                createVNode(unref(PopoverContent_default), {
-                  side: "top",
-                  align: "start",
-                  "side-offset": 5
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_1, [
-                      createElementVNode("div", {
-                        class: normalizeClass(unref(styles)["emoji-picker__list"])
+    return (t, u) => (d(), _("div", null, [
+      s(e($), {
+        open: p.value,
+        "onUpdate:open": b
+      }, {
+        default: n(() => [
+          s(e(y), {
+            as: "div",
+            disabled: i.disabled
+          }, {
+            default: n(() => [
+              r("div", h({
+                "data-test": "test",
+                class: e(T)(
+                  e(o)["emoji-picker__button"],
+                  {
+                    [e(o).disabled]: i.disabled
+                  }
+                )
+              }, t.$attrs), [
+                x(t.$slots, "default", {}, () => [
+                  s(e(O), {
+                    class: a(e(o)["emoji-picker__icon"]),
+                    size: i.iconSize
+                  }, null, 8, ["class", "size"])
+                ])
+              ], 16)
+            ]),
+            _: 3
+          }, 8, ["disabled"]),
+          s(e(B), null, {
+            default: n(() => [
+              s(e(S), {
+                side: "top",
+                align: "start",
+                "side-offset": 5
+              }, {
+                default: n(() => [
+                  r("div", null, [
+                    r("div", {
+                      class: a(e(o)["emoji-picker__list"])
+                    }, [
+                      (d(!0), _(M, null, I(Object.keys(e(c)), (l) => (d(), _("div", {
+                        key: l,
+                        class: a(e(o)["emoji-picker__list-item"]),
+                        onClick: (q) => v(l)
                       }, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(unref(emojiUrlMap)), (emojiKey) => {
-                          return openBlock(), createElementBlock("div", {
-                            key: emojiKey,
-                            class: normalizeClass(unref(styles)["emoji-picker__list-item"]),
-                            onClick: ($event) => insertEmojiToInput(emojiKey)
-                          }, [
-                            createElementVNode("img", {
-                              class: normalizeClass(unref(styles)["emoji-picker__list-item"]),
-                              src: unref(emojiBaseUrl) + unref(emojiUrlMap)[emojiKey],
-                              alt: unref(t)(`Emoji.${emojiKey}`)
-                            }, null, 10, _hoisted_3)
-                          ], 10, _hoisted_2);
-                        }), 128))
-                      ], 2)
-                    ])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
+                        r("img", {
+                          class: a(e(o)["emoji-picker__list-item"]),
+                          src: e(m) + e(c)[l],
+                          alt: e(k)(`Emoji.${l}`)
+                        }, null, 10, F)
+                      ], 10, A))), 128))
+                    ], 2)
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      }, 8, ["open"])
+    ]));
   }
-});
-const EmojiPickerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01fb363c"]]);
+}), L = "_disabled_kxj4t_16", R = {
+  "emoji-picker__button": "_emoji-picker__button_kxj4t_1",
+  disabled: L,
+  "emoji-picker__icon": "_emoji-picker__icon_kxj4t_22",
+  "emoji-picker__list": "_emoji-picker__list_kxj4t_25",
+  "emoji-picker__list-item": "_emoji-picker__list-item_kxj4t_36"
+}, W = {
+  $style: R
+}, te = /* @__PURE__ */ V(J, [["__cssModules", W]]);
 export {
-  EmojiPickerComponent as default
+  te as default
 };

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

@@ -1,10 +1,25 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    triggerStyle?: Record<string, any>;
+interface EmojiPickerProps {
+    label?: string;
+    iconSize?: number;
     disabled?: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    triggerStyle?: Record<string, any>;
-    disabled?: boolean;
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EmojiPickerProps>, {
+    label: string;
+    iconSize: number;
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EmojiPickerProps>, {
+    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> = {
@@ -15,3 +30,16 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         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/EmojiPicker/index.js

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

package/dist/components/MessageInput/MessageInput.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../MessageInput.vue_vue_type_script_setup_true_lang-wUJPjWbx.js";
+import { _ as f } from "../../MessageInput.vue_vue_type_script_setup_true_lang-D1G-LitO.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/dist/components/MessageInput/QuotedMessagePreview/QuotedMessagePreview.js

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