tuikit-atomicx-vue3 0.1.0

package/dist/components/StreamView/manager/mediaManager.js

@@ -0,0 +1,294 @@
+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);
+import TUIRoomEngine, { TUIVideoStreamType, TRTCVideoStreamType, TRTCVideoFillMode, TRTCVideoRotation, TRTCVideoMirrorType, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-js";
+import { useUserState } from "../../../states/UserState/index.js";
+import { innerUserStore } from "../../../states/UserState/store.js";
+import { StreamPlayStatus } from "../../../types/user.js";
+import { LiveStatus } from "../../../types/live.js";
+import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
+import { useLiveState } from "../../../states/LiveState/index.js";
+import { useVideoMixerState } from "../../../states/VideoMixerState.js";
+import { watch } from "vue";
+const { localUser } = useUserState();
+const { isVideoMixerEnabled } = useVideoMixerState();
+const { localLiveStatus } = useLiveState();
+const roomEngine = useRoomEngine();
+const playDomMap = /* @__PURE__ */ new Map();
+function setPlayDomMap(params1, params2) {
+  var _a;
+  const playDomInfo = playDomMap.get(`${params1.userId}-${params1.streamType}`);
+  if (!playDomInfo) {
+    playDomMap.set(`${params1.userId}-${params1.streamType}`, /* @__PURE__ */ new Map());
+  }
+  (_a = playDomMap.get(`${params1.userId}-${params1.streamType}`)) == null ? void 0 : _a.set(params2.view, params2.streamType);
+}
+function getPlayDomMap(params) {
+  return playDomMap.get(`${params.userId}-${params.streamType}`);
+}
+watch(localLiveStatus, (newVal) => {
+  if (newVal === LiveStatus.IDLE) {
+    playDomMap.clear();
+  }
+});
+function updateStreamPlayStatus(params) {
+  if (params.userId === "local_fake_user") {
+    return;
+  }
+  const { userId, streamType, playStatus } = params;
+  const assignObj = streamType === TUIVideoStreamType.kScreenStream ? {
+    screenPlayStatus: playStatus
+  } : {
+    cameraPlayStatus: playStatus
+  };
+  innerUserStore.updateUserInfo({ userId, ...assignObj });
+}
+var StreamPlayMode = /* @__PURE__ */ ((StreamPlayMode2) => {
+  StreamPlayMode2["PLAY"] = "play";
+  StreamPlayMode2["STOP"] = "stop";
+  StreamPlayMode2["PLAY_IN_VISIBLE"] = "playInVisible";
+  return StreamPlayMode2;
+})(StreamPlayMode || {});
+var StreamPlayQuality = /* @__PURE__ */ ((StreamPlayQuality2) => {
+  StreamPlayQuality2["HIGH"] = "high";
+  StreamPlayQuality2["LOW"] = "low";
+  StreamPlayQuality2["Default"] = "default";
+  return StreamPlayQuality2;
+})(StreamPlayQuality || {});
+class MediaManager {
+  constructor() {
+    __publicField(this, "intersectionObserver", null);
+    __publicField(this, "observerDataMap", /* @__PURE__ */ new Map());
+    __publicField(this, "observerRoot", null);
+    __publicField(this, "onUserVideoStateChanged", (eventInfo) => {
+      const { userId, streamType, hasVideo, reason } = eventInfo;
+    });
+    this.bindRoomEngineEvents();
+  }
+  async startPlayVideo(options) {
+    var _a, _b;
+    const { userId, streamType, view, observerViewInVisible } = options;
+    console.info(
+      "MediaManager.startPlayVideo",
+      userId,
+      streamType,
+      view,
+      observerViewInVisible
+    );
+    setPlayDomMap({ userId, streamType }, { view, streamType });
+    if (!observerViewInVisible) {
+      await this.doStartPlayVideo({ userId, streamType });
+      return;
+    }
+    this.initIntersectionObserver();
+    this.observerDataMap.set(
+      view,
+      Object.assign(this.observerDataMap.get(view) || {}, {
+        userId,
+        streamType
+      })
+    );
+    (_a = this.intersectionObserver) == null ? void 0 : _a.observe(view);
+    if ((_b = this.observerDataMap.get(view)) == null ? void 0 : _b.isIntersection) {
+      await this.doStartPlayVideo({ userId, streamType });
+    }
+  }
+  // If only one view wants to stop playing, update the viewList, but don't stop the stream.
+  // If no view is passed in, the stream is stopped.
+  async stopPlayVideo(options) {
+    var _a;
+    const { userId, streamType, view } = options;
+    console.info("MediaManager.stopPlayVideo", userId, streamType, view);
+    const playDomInfo = getPlayDomMap({ userId, streamType });
+    if (!playDomInfo || playDomInfo.size === 0) {
+      return;
+    }
+    if (this.observerDataMap.get(view)) {
+      this.observerDataMap.delete(view);
+      (_a = this.intersectionObserver) == null ? void 0 : _a.unobserve(view);
+    }
+    playDomInfo.delete(view);
+    if (playDomInfo.size > 0) {
+      await this.doStartPlayVideo({
+        userId,
+        streamType
+      });
+    } else {
+      await this.doStopPlayVideo(options);
+    }
+  }
+  initIntersectionObserver() {
+    if (!this.intersectionObserver || document.getElementById("roomContainer") !== this.observerRoot) {
+      const observerRoot = document.getElementById("roomContainer");
+      this.intersectionObserver = new IntersectionObserver(
+        this.intersectionObserverCallback.bind(this),
+        {
+          root: observerRoot,
+          rootMargin: "0px"
+        }
+      );
+      this.observerDataMap = /* @__PURE__ */ new Map();
+      this.observerRoot = observerRoot;
+    }
+  }
+  intersectionObserverCallback(entries) {
+    entries.forEach((entry) => {
+      const { isIntersecting, target } = entry;
+      const observerData = this.observerDataMap.get(target);
+      if (!observerData) {
+        return;
+      }
+      const { userId, streamType } = observerData;
+      const playDomInfo = getPlayDomMap({ userId, streamType });
+      if (!playDomInfo) {
+        return;
+      }
+      if (isIntersecting) {
+        observerData.isIntersection = true;
+        if (playDomInfo && playDomInfo.size > 0) {
+          this.doStartPlayVideo({ userId, streamType });
+        }
+      } else {
+        observerData.isIntersection = false;
+        const isContinuePlay = Array.from(
+          (playDomInfo == null ? void 0 : playDomInfo.keys()) || []
+        ).find(
+          (item) => {
+            var _a;
+            return !this.observerDataMap.get(item) || ((_a = this.observerDataMap.get(item)) == null ? void 0 : _a.isIntersection);
+          }
+        );
+        if (!isContinuePlay) {
+          this.doStopPlayVideo({ userId, streamType });
+        }
+      }
+    });
+  }
+  getPlayStreamType(userId, streamType) {
+    if (streamType === TUIVideoStreamType.kScreenStream) {
+      return streamType;
+    }
+    const playDomInfo = getPlayDomMap({ userId, streamType });
+    if (playDomInfo && playDomInfo.size > 0) {
+      const playStreamTypeList = Array.from(playDomInfo.values());
+      if (playStreamTypeList.includes(TUIVideoStreamType.kCameraStream)) {
+        return TUIVideoStreamType.kCameraStream;
+      }
+      return TUIVideoStreamType.kCameraStreamLow;
+    }
+    return streamType;
+  }
+  async doStartPlayVideo(options) {
+    var _a, _b, _c, _d, _e, _f;
+    const { userId, streamType } = options;
+    const playDomInfo = getPlayDomMap({ userId, streamType });
+    if (!playDomInfo) {
+      return;
+    }
+    const playStreamType = this.getPlayStreamType(userId, streamType);
+    const viewIdList = Array.from(playDomInfo.keys()).map((item) => {
+      if (item instanceof HTMLElement) {
+        return item == null ? void 0 : item.id;
+      }
+      return item;
+    });
+    updateStreamPlayStatus({ userId, streamType, playStatus: StreamPlayStatus.Loading });
+    if (userId === ((_a = localUser.value) == null ? void 0 : _a.userId)) {
+      if (streamType === TUIVideoStreamType.kCameraStream) {
+        if (isVideoMixerEnabled.value) {
+          const mediaSourceManager = (_b = roomEngine.instance) == null ? void 0 : _b.getTRTCCloud().getMediaMixingManager();
+          mediaSourceManager.setDisplayParams(document.getElementById(viewIdList[0]));
+        } else {
+          (_c = roomEngine.instance) == null ? void 0 : _c.setLocalVideoView({ view: viewIdList });
+        }
+      } else {
+        const trtc = (_d = roomEngine.instance) == null ? void 0 : _d.getTRTCCloud()._trtc;
+        await trtc.updateScreenShare({ view: document.getElementById(viewIdList[0]) });
+      }
+    } else {
+      (_e = roomEngine.instance) == null ? void 0 : _e.setRemoteVideoView({
+        userId,
+        streamType: playStreamType,
+        view: viewIdList
+      });
+      await this.setVideoRenderParams({ userId, streamType });
+      await ((_f = roomEngine.instance) == null ? void 0 : _f.startPlayRemoteVideo({
+        userId,
+        streamType: playStreamType
+      }));
+    }
+    updateStreamPlayStatus({ userId, streamType, playStatus: StreamPlayStatus.Playing });
+  }
+  async setVideoRenderParams(options) {
+    var _a, _b;
+    const { userId, streamType } = options;
+    if (userId !== ((_a = localUser.value) == null ? void 0 : _a.userId)) {
+      const trtcCloud = (_b = roomEngine.instance) == null ? void 0 : _b.getTRTCCloud();
+      const trtcStreamType = streamType === TUIVideoStreamType.kScreenStream ? TRTCVideoStreamType.TRTCVideoStreamTypeSub : TRTCVideoStreamType.TRTCVideoStreamTypeBig;
+      if (userId.indexOf("livekit_") === 0) ;
+      else {
+        let trtcFillMode = TRTCVideoFillMode.TRTCVideoFillMode_Fit;
+        if (streamType !== TUIVideoStreamType.kScreenStream) {
+          trtcFillMode = TRTCVideoFillMode.TRTCVideoFillMode_Fill;
+        }
+        await (trtcCloud == null ? void 0 : trtcCloud.setRemoteRenderParams(userId, trtcStreamType, {
+          mirrorType: TRTCVideoMirrorType.TRTCVideoMirrorType_Disable,
+          rotation: TRTCVideoRotation.TRTCVideoRotation0,
+          fillMode: trtcFillMode
+        }));
+      }
+    }
+  }
+  async doStopPlayVideo(options) {
+    var _a, _b, _c, _d;
+    const { userId, streamType } = options;
+    if (userId === ((_a = localUser.value) == null ? void 0 : _a.userId) && isVideoMixerEnabled.value) {
+      return;
+    }
+    updateStreamPlayStatus({ userId, streamType, playStatus: StreamPlayStatus.Stopped });
+    if (userId === ((_b = localUser.value) == null ? void 0 : _b.userId) && streamType === TUIVideoStreamType.kCameraStream) {
+      (_c = roomEngine.instance) == null ? void 0 : _c.setLocalVideoView({ view: null });
+    } else {
+      await ((_d = roomEngine.instance) == null ? void 0 : _d.stopPlayRemoteVideo({
+        userId,
+        streamType
+      }));
+    }
+  }
+  onUserAudioStateChanged(eventInfo) {
+    const { userId, hasAudio, reason } = eventInfo;
+  }
+  dispose() {
+    this.intersectionObserver = null;
+    this.observerDataMap = /* @__PURE__ */ new Map();
+  }
+  bindRoomEngineEvents() {
+    TUIRoomEngine.once("ready", () => {
+      var _a, _b;
+      (_a = roomEngine.instance) == null ? void 0 : _a.on(
+        TUIRoomEvents.onUserVideoStateChanged,
+        this.onUserVideoStateChanged.bind(this)
+      );
+      (_b = roomEngine.instance) == null ? void 0 : _b.on(
+        TUIRoomEvents.onUserAudioStateChanged,
+        this.onUserAudioStateChanged.bind(this)
+      );
+    });
+  }
+  unbindRoomEngineEvents() {
+    var _a, _b;
+    (_a = roomEngine.instance) == null ? void 0 : _a.off(
+      TUIRoomEvents.onUserVideoStateChanged,
+      this.onUserVideoStateChanged
+    );
+    (_b = roomEngine.instance) == null ? void 0 : _b.off(
+      TUIRoomEvents.onUserAudioStateChanged,
+      this.onUserAudioStateChanged
+    );
+  }
+}
+export {
+  MediaManager,
+  StreamPlayMode,
+  StreamPlayQuality
+};

package/dist/components/UserList/AllUserActions/index.d.ts

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

package/dist/components/UserList/AllUserActions/index.js

@@ -0,0 +1,4 @@
+import indexPC from "./indexPC.js";
+export {
+  indexPC as default
+};

package/dist/components/UserList/AllUserActions/indexH5.js

@@ -0,0 +1,91 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, createCommentVNode, unref, createElementVNode, normalizeClass, toDisplayString, createTextVNode, withDirectives, renderList, createVNode, vShow } from "vue";
+import useIndex from "./useIndexHooks.js";
+import { TUIIcon } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomState } from "../../../states/RoomState.js";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "manage-member-bottom"
+};
+const _hoisted_2 = { class: "more-control-container" };
+const _hoisted_3 = { class: "more-control-container-main" };
+const _hoisted_4 = ["onTouchstart"];
+const _hoisted_5 = { class: "operate-text" };
+const _hoisted_6 = {
+  key: 1,
+  class: "global-setting"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "indexH5",
+  props: {
+    activeCategoryKey: {},
+    userCategoryNumber: {}
+  },
+  setup(__props) {
+    const { currentRoom } = useRoomState();
+    const {
+      t,
+      isGeneralUser,
+      roomAudioAction,
+      roomVideoAction,
+      moreControlList,
+      toggleClickMoreBtn,
+      showMoreControl,
+      handleCallAllInvitee
+    } = useIndex();
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock(Fragment, null, [
+        !unref(isGeneralUser) && _ctx.activeCategoryKey !== "notEnteredUser" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: normalizeClass(["manage-member-button", ((_a = unref(currentRoom)) == null ? void 0 : _a.isMicrophoneDisableForAllUser) ? "lift-all" : ""]),
+            onTouchstart: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => unref(roomAudioAction).handler && unref(roomAudioAction).handler(...args))
+          }, toDisplayString(unref(roomAudioAction).label), 35),
+          createElementVNode("div", {
+            class: normalizeClass(["manage-member-button", ((_b = unref(currentRoom)) == null ? void 0 : _b.isCameraDisableForAllUser) ? "lift-all" : ""]),
+            onTouchstart: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => unref(roomVideoAction).handler && unref(roomVideoAction).handler(...args))
+          }, toDisplayString(unref(roomVideoAction).label), 35),
+          createElementVNode("div", {
+            class: "manage-member-button",
+            onTouchstart: _cache[2] || (_cache[2] = //@ts-ignore
+            (...args) => unref(toggleClickMoreBtn) && unref(toggleClickMoreBtn)(...args))
+          }, [
+            createTextVNode(toDisplayString(unref(t)("More")) + " ", 1),
+            withDirectives(createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(moreControlList), (item) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: item.key,
+                    class: "user-operate-item",
+                    onTouchstart: item.handler
+                  }, [
+                    createVNode(unref(TUIIcon), {
+                      icon: item.icon
+                    }, null, 8, ["icon"]),
+                    createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1)
+                  ], 40, _hoisted_4);
+                }), 128))
+              ])
+            ], 512), [
+              [vShow, unref(showMoreControl)]
+            ])
+          ], 32)
+        ])) : createCommentVNode("", true),
+        _ctx.activeCategoryKey === "notEnteredUser" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          _ctx.userCategoryNumber > 0 ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "button-bottom",
+            onClick: _cache[3] || (_cache[3] = //@ts-ignore
+            (...args) => unref(handleCallAllInvitee) && unref(handleCallAllInvitee)(...args))
+          }, toDisplayString(unref(t)("Call all")), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const indexH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b2e6c487"]]);
+export {
+  indexH5 as default
+};

package/dist/components/UserList/AllUserActions/indexH5.vue.d.ts

@@ -0,0 +1,15 @@
+interface Props {
+    activeCategoryKey: string;
+    userCategoryNumber: number;
+}
+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>;
+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;
+    };
+};

package/dist/components/UserList/AllUserActions/indexPC.js

@@ -0,0 +1,122 @@
+import { defineComponent, resolveComponent, createElementBlock, openBlock, createCommentVNode, unref, createVNode, withDirectives, withCtx, createTextVNode, toDisplayString, normalizeClass, createElementVNode, Fragment, renderList, vShow, createBlock } from "vue";
+import useIndex from "./useIndexHooks.js";
+import vClickOutside from "../../../directives/vClickOutside.js";
+import { TUIButton, IconArrowUp } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "global-setting"
+};
+const _hoisted_2 = { class: "more-container" };
+const _hoisted_3 = { class: "drop-down" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "operate-text" };
+const _hoisted_6 = {
+  key: 1,
+  class: "global-setting"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "indexPC",
+  props: {
+    activeCategoryKey: {},
+    userCategoryNumber: {}
+  },
+  setup(__props) {
+    const {
+      t,
+      isGeneralUser,
+      roomAudioAction,
+      roomVideoAction,
+      moreControlList,
+      toggleClickMoreBtn,
+      showMoreControl,
+      handleCallAllInvitee
+    } = useIndex();
+    const handleShowMoreControl = () => {
+      if (showMoreControl.value) {
+        showMoreControl.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_svg_icon = resolveComponent("svg-icon");
+      return openBlock(), createElementBlock("div", null, [
+        !unref(isGeneralUser) && _ctx.activeCategoryKey !== "notEnteredUser" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(unref(TUIButton), {
+            type: "primary",
+            color: "gray",
+            style: { "min-width": "112px" },
+            onClick: unref(roomAudioAction).handler
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(roomAudioAction).label), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(unref(TUIButton), {
+            type: "primary",
+            color: "gray",
+            style: { "min-width": "112px" },
+            onClick: unref(roomVideoAction).handler
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(roomVideoAction).label), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
+            createVNode(unref(TUIButton), {
+              type: "primary",
+              color: "gray",
+              style: { "min-width": "112px" },
+              onClick: unref(toggleClickMoreBtn)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("More")) + " ", 1),
+                createVNode(unref(IconArrowUp), {
+                  size: "12",
+                  class: normalizeClass(["more-arrow", unref(showMoreControl) ? "up" : "down"])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            withDirectives(createElementVNode("div", _hoisted_3, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(moreControlList), (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item.key,
+                  class: "user-operate-item",
+                  onClick: item.handler
+                }, [
+                  createVNode(_component_svg_icon, {
+                    icon: item.icon
+                  }, null, 8, ["icon"]),
+                  createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1)
+                ], 8, _hoisted_4);
+              }), 128))
+            ], 512), [
+              [vShow, unref(showMoreControl)]
+            ])
+          ])), [
+            [unref(vClickOutside), handleShowMoreControl]
+          ])
+        ])) : createCommentVNode("", true),
+        _ctx.activeCategoryKey === "notEnteredUser" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          _ctx.userCategoryNumber > 0 ? (openBlock(), createBlock(unref(TUIButton), {
+            key: 0,
+            type: "primary",
+            onClick: unref(handleCallAllInvitee),
+            style: { minWidth: "80%" }
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("Call all")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdb4502b"]]);
+export {
+  indexPC as default
+};

package/dist/components/UserList/AllUserActions/indexPC.vue.d.ts

@@ -0,0 +1,15 @@
+interface Props {
+    activeCategoryKey: string;
+    userCategoryNumber: number;
+}
+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>;
+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;
+    };
+};

package/dist/components/UserList/AllUserActions/useIndexHooks.d.ts

@@ -0,0 +1,12 @@
+import { RoomAction } from '../../../types';
+
+export default function useIndex(): {
+    t: any;
+    toggleClickMoreBtn: () => void;
+    isGeneralUser: import('vue').ComputedRef<boolean>;
+    showMoreControl: import('vue').Ref<boolean, boolean>;
+    roomAudioAction: import('../../..').ActionType<RoomAction>;
+    roomVideoAction: import('../../..').ActionType<RoomAction>;
+    moreControlList: import('vue').ComputedRef<import('../../..').ActionType<RoomAction>[]>;
+    handleCallAllInvitee: () => void;
+};

package/dist/components/UserList/AllUserActions/useIndexHooks.js

@@ -0,0 +1,49 @@
+import { computed, ref } from "vue";
+import { TUIRole } from "@tencentcloud/tuiroom-engine-js";
+import { useI18n } from "../../../locales/index.js";
+import { TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
+import { useUserState } from "../../../states/UserState/index.js";
+import useRoomActions from "../../../hooks/useRoomActions/index.js";
+import { RoomAction } from "../../../types/room.js";
+function useIndex() {
+  const { t } = useI18n();
+  const { localUser, userList } = useUserState();
+  const isGeneralUser = computed(
+    () => {
+      var _a;
+      return ((_a = localUser.value) == null ? void 0 : _a.userRole) === TUIRole.kGeneralUser;
+    }
+  );
+  const [roomAudioAction, roomVideoAction, roomScreenAction] = useRoomActions({
+    actionList: [
+      RoomAction.AudioAction,
+      RoomAction.VideoAction,
+      RoomAction.ScreenAction
+    ]
+  });
+  const moreControlList = computed(() => [roomScreenAction]);
+  const showMoreControl = ref(false);
+  function toggleClickMoreBtn() {
+    showMoreControl.value = !showMoreControl.value;
+  }
+  const handleCallAllInvitee = () => {
+    userList.value.filter((item) => !item.isInRoom).map((item) => item.userId);
+    TUIToast({
+      type: TOAST_TYPE.SUCCESS,
+      message: t("Invitation sent, waiting for members to join.")
+    });
+  };
+  return {
+    t,
+    toggleClickMoreBtn,
+    isGeneralUser,
+    showMoreControl,
+    roomAudioAction,
+    roomVideoAction,
+    moreControlList,
+    handleCallAllInvitee
+  };
+}
+export {
+  useIndex as default
+};

package/dist/components/UserList/UserItem/UserAction/index.d.ts

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

package/dist/components/UserList/UserItem/UserAction/index.js

@@ -0,0 +1,4 @@
+import UserActionPC from "./indexPC.js";
+export {
+  UserActionPC as default
+};