@tencentcloud/roomkit-electron-vue3 2.6.7 → 2.7.0

package/es/conference.vue2.mjs

@@ -7,6 +7,7 @@ import RoomSetting from "./components/RoomSetting/index.vue.mjs";
 import LoadingOverlay from "./components/PreRoom/LoadingOverlay.vue.mjs";
 import PasswordDialog from "./components/PreRoom/PasswordDialog.vue.mjs";
 import AISubtitlesOverlay from "./components/AITools/AISubtitles.vue.mjs";
+import RoomInviteOverlay from "./components/RoomInvite/index.vue.mjs";
 import { debounce, throttle } from "./utils/utils.mjs";
 import { useBasicStore } from "./stores/basic.mjs";
 import { isMobile, isWeChat } from "./utils/environment.mjs";
@@ -42,7 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isShowLoading = ref(true);
     const props = __props;
     const overlayMap = ref({
-      AISubtitlesOverlay: { visible: false }
+      AISubtitlesOverlay: { visible: false },
+      RoomInviteOverlay: { visible: false }
     });
     const conferenceShow = computed(
       () => props.displayMode === "permanent" || !!basicStore.roomId
@@ -279,7 +281,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_sfc_main$1),
         createVNode(RoomSetting),
         overlayMap.value.AISubtitlesOverlay.visible ? (openBlock(), createBlock(AISubtitlesOverlay, { key: 0 })) : createCommentVNode("", true),
-        isShowLoading.value ? (openBlock(), createBlock(LoadingOverlay, { key: 1 })) : createCommentVNode("", true),
+        overlayMap.value.RoomInviteOverlay.visible ? (openBlock(), createBlock(RoomInviteOverlay, { key: 1 })) : createCommentVNode("", true),
+        isShowLoading.value ? (openBlock(), createBlock(LoadingOverlay, { key: 2 })) : createCommentVNode("", true),
         createVNode(PasswordDialog, {
           visible: isShowPasswordContainer.value,
           onJoinConference: enterRoom

package/es/directives/vTap.d.ts

@@ -1,12 +1,13 @@
 declare class VueTouch {
     dom: HTMLElement;
-    callback: Function;
+    callback: (event: TouchEvent) => void;
     isMove: boolean;
+    isInOnceTouch: boolean;
     isLazyTap: boolean;
     constructor(el: HTMLElement, binding: any);
-    touchstart(): void;
+    touchstart(event: TouchEvent): void;
     touchmove(): void;
-    touchend(event?: TouchEvent): void;
+    touchend(event: TouchEvent): void;
 }
 declare const vTap: {
     mounted(el: HTMLElement, binding: any): VueTouch;

package/es/directives/vTap.mjs

@@ -8,16 +8,18 @@ class VueTouch {
     __publicField(this, "dom");
     __publicField(this, "callback");
     __publicField(this, "isMove");
+    __publicField(this, "isInOnceTouch");
     __publicField(this, "isLazyTap");
     this.dom = el;
     this.callback = binding.value;
     this.isLazyTap = binding.modifiers.lazy;
     this.isMove = false;
+    this.isInOnceTouch = false;
     el == null ? void 0 : el.addEventListener("touchstart", (event) => {
       if (binding.modifiers.stop) {
         event.stopPropagation();
       }
-      this.touchstart();
+      this.touchstart(event);
     });
     el == null ? void 0 : el.addEventListener("touchmove", (event) => {
       if (binding.modifiers.stop) {
@@ -32,16 +34,25 @@ class VueTouch {
       this.touchend(event);
     });
   }
-  touchstart() {
+  touchstart(event) {
+    if (event.touches.length > 1 || this.isInOnceTouch) {
+      return;
+    }
     this.isMove = false;
+    this.isInOnceTouch = true;
   }
   touchmove() {
+    if (!this.isInOnceTouch) {
+      return;
+    }
     this.isMove = true;
+    this.isInOnceTouch = false;
   }
   touchend(event) {
-    if (this.isMove) {
+    if (this.isMove || !this.isInOnceTouch) {
       return;
     }
+    this.isInOnceTouch = false;
     if (this.isLazyTap) {
       if (eventMap.get(this.dom)) {
         clearTimeout(eventMap.get(this.dom));

package/es/directives/vTouchScale.d.ts

@@ -0,0 +1,9 @@
+/**
+ * <div v-touch-scale="enable"></div>
+ */
+declare const vDblTouch: {
+    mounted(el: HTMLElement, binding: any): void;
+    updated(el: HTMLElement, binding: any): void;
+    beforeUnmount(el: HTMLElement): void;
+};
+export default vDblTouch;

package/es/directives/vTouchScale.mjs

@@ -0,0 +1,200 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const touchScaleElementMap = /* @__PURE__ */ new Map();
+class TouchScale {
+  constructor(el, binding) {
+    __publicField(this, "touchDom");
+    __publicField(this, "transformDom");
+    __publicField(this, "lastPosition", { x: 0, y: 0 });
+    __publicField(this, "lastCenterPosition", { x: 0, y: 0 });
+    __publicField(this, "lastDistance", 0);
+    __publicField(this, "currentTranslate", { x: 0, y: 0 });
+    __publicField(this, "currentCenterPosition", { x: 0, y: 0 });
+    __publicField(this, "currentScale", 1);
+    __publicField(this, "tempScale", 1);
+    __publicField(this, "tempTranslate", { x: 0, y: 0 });
+    __publicField(this, "isOneFingerControl", false);
+    __publicField(this, "isTwoFingerControl", false);
+    __publicField(this, "isEnabled", false);
+    var _a, _b, _c;
+    this.touchDom = el;
+    this.transformDom = el;
+    this.transformDom.style.transformOrigin = "0 0";
+    this.isEnabled = !!binding.value;
+    this.handleTouchStart = this.handleTouchStart.bind(this);
+    this.handleTouchMove = this.handleTouchMove.bind(this);
+    this.handleTouchEnd = this.handleTouchEnd.bind(this);
+    (_a = this.touchDom) == null ? void 0 : _a.addEventListener("touchstart", this.handleTouchStart, false);
+    (_b = this.touchDom) == null ? void 0 : _b.addEventListener("touchmove", this.handleTouchMove, false);
+    (_c = this.touchDom) == null ? void 0 : _c.addEventListener("touchend", this.handleTouchEnd, false);
+  }
+  updateBinding(binding) {
+    this.isEnabled = !!binding.value;
+  }
+  destroy() {
+    var _a, _b, _c;
+    (_a = this.touchDom) == null ? void 0 : _a.removeEventListener(
+      "touchstart",
+      this.handleTouchStart,
+      false
+    );
+    (_b = this.touchDom) == null ? void 0 : _b.removeEventListener(
+      "touchmove",
+      this.handleTouchMove,
+      false
+    );
+    (_c = this.touchDom) == null ? void 0 : _c.removeEventListener("touchend", this.handleTouchEnd, false);
+  }
+  handleTouchStart(event) {
+    if (!this.isEnabled) {
+      return;
+    }
+    event.preventDefault();
+    if (this.currentScale !== 1) {
+      event.stopPropagation();
+    }
+    if (event.touches.length === 2) {
+      this.handleScaleStart(event);
+      this.isTwoFingerControl = true;
+    }
+    if (event.touches.length === 1) {
+      this.handlePositionStart(event);
+      this.isOneFingerControl = true;
+    }
+  }
+  handleTouchMove(event) {
+    if (!this.isEnabled) {
+      return;
+    }
+    event.preventDefault();
+    if (this.tempScale !== 1) {
+      event.stopPropagation();
+    }
+    if (event.touches.length === 2 && this.isTwoFingerControl) {
+      this.handleScaleMove(event);
+    }
+    if (event.touches.length === 1 && this.isOneFingerControl) {
+      this.handlePositionMove(event);
+    }
+  }
+  handleTouchEnd(event) {
+    if (!this.isEnabled) {
+      return;
+    }
+    event.preventDefault();
+    if (this.currentScale !== 1) {
+      event.stopPropagation();
+    }
+    if (this.isTwoFingerControl) {
+      this.handleScaleEnd();
+    }
+    this.isTwoFingerControl = false;
+    this.isOneFingerControl = false;
+  }
+  getDistance(touchTargetA, touchTargetB) {
+    return Math.sqrt(
+      Math.pow(touchTargetA.pageX - touchTargetB.pageX, 2) + Math.pow(touchTargetA.pageY - touchTargetB.pageY, 2)
+    );
+  }
+  getCenterPointer(touchTargetA, touchTargetB) {
+    return {
+      x: (touchTargetA.pageX + touchTargetB.pageX) / 2,
+      y: (touchTargetA.pageY + touchTargetB.pageY) / 2
+    };
+  }
+  getTranslateLimitedObj(translateObj, scale) {
+    const translateResult = { ...translateObj };
+    if (translateObj.x > 0) {
+      translateResult.x = 0;
+    }
+    if (translateObj.x < 0 - (scale - 1) * this.transformDom.offsetWidth) {
+      translateResult.x = 0 - (scale - 1) * this.transformDom.offsetWidth;
+    }
+    if (translateObj.y > 0) {
+      translateResult.y = 0;
+    }
+    if (translateObj.y < 0 - (scale - 1) * this.transformDom.offsetHeight) {
+      translateResult.y = 0 - (scale - 1) * this.transformDom.offsetHeight;
+    }
+    return translateResult;
+  }
+  handleScaleStart(event) {
+    const [initATarget, initBTarget] = event.touches;
+    this.lastDistance = this.getDistance(initATarget, initBTarget);
+    this.lastCenterPosition = this.getCenterPointer(initATarget, initBTarget);
+  }
+  handleScaleMove(event) {
+    const [moveATarget, moveBTarget] = event.touches;
+    const moveDistance = this.getDistance(moveATarget, moveBTarget);
+    const centerPosition = this.getCenterPointer(moveATarget, moveBTarget);
+    this.tempScale = this.currentScale * (moveDistance / this.lastDistance);
+    if (this.tempScale <= 1) {
+      this.tempTranslate = { x: 0, y: 0 };
+      this.tempScale = 1;
+    } else {
+      const gapTop = moveDistance / this.lastDistance * (this.currentScale * this.lastCenterPosition.y) - this.currentScale * centerPosition.y;
+      const gapLeft = moveDistance / this.lastDistance * (this.currentScale * this.lastCenterPosition.x) - this.currentScale * centerPosition.x;
+      this.tempTranslate = {
+        x: this.currentTranslate.x - gapLeft,
+        y: this.currentTranslate.y - gapTop
+      };
+      this.tempTranslate = this.getTranslateLimitedObj(
+        this.tempTranslate,
+        this.tempScale
+      );
+    }
+    this.transformDom.style.transform = `translate(${this.tempTranslate.x}px, ${this.tempTranslate.y}px) scale(${this.tempScale})`;
+  }
+  handleScaleEnd() {
+    this.currentScale = this.tempScale;
+    this.currentTranslate = this.tempTranslate;
+  }
+  handlePositionStart(event) {
+    this.lastPosition = {
+      x: event.touches[0].pageX,
+      y: event.touches[0].pageY
+    };
+  }
+  handlePositionMove(event) {
+    const currentPosition = {
+      x: event.touches[0].pageX,
+      y: event.touches[0].pageY
+    };
+    this.currentTranslate = {
+      x: this.currentTranslate.x + (currentPosition.x - this.lastPosition.x),
+      y: this.currentTranslate.y + (currentPosition.y - this.lastPosition.y)
+    };
+    this.currentTranslate = this.getTranslateLimitedObj(
+      this.currentTranslate,
+      this.currentScale
+    );
+    this.lastPosition = currentPosition;
+    this.transformDom.style.transform = `translate(${this.currentTranslate.x}px, ${this.currentTranslate.y}px) scale(${this.currentScale})`;
+  }
+}
+const vDblTouch = {
+  mounted(el, binding) {
+    if (binding.value) {
+      const newTouchScale = new TouchScale(el, binding);
+      touchScaleElementMap.set(el, newTouchScale);
+    }
+  },
+  updated(el, binding) {
+    var _a;
+    if (touchScaleElementMap.get(el)) {
+      (_a = touchScaleElementMap.get(el)) == null ? void 0 : _a.updateBinding(binding);
+    } else if (binding.value) {
+      const newTouchScale = new TouchScale(el, binding);
+      touchScaleElementMap.set(el, newTouchScale);
+    }
+  },
+  beforeUnmount(el) {
+    var _a;
+    (_a = touchScaleElementMap.get(el)) == null ? void 0 : _a.destroy();
+    touchScaleElementMap.delete(el);
+  }
+};
+export {
+  vDblTouch as default
+};

package/es/extension/utils/setLanguage.mjs

@@ -1,5 +1,11 @@
-import i18n from "../../locales/index.mjs";
-import { useBasicStore } from "../../stores/basic.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "../../locales/index.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
+import "../../utils/environment.mjs";
 const languageMap = {
   zh: "zh-CN",
   en: "en-US"
@@ -7,10 +13,7 @@ const languageMap = {
 const setLanguage = (language) => {
   const currentLanguage = languageMap[language];
   if (!currentLanguage) return;
-  const basicStore = useBasicStore();
-  i18n.global.locale.value = currentLanguage;
-  basicStore.setLang(currentLanguage);
-  localStorage.setItem("tuiRoom-language", currentLanguage);
+  roomService.setLanguage(currentLanguage);
 };
 export {
   setLanguage