cnhis-design-vue 3.3.3-release.12 → 3.3.3-release.14

package/es/components/fabric-chart/src/hooks/temperature/useOther.js

@@ -1,7 +1,7 @@
 import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
 import { drawLine, defaultStyle } from '../useDraw.js';
-import 'date-fns';
-import { cloneDeep, last } from 'lodash-es';
+import { parse, isBefore, addDays, getDate } from 'date-fns';
+import { last, cloneDeep } from 'lodash-es';
 import '../useEvent.js';
 import '../useShadow.js';
 import '../useCommon.js';
@@ -14,14 +14,15 @@ import '@vueuse/core';
 import '../surgicalAnesthesia/useOther.js';
 import '../../../../../shared/utils/index.js';
 
-function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints) {
+function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints, getXValue) {
   const {
     left: leftObj,
     other,
     vitalSignsOriginY,
     xCellWidth,
     yCellHeight,
-    endX
+    endX,
+    originX
   } = propItems;
   const getYCellHeight = () => {
     const fontSize = Math.min(...((other == null ? void 0 : other.list) || []).map((item) => {
@@ -32,11 +33,35 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
   };
   const _yCellHeight = getYCellHeight();
   let textDiff = 0;
-  function drawOther() {
-    var _a, _b;
+  function handleCrossDayLayout(currentTime, itemLeft, lastLeft, eventList) {
+    const newLeft = itemLeft + xCellWidth;
+    const nextTime = getXValue(newLeft);
+    if (isCrossDay(currentTime, nextTime)) {
+      adjustEventsForCrossDay(eventList);
+      return itemLeft;
+    } else {
+      return lastLeft + xCellWidth;
+    }
+  }
+  function adjustEventsForCrossDay(eventList) {
+    const currentColumnEvents = [...eventList];
+    const sortedEvents = currentColumnEvents.sort((a, b) => (b.trueLeft || 0) - (a.trueLeft || 0));
+    for (let i = 0; i < sortedEvents.length; i++) {
+      const event = sortedEvents[i];
+      const nextEvent = sortedEvents[i + 1];
+      const prevLeft = event.trueLeft - xCellWidth;
+      if (prevLeft >= originX) {
+        event.set("left", prevLeft);
+        event.trueLeft = prevLeft;
+      }
+      if (nextEvent && (event.trueLeft || 0) - (nextEvent.trueLeft || 0) > xCellWidth + 1) {
+        break;
+      }
+    }
+  }
+  function createOtherList() {
     if (!(other == null ? void 0 : other.list))
-      return false;
-    const list = [];
+      return [];
     const otherList = [];
     cloneDeep(other.list).forEach((item, index) => {
       item.value = item.value || "";
@@ -44,19 +69,29 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
       const left = computedX(item.time, true);
       if (left > endX)
         return;
-      const obj = otherList.find((v) => v.left == left);
-      if (obj) {
-        obj[align].push(item);
+      const existingGroup = otherList.find((v) => v.left === left);
+      if (existingGroup) {
+        existingGroup[align].push(item);
       } else {
-        const initObj = {
+        const newGroup = {
           left,
           vertical: [],
           horizontal: []
         };
-        initObj[align].push(item);
-        otherList.push(initObj);
+        newGroup[align].push(item);
+        otherList.push(newGroup);
       }
     });
+    return otherList;
+  }
+  function drawOther() {
+    var _a, _b;
+    if (!(other == null ? void 0 : other.list))
+      return;
+    const list = [];
+    const otherList = createOtherList();
+    if (otherList.length === 0)
+      return false;
     const scaleList = (_b = (_a = leftObj.yScaleValue) == null ? void 0 : _a.find((item) => item.type === "temperature")) == null ? void 0 : _b.list;
     const fixedTop = (scaleList == null ? void 0 : scaleList.length) ? computedY("temperature", 35) : 0;
     const isFixed = (v) => v.fixed && fixedTop && (v.fixedValue || v.value);
@@ -99,7 +134,7 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
         fixedTopY = fixedTop;
         const lastLeft = ((_a2 = last(list)) == null ? void 0 : _a2.left) || 0;
         if (item.left <= lastLeft + 0.1) {
-          leftX = lastLeft + xCellWidth;
+          leftX = handleCrossDayLayout(v.time, item.left, lastLeft, list);
         }
         if (String(v.value).length) {
           list.push(drawEventText(v, leftX, topY2));
@@ -197,5 +232,13 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
   }
   drawOther();
 }
+function isCrossDay(dateStr1, dateStr2) {
+  const date1 = parse(dateStr1, "yyyy-MM-dd HH:mm", new Date());
+  const date2 = parse(dateStr2, "yyyy-MM-dd HH:mm", new Date());
+  const earlierDate = isBefore(date1, date2) ? date1 : date2;
+  const laterDate = isBefore(date1, date2) ? date2 : date1;
+  const earlierDatePlusOneDay = addDays(earlierDate, 1);
+  return getDate(earlierDatePlusOneDay) === getDate(laterDate);
+}
 
 export { useOther };

package/es/components/fabric-chart/src/hooks/temperature/useTemperatureChart.js

@@ -227,9 +227,10 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     if (!painItem)
       return 0;
     const {
-      numberVerticalPosition = "bottom"
+      numberVerticalPosition = "bottom",
+      spaceGridNumber = 1
     } = painItem;
-    return numberVerticalPosition === "center" ? yCellHeight.value / 2 : 0;
+    return numberVerticalPosition === "center" ? yCellHeight.value * spaceGridNumber / 2 : 0;
   });
   const painIndex = computed(() => {
     const {
@@ -398,7 +399,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
       } = useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, computedY, getXValue, getYValue, isAddPoint, updateData, gridPoints);
       useRight(canvas, propItems, drawScaleValue);
       useBottom(canvas, propItems);
-      useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints);
+      useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints, getXValue);
       const {
         select: _select
       } = useCanvasEvent(canvas, propItems, emits);

package/es/components/field-set/src/FieldColor.vue.d.ts

@@ -539,12 +539,12 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         developMode: boolean;
         draggable: boolean;
-        fieldDescribeMode: "column" | "tooltip";
-        isFieldSet: boolean;
-        hideExpressionOption: AnyObject[];
+        isHighlightRow: boolean;
         idx: number;
         isHighlight: boolean;
-        isHighlightRow: boolean;
+        isFieldSet: boolean;
+        fieldDescribeMode: "column" | "tooltip";
+        hideExpressionOption: AnyObject[];
     }>;
     EditDialog: import("vue").DefineComponent<{
         visible: {

package/es/components/field-set/src/FieldFilter.vue.d.ts

@@ -568,12 +568,12 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         developMode: boolean;
         draggable: boolean;
-        fieldDescribeMode: "column" | "tooltip";
-        isFieldSet: boolean;
-        hideExpressionOption: AnyObject[];
+        isHighlightRow: boolean;
         idx: number;
         isHighlight: boolean;
-        isHighlightRow: boolean;
+        isFieldSet: boolean;
+        fieldDescribeMode: "column" | "tooltip";
+        hideExpressionOption: AnyObject[];
     }>;
     setStyle: typeof setStyle;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "save" | "reset")[], "close" | "save" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/field-set/src/FieldSet.vue.d.ts

@@ -759,12 +759,12 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         developMode: boolean;
         draggable: boolean;
-        fieldDescribeMode: "column" | "tooltip";
-        isFieldSet: boolean;
-        hideExpressionOption: AnyObject[];
+        isHighlightRow: boolean;
         idx: number;
         isHighlight: boolean;
-        isHighlightRow: boolean;
+        isFieldSet: boolean;
+        fieldDescribeMode: "column" | "tooltip";
+        hideExpressionOption: AnyObject[];
     }>;
     isArray: {
         (value?: any): value is any[];
@@ -904,9 +904,9 @@ declare const _default: import("vue").DefineComponent<{
     showSeq: boolean;
     developMode: boolean;
     footerFlag: boolean;
+    fieldDescribeMode: "column" | "tooltip";
     customColumns: FieldSetColumnItem[];
     showSortPriority: boolean;
     showHeadFilter: boolean;
-    fieldDescribeMode: "column" | "tooltip";
 }>;
 export default _default;

package/es/components/field-set/src/components/table-row.vue.d.ts

@@ -384,11 +384,11 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     developMode: boolean;
     draggable: boolean;
-    fieldDescribeMode: "column" | "tooltip";
-    isFieldSet: boolean;
-    hideExpressionOption: AnyObject[];
+    isHighlightRow: boolean;
     idx: number;
     isHighlight: boolean;
-    isHighlightRow: boolean;
+    isFieldSet: boolean;
+    fieldDescribeMode: "column" | "tooltip";
+    hideExpressionOption: AnyObject[];
 }>;
 export default _default;

package/es/components/field-set/src/types/index.d.ts

@@ -18,7 +18,7 @@ export type FieldSetItem = Partial<{
     hide: boolean;
     [key: string]: any;
 }>;
-export type FieldSetColumnName = 'show' | 'editable' | 'required' | 'sort' | 'bold' | 'sortDirection' | 'sortPriority' | 'fixedWay' | 'alias' | 'columnWidth' | 'hideExpression' | 'isSearch' | 'isSum' | 'isAvg';
+export type FieldSetColumnName = 'title' | 'show' | 'editable' | 'required' | 'sort' | 'bold' | 'sortDirection' | 'sortPriority' | 'fixedWay' | 'alias' | 'columnWidth' | 'hideExpression' | 'isSearch' | 'isSum' | 'isAvg';
 export type FieldSetColumnItem = {
     title: string;
     type: 'text' | 'checkbox' | 'select' | 'input' | 'inputNumber' | 'color' | 'custom';

package/es/components/form-render/src/components/renderer/date.d.ts

@@ -37,7 +37,9 @@ export declare const DATE: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onChange: {};
     disabled: {
         type: BooleanConstructor;

package/es/components/form-render/src/components/renderer/date.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, ref, onMounted, inject, createVNode, mergeProps } from 'vue';
+import { defineComponent, computed, watch, ref, onMounted, inject, h, createVNode, mergeProps } from 'vue';
 import { generateTimeFormat } from '../../../../../shared/utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { useEventListener } from '@vueuse/core';
@@ -192,17 +192,19 @@ const script = /* @__PURE__ */ defineComponent({
     } = useLocale("DatePicker");
     return () => {
       var _a;
-      return (globProps == null ? void 0 : globProps.lazyRender) && showText.value ? createVNode("div", {
-        "class": ["form-render__textMode--input n-input", {
+      return (globProps == null ? void 0 : globProps.lazyRender) && showText.value ? h("div", {
+        class: ["form-render__textMode--input n-input", {
           "form-render__textMode--inputDisabled": props.disabled
         }],
-        "tabindex": 0,
-        "onFocus": onFocus
-      }, [[valueRef.value ? createVNode("span", null, [valueRef.value]) : createVNode("span", {
-        "class": "form-render__textMode--inputPlaceholder"
-      }, [props.placeholder || ((_a = localeRef.value) == null ? void 0 : _a.datetimePlaceholder)]), createVNode(script$1, {
-        "class": "form-render__textMode--dateIcon n-base-icon n-date-picker-icon"
-      }, null)]]) : createVNode(DatePicker, mergeProps({
+        tabindex: 0,
+        onFocus
+      }, [h("span", {
+        class: {
+          "form-render__textMode--inputPlaceholder": !valueRef.value
+        }
+      }, valueRef.value || props.placeholder || ((_a = localeRef.value) == null ? void 0 : _a.datetimePlaceholder)), h(script$1, {
+        class: "form-render__textMode--dateIcon n-base-icon n-date-picker-icon"
+      })]) : createVNode(DatePicker, mergeProps({
         "ref": datePickerRef,
         "key": key.value,
         "disabled": props.disabled,

package/es/components/form-render/src/components/renderer/radio_checkbox.js

@@ -153,7 +153,8 @@ function createComponent(name, Wrapper, Item) {
         return createVNode(NCheckbox, {
           "checked": selectAllState.value,
           "onUpdate:checked": ($event) => selectAllState.value = $event,
-          "indeterminate": indeterminate.value
+          "indeterminate": indeterminate.value,
+          "disabled": attrs.disabled
         }, {
           default: () => function() {
             var _a, _b, _c;
@@ -168,7 +169,7 @@ function createComponent(name, Wrapper, Item) {
       const {
         getFieldItem
       } = useFormField();
-      function renderOption(option) {
+      function renderOption(option, index, options) {
         var _a;
         let _slot;
         const childInnerWidthMode = option.__spanPercent && props.childWidthMode === "inner";
@@ -176,6 +177,7 @@ function createComponent(name, Wrapper, Item) {
           display: "flex",
           alignItems: "center"
         };
+        const classList = [];
         if (childInnerWidthMode) {
           const percentWidth = `${option.__spanPercent}%`;
           style.maxWidth = percentWidth;
@@ -183,6 +185,9 @@ function createComponent(name, Wrapper, Item) {
             style.width = percentWidth;
           }
         }
+        if (index === options.length - 1) {
+          classList.push("form-render__lastOption");
+        }
         return createVNode(Item, {
           "key": option[valueKey.value],
           "value": option[valueKey.value],
@@ -191,7 +196,8 @@ function createComponent(name, Wrapper, Item) {
           "cancelable": props.clearable,
           "showType": ((_a = getFieldItem()) == null ? void 0 : _a.selected_style) === "CHECK_MARK" ? "checkbox" : "",
           "onCancel": onCancel,
-          "style": style
+          "style": style,
+          "class": classList
         }, _isSlot(_slot = renderComplexOption({
           value: valueRef.value,
           option,

package/es/components/form-render/style/index.css

@@ -1 +1 @@
-.annotation-edit{align-items:center;color:var(--c-primary-color);cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:var(--c-primary-color);filter:hue-rotate(140deg)}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;min-width:100%;padding:0 8px 0 16px;width:fit-content}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{white-space:nowrap}.search-cascader__optionText--active{color:var(--c-primary-color)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column));position:relative}.form-render__formItemMask{margin-bottom:8px;padding:8px}.form-render__formItemMask:after{border:1px solid #c2c2c2;border-radius:8px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.form-render__formItemMask--selected:after{border-color:var(--c-primary-color)}.form-render__formItemMask--selected:before{border-bottom:12px solid var(--c-primary-color);border-bottom-right-radius:8px;border-left:12px solid transparent;border-right:12px solid var(--c-primary-color);border-top:12px solid transparent;bottom:0;color:#fff;content:"✓";font-size:10px;height:0;line-height:.9;position:absolute;right:0;width:0}.form-render__formItem.n-form-item--left-labelled .form-render__formItemLabel--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:var(--c-primary-color-opacity2);border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;font-size:15px;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.form-render__linebarItem{align-items:start;display:grid!important;flex:1;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebar--horizontal{align-items:stretch;display:flex;position:relative}.form-render__linebar--horizontal .form-render__linebarHeader{align-items:center;background:transparent;border-radius:0;box-sizing:border-box;display:flex;height:unset;justify-content:center;margin-bottom:0;margin-left:-8px;max-width:var(--form-render-linebar-width);padding:8px;text-align:center;width:var(--form-render-linebar-width);word-break:break-all}.form-render__linebar--horizontal .form-render__linebarItem{padding:8px 0 8px 8px}.form-render__linebar--horizontalBorder:after{border-bottom:1px solid #000;bottom:0;content:"";height:1px;left:0;margin-left:-8px;position:absolute;width:calc(100% + 16px)}.form-render__linebar:last-of-type .form-render__linebar--horizontalBorder:after{display:none}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:start;display:grid!important;gap:0 16px;gap:0;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column));grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__inputGroup>div{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex;flex:1;flex-wrap:wrap}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot{border-radius:0!important}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot--checked{background:var(--c-primary-color)!important}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot--checked:before{color:#fff;content:"✓";font-size:13px;font-weight:700;line-height:.8;transform:translateX(-1.5px)}.form-render--no-border .n-input{border-radius:0}.form-render--no-border .n-input__border,.form-render--no-border .n-input__state-border{border-width:0!important}.form-render--no-border .n-input:hover .n-input__state-border{border-bottom-width:1px!important}.form-render--no-border .n-input--focus{border-radius:0}.form-render--no-border .n-input--focus .n-input__state-border{border-bottom-width:1px!important;box-shadow:none!important}.form-render--no-border .n-base-selection--active .n-base-selection__state-border,.form-render--no-border .n-base-selection--focus .n-base-selection__state-border,.form-render--no-border .n-base-selection:hover .n-base-selection__state-border,.form-render--no-border .n-base-selection__border,.form-render--no-border .n-base-selection__state-border{border-width:0!important;box-shadow:none!important}.form-render--underline .n-input{border-radius:0}.form-render--underline .n-input__border,.form-render--underline .n-input__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important}.form-render--underline .n-input--focus{border-radius:0}.form-render--underline .n-input--focus .n-input__state-border{box-shadow:none!important}.form-render--underline .n-base-selection--active .n-base-selection__state-border,.form-render--underline .n-base-selection--focus .n-base-selection__state-border,.form-render--underline .n-base-selection:hover .n-base-selection__state-border,.form-render--underline .n-base-selection__border,.form-render--underline .n-base-selection__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;box-shadow:none!important}.form-render--underline .n-input--textarea{background-image:linear-gradient(transparent,transparent 95%,#d5d5d5 0,#d5d5d5);background-origin:content-box;background-position:top;background-repeat:repeat-y;background-size:100% 22px;margin-top:4px;padding:0}.form-render--underline .n-input--textarea .n-input__textarea-el{padding:0}.form-render--underline .n-input--textarea .n-input__placeholder{padding-top:0}.form-render--underline .n-input--textarea .n-input__border,.form-render--underline .n-input--textarea .n-input__state-border{border:0!important}.form-render__selectChildField{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));width:100%}.form-render__selectChildFieldItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render--out-border .form-render__wrapper{border:1px solid #1f2225;padding:0 8px}.form-render__textMode--dateIcon{color:#c2c2c2;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.form-render__textMode--input{align-items:center;border:1px solid #d5d5d5;border-radius:3px;display:flex;height:32px;justify-content:space-between;max-height:32px;overflow:hidden;padding:0 7px;position:relative;white-space:nowrap;width:100%;word-break:keep-all}.form-render__textMode--inputPlaceholder{color:#c2c2c2}.form-render__textMode--inputDisabled{background-color:#f5f5f5;cursor:not-allowed}.form-render__textMode--inputDisabled .form-render__textMode--inputPlaceholder{color:#000}.form-render__textMode--input>span{flex:1;overflow:hidden}.form-render__textMode--input .n-input__prefix{margin-right:4px}.form-render__textMode--input .n-input__suffix{margin-left:4px}.form-render__selectOption.n-base-select-option--disabled .n-base-select-option__content{color:rgba(0,0,0,.4)}
+.annotation-edit{align-items:center;color:var(--c-primary-color);cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:var(--c-primary-color);filter:hue-rotate(140deg)}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;min-width:100%;padding:0 8px 0 16px;width:fit-content}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{white-space:nowrap}.search-cascader__optionText--active{color:var(--c-primary-color)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column));position:relative}.form-render__formItemMask{margin-bottom:8px;padding:8px}.form-render__formItemMask:after{border:1px solid #c2c2c2;border-radius:8px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.form-render__formItemMask--selected:after{border-color:var(--c-primary-color)}.form-render__formItemMask--selected:before{border-bottom:12px solid var(--c-primary-color);border-bottom-right-radius:8px;border-left:12px solid transparent;border-right:12px solid var(--c-primary-color);border-top:12px solid transparent;bottom:0;color:#fff;content:"✓";font-size:10px;height:0;line-height:.9;position:absolute;right:0;width:0}.form-render__formItem.n-form-item--left-labelled .form-render__formItemLabel--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:var(--c-primary-color-opacity2);border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;font-size:15px;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.form-render__linebarItem{align-items:start;display:grid!important;flex:1;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebar--horizontal{align-items:stretch;display:flex;position:relative}.form-render__linebar--horizontal .form-render__linebarHeader{align-items:center;background:transparent;border-radius:0;box-sizing:border-box;display:flex;height:unset;justify-content:center;margin-bottom:0;margin-left:-8px;max-width:var(--form-render-linebar-width);padding:8px;text-align:center;width:var(--form-render-linebar-width);word-break:break-all}.form-render__linebar--horizontal .form-render__linebarItem{padding:8px 0 8px 8px}.form-render__linebar--horizontalBorder:after{border-bottom:1px solid #000;bottom:0;content:"";height:1px;left:0;margin-left:-8px;position:absolute;width:calc(100% + 16px)}.form-render__linebar:last-of-type .form-render__linebar--horizontalBorder:after{display:none}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:start;display:grid!important;gap:0 16px;gap:0;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column));grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__inputGroup>div{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex;flex:1;flex-wrap:wrap}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot{border-radius:0!important}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot--checked{background:var(--c-primary-color)!important}.form-render .form-render__formItem [showType=checkbox] .n-radio__dot--checked:before{color:#fff;content:"✓";font-size:13px;font-weight:700;line-height:.8;transform:translateX(-1.5px)}.form-render--no-border .n-input{border-radius:0}.form-render--no-border .n-input__border,.form-render--no-border .n-input__state-border{border-width:0!important}.form-render--no-border .n-input:hover .n-input__state-border{border-bottom-width:1px!important}.form-render--no-border .n-input--focus{border-radius:0}.form-render--no-border .n-input--focus .n-input__state-border{border-bottom-width:1px!important;box-shadow:none!important}.form-render--no-border .n-base-selection--active .n-base-selection__state-border,.form-render--no-border .n-base-selection--focus .n-base-selection__state-border,.form-render--no-border .n-base-selection:hover .n-base-selection__state-border,.form-render--no-border .n-base-selection__border,.form-render--no-border .n-base-selection__state-border{border-width:0!important;box-shadow:none!important}.form-render--underline .n-input{border-radius:0}.form-render--underline .n-input__border,.form-render--underline .n-input__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important}.form-render--underline .n-input--focus{border-radius:0}.form-render--underline .n-input--focus .n-input__state-border{box-shadow:none!important}.form-render--underline .n-base-selection--active .n-base-selection__state-border,.form-render--underline .n-base-selection--focus .n-base-selection__state-border,.form-render--underline .n-base-selection:hover .n-base-selection__state-border,.form-render--underline .n-base-selection__border,.form-render--underline .n-base-selection__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;box-shadow:none!important}.form-render--underline .n-input--textarea{background-image:linear-gradient(transparent,transparent 95%,#d5d5d5 0,#d5d5d5);background-origin:content-box;background-position:top;background-repeat:repeat-y;background-size:100% 22px;margin-top:4px;padding:0}.form-render--underline .n-input--textarea .n-input__textarea-el{padding:0}.form-render--underline .n-input--textarea .n-input__placeholder{padding-top:0}.form-render--underline .n-input--textarea .n-input__border,.form-render--underline .n-input--textarea .n-input__state-border{border:0!important}.form-render__selectChildField{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));width:100%}.form-render__selectChildFieldItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render--out-border .form-render__wrapper{border:1px solid #1f2225;padding:0 8px}.form-render__textMode--dateIcon{color:#c2c2c2;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.form-render__textMode--input{align-items:center;border:1px solid #d5d5d5;border-radius:3px;display:flex;height:32px;justify-content:space-between;max-height:32px;overflow:hidden;padding:0 7px;position:relative;white-space:nowrap;width:100%;word-break:keep-all}.form-render__textMode--inputPlaceholder{color:#c2c2c2}.form-render__textMode--inputDisabled{background-color:#f5f5f5;cursor:not-allowed}.form-render__textMode--inputDisabled .form-render__textMode--inputPlaceholder{color:#000}.form-render__textMode--input>span{flex:1;overflow:hidden}.form-render__textMode--input .n-input__prefix{margin-right:4px}.form-render__textMode--input .n-input__suffix{margin-left:4px}.form-render__lastOption{flex:1}.form-render__lastOption .n-radio__label{display:flex;flex:1}.form-render__selectOption.n-base-select-option--disabled .n-base-select-option__content{color:rgba(0,0,0,.4)}

package/es/components/iho-chat/index.d.ts

@@ -3649,36 +3649,26 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             isForward: boolean;
         };
-        trtcProxy: import("vue").Ref<any>;
-        trtc: import("trtc-sdk-v5").default;
+        trtc: import("trtc-sdk-v5").TRTC;
         timing: import("vue").Ref<string>;
         voiceClose: import("vue").Ref<boolean>;
         isAudio: import("vue").ComputedRef<boolean>;
         isCall: import("vue").ComputedRef<boolean>;
         startTimer: () => void;
-        resetTimer: () => void;
         toggleAudio: () => Promise<void>;
         messageTypeText: import("vue").ComputedRef<"语音" | "视频">;
         time: {
             timer: any;
             seconds: number;
         };
-        installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
-            handleError: import("../../shared/types").AnyFn;
-            handleRemoteUserEnter: import("../../shared/types").AnyFn;
-            handleRemoteAudioAvailable: import("../../shared/types").AnyFn;
-            handleRemoteUserExit: import("../../shared/types").AnyFn;
-            handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
-        }) => void;
-        uninstallEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
-            handleError: import("../../shared/types").AnyFn;
-            handleRemoteUserEnter: import("../../shared/types").AnyFn;
-            handleRemoteAudioAvailable: import("../../shared/types").AnyFn;
-            handleRemoteUserExit: import("../../shared/types").AnyFn;
-            handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
-        }) => void;
-        videoRef: import("vue").Ref<any>;
-        selfVideoRef: import("vue").Ref<any>;
+        installEventHandlers: (handlers: import("./src/hooks").VideoEventHandlers) => void;
+        uninstallEventHandlers: (handlers: import("./src/hooks").VideoEventHandlers) => void;
+        enterRoom: () => Promise<boolean>;
+        exitRoom: () => Promise<void>;
+        startLocalMedia: (selfVideoRef?: HTMLElement | undefined) => Promise<void>;
+        MAIN_STREAM_TYPE: any;
+        videoRef: import("vue").Ref<HTMLElement | undefined>;
+        selfVideoRef: import("vue").Ref<HTMLElement | undefined>;
         isConnect: import("vue").Ref<boolean>;
         timeout: any;
         info: import("vue").ComputedRef<{
@@ -3693,10 +3683,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         handleEnter: () => Promise<void>;
         handleFinish: () => void;
         handleExit: () => Promise<void>;
-        handleRemoteVideoAvailable: (event: any) => Promise<void>;
-        handleRemoteAudioAvailable: (event: any) => void;
-        handleRemoteUserEnter: () => void;
-        handleRemoteUserExit: (event: any) => void;
+        handleRemoteVideoAvailable: (event: import("./src/hooks").TRTCEvent) => Promise<void>;
+        handleRemoteAudioAvailable: (event: import("./src/hooks").TRTCEvent) => void;
+        handleRemoteUserEnter: (event: import("./src/hooks").TRTCEvent) => void;
+        handleRemoteUserExit: (event: import("./src/hooks").TRTCEvent) => void;
         handleError: (error: any) => void;
         NButton: any;
         NAvatar: any;
@@ -3707,11 +3697,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         AV_STATUS: typeof import("./src/constants").AV_STATUS;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     MultipleVideo: import("vue").DefineComponent<{}, {
-        selfVideoRef: import("vue").Ref<any>;
-        remoteUsers: import("vue").Ref<{
-            id: string;
-            name: string;
-        }[]>;
+        selfVideoRef: import("vue").Ref<HTMLElement | undefined>;
         state: {
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
@@ -3769,33 +3755,35 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             content: import("../../shared/types").AnyObject;
             receiver?: string | undefined;
         }) => Promise<void>;
-        trtc: import("trtc-sdk-v5").default;
-        trtcProxy: import("vue").Ref<any>;
         voiceClose: import("vue").Ref<boolean>;
         isAudio: import("vue").ComputedRef<boolean>;
         isCall: import("vue").ComputedRef<boolean>;
         startTimer: () => void;
-        resetTimer: () => void;
         toggleAudio: () => Promise<void>;
         messageTypeText: import("vue").ComputedRef<"语音" | "视频">;
         timing: import("vue").Ref<string>;
         toggleVideo: () => Promise<void>;
         videocamClose: import("vue").Ref<boolean>;
-        installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
-            handleError: import("../../shared/types").AnyFn;
-            handleRemoteUserEnter: import("../../shared/types").AnyFn;
-            handleRemoteAudioAvailable: import("../../shared/types").AnyFn;
-            handleRemoteUserExit: import("../../shared/types").AnyFn;
-            handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
-        }) => void;
-        uninstallEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
-            handleError: import("../../shared/types").AnyFn;
-            handleRemoteUserEnter: import("../../shared/types").AnyFn;
-            handleRemoteAudioAvailable: import("../../shared/types").AnyFn;
-            handleRemoteUserExit: import("../../shared/types").AnyFn;
-            handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
-        }) => void;
+        installEventHandlers: (handlers: import("./src/hooks").VideoEventHandlers) => void;
+        uninstallEventHandlers: (handlers: import("./src/hooks").VideoEventHandlers) => void;
         isConnect: import("vue").Ref<boolean>;
+        remoteUsers: import("vue").Ref<{
+            id: string;
+            name: string;
+            hasVideo?: boolean | undefined;
+            hasAudio?: boolean | undefined;
+        }[]>;
+        enterRoom: () => Promise<boolean>;
+        exitRoom: () => Promise<void>;
+        startLocalMedia: (selfVideoRef?: HTMLElement | undefined) => Promise<void>;
+        findUser: (userId: string) => import("./src/hooks").RemoteUser | undefined;
+        addOrUpdateUser: (userId: string, updates: Partial<import("./src/hooks").RemoteUser>) => void;
+        removeUser: (userId: string) => void;
+        tryRenderRemoteVideo: (userId: string) => Promise<void>;
+        stopRemoteVideo: (userId: string) => Promise<void>;
+        setVideoRef: (userId: string, el: HTMLElement | null) => void;
+        checkAndRenderAllVideos: () => void;
+        MAIN_STREAM_TYPE: any;
         wrapperRef: import("vue").Ref<HTMLElement | null>;
         handleRef: import("vue").Ref<HTMLElement | null>;
         isMaxSize: import("vue").Ref<boolean>;
@@ -3816,15 +3804,18 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             checkedIds: string[];
             checkedOptions: import("../../shared/types").AnyObject[];
         }) => void;
+        sendInvitations: (userIds: string[]) => void;
         handleCall: () => void;
         handleEnter: () => Promise<void>;
         handleExit: () => Promise<void>;
-        handleRemoteVideoAvailable: (event: any) => Promise<void>;
-        handleRemoteAudioAvailable: (event: any) => Promise<void>;
-        handleRemoteUserEnter: (event: any) => Promise<void>;
-        getUserName: (userId: string) => Promise<any>;
-        handleRemoteUserExit: (event: any) => void;
+        handleRemoteVideoAvailable: (event: import("./src/hooks").TRTCEvent) => Promise<void>;
+        handleRemoteVideoUnavailable: (event: import("./src/hooks").TRTCEvent) => Promise<void>;
+        handleRemoteAudioAvailable: (event: import("./src/hooks").TRTCEvent) => Promise<void>;
+        handleRemoteUserEnter: (event: import("./src/hooks").TRTCEvent) => Promise<void>;
+        getUserName: (userId: string) => Promise<string>;
+        handleRemoteUserExit: (event: import("./src/hooks").TRTCEvent) => void;
         handleError: (error: any) => void;
+        periodicCheckInterval: null;
         NButton: any;
         NAvatar: any;
         NIcon: any;