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

package/dist/components/LiveScenePanel/icons/ImageIcon.js

@@ -12,13 +12,13 @@ const _hoisted_1 = {
   height: "16"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M509.887896 135.642307c120.842229 0 241.684458-0.038886 362.526687 0.016373 40.700981 0.021489 74.195839 26.924209 82.769099 66.542532 1.329275 6.166443 1.819438 12.627598 1.823532 18.945491 0.093121 185.126324 0.127913 370.247532 0.047072 555.372833-0.020466 48.373731-36.548404 85.290525-84.897575 85.315084-241.300718 0.13917-482.59632 0.135076-723.897038 0-48.357358-0.029676-84.931345-36.953633-84.951811-85.297688-0.076748-185.122231-0.068562-370.246509-0.008186-555.36874 0.017396-49.007157 36.746926-85.518722 85.801155-85.531002 120.264061-0.013303 240.528122 0 360.79116 0l0 0L509.887896 135.642307zM510.517229 191.376679L303.759235 191.376679c-51.355645 0-102.703103 0.037862-154.058748-0.037862-9.831926-0.016373-18.139126 2.981914-24.490787 10.744715-5.233188 6.389524-6.052856 13.873985-6.052856 21.779026 0.059352 183.208649 0.046049 366.413204 0.051165 549.621852 0 2.124384 0.013303 4.247744 0.130983 6.363941 0.485047 8.890484 4.620227 15.791661 11.69025 20.990057 6.241145 4.587482 13.467733 5.207605 20.934798 5.207605 219.883943-0.037862 439.771979-0.029676 659.655921-0.029676 19.882839 0 39.766702-0.030699 59.653635 0.007163 7.379061 0.017396 14.141068-1.731434 19.883863-6.575766 7.876388-6.631024 10.220782-15.364943 10.220782-25.326828-0.071631-183.209672-0.051165-366.413204-0.055259-549.620829 0-22.370497-10.67206-33.123398-32.887015-33.128515L510.521323 191.371562l0 0L510.517229 191.376679zM510.517229 191.376679M753.7346 498.974335c-18.72241 0-37.453007-0.397043-56.167231 0.089028-31.966039 0.837064-59.256592 13.481036-83.756589 33.55421-18.329461 15.019065-36.722366 30.134321-56.298214 43.423999-25.098631 17.041118-52.92642 28.478612-83.245959 32.828686-6.664793 0.957815-13.446243 1.490957-20.178575 1.537006-25.479301 0.177032-50.979068 0.603751-76.44609-0.089028-22.180162-0.599657-42.258453 5.438872-61.283762 16.074094-15.09479 8.429996-28.566616 18.87386-40.413432 31.586392-17.506722 18.780739-35.319413 37.274952-53.28253 55.620785-10.971889 11.20418-28.037567 11.360745-39.111786 0.937348-10.879792-10.242272-12.222369-27.523867-1.744737-38.60525 22.932292-24.26259 45.561685-48.931432 69.972655-71.64883 29.018917-27.004027 63.633273-43.943838 103.526865-48.653093 6.305613-0.743944 12.703323-0.916882 19.064194-0.945535 24.709775-0.101307 49.433876-0.469698 74.131371 0.100284 18.021445 0.418532 34.770921-3.656273 50.958602-10.997472 23.51967-10.663874 45.274136-24.00574 64.312748-41.645492 25.196869-23.350824 52.990888-42.774199 86.667895-51.504024 15.566534-4.03285 31.806403-6.997368 47.824215-7.445576 38.774095-1.081635 77.595262-0.490164 116.40415-0.38374 12.307304 0.033769 21.606087 5.621021 26.539446 17.07898 4.6366 10.751878 2.676969 20.85498-4.975315 29.626761-5.819542 6.67298-13.497409 9.207709-22.261003 9.16473-20.077268-0.101307-40.154535-0.030699-60.231803-0.030699l0 0.334621 0 0L753.7346 498.974335zM753.7346 498.974335M342.600869 303.278281c30.919197 0.030699 56.005548 25.125237 55.917544 55.939033-0.089028 30.800493-25.285896 55.755862-56.216349 55.667857-30.547737-0.089028-55.490825-25.061792-55.638181-55.689347C286.515502 328.441381 311.719534 303.248605 342.600869 303.278281L342.600869 303.278281 342.600869 303.278281zM342.600869 303.278281",
       fill: "#D5E0F2",
       "p-id": "4935"
     }, null, -1)
-  ]));
+  ])]);
 }
 const ImageIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/components/LiveScenePanel/icons/MoreIcon.js

@@ -9,7 +9,7 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M8 4C8.55225 4 9 3.55228 9 3C9 2.44772 8.55225 2 8 2C7.44775 2 7 2.44772 7 3C7 3.55228 7.44775 4 8 4Z",
       fill: "black",
@@ -28,7 +28,7 @@ function _sfc_render(_ctx, _cache) {
       "fill-opacity": "0.9",
       style: { "fill": "#ffffff", "fill-opacity": "0.9" }
     }, null, -1)
-  ]));
+  ])]);
 }
 const MoreIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/components/LiveScenePanel/icons/ScreenIcon.js

@@ -9,9 +9,9 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createStaticVNode('<mask id="path-1-inside-1_973_32142" fill="white"><path d="M4.90384 11.4823C4.95994 11.2019 5.20619 11 5.49218 11H10.5084C10.7944 11 11.0407 11.2019 11.0968 11.4824L11.5233 13.6157C11.5976 13.987 11.3136 14.3333 10.935 14.3333H5.06541C4.68677 14.3333 4.4028 13.9869 4.47707 13.6156L4.90384 11.4823Z"></path></mask><path d="M4.90384 11.4823C4.95994 11.2019 5.20619 11 5.49218 11H10.5084C10.7944 11 11.0407 11.2019 11.0968 11.4824L11.5233 13.6157C11.5976 13.987 11.3136 14.3333 10.935 14.3333H5.06541C4.68677 14.3333 4.4028 13.9869 4.47707 13.6156L4.90384 11.4823Z" fill="url(#paint0_linear_973_32142)"></path><path d="M4.47707 13.6156L3.30039 13.3802L4.47707 13.6156ZM11.5233 13.6157L10.3466 13.851L11.5233 13.6157ZM11.0968 11.4824L12.2735 11.2471L11.0968 11.4824ZM4.90384 11.4823L6.08053 11.7177L4.90384 11.4823ZM5.49218 12.2H10.5084V9.8H5.49218V12.2ZM9.92007 11.7176L10.3466 13.851L12.7 13.3804L12.2735 11.2471L9.92007 11.7176ZM10.935 13.1333H5.06541V15.5333H10.935V13.1333ZM5.65376 13.851L6.08053 11.7177L3.72716 11.2469L3.30039 13.3802L5.65376 13.851ZM5.06541 13.1333C5.44405 13.1333 5.72803 13.4797 5.65376 13.851L3.30039 13.3802C3.07756 14.4941 3.9295 15.5333 5.06541 15.5333V13.1333ZM10.3466 13.851C10.2724 13.4797 10.5564 13.1333 10.935 13.1333V15.5333C12.0708 15.5333 12.9228 14.4942 12.7 13.3804L10.3466 13.851ZM10.5084 12.2C10.2224 12.2 9.97615 11.9981 9.92007 11.7176L12.2735 11.2471C12.1052 10.4057 11.3665 9.8 10.5084 9.8V12.2ZM5.49218 9.8C4.63419 9.8 3.89546 10.4056 3.72716 11.2469L6.08053 11.7177C6.02443 11.9981 5.77818 12.2 5.49218 12.2V9.8Z" fill="#D5E0F2" mask="url(#path-1-inside-1_973_32142)"></path><path d="M1.93337 2.6V2.6H14.0667V11.4H1.93337L1.93337 2.6Z" fill="url(#paint1_linear_973_32142)" stroke="#D5E0F2" stroke-width="1.2" stroke-linejoin="round"></path><path d="M10 6.66699L8.17072 5.14259C8.07182 5.06018 7.92818 5.06018 7.82928 5.14259L6 6.66699" stroke="#D5E0F2" stroke-width="1.2"></path><path d="M10 9L8.17072 7.4756C8.07182 7.39319 7.92818 7.39319 7.82928 7.4756L6 9" stroke="#D5E0F2" stroke-width="1.2"></path><defs><linearGradient id="paint0_linear_973_32142" x1="15.0702" y1="17.0606" x2="11.0184" y2="4.26977" gradientUnits="userSpaceOnUse"><stop stop-color="#4F586B"></stop><stop offset="1" stop-color="#4F586B" stop-opacity="0"></stop></linearGradient><linearGradient id="paint1_linear_973_32142" x1="21.3334" y1="20.1818" x2="4.36545" y2="-13.491" gradientUnits="userSpaceOnUse"><stop stop-color="#4F586B"></stop><stop offset="1" stop-color="#4F586B" stop-opacity="0"></stop></linearGradient></defs>', 7)
-  ]));
+  ])]);
 }
 const ScreenIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/components/LiveScenePanel/index.js

@@ -1,9 +1,9 @@
-import { defineComponent, ref, computed, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, createBlock, createCommentVNode, Fragment, renderList } from "vue";
-import TUIRoomEngine, { TRTCMediaSourceType, TRTCVideoResolution, TRTCVideoResolutionMode, TUIVideoQuality } from "@tencentcloud/tuiroom-engine-js";
+import { defineComponent, computed, ref, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, createBlock, createCommentVNode, Fragment, renderList } from "vue";
+import TUIRoomEngine, { TRTCMediaSourceType, TRTCVideoResolution, TUIVideoQuality, TRTCVideoResolutionMode } from "@tencentcloud/tuiroom-engine-js";
 import LiveSceneSelect from "./LiveSceneSelect.js";
 import { useUIKit, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
 import CameraSettingDialog from "./CameraSettingDialog.js";
-import { _ as _sfc_main$1 } from "../../MaterialRenameDialog.vue_vue_type_script_setup_true_lang-Cmhf2QX4.js";
+import { _ as _sfc_main$1 } from "../../MaterialRenameDialog.vue_vue_type_script_setup_true_lang-CVh4Regz.js";
 import MaterialItem from "./MaterialItem.js";
 import { useVideoMixerState } from "../../states/VideoMixerState.js";
 import { useDeviceState } from "../../states/DeviceState.js";
@@ -25,6 +25,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     TUIRoomEngine.once("ready", async () => {
       await getCameraList();
     });
+    const mediaSourceListWithZOrderSort = computed(
+      () => [...mediaSourceList.value].sort(
+        (item1, item2) => {
+          var _a, _b;
+          return ((_a = item2.layout) == null ? void 0 : _a.zOrder) - ((_b = item1.layout) == null ? void 0 : _b.zOrder);
+        }
+      )
+    );
     const showMaterialDialog = ref(false);
     const showCameraSettingDialog = ref(false);
     const showMaterialRenameDialog = ref(false);
@@ -197,7 +205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onAddMaterial: selectMaterial
         }, null, 8, ["displayMode"]),
         createElementVNode("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(mediaSourceList), (material) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(mediaSourceListWithZOrderSort.value, (material) => {
             return openBlock(), createBlock(MaterialItem, {
               key: material.id,
               material,
@@ -223,9 +231,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-869f88f0"]]);
+const LiveScenePanelComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68776105"]]);
 addI18n("en-US", { translation: resource });
 addI18n("zh-CN", { translation: resource$1 });
 export {
-  index as LiveScenePanel
+  LiveScenePanelComponent as LiveScenePanel
 };

package/dist/components/MessageInput/AttachmentPicker/AttachmentPicker.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../AttachmentPicker.vue_vue_type_script_setup_true_lang-B9tVChd9.js";
+import { AttachmentPicker as _sfc_main } from "./index.js";
 export {
   _sfc_main as default
 };

package/dist/components/MessageInput/AttachmentPicker/FilePicker.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../FilePicker.vue_vue_type_script_setup_true_lang-D0cP-aFi.js";
+import { _ as _sfc_main } from "../../../FilePicker.vue_vue_type_script_setup_true_lang-CaSj3Gh_.js";
 export {
   _sfc_main as default
 };

package/dist/components/MessageInput/AttachmentPicker/ImagePicker.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../ImagePicker.vue_vue_type_script_setup_true_lang-DzBHwcSi.js";
+import { _ as _sfc_main } from "../../../ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js";
 export {
   _sfc_main as default
 };

package/dist/components/MessageInput/AttachmentPicker/VideoPicker.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js";
+import { _ as _sfc_main } from "../../../VideoPicker.vue_vue_type_script_setup_true_lang-DTv6TJKr.js";
 export {
   _sfc_main as default
 };

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

@@ -1,10 +1,92 @@
-import { _ } from "../../../AttachmentPicker.vue_vue_type_script_setup_true_lang-B9tVChd9.js";
-import { _ as _2 } from "../../../FilePicker.vue_vue_type_script_setup_true_lang-D0cP-aFi.js";
-import { _ as _3 } from "../../../ImagePicker.vue_vue_type_script_setup_true_lang-DzBHwcSi.js";
-import { _ as _4 } from "../../../VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js";
+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-BKOIHfdS.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-CaSj3Gh_.js";
+import { _ as _sfc_main$2 } from "../../../ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js";
+import { _ as _sfc_main$3 } from "../../../VideoPicker.vue_vue_type_script_setup_true_lang-DTv6TJKr.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(`MessageInput.${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 {
-  _ as AttachmentPicker,
-  _2 as FilePicker,
-  _3 as ImagePicker,
-  _4 as VideoPicker
+  _sfc_main as AttachmentPicker,
+  _sfc_main$1 as FilePicker,
+  _sfc_main$2 as ImagePicker,
+  _sfc_main$3 as VideoPicker
 };

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

@@ -1,9 +1,10 @@
 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-BhQt39dx.js";
+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, MessageContentType } from "../../../states/MessageInputState/MessageInputState.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_kyu4g_1",
@@ -100,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EmojiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01fb363c"]]);
+const EmojiPickerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01fb363c"]]);
 export {
-  EmojiPicker as default
+  EmojiPickerComponent as default
 };

package/dist/components/MessageInput/MessageInput.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../MessageInput.vue_vue_type_script_setup_true_lang-Ca6-JH93.js";
+import { _ as _sfc_main } from "../../MessageInput.vue_vue_type_script_setup_true_lang-XRL7A5Gj.js";
 export {
   _sfc_main as default
 };

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

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

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

@@ -1,4 +1,91 @@
-import { _ } from "../../../QuotedMessagePreview.vue_vue_type_script_setup_true_lang-C8lXN2Qm.js";
+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,
+  "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 { activeConversation } = useConversationListState();
+    const { focusEditor } = useMessageInputState();
+    const { quotedMessage, clearQuotedMessage } = useMessageActionState();
+    watch(quotedMessage, (newVal) => {
+      if (newVal) {
+        focusEditor();
+      }
+    });
+    watch(activeConversation, () => {
+      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("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");
+        default:
+          return t("MessageInput.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 {
-  _ as QuotedMessagePreview
+  _sfc_main as QuotedMessagePreview
 };

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

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

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

@@ -1,8 +1,8 @@
-interface Props {
-    onClick?: (e: MouseEvent) => void;
+interface SendButtonProps {
+    onClick?: (e: TouchEvent) => void;
     disabled?: boolean;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SendButtonProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SendButtonProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,4 +1,35 @@
-import { _ } from "../../../SendButton.vue_vue_type_script_setup_true_lang-BqIeqUyN.js";
+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",
+        radius: "round",
+        size: "medium",
+        disabled: _ctx.disabled,
+        onClick: onSendButtonClick
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(unref(t)("MessageInput.send")), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+});
 export {
-  _ as SendButton
+  _sfc_main as SendButton
 };

package/dist/components/MessageInput/TextEditor/EditorCore.d.ts

@@ -1,12 +1,12 @@
 import { Editor } from '@tiptap/vue-3';
-import { IInputContent } from '../../../states/MessageInputState';
+import { InputContent } from '../../../states/MessageInputState';
 
 interface EditorOptions {
     element: Element;
     placeholder?: string;
     autoFocus?: boolean;
     disabled?: boolean;
-    onUpdate?: (content: IInputContent[]) => void;
+    onUpdate?: (content: InputContent[]) => void;
     onEnter?: () => void;
     onFocus?: () => void;
     onBlur?: () => void;

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

@@ -1,5 +1,6 @@
-import { S as StarterKit, P as Placeholder, E as Editor, a as Extension, I as Image } from "../../../index-oR-rgHxX.js";
-import { MessageContentType } from "../../../states/MessageInputState/MessageInputState.js";
+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,

package/dist/components/MessageInput/TextEditor/TextEditor.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../TextEditor.vue_vue_type_script_setup_true_lang-yXW1iVZ1.js";
+import { TextEditor as _sfc_main } from "./index.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,4 @@
-interface ITextEditorProps {
+interface TextEditorProps {
     autoFocus?: boolean;
     disabled?: boolean;
     placeholder?: string;
@@ -7,11 +7,11 @@ declare function __VLS_template(): {
     prefix?(_: {}): any;
     suffix?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ITextEditorProps>, {
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
     autoFocus: boolean;
     disabled: boolean;
     placeholder: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ITextEditorProps>, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
     autoFocus: boolean;
     disabled: boolean;
     placeholder: string;

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

@@ -1,4 +1,99 @@
-import { _ } from "../../../TextEditor.vue_vue_type_script_setup_true_lang-yXW1iVZ1.js";
+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 = {
+  "input-wrapper": "_input-wrapper_ihh75_1",
+  disabled,
+  "input-prefix": "_input-prefix_ihh75_15",
+  "input-suffix": "_input-suffix_ihh75_16",
+  editor
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextEditor",
+  props: {
+    autoFocus: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useUIKit();
+    const { activeConversation } = useConversationListState();
+    const { updateRawValue, sendMessage, setEditorInstance, setContent } = useMessageInputState();
+    const editorRef = 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 = editorRef.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 = editorRef.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("");
+      }
+    });
+    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),
+        createElementVNode("div", {
+          ref_key: "editorRef",
+          ref: editorRef,
+          class: normalizeClass(unref(styles)["editor"])
+        }, null, 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(styles)["input-suffix"])
+        }, [
+          renderSlot(_ctx.$slots, "suffix")
+        ], 2)
+      ], 2);
+    };
+  }
+});
 export {
-  _ as TextEditor
+  _sfc_main as TextEditor
 };

package/dist/components/MessageInput/i18n/en-US.d.ts

@@ -0,0 +1,12 @@
+declare const MessageInput: {
+    file: string;
+    image: string;
+    video: string;
+    audio: string;
+    location: string;
+    custom_message: string;
+    unknown: string;
+    enter_a_message: string;
+    send: string;
+};
+export default MessageInput;

package/dist/components/MessageInput/i18n/en-US.js

@@ -0,0 +1,14 @@
+const MessageInput = {
+  file: "File",
+  image: "Image",
+  video: "Video",
+  audio: "Audio",
+  location: "Location",
+  custom_message: "Custom Message",
+  unknown: "Unknown",
+  enter_a_message: "Enter a message",
+  send: "Send"
+};
+export {
+  MessageInput as default
+};

package/dist/components/MessageInput/i18n/index.d.ts

@@ -0,0 +1,24 @@
+export declare const resources: {
+    'en-US': {
+        file: string;
+        image: string;
+        video: string;
+        audio: string;
+        location: string;
+        custom_message: string;
+        unknown: string;
+        enter_a_message: string;
+        send: string;
+    };
+    'zh-CN': {
+        file: string;
+        image: string;
+        video: string;
+        audio: string;
+        location: string;
+        custom_message: string;
+        unknown: string;
+        enter_a_message: string;
+        send: string;
+    };
+};