tuikit-atomicx-vue3 3.3.3 → 3.4.1

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

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-ex2Jv3Tj.js";
-import { E as Extension } from "../../../index-t9cbWbGG.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-D-KJvDvy.js";
+import { E as M } from "../../../index-D88ja_7_.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
 };