tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/BarrageInput/TextEditor/CharacterCountExtension.js

@@ -1,11 +1,11 @@
-import { E as Extension, P as Plugin, a as PluginKey } from "../../../index-BPFJrNlA.js";
-const CharacterCount = Extension.create({
+import { E as l, P as h, a as f } from "../../../index-D2OVtqc8.js";
+const m = l.create({
   name: "characterCount",
   addOptions() {
     return {
       limit: null,
-      textCounter: (text) => text.length,
-      wordCounter: (text) => text.split(" ").filter((word) => word !== "").length
+      textCounter: (e) => e.length,
+      wordCounter: (e) => e.split(" ").filter((t) => t !== "").length
     };
   },
   addStorage() {
@@ -15,79 +15,51 @@ const CharacterCount = Extension.create({
     };
   },
   onBeforeCreate() {
-    this.storage.characters = (options) => {
-      const node = (options == null ? void 0 : options.node) || this.editor.state.doc;
-      return node.nodeSize;
-    };
-    this.storage.words = (options) => {
-      const node = (options == null ? void 0 : options.node) || this.editor.state.doc;
-      const text = node.textBetween(0, node.content.size, " ", " ");
-      return this.options.wordCounter(text);
+    this.storage.characters = (e) => ((e == null ? void 0 : e.node) || this.editor.state.doc).nodeSize, this.storage.words = (e) => {
+      const t = (e == null ? void 0 : e.node) || this.editor.state.doc, s = t.textBetween(0, t.content.size, " ", " ");
+      return this.options.wordCounter(s);
     };
   },
   addProseMirrorPlugins() {
-    let initialEvaluationDone = false;
+    let e = !1;
     return [
-      new Plugin({
-        key: new PluginKey("characterCount"),
-        appendTransaction: (transactions, oldState, newState) => {
-          if (initialEvaluationDone) {
+      new h({
+        key: new f("characterCount"),
+        appendTransaction: (t, s, r) => {
+          if (e)
             return;
-          }
-          const { limit } = this.options;
-          if (limit === null || limit === void 0 || limit === 0) {
-            initialEvaluationDone = true;
+          const { limit: n } = this.options;
+          if (n == null || n === 0) {
+            e = !0;
             return;
           }
-          const initialContentSize = this.storage.characters({ node: newState.doc });
-          if (initialContentSize > limit) {
-            const over = initialContentSize - limit;
-            const from = 0;
-            const to = over;
+          const o = this.storage.characters({ node: r.doc });
+          if (o > n) {
+            const d = o - n, a = 0, i = d;
             console.warn(
-              `[CharacterCount] Initial content exceeded limit of ${limit} characters. Content was automatically trimmed.`
+              `[CharacterCount] Initial content exceeded limit of ${n} characters. Content was automatically trimmed.`
             );
-            const tr = newState.tr.deleteRange(from, to);
-            initialEvaluationDone = true;
-            return tr;
+            const c = r.tr.deleteRange(a, i);
+            return e = !0, c;
           }
-          initialEvaluationDone = true;
+          e = !0;
         },
-        filterTransaction: (transaction, state) => {
-          const { limit } = this.options;
-          if (!transaction.docChanged || limit === 0 || limit === null || limit === void 0) {
-            return true;
-          }
-          const oldSize = this.storage.characters({ node: state.doc });
-          const newSize = this.storage.characters({ node: transaction.doc });
-          if (newSize <= limit) {
-            return true;
-          }
-          if (oldSize > limit && newSize > limit && newSize <= oldSize) {
-            return true;
-          }
-          if (oldSize > limit && newSize > limit && newSize > oldSize) {
-            return false;
-          }
-          const isPaste = transaction.getMeta("paste");
-          if (!isPaste) {
-            return false;
-          }
-          const { pos } = transaction.selection.$head;
-          const over = newSize - limit;
-          const from = pos - over;
-          const to = pos;
-          transaction.deleteRange(from, to);
-          const updatedSize = this.storage.characters({ node: transaction.doc });
-          if (updatedSize > limit) {
-            return false;
-          }
-          return true;
+        filterTransaction: (t, s) => {
+          const { limit: r } = this.options;
+          if (!t.docChanged || r === 0 || r === null || r === void 0)
+            return !0;
+          const n = this.storage.characters({ node: s.doc }), o = this.storage.characters({ node: t.doc });
+          if (o <= r || n > r && o > r && o <= n)
+            return !0;
+          if (n > r && o > r && o > n || !t.getMeta("paste"))
+            return !1;
+          const { pos: a } = t.selection.$head, i = o - r, c = a - i, u = a;
+          return t.deleteRange(c, u), !(this.storage.characters({ node: t.doc }) > r);
         }
       })
     ];
   }
 });
 export {
-  CharacterCount
+  m as CharacterCount
 };

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

@@ -1,18 +1,18 @@
-import { S as StarterKit, P as Placeholder, E as Editor, I as Image } from "../../../index-v15JHz0-.js";
-import { isMobile } from "../../../utils/environment.js";
-import { CharacterCount } from "./CharacterCountExtension.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 p, I as o } from "../../../index-Bm-QfV5o.js";
+import { isMobile as y } from "../../../utils/environment.js";
+import { CharacterCount as M } from "./CharacterCountExtension.js";
+import { E as T } from "../../../index-D2OVtqc8.js";
+import { MessageContentType as a } from "../../../states/MessageInputState/type.js";
+function b() {
+  return o.extend({
+    name: a.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"
         }
@@ -20,135 +20,124 @@ function createEmojiExtension() {
     }
   });
 }
-function createImageExtension() {
-  return Image.extend({
+function C() {
+  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 I(t) {
+  return T.create({
     addKeyboardShortcuts() {
       return {
-        "Enter": ({ editor }) => {
-          var _a;
-          if (isMobile) {
-            editor.commands.setHardBreak();
-            return true;
-          }
-          (_a = options == null ? void 0 : options.onEnter) == null ? void 0 : _a.call(options);
-          return true;
+        Enter: ({ editor: e }) => {
+          var r;
+          return y ? (e.commands.setHardBreak(), !0) : ((r = t == null ? void 0 : t.onEnter) == null || r.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 r, s, i, n;
+    switch (e.type) {
       case "text":
-        return child.text ? [
+        return e.text ? [
           {
-            type: MessageContentType.TEXT,
-            content: child.text
+            type: a.TEXT,
+            content: e.text
           }
         ] : [];
       case "image":
         return [
           {
-            type: MessageContentType.IMAGE,
-            content: (_a = child.attrs) == null ? void 0 : _a.fileData
+            type: a.IMAGE,
+            content: (r = e.attrs) == null ? void 0 : r.fileData
           }
         ];
       case "emoji":
         return [
           {
-            type: MessageContentType.EMOJI,
+            type: a.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: (i = e.attrs) == null ? void 0 : i.alt,
+              text: (n = e.attrs) == null ? void 0 : n.title
             }
           }
         ];
       case "hardBreak":
         return [
           {
-            type: MessageContentType.TEXT,
-            content: "\n"
+            type: a.TEXT,
+            content: `
+`
           }
         ];
       default:
-        return convertEditorContent(child);
+        return c(e);
     }
-  });
+  }) : [];
 }
-function createEditor({
-  element,
-  placeholder = "",
-  autoFocus = false,
-  disabled = false,
-  maxLength,
-  onUpdate,
-  onEnter,
-  onFocus,
-  onBlur
+function L({
+  element: t,
+  placeholder: e = "",
+  autoFocus: r = !1,
+  disabled: s = !1,
+  maxLength: i,
+  onUpdate: n,
+  onEnter: f,
+  onFocus: m,
+  onBlur: E
 }) {
-  const createBaseExtensions = (enterHandler) => [
-    StarterKit,
-    CharacterCount.configure({
-      limit: maxLength
-    }),
-    createEnterKeyExtension(enterHandler ? { onEnter: enterHandler } : void 0),
-    createEmojiExtension(),
-    createImageExtension(),
-    Placeholder.configure({
-      emptyEditorClass: "is-editor-empty",
-      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 l = {
+    element: t,
+    autofocus: r,
+    editable: !s,
+    extensions: ((u) => [
+      g,
+      M.configure({
+        limit: i
+      }),
+      I(u ? { onEnter: u } : void 0),
+      b(),
+      C(),
+      x.configure({
+        emptyEditorClass: "is-editor-empty",
+        placeholder: e
+      })
+    ])(f),
+    onUpdate: ({ editor: u }) => {
+      const d = c(u.getJSON());
+      n == null || n(d);
     },
-    onFocus,
-    onBlur
+    onFocus: m,
+    onBlur: E
   };
-  return new Editor(editorConfig);
+  return new p(l);
 }
 export {
-  createEditor
+  L as createEditor
 };

package/dist/components/BarrageInput/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/BarrageInput/TextEditor/index.js

@@ -1,143 +1,99 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString } from "vue";
-import { useUIKit, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import { ERROR_MESSAGE } from "../constants.js";
-import { createEditor } from "./EditorCore.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
-const disabled = "_disabled_jp6u3_13";
-const editor = "_editor_jp6u3_30";
-const styles = {
+import { defineComponent as B, ref as g, computed as K, watch as x, nextTick as V, onMounted as w, onUnmounted as L, createElementBlock as n, openBlock as l, normalizeClass as d, unref as r, createElementVNode as h, createCommentVNode as E, renderSlot as I, toDisplayString as M } from "vue";
+import { useUIKit as U, TUIToast as A } from "@tencentcloud/uikit-base-component-vue3";
+import { ERROR_MESSAGE as D } from "../constants.js";
+import { createEditor as N } from "./EditorCore.js";
+import { useConversationListState as $ } from "../../../states/ConversationListState/ConversationListState.js";
+import { useMessageInputState as z } from "../../../states/MessageInputState/MessageInputState.js";
+const G = "_disabled_jp6u3_13", O = "_editor_jp6u3_30", s = {
   "input-wrapper": "_input-wrapper_jp6u3_1",
-  disabled,
+  disabled: G,
   "input-prefix": "_input-prefix_jp6u3_17",
   "input-suffix": "_input-suffix_jp6u3_23",
-  editor,
+  editor: O,
   "disabled-editor": "_disabled-editor_jp6u3_39"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, W = /* @__PURE__ */ B({
   __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: "" },
     maxLength: {}
   },
   emits: ["focus", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { activeConversation } = useConversationListState();
-    const { inputRawValue, updateRawValue, sendMessage, setEditorInstance, setContent } = useMessageInputState();
-    const editorRef = ref(null);
-    const isFocused = ref(props.autoFocus);
-    const placeholderText = computed(() => props.placeholder || t("Say something"));
-    let editorInstance = null;
-    const createEditorInstance = (p) => {
-      const element = editorRef.value;
-      if (!element || p.disabled) {
-        return;
-      }
-      if (!element.dataset.editorCreated) {
-        editorInstance = createEditor({
-          element,
-          placeholder: placeholderText.value,
-          autoFocus: p.autoFocus,
-          disabled: p.disabled,
-          maxLength: p.maxLength,
-          onUpdate: (content) => {
-            updateRawValue(content);
-          },
-          onEnter: async () => {
-            try {
-              const inputValue = inputRawValue.value;
-              setContent("");
-              await sendMessage(inputValue);
-            } catch (err) {
-              TUIToast.error({
-                message: t(ERROR_MESSAGE[err.code] || "send message failed")
-              });
-            }
-          },
-          onFocus: () => {
-            var _a;
-            isFocused.value = true;
-            if (navigator && "virtualKeyboard" in navigator) {
-              (_a = navigator == null ? void 0 : navigator.virtualKeyboard) == null ? void 0 : _a.show();
-            }
-            emit("focus");
-          },
-          onBlur: () => {
-            var _a;
-            isFocused.value = false;
-            if (navigator && "virtualKeyboard" in navigator) {
-              (_a = navigator == null ? void 0 : navigator.virtualKeyboard) == null ? void 0 : _a.hide();
-            }
-            emit("blur");
-          }
-        });
-        element.dataset.editorCreated = "true";
-        setEditorInstance(editorInstance);
-      }
-    };
-    const destroyEditorInstance = () => {
-      var _a;
-      editorInstance == null ? void 0 : editorInstance.destroy();
-      (_a = editorRef.value) == null ? void 0 : _a.removeAttribute("data-editor-created");
-      setEditorInstance(null);
-    };
-    watch(
-      () => props.disabled,
-      async (newDisabled, oldDisabled) => {
-        if (newDisabled !== oldDisabled) {
-          if (newDisabled) {
-            destroyEditorInstance();
-          } else {
-            await nextTick();
-            createEditorInstance(props);
+  setup(R, { emit: S }) {
+    const o = R, c = S, { t: p } = U(), { activeConversation: j } = $(), { inputRawValue: k, updateRawValue: F, sendMessage: T, setEditorInstance: f, setContent: m } = z(), u = g(null), _ = g(o.autoFocus), b = K(() => o.placeholder || p("Say something"));
+    let i = null;
+    const v = (e) => {
+      const t = u.value;
+      !t || e.disabled || t.dataset.editorCreated || (i = N({
+        element: t,
+        placeholder: b.value,
+        autoFocus: e.autoFocus,
+        disabled: e.disabled,
+        maxLength: e.maxLength,
+        onUpdate: (a) => {
+          F(a);
+        },
+        onEnter: async () => {
+          try {
+            const a = k.value;
+            m(""), await T(a);
+          } catch (a) {
+            A.error({
+              message: p(D[a.code] || "send message failed")
+            });
           }
+        },
+        onFocus: () => {
+          var a;
+          _.value = !0, navigator && "virtualKeyboard" in navigator && ((a = navigator == null ? void 0 : navigator.virtualKeyboard) == null || a.show()), c("focus");
+        },
+        onBlur: () => {
+          var a;
+          _.value = !1, navigator && "virtualKeyboard" in navigator && ((a = navigator == null ? void 0 : navigator.virtualKeyboard) == null || a.hide()), c("blur");
         }
+      }), t.dataset.editorCreated = "true", f(i));
+    }, y = () => {
+      var e;
+      i == null || i.destroy(), (e = u.value) == null || e.removeAttribute("data-editor-created"), f(null);
+    };
+    return x(
+      () => o.disabled,
+      async (e, t) => {
+        e !== t && (e ? y() : (await V(), v(o)));
       }
-    );
-    onMounted(() => {
-      createEditorInstance(props);
-    });
-    onUnmounted(() => {
-      destroyEditorInstance();
-    });
-    watch(activeConversation, (newConversation, oldConversation) => {
-      if ((newConversation == null ? void 0 : newConversation.conversationID) !== (oldConversation == null ? void 0 : oldConversation.conversationID)) {
-        setContent("");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["input-wrapper"], props.disabled && unref(styles).disabled])
+    ), w(() => {
+      v(o);
+    }), L(() => {
+      y();
+    }), x(j, (e, t) => {
+      (e == null ? void 0 : e.conversationID) !== (t == null ? void 0 : t.conversationID) && m("");
+    }), (e, t) => (l(), n("div", {
+      class: d([r(s)["input-wrapper"], o.disabled && r(s).disabled])
+    }, [
+      h("div", {
+        class: d(r(s)["input-prefix"])
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["input-prefix"])
-        }, [
-          renderSlot(_ctx.$slots, "prefix")
-        ], 2),
-        !props.disabled ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "editorRef",
-          ref: editorRef,
-          class: normalizeClass(unref(styles)["editor"])
-        }, null, 2)) : createCommentVNode("", true),
-        props.disabled ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass([unref(styles)["disabled-editor"]])
-        }, toDisplayString(placeholderText.value), 3)) : createCommentVNode("", true),
-        createElementVNode("span", {
-          class: normalizeClass(unref(styles)["input-suffix"])
-        }, [
-          renderSlot(_ctx.$slots, "suffix")
-        ], 2)
-      ], 2);
-    };
+        I(e.$slots, "prefix")
+      ], 2),
+      o.disabled ? E("", !0) : (l(), n("div", {
+        key: 0,
+        ref_key: "editorRef",
+        ref: u,
+        class: d(r(s).editor)
+      }, null, 2)),
+      o.disabled ? (l(), n("div", {
+        key: 1,
+        class: d([r(s)["disabled-editor"]])
+      }, M(b.value), 3)) : E("", !0),
+      h("span", {
+        class: d(r(s)["input-suffix"])
+      }, [
+        I(e.$slots, "suffix")
+      ], 2)
+    ], 2));
   }
 });
 export {
-  _sfc_main as TextEditor
+  W as TextEditor
 };

package/dist/components/BarrageInput/constants.js

@@ -1,6 +1,6 @@
-const ERROR_MESSAGE = {
+const e = {
   10017: "you have been forbidden to speak"
 };
 export {
-  ERROR_MESSAGE
+  e as ERROR_MESSAGE
 };

package/dist/components/BarrageInput/i18n/en-US/index.js

@@ -1,4 +1,4 @@
-const resource = {
+const e = {
   "Say something": "Say something...",
   "You have been muted": "You have been muted",
   Send: "Send",
@@ -6,5 +6,5 @@ const resource = {
   "send message failed": "Send message failed"
 };
 export {
-  resource
+  e as resource
 };

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

@@ -1,6 +1,6 @@
-import { resource } from "./en-US/index.js";
-import { resource as resource2 } from "./zh-CN/index.js";
+import { resource as o } from "./en-US/index.js";
+import { resource as c } from "./zh-CN/index.js";
 export {
-  resource as enResource,
-  resource2 as zhResource
+  o as enResource,
+  c as zhResource
 };

package/dist/components/BarrageInput/i18n/zh-CN/index.js

@@ -1,4 +1,4 @@
-const resource = {
+const e = {
   "Say something": "说点什么...",
   "You have been muted": "您已被禁言",
   Send: "发送",
@@ -6,5 +6,5 @@ const resource = {
   "send message failed": "发送失败"
 };
 export {
-  resource
+  e as resource
 };