tuikit-atomicx-vue3 0.1.0 → 3.3.0-beta.3

package/src/utils/lodash.ts

@@ -29,7 +29,11 @@ function throttle(func, wait: number, options?: IThrottleOptions) {
   });
 }
 
-function debounce(func, wait: number, options?: IDebounceOptions) {
+function debounce<T extends (...args: any[]) => any>(
+  func: T,
+  wait: number,
+  options?: IDebounceOptions
+): ((...args: Parameters<T> | []) => ReturnType<T>) & { cancel: () => void; flush: () => ReturnType<T> } {
   let lastArgs,
     lastThis,
     maxWait,
@@ -63,11 +67,8 @@ function debounce(func, wait: number, options?: IDebounceOptions) {
   }
 
   function leadingEdge(time) {
-    // Reset any `maxWait` timer.
     lastInvokeTime = time;
-    // Start the timer for the trailing edge.
     timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
     return leading ? invokeFunc(time) : result;
   }
 
@@ -85,9 +86,6 @@ function debounce(func, wait: number, options?: IDebounceOptions) {
     const timeSinceLastCall = time - lastCallTime,
       timeSinceLastInvoke = time - lastInvokeTime;
 
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
     return (lastCallTime === undefined || (timeSinceLastCall >= wait)
       || (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
   }
@@ -97,15 +95,11 @@ function debounce(func, wait: number, options?: IDebounceOptions) {
     if (shouldInvoke(time)) {
       return trailingEdge(time);
     }
-    // Restart the timer.
     timerId = setTimeout(timerExpired, remainingWait(time));
   }
 
   function trailingEdge(time) {
     timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
     if (trailing && lastArgs) {
       return invokeFunc(time);
     }
@@ -125,24 +119,17 @@ function debounce(func, wait: number, options?: IDebounceOptions) {
     return timerId === undefined ? result : trailingEdge(Date.now());
   }
 
-  function debounced() {
+  function debounced(this: any, ...args: any[]) {
     const time = Date.now(),
       isInvoking = shouldInvoke(time);
-
-    // eslint-disable-next-line prefer-rest-params
-    lastArgs = arguments;
-
-    // @ts-expect-error ignore this type
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    lastArgs = args;
     lastThis = this;
     lastCallTime = time;
-
     if (isInvoking) {
       if (timerId === undefined) {
         return leadingEdge(lastCallTime);
       }
       if (maxing) {
-        // Handle invocations in a tight loop.
         clearTimeout(timerId);
         timerId = setTimeout(timerExpired, wait);
         return invokeFunc(lastCallTime);
@@ -155,7 +142,7 @@ function debounce(func, wait: number, options?: IDebounceOptions) {
   }
   debounced.cancel = cancel;
   debounced.flush = flush;
-  return debounced;
+  return debounced as ((...args: Parameters<T>) => ReturnType<T>) & { cancel: () => void; flush: () => ReturnType<T> };
 }
 
 function isObject(value) {
@@ -163,7 +150,37 @@ function isObject(value) {
   return value != null && (type == 'object' || type == 'function');
 }
 
+function debouncePromise<T extends (...args: any[]) => Promise<any>>(fn: T, delay: number) {
+  let timeoutId: ReturnType<typeof setTimeout> | null = null;
+
+  const debounced = (...args: Parameters<T>): Promise<any> => new Promise((resolve, reject) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+
+    timeoutId = setTimeout(async () => {
+      try {
+        const result = await fn(...args);
+        resolve(result);
+      } catch (error) {
+        reject(error);
+      }
+    }, delay);
+  });
+
+  debounced.cancel = () => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+  };
+
+  return debounced;
+}
+
+
 export {
   debounce,
+  debouncePromise,
   throttle,
 };

package/src/utils/time.ts

@@ -1,4 +1,4 @@
-import { useUIKit, i18next } from '@tencentcloud/uikit-base-component-vue3';
+import { useUIKit } from '@tencentcloud/uikit-base-component-vue3';
 import {
   format,
   isSameWeek,
@@ -6,26 +6,23 @@ import {
   isToday,
   isYesterday,
 } from 'date-fns';
-import { zhCN, ja, ko, zhTW, enUS } from 'date-fns/locale';
+import { zhCN, enUS } from 'date-fns/locale';
 
-interface IGetTimeStampOptions {
+interface GetTimeStampOptions {
   time: number;
   language?: 'zh-CN' | 'zh-TW' | 'en-US' | 'ja-JP' | 'ko-KR' | string;
 }
 
-function getTimeStamp({ time, language = 'en-US' }: IGetTimeStampOptions) {
+function getTimeStamp({ time, language = 'en-US' }: GetTimeStampOptions) {
+  const { t } = useUIKit();
   const locales: Record<string, any> = {
     'zh-CN': zhCN,
-    'zh-TW': zhTW,
     'en-US': enUS,
-    'ja-JP': ja,
-    'ko-KR': ko,
   };
   const timeFormat = 'HH:mm';
   const locale = locales[language] || locales['en-US'];
-  const { t } = useUIKit();
 
-  const yesterdayText = t('TUIChat.Yesterday', {
+  const yesterdayText = t('MessageList.yesterday', {
     defaultValue: 'Yesterday',
   });
 
@@ -78,7 +75,8 @@ function getTimeStamp({ time, language = 'en-US' }: IGetTimeStampOptions) {
  * @returns Formatted time string
  */
 function getTimeStampAuto(time: number) {
-  return getTimeStamp({ time, language: i18next.language });
+  const { language } = useUIKit();
+  return getTimeStamp({ time, language });
 }
 
 export {

package/dist/AttachmentPicker.vue_vue_type_script_setup_true_lang-B9tVChd9.js

@@ -1,89 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, withCtx, createVNode, createElementVNode, Fragment, renderList, resolveDynamicComponent, mergeProps } from "vue";
-import { useUIKit, IconPlus } 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-BhQt39dx.js";
-import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
-import { _ as _sfc_main$1 } from "./FilePicker.vue_vue_type_script_setup_true_lang-D0cP-aFi.js";
-import { _ as _sfc_main$2 } from "./ImagePicker.vue_vue_type_script_setup_true_lang-DzBHwcSi.js";
-import { _ as _sfc_main$3 } from "./VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js";
-const _hoisted_1 = { class: "flex flex-col gap-2.5" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AttachmentPicker",
-  props: {
-    className: { default: "" },
-    attachmentPickerMode: { default: "collapsed" }
-  },
-  setup(__props) {
-    const ICON_SIZE = {
-      COLLAPSED: 18,
-      EXPANDED: 24
-    };
-    const props = __props;
-    const { t } = useUIKit();
-    const isCollapsed = computed(() => props.attachmentPickerMode === "collapsed");
-    const pickerItems = computed(() => [
-      { type: "File", Component: _sfc_main$1 },
-      { type: "Image", Component: _sfc_main$2 },
-      { type: "Video", Component: _sfc_main$3 }
-    ].map(({ type, Component }) => ({
-      Component,
-      props: {
-        label: isCollapsed.value ? t(`TUIChat.${type}`) : "",
-        iconSize: isCollapsed.value ? ICON_SIZE.COLLAPSED : ICON_SIZE.EXPANDED
-      }
-    })));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["attachment-picker"], _ctx.className])
-      }, [
-        isCollapsed.value ? (openBlock(), createBlock(unref(PopoverRoot_default), { key: 0 }, {
-          default: withCtx(() => [
-            createVNode(unref(PopoverTrigger_default), { as: "span" }, {
-              default: withCtx(() => [
-                createVNode(unref(IconPlus), {
-                  class: normalizeClass(unref(styles)["attachment-picker__icon"]),
-                  size: "24"
-                }, null, 8, ["class"])
-              ]),
-              _: 1
-            }),
-            createVNode(unref(PopoverPortal_default), null, {
-              default: withCtx(() => [
-                createVNode(unref(PopoverContent_default), {
-                  side: "top",
-                  align: "start",
-                  "side-offset": 5,
-                  class: "rounded-lg p-5 w-[260px] bg-white shadow-sm border will-change-[transform,opacity] data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade"
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_1, [
-                      createElementVNode("div", {
-                        class: normalizeClass(unref(styles)["attachment-picker__popup"])
-                      }, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(pickerItems.value, (picker, index) => {
-                          return openBlock(), createBlock(resolveDynamicComponent(picker.Component), mergeProps({ key: index }, { ref_for: true }, picker.props), null, 16);
-                        }), 128))
-                      ], 2)
-                    ])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(styles)["attachment-picker--expanded"])
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(pickerItems.value, (picker, index) => {
-            return openBlock(), createBlock(resolveDynamicComponent(picker.Component), mergeProps({ key: index }, { ref_for: true }, picker.props), null, 16);
-          }), 128))
-        ], 2))
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/CustomMessage.vue_vue_type_script_setup_true_lang-By3MsAd0.js

@@ -1,12 +0,0 @@
-import { defineComponent } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CustomMessage",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return " [Custom Message] ";
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/CustomMessage.vue_vue_type_script_setup_true_lang-CoK94Qxs.js

@@ -1,12 +0,0 @@
-import { defineComponent } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CustomMessage",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return " [Custom Message] ";
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/GroupTipMessage.vue_vue_type_style_index_0_lang-BqyPcZln.js

@@ -1,30 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, toDisplayString } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "./index-BF6QB9jF.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "GroupTipMessage",
-  props: {
-    message: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const messageContent = props.message.getMessageContent();
-    const renderText = () => {
-      switch (messageContent.businessID) {
-        case "group_create":
-          return `${messageContent.showName || ""} ${t("TUIChat.create group")}`;
-        default:
-          return messageContent.text;
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs)("group-tip-message"))
-      }, toDisplayString(renderText()), 3);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/GroupTipMessage.vue_vue_type_style_index_0_lang-Dw2-5Ner.js

@@ -1,30 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, toDisplayString } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "./index-BF6QB9jF.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "GroupTipMessage",
-  props: {
-    message: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const messageContent = props.message.getMessageContent();
-    const renderText = () => {
-      switch (messageContent.businessID) {
-        case "group_create":
-          return `${messageContent.showName || ""} ${t("TUIChat.create group")}`;
-        default:
-          return messageContent.text;
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs)("group-tip-message"))
-      }, toDisplayString(renderText()), 3);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/Message.vue_vue_type_script_setup_true_lang-BV0PxtjX.js

@@ -1,32 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref } from "vue";
-import MessageLayout from "./components/MessageList/Message/MessageLayout/MessageLayout.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Message",
-  props: {
-    message: {},
-    alignment: { default: "two-sided" },
-    messageActionList: { default: void 0 },
-    isAggregated: { type: Boolean, default: false },
-    isFirstInChunk: { type: Boolean, default: void 0 },
-    isLastInChunk: { type: Boolean, default: void 0 },
-    isHiddenMessageAvatar: { type: Boolean, default: false },
-    isHiddenMessageMeta: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MessageLayout), {
-        message: _ctx.message,
-        messageActionList: _ctx.messageActionList,
-        alignment: _ctx.alignment,
-        "is-aggregated": _ctx.isAggregated,
-        "is-first-in-chunk": _ctx.isFirstInChunk,
-        "is-last-in-chunk": _ctx.isLastInChunk,
-        "is-hidden-message-avatar": _ctx.isHiddenMessageAvatar,
-        "is-hidden-message-meta": _ctx.isHiddenMessageMeta
-      }, null, 8, ["message", "messageActionList", "alignment", "is-aggregated", "is-first-in-chunk", "is-last-in-chunk", "is-hidden-message-avatar", "is-hidden-message-meta"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/Message.vue_vue_type_script_setup_true_lang-mEw2syBo.js

@@ -1,23 +0,0 @@
-import { defineComponent, ref, createBlock, openBlock, unref } from "vue";
-import MessageLayout from "./components/BarrageList/Message/MessageLayout/MessageLayout.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Message",
-  props: {
-    message: { default: () => ({}) },
-    isLastInChunk: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const message = ref(props.message);
-    const isLastInChunk = ref(props.isLastInChunk);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MessageLayout), {
-        message: message.value,
-        "is-last-in-chunk": isLastInChunk.value
-      }, null, 8, ["message", "is-last-in-chunk"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/QuotedMessagePreview.vue_vue_type_script_setup_true_lang-C8lXN2Qm.js

@@ -1,91 +0,0 @@
-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 { useConversationListState } from "./states/ConversationListState/ConversationListState.js";
-import { useMessageActionState } from "./states/MessageActionState/MessageActionState.js";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.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,
-  "slide-in": "_slide-in_1u7zw_1",
-  quoted__message__preview__content,
-  "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({
-  __name: "QuotedMessagePreview",
-  setup(__props) {
-    const { t } = useUIKit();
-    const { currentConversation } = useConversationListState();
-    const { focusEditor } = useMessageInputState();
-    const { quotedMessage, clearQuotedMessage } = useMessageActionState();
-    watch(quotedMessage, (newVal) => {
-      if (newVal) {
-        focusEditor();
-      }
-    });
-    watch(currentConversation, () => {
-      clearQuotedMessage();
-    });
-    const handleClose = () => {
-      clearQuotedMessage();
-    };
-    const calculateReferenceContent = (message) => {
-      var _a;
-      if (!message) {
-        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("TUIChat.Image");
-        case TencentCloudChat.TYPES.MSG_AUDIO:
-          return t("TUIChat.Audio");
-        case TencentCloudChat.TYPES.MSG_VIDEO:
-          return t("TUIChat.Video");
-        case TencentCloudChat.TYPES.MSG_FILE:
-          return t("TUIChat.File");
-        case TencentCloudChat.TYPES.MSG_LOCATION:
-          return t("TUIChat.Location");
-        case TencentCloudChat.TYPES.MSG_CUSTOM:
-          return t("TUIChat.Custom message");
-        default:
-          return t("TUIChat.Unknown");
-      }
-    };
-    return (_ctx, _cache) => {
-      return unref(quotedMessage) ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(unref(styles)["quoted__message__preview"])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["quoted__message__preview__content"])
-        }, [
-          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)
-        ], 2),
-        createVNode(unref(IconClose), {
-          class: normalizeClass(unref(styles)["quoted__message__preview__close"]),
-          size: "16",
-          onClick: handleClose
-        }, null, 8, ["class"])
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/SendButton.vue_vue_type_script_setup_true_lang-BqIeqUyN.js

@@ -1,35 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
-import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __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);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TUIButton), {
-        type: "primary",
-        shape: "round",
-        size: "medium",
-        disabled: _ctx.disabled,
-        onClick: onSendButtonClick
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(unref(t)("TUIChat.Send")), 1)
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/TextEditor.vue_vue_type_script_setup_true_lang-w_I4bsmJ.js

@@ -1,126 +0,0 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, withDirectives, createCommentVNode, renderSlot, vShow, toDisplayString } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { useConversationListState } from "./states/ConversationListState/ConversationListState.js";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-import { createEditor } from "./components/BarrageInput/TextEditor/EditorCore.js";
-const disabled = "_disabled_3es4w_13";
-const editor = "_editor_3es4w_30";
-const styles = {
-  "input-wrapper": "_input-wrapper_3es4w_1",
-  disabled,
-  "input-prefix": "_input-prefix_3es4w_17",
-  "input-suffix": "_input-suffix_3es4w_23",
-  editor,
-  "disabled-editor": "_disabled-editor_3es4w_37"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TextEditor",
-  props: {
-    autoFocus: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
-    placeholder: { default: "" }
-  },
-  emits: ["focus", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { currentConversationID } = useConversationListState();
-    const { 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 = (props2) => {
-      const element = editorRef.value;
-      if (!element || props2.disabled) {
-        return;
-      }
-      if (!element.dataset.editorCreated) {
-        editorInstance = createEditor({
-          element,
-          placeholder: placeholderText.value,
-          autoFocus: props2.autoFocus,
-          disabled: props2.disabled,
-          onUpdate: (content) => {
-            updateRawValue(content);
-          },
-          onEnter: () => {
-            sendMessage();
-            setContent("");
-          },
-          onFocus: () => {
-            isFocused.value = true;
-            emit("focus");
-          },
-          onBlur: () => {
-            isFocused.value = false;
-            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);
-          }
-        }
-      }
-    );
-    onMounted(() => {
-      createEditorInstance(props);
-    });
-    onUnmounted(() => {
-      destroyEditorInstance();
-    });
-    watch(currentConversationID, (newID, oldID) => {
-      if (newID !== oldID) {
-        setContent("");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["input-wrapper"], props.disabled && unref(styles).disabled])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["input-prefix"])
-        }, [
-          renderSlot(_ctx.$slots, "prefix")
-        ], 2),
-        withDirectives(createElementVNode("div", {
-          ref_key: "editorRef",
-          ref: editorRef,
-          class: normalizeClass(unref(styles)["editor"])
-        }, null, 2), [
-          [vShow, !props.disabled]
-        ]),
-        props.disabled ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          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);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};