tuikit-atomicx-vue3 3.3.4 → 3.4.2

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
 };

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

@@ -1,91 +1,77 @@
-import { defineComponent, watch, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createElementVNode, createVNode, toDisplayString } from "vue";
-import TencentCloudChat from "@tencentcloud/chat";
-import { useUIKit, IconClose } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageActionState } from "../../../states/MessageActionState/MessageActionState.js";
-import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-const quoted__message__preview = "_quoted__message__preview_1u7zw_1";
-const quoted__message__preview__content = "_quoted__message__preview__content_1u7zw_15";
-const quoted__message__preview__close = "_quoted__message__preview__close_1u7zw_44";
-const styles = {
-  quoted__message__preview,
+import { defineComponent as w, watch as i, createElementBlock as v, createCommentVNode as q, unref as e, openBlock as M, normalizeClass as o, createElementVNode as r, createVNode as S, toDisplayString as d } from "vue";
+import t from "@tencentcloud/chat";
+import { useUIKit as f, IconClose as I } from "@tencentcloud/uikit-base-component-vue3";
+import { useMessageActionState as E } from "../../../states/MessageActionState/MessageActionState.js";
+import { useMessageInputState as C } from "../../../states/MessageInputState/MessageInputState.js";
+import { useConversationListState as T } from "../../../states/ConversationListState/ConversationListState.js";
+const z = "_quoted__message__preview_1u7zw_1", P = "_quoted__message__preview__content_1u7zw_15", h = "_quoted__message__preview__close_1u7zw_44", n = {
+  quoted__message__preview: z,
   "slide-in": "_slide-in_1u7zw_1",
-  quoted__message__preview__content,
+  quoted__message__preview__content: P,
   "quoted__message__preview__content--header": "_quoted__message__preview__content--header_1u7zw_23",
   "quoted__message__preview__content--title": "_quoted__message__preview__content--title_1u7zw_29",
   "quoted__message__preview__content--text": "_quoted__message__preview__content--text_1u7zw_34",
-  quoted__message__preview__close
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+  quoted__message__preview__close: h
+}, N = /* @__PURE__ */ w({
   __name: "QuotedMessagePreview",
-  setup(__props) {
-    const { t } = useUIKit();
-    const { activeConversation } = useConversationListState();
-    const { focusEditor } = useMessageInputState();
-    const { quotedMessage, clearQuotedMessage } = useMessageActionState();
-    watch(quotedMessage, (newVal) => {
-      if (newVal) {
-        focusEditor();
-      }
-    });
-    watch(activeConversation, () => {
-      clearQuotedMessage();
+  setup(G) {
+    const { t: _ } = f(), { activeConversation: p } = T(), { focusEditor: m } = C(), { quotedMessage: a, clearQuotedMessage: u } = E();
+    i(a, (s) => {
+      s && m();
+    }), i(p, () => {
+      u();
     });
-    const handleClose = () => {
-      clearQuotedMessage();
-    };
-    const calculateReferenceContent = (message) => {
-      var _a;
-      if (!message) {
+    const l = () => {
+      u();
+    }, g = (s) => {
+      var c;
+      if (!s)
         return "no reference";
-      }
-      switch (message.type) {
-        case TencentCloudChat.TYPES.MSG_TEXT:
-          return (_a = message.payload) == null ? void 0 : _a.text;
-        case TencentCloudChat.TYPES.MSG_IMAGE:
-          return t("MessageInput.image");
-        case TencentCloudChat.TYPES.MSG_AUDIO:
-          return t("MessageInput.audio");
-        case TencentCloudChat.TYPES.MSG_VIDEO:
-          return t("MessageInput.video");
-        case TencentCloudChat.TYPES.MSG_FILE:
-          return t("MessageInput.file");
-        case TencentCloudChat.TYPES.MSG_LOCATION:
-          return t("MessageInput.location");
-        case TencentCloudChat.TYPES.MSG_CUSTOM:
-          return t("MessageInput.custom_message");
+      switch (s.type) {
+        case t.TYPES.MSG_TEXT:
+          return (c = s.payload) == null ? void 0 : c.text;
+        case t.TYPES.MSG_IMAGE:
+          return _("MessageInput.image");
+        case t.TYPES.MSG_AUDIO:
+          return _("MessageInput.audio");
+        case t.TYPES.MSG_VIDEO:
+          return _("MessageInput.video");
+        case t.TYPES.MSG_FILE:
+          return _("MessageInput.file");
+        case t.TYPES.MSG_LOCATION:
+          return _("MessageInput.location");
+        case t.TYPES.MSG_CUSTOM:
+          return _("MessageInput.custom_message");
         default:
-          return t("MessageInput.unknown");
+          return _("MessageInput.unknown");
       }
     };
-    return (_ctx, _cache) => {
-      return unref(quotedMessage) ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(unref(styles)["quoted__message__preview"])
+    return (s, c) => e(a) ? (M(), v("div", {
+      key: 0,
+      class: o(e(n).quoted__message__preview)
+    }, [
+      r("div", {
+        class: o(e(n).quoted__message__preview__content)
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["quoted__message__preview__content"])
+        r("div", {
+          class: o(e(n)["quoted__message__preview__content--header"])
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["quoted__message__preview__content--header"])
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(unref(styles)["quoted__message__preview__content--title"])
-            }, toDisplayString(unref(quotedMessage).nick || unref(quotedMessage).from), 3)
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["quoted__message__preview__content--text"])
-          }, toDisplayString(calculateReferenceContent(unref(quotedMessage))), 3)
+          r("div", {
+            class: o(e(n)["quoted__message__preview__content--title"])
+          }, d(e(a).nick || e(a).from), 3)
         ], 2),
-        createVNode(unref(IconClose), {
-          class: normalizeClass(unref(styles)["quoted__message__preview__close"]),
-          size: "16",
-          onClick: handleClose
-        }, null, 8, ["class"])
-      ], 2)) : createCommentVNode("", true);
-    };
+        r("div", {
+          class: o(e(n)["quoted__message__preview__content--text"])
+        }, d(g(e(a))), 3)
+      ], 2),
+      S(e(I), {
+        class: o(e(n).quoted__message__preview__close),
+        size: "16",
+        onClick: l
+      }, null, 8, ["class"])
+    ], 2)) : q("", !0);
   }
 });
 export {
-  _sfc_main as QuotedMessagePreview
+  N as QuotedMessagePreview
 };

package/dist/components/MessageInput/SendButton/SendButton.js

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

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

@@ -1,35 +1,30 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
-import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as s, createBlock as c, openBlock as r, unref as o, withCtx as a, createTextVNode as u, toDisplayString as l } from "vue";
+import { useUIKit as p, TUIButton as m } from "@tencentcloud/uikit-base-component-vue3";
+const C = /* @__PURE__ */ s({
   __name: "SendButton",
   props: {
     onClick: { type: Function },
     disabled: { type: Boolean }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    function onSendButtonClick(e) {
-      if (!props.disabled && props.onClick) {
-        props.onClick(e);
-      }
+  setup(t) {
+    const e = t, { t: i } = p();
+    function d(n) {
+      !e.disabled && e.onClick && e.onClick(n);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TUIButton), {
-        type: "primary",
-        radius: "round",
-        size: "medium",
-        disabled: _ctx.disabled,
-        onClick: onSendButtonClick
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(unref(t)("MessageInput.send")), 1)
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
+    return (n, f) => (r(), c(o(m), {
+      type: "primary",
+      radius: "round",
+      size: "medium",
+      disabled: t.disabled,
+      onClick: d
+    }, {
+      default: a(() => [
+        u(l(o(i)("MessageInput.send")), 1)
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
   }
 });
 export {
-  _sfc_main as SendButton
+  C as SendButton
 };