@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.3

package/es/components/Chat/ChatKit/components/common/BottomPopup/index.vue2.mjs

@@ -0,0 +1,155 @@
+import { defineComponent, ref, watch, nextTick, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, normalizeStyle, withModifiers, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import "../../../adapter-vue.mjs";
+import { TUITranslateService } from "@tencentcloud/chat-uikit-engine";
+import { outsideClick } from "@tencentcloud/universal-api";
+import { isH5, isUniFrameWork, isPC } from "../../../utils/env.mjs";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+  key: 0,
+  class: "header"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "header-title"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    // Whether to display the bottom pop-up dialog box
+    show: {
+      type: Boolean,
+      default: false
+    },
+    // Whether a mask layer is required, the default is true
+    modal: {
+      type: Boolean,
+      default: true
+    },
+    // Popup box content area height (excluding mask), default is fit-content
+    height: {
+      type: String,
+      default: "fit-content"
+    },
+    // Whether the pop-up dialog box can be closed by clicking outside, the default is true
+    // uniapp only supports closing the pop-up dialog box by clicking the mask
+    closeByClickOutside: {
+      type: Boolean,
+      default: true
+    },
+    // The rounded angle of the top border corners is 0px by default, i.e. right angle by default
+    borderRadius: {
+      type: String,
+      default: "0px"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    // Whether to display the top close button, not displayed by default
+    showHeaderCloseButton: {
+      type: Boolean,
+      default: false
+    },
+    // Whether to display the submit button at the bottom, not displayed by default
+    showFooterSubmitButton: {
+      type: Boolean,
+      default: false
+    },
+    // Bottom submit button text, only valid when showFooterSubmitButton is true
+    submitButtonContent: {
+      type: String,
+      default: () => TUITranslateService.t("确定")
+    }
+  },
+  emits: ["onOpen", "onClose", "onSubmit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const dialogRef = ref();
+    watch(
+      () => props.show,
+      (newVal, oldVal) => {
+        if (newVal === oldVal) {
+          return;
+        }
+        switch (newVal) {
+          case true:
+            emits("onOpen", dialogRef);
+            nextTick(() => {
+              if (isH5 && !isUniFrameWork) {
+                if (props.closeByClickOutside) {
+                  outsideClick.listen({
+                    domRefs: dialogRef.value,
+                    handler: closeBottomPopup
+                  });
+                }
+              }
+            });
+            break;
+          case false:
+            emits("onClose", dialogRef);
+            break;
+        }
+      }
+    );
+    const closeBottomPopup = () => {
+      if (isUniFrameWork || isH5) {
+        emits("onClose", dialogRef);
+      }
+    };
+    const submit = () => {
+      emits("onSubmit");
+      closeBottomPopup();
+    };
+    return (_ctx, _cache) => {
+      return props.show ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        !unref(isPC) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([
+            "bottom-popup",
+            unref(isUniFrameWork) && "bottom-popup-uni",
+            !unref(isPC) && "bottom-popup-h5",
+            !unref(isPC) && props.modal && "bottom-popup-modal"
+          ]),
+          onClick: closeBottomPopup
+        }, [
+          createElementVNode("div", {
+            ref_key: "dialogRef",
+            ref: dialogRef,
+            class: normalizeClass(["bottom-popup-main", !unref(isPC) && "bottom-popup-h5-main"]),
+            style: normalizeStyle({
+              height: props.height,
+              borderTopLeftRadius: props.borderRadius,
+              borderTopRightRadius: props.borderRadius
+            }),
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            __props.title || __props.showHeaderCloseButton ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              __props.title ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+              __props.showHeaderCloseButton ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "header-close",
+                onClick: closeBottomPopup
+              }, toDisplayString(unref(TUITranslateService).t("关闭")), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "default", {}, void 0, true),
+            __props.showFooterSubmitButton ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createElementVNode("div", {
+                class: "footer-submit",
+                onClick: submit
+              }, toDisplayString(__props.submitButtonContent), 1)
+            ])) : createCommentVNode("", true)
+          ], 6)
+        ], 2)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/common/DatePicker/date-picker.d.ts

@@ -0,0 +1,14 @@
+import { Dayjs } from 'dayjs';
+
+export type DateCellType = 'normal' | 'today' | 'week' | 'next-month' | 'prev-month';
+export interface DateCell {
+    text?: number;
+    disabled?: boolean;
+    isSelected?: boolean;
+    isSelectedStart?: boolean;
+    isSelectedEnd?: boolean;
+    isInRange?: boolean;
+    isCurrent?: boolean;
+    date: typeof Dayjs;
+    type?: DateCellType;
+}

package/es/components/Chat/ChatKit/components/common/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+import { default as DatePicker } from './index.vue';
+
+export default DatePicker;

package/es/components/Chat/ChatKit/components/common/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Dialog } from './index.vue';
+
+export default Dialog;

package/es/components/Chat/ChatKit/components/common/Dialog/index.vue.d.ts

@@ -0,0 +1,74 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isHeaderShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isFooterShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    background: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+    "update:show": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isHeaderShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isFooterShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    background: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    center: boolean;
+    show: boolean;
+    isHeaderShow: boolean;
+    isFooterShow: boolean;
+    background: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/Chat/ChatKit/components/common/Dialog/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./index.vue2.mjs";
+/* empty css                   */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9ac9ce3c"]]);
+export {
+  Dialog as default
+};

package/es/components/Chat/ChatKit/components/common/Dialog/index.vue2.mjs

@@ -0,0 +1,114 @@
+import { defineComponent, ref, watchEffect, unref, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import "../../../adapter-vue.mjs";
+import { TUITranslateService } from "@tencentcloud/chat-uikit-engine";
+import { isPC, isUniFrameWork, isH5 } from "../../../utils/env.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "dialog-main-header"
+};
+const _hoisted_2 = { class: "dialog-main-title" };
+const _hoisted_3 = {
+  key: 1,
+  class: "dialog-main-footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    isHeaderShow: {
+      type: Boolean,
+      default: true
+    },
+    isFooterShow: {
+      type: Boolean,
+      default: true
+    },
+    background: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    center: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:show", "submit"],
+  setup(__props, { emit: __emit }) {
+    const clickType = {
+      OUTSIDE: "outside",
+      INSIDE: "inside"
+    };
+    const props = __props;
+    const showDialog = ref(false);
+    const isHeaderShowDialog = ref(true);
+    const isFooterShowDialog = ref(true);
+    const backgroundDialog = ref(true);
+    const showTitle = ref("");
+    watchEffect(() => {
+      showDialog.value = props.show;
+      showTitle.value = props.title;
+      isHeaderShowDialog.value = props.isHeaderShow;
+      isFooterShowDialog.value = props.isFooterShow;
+      backgroundDialog.value = props.background;
+    });
+    const emit = __emit;
+    const toggleView = (type) => {
+      if (type === clickType.OUTSIDE) {
+        close();
+      }
+    };
+    const close = () => {
+      showDialog.value = !showDialog.value;
+      emit("update:show", showDialog.value);
+    };
+    const submit = () => {
+      emit("submit");
+      close();
+    };
+    return (_ctx, _cache) => {
+      return unref(showDialog) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["dialog", [!unref(isPC) ? "dialog-h5" : "", __props.center ? "center" : ""]]),
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => toggleView(clickType.OUTSIDE), ["stop", "prevent"]))
+      }, [
+        createElementVNode("main", {
+          class: normalizeClass(["dialog-main", [!unref(backgroundDialog) ? "dialog-main-back" : ""]]),
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => toggleView(clickType.INSIDE), ["stop", "prevent"]))
+        }, [
+          unref(isHeaderShowDialog) ? (openBlock(), createElementBlock("header", _hoisted_1, [
+            createElementVNode("h1", _hoisted_2, toDisplayString(unref(showTitle)), 1),
+            createElementVNode("i", {
+              class: "icon icon-close",
+              onClick: close
+            })
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(["dialog-main-content", [unref(isUniFrameWork) && unref(isH5) ? "dialog-main-content-uniapp" : ""]])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 2),
+          unref(isFooterShowDialog) ? (openBlock(), createElementBlock("footer", _hoisted_3, [
+            createElementVNode("button", {
+              class: "btn btn-cancel",
+              onClick: close
+            }, toDisplayString(unref(TUITranslateService).t("component.取消")), 1),
+            createElementVNode("button", {
+              class: "btn btn-default",
+              onClick: submit
+            }, toDisplayString(unref(TUITranslateService).t("component.确定")), 1)
+          ])) : createCommentVNode("", true)
+        ], 2)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/common/Drag/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Drag } from './index.vue';
+
+export default Drag;

package/es/components/Chat/ChatKit/components/common/Drawer/index.vue.d.ts

@@ -0,0 +1,71 @@
+interface IProps {
+    visible: boolean;
+    popDirection: 'top' | 'right' | 'bottom' | 'left';
+    useMask?: boolean;
+    isFullScreen?: boolean | undefined;
+    overlayColor?: string | undefined;
+    drawerStyle?: {
+        bottom?: Record<string, any> | undefined;
+        right?: Record<string, any> | undefined;
+        left?: Record<string, any> | undefined;
+        top?: Record<string, any> | undefined;
+    };
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    visible: boolean;
+    useMask: boolean;
+    isFullScreen: boolean;
+    popDirection: string;
+    drawerStyle: () => {};
+}>, {
+    drawerDomRef: import('vue').Ref<HTMLElement | undefined>;
+    overlayDomRef: HTMLElement | undefined;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onOverlayClick: (event: Event) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    visible: boolean;
+    useMask: boolean;
+    isFullScreen: boolean;
+    popDirection: string;
+    drawerStyle: () => {};
+}>>> & {
+    onOnOverlayClick?: ((event: Event) => any) | undefined;
+}, {
+    visible: boolean;
+    isFullScreen: boolean;
+    useMask: boolean;
+    popDirection: "top" | "right" | "bottom" | "left";
+    drawerStyle: {
+        bottom?: Record<string, any> | undefined;
+        right?: Record<string, any> | undefined;
+        left?: Record<string, any> | undefined;
+        top?: Record<string, any> | undefined;
+    };
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/Chat/ChatKit/components/common/Drawer/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./index.vue2.mjs";
+/* empty css            */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69f0b47f"]]);
+export {
+  Drawer as default
+};

package/es/components/Chat/ChatKit/components/common/Drawer/index.vue2.mjs

@@ -0,0 +1,84 @@
+import { defineComponent, ref, watch, openBlock, createBlock, withCtx, unref, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode } from "vue";
+import "../../../adapter-vue.mjs";
+import Overlay from "../Overlay/index.vue.mjs";
+const _hoisted_1 = { class: "drawer-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    visible: { type: Boolean, default: true },
+    popDirection: { default: "bottom" },
+    useMask: { type: Boolean, default: true },
+    isFullScreen: { type: Boolean, default: true },
+    overlayColor: {},
+    drawerStyle: { default: () => ({}) }
+  },
+  emits: ["onOverlayClick"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
+    const emits = __emit;
+    const props = __props;
+    const drawerDomRef = ref();
+    const overlayDomInstanceRef = ref();
+    const isDrawerShow = ref(false);
+    const styles = ref(props.drawerStyle[props.popDirection] || {});
+    watch(() => props.visible, (visible) => {
+      if (visible) {
+        isDrawerShow.value = true;
+      } else {
+        setTimeout(() => {
+          isDrawerShow.value = false;
+        }, 150);
+      }
+    }, {
+      immediate: true
+    });
+    function onOverlayClick(e) {
+      emits("onOverlayClick", e);
+    }
+    __expose({
+      drawerDomRef,
+      overlayDomRef: (_a = overlayDomInstanceRef.value) == null ? void 0 : _a.overlayDomRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Overlay, {
+        ref_key: "overlayDomInstanceRef",
+        ref: overlayDomInstanceRef,
+        visible: props.visible,
+        useMask: props.useMask,
+        maskColor: props.overlayColor,
+        isFullScreen: props.isFullScreen,
+        onOnOverlayClick: onOverlayClick
+      }, {
+        default: withCtx(() => [
+          unref(isDrawerShow) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "drawerDomRef",
+            ref: drawerDomRef,
+            class: normalizeClass({
+              "drawer": true,
+              "origin-bottom": props.popDirection === "bottom",
+              "origin-right": props.popDirection === "right",
+              "slide-bottom": _ctx.visible && props.popDirection === "bottom",
+              "slide-right": _ctx.visible && props.popDirection === "right"
+            }),
+            style: normalizeStyle({
+              minHeight: unref(styles).minHeight,
+              maxHeight: unref(styles).maxHeight,
+              borderRadius: unref(styles).borderRadius,
+              boxShadow: unref(styles).boxShadow,
+              width: unref(styles).width
+            })
+          }, [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])
+          ], 6)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["visible", "useMask", "maskColor", "isFullScreen"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/common/FetchMore/index.vue.d.ts

@@ -0,0 +1,46 @@
+interface IProps {
+    isFetching: boolean;
+    isTerminateObserve?: boolean;
+}
+declare function __VLS_template(): {
+    fetching?(_: {}): any;
+    fetchEnd?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    isFetching: boolean;
+    isTerminateObserve: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onExposed: () => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    isFetching: boolean;
+    isTerminateObserve: boolean;
+}>>> & {
+    onOnExposed?: (() => any) | undefined;
+}, {
+    isFetching: boolean;
+    isTerminateObserve: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/Chat/ChatKit/components/common/FetchMore/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./index.vue2.mjs";
+/* empty css            */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const FetchMore = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a245d20e"]]);
+export {
+  FetchMore as default
+};

package/es/components/Chat/ChatKit/components/common/FetchMore/index.vue2.mjs

@@ -0,0 +1,81 @@
+import { defineComponent, ref, getCurrentInstance, onMounted, onUnmounted, watch, openBlock, createElementBlock, renderSlot, createElementVNode, toDisplayString, unref } from "vue";
+import "../../../adapter-vue.mjs";
+import { TUITranslateService } from "@tencentcloud/chat-uikit-engine";
+import { isUniFrameWork } from "../../../utils/env.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    isFetching: { type: Boolean, default: false },
+    isTerminateObserve: { type: Boolean, default: false }
+  },
+  emits: ["onExposed"],
+  setup(__props, { emit: __emit }) {
+    var _a;
+    const emits = __emit;
+    const props = __props;
+    let observer = null;
+    const selfDomRef = ref();
+    const thisInstance = ((_a = getCurrentInstance()) == null ? void 0 : _a.proxy) || getCurrentInstance();
+    onMounted(() => {
+      if (props.isTerminateObserve) {
+        return;
+      }
+      if (!isUniFrameWork) {
+        observer = new IntersectionObserver(([entry]) => {
+          if (entry.isIntersecting) {
+            emits("onExposed");
+          }
+        }, {
+          threshold: 1
+        });
+        if (selfDomRef.value) {
+          observer.observe(selfDomRef.value);
+        }
+      } else {
+        observer = uni.createIntersectionObserver(thisInstance).relativeToViewport();
+        observer.observe(".fetch-more-block", () => {
+          emits("onExposed");
+        });
+      }
+    });
+    onUnmounted(() => {
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
+    });
+    watch(() => props.isTerminateObserve, (isTerminateObserve) => {
+      if (!observer) {
+        return;
+      }
+      if (isTerminateObserve) {
+        observer.disconnect();
+      } else if (selfDomRef.value) {
+        observer.disconnect();
+        if (!isUniFrameWork) {
+          observer.observe(selfDomRef.value);
+        } else {
+          observer.observe(".fetch-more-block", () => {
+            emits("onExposed");
+          });
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "selfDomRef",
+        ref: selfDomRef,
+        class: "fetch-more-block"
+      }, [
+        props.isFetching ? renderSlot(_ctx.$slots, "fetching", { key: 0 }, () => [
+          createElementVNode("div", null, toDisplayString(unref(TUITranslateService).t("TUIChat.正在加载")), 1)
+        ], true) : renderSlot(_ctx.$slots, "fetchEnd", { key: 1 }, () => [
+          createElementVNode("div", null, toDisplayString(unref(TUITranslateService).t("TUIChat.加载结束")), 1)
+        ], true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};