@ndscnj/roomkit-web-vue3 3.2.0

package/es/components/ManageMember/MemberItem/indexH5.vue2.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, ref, watch, onMounted, onUnmounted, withDirectives, createElementBlock, openBlock, createVNode, unref, vShow } from "vue";
+import MemberInfo from "../MemberItemCommon/MemberInfo.vue.mjs";
+import MemberControl from "../MemberControl/index.mjs";
+import useMemberItem from "./useMemberItemHooks.mjs";
+import vTap from "../../../directives/vTap.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "indexH5",
+  props: {
+    userInfo: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const memberItemContainerRef = ref();
+    const { isMemberControlAccessible, openMemberControl, closeMemberControl } = useMemberItem(props.userInfo);
+    const showMemberControl = ref(false);
+    watch(isMemberControlAccessible, (accessible) => {
+      if (accessible === false) {
+        showMemberControl.value = false;
+      }
+    });
+    const handleOpenMemberControl = (event) => {
+      event.stopPropagation();
+      openMemberControl();
+      if (isMemberControlAccessible.value === true) {
+        showMemberControl.value = true;
+      }
+    };
+    const handleDocumentTouchend = (event) => {
+      var _a;
+      if ((_a = memberItemContainerRef.value) == null ? void 0 : _a.contains(event == null ? void 0 : event.target)) {
+        return;
+      }
+      closeMemberControl();
+      showMemberControl.value = false;
+    };
+    onMounted(() => {
+      document.addEventListener("touchend", handleDocumentTouchend);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("touchend", handleDocumentTouchend);
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        ref_key: "memberItemContainerRef",
+        ref: memberItemContainerRef,
+        class: "member-item-container"
+      }, [
+        createVNode(MemberInfo, {
+          "show-state-icon": props.userInfo.isInRoom,
+          "user-info": props.userInfo
+        }, null, 8, ["show-state-icon", "user-info"]),
+        withDirectives(createVNode(unref(MemberControl), {
+          "show-member-control": showMemberControl.value,
+          "user-info": props.userInfo,
+          onOnCloseControl: handleDocumentTouchend
+        }, null, 8, ["show-member-control", "user-info"]), [
+          [vShow, showMemberControl.value && props.userInfo.isInRoom]
+        ])
+      ])), [
+        [unref(vTap), handleOpenMemberControl]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/ManageMember/MemberItem/indexPC.vue.d.ts

@@ -0,0 +1,16 @@
+import { UserInfo } from '../../../stores/room';
+
+interface Props {
+    userInfo: UserInfo;
+}
+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/es/components/ManageMember/MemberItem/indexPC.vue.mjs

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

package/es/components/ManageMember/MemberItem/indexPC.vue2.mjs

@@ -0,0 +1,41 @@
+import { defineComponent, ref, watch, createElementBlock, openBlock, unref, createVNode, withDirectives, vShow } from "vue";
+import MemberInfo from "../MemberItemCommon/MemberInfo.vue.mjs";
+import MemberControl from "../MemberControl/index.mjs";
+import useMemberItem from "./useMemberItemHooks.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "indexPC",
+  props: {
+    userInfo: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { isMemberControlAccessible, openMemberControl, closeMemberControl } = useMemberItem(props.userInfo);
+    const showMemberControl = ref(false);
+    watch(isMemberControlAccessible, (accessible) => {
+      showMemberControl.value = accessible;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "member-item-container",
+        onMouseenter: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(openMemberControl) && unref(openMemberControl)(...args)),
+        onMouseleave: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(closeMemberControl) && unref(closeMemberControl)(...args))
+      }, [
+        createVNode(MemberInfo, {
+          "user-info": props.userInfo,
+          "show-state-icon": props.userInfo.isInRoom && !showMemberControl.value
+        }, null, 8, ["user-info", "show-state-icon"]),
+        withDirectives(createVNode(unref(MemberControl), {
+          "show-member-control": showMemberControl.value,
+          "user-info": props.userInfo
+        }, null, 8, ["show-member-control", "user-info"]), [
+          [vShow, showMemberControl.value && props.userInfo.isInRoom]
+        ])
+      ], 32);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/ManageMember/MemberItem/useMemberItemHooks.d.ts

@@ -0,0 +1,8 @@
+import { UserInfo } from '../../../stores/room';
+
+export default function useMemberItem(userInfo: UserInfo): {
+    isMemberControlAccessible: import('vue').ComputedRef<boolean>;
+    openMemberControl: () => void;
+    closeMemberControl: () => void;
+    isCanOperateMySelf: import('vue').ComputedRef<boolean>;
+};

package/es/components/ManageMember/MemberItem/useMemberItemHooks.mjs

@@ -0,0 +1,36 @@
+import { ref, computed } from "vue";
+import { useRoomStore } from "../../../stores/room.mjs";
+import { storeToRefs } from "pinia";
+import { TUIRole } from "@tencentcloud/tuiroom-engine-js";
+const showUserId = ref("");
+function useMemberItem(userInfo) {
+  const roomStore = useRoomStore();
+  const { isMaster, isAdmin } = storeToRefs(roomStore);
+  const isCanOperateCurrentMember = computed(() => {
+    const isTargetUserRoomOwner = userInfo.userRole === TUIRole.kRoomOwner;
+    const isTargetUserGeneral = userInfo.userRole === TUIRole.kGeneralUser;
+    const isTargetUserMySelf = userInfo.userId === roomStore.localUser.userId;
+    return isMaster.value && !isTargetUserRoomOwner || isAdmin.value && isTargetUserGeneral || isTargetUserMySelf;
+  });
+  const isCanOperateMySelf = computed(() => {
+    return userInfo.userId === roomStore.localUser.userId;
+  });
+  const isMemberControlAccessible = computed(
+    () => userInfo.userId === showUserId.value && (isCanOperateMySelf.value || isCanOperateCurrentMember.value)
+  );
+  function openMemberControl() {
+    showUserId.value = userInfo.userId;
+  }
+  function closeMemberControl() {
+    showUserId.value = "";
+  }
+  return {
+    isMemberControlAccessible,
+    openMemberControl,
+    closeMemberControl,
+    isCanOperateMySelf
+  };
+}
+export {
+  useMemberItem as default
+};

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue.d.ts

@@ -0,0 +1,17 @@
+import { UserInfo } from '../../../stores/room';
+
+interface Props {
+    userInfo: UserInfo;
+    showStateIcon: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/es/components/ManageMember/MemberItemCommon/MemberInfo.vue.mjs

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

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue2.mjs

@@ -0,0 +1,131 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, withDirectives, createVNode, toDisplayString, createBlock, Fragment, renderList, vShow } from "vue";
+import TuiAvatar from "../../common/Avatar.vue2.mjs";
+import { useBasicStore } from "../../../stores/basic.mjs";
+import { useRoomStore } from "../../../stores/room.mjs";
+import { storeToRefs } from "pinia";
+import MemberInvite from "../MemberInvite/MemberInvite.vue.mjs";
+import { useI18n } from "../../../locales/index.mjs";
+import { isMobile } from "../../../utils/environment.mjs";
+import { IconScreenOpen, IconAudioOpen, IconAudioClose, IconVideoOpen, IconVideoClose, IconApplyActive, IconUser, TUIIcon } from "@tencentcloud/uikit-base-component-vue3";
+import { TUIRole } from "@tencentcloud/tuiroom-engine-js";
+import "../../../services/main.mjs";
+import { roomService } from "../../../services/roomService.mjs";
+import "mitt";
+import "../../../services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
+const _hoisted_1 = { class: "user-name" };
+const _hoisted_2 = { class: "role-info" };
+const _hoisted_3 = {
+  key: 0,
+  class: "member-av-state"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MemberInfo",
+  props: {
+    userInfo: {},
+    showStateIcon: { type: Boolean }
+  },
+  setup(__props) {
+    const { t } = useI18n();
+    const props = __props;
+    const basicStore = useBasicStore();
+    const roomStore = useRoomStore();
+    const { isMaster, isSpeakAfterTakingSeatMode } = storeToRefs(roomStore);
+    const isMe = computed(() => basicStore.userId === props.userInfo.userId);
+    const isTargetUserRoomOwner = computed(
+      () => props.userInfo.userRole === TUIRole.kRoomOwner
+    );
+    const isTargetUserAdmin = computed(
+      () => props.userInfo.userRole === TUIRole.kAdministrator
+    );
+    const extraInfo = computed(() => {
+      if (isMaster.value && isMe.value) {
+        return `${t("Host")}, ${t("Me")}`;
+      }
+      if (isTargetUserRoomOwner.value) {
+        return t("Host");
+      }
+      if (isTargetUserAdmin.value && isMe.value) {
+        return `${t("Admin")}, ${t("Me")}`;
+      }
+      if (isTargetUserAdmin.value) {
+        return t("Admin");
+      }
+      if (isMe.value) {
+        return t("Me");
+      }
+      return "";
+    });
+    const isAudienceRole = computed(
+      () => isSpeakAfterTakingSeatMode.value && !props.userInfo.onSeat
+    );
+    const iconList = computed(() => {
+      const list = [];
+      if (props.userInfo.hasScreenStream) {
+        list.push({ icon: IconScreenOpen });
+      }
+      if (!isAudienceRole.value) {
+        list.push({
+          icon: props.userInfo.hasAudioStream ? IconAudioOpen : IconAudioClose
+        });
+        list.push({
+          icon: props.userInfo.hasVideoStream ? IconVideoOpen : IconVideoClose
+        });
+      }
+      if (isAudienceRole.value && !props.userInfo.isUserApplyingToAnchor) {
+        list.push({ icon: IconAudioClose, disable: true });
+        list.push({ icon: IconVideoClose, disable: true });
+      }
+      if (isAudienceRole.value && props.userInfo.isUserApplyingToAnchor) {
+        list.push({ icon: IconApplyActive, size: 20 });
+      }
+      return list;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(isMobile) ? "member-info-mobile" : "member-info"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(
+            !__props.showStateIcon && isTargetUserAdmin.value ? "member-basic-info-admin" : "member-basic-info"
+          )
+        }, [
+          createVNode(TuiAvatar, {
+            class: "avatar-url",
+            "img-src": __props.userInfo.avatarUrl
+          }, null, 8, ["img-src"]),
+          createElementVNode("div", _hoisted_1, toDisplayString(unref(roomService).getDisplayName(__props.userInfo)), 1),
+          createElementVNode("div", _hoisted_2, [
+            isTargetUserRoomOwner.value || isTargetUserAdmin.value ? (openBlock(), createBlock(unref(IconUser), {
+              key: 0,
+              size: "20",
+              class: normalizeClass(isTargetUserAdmin.value ? "admin-icon" : "master-icon")
+            }, null, 8, ["class"])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(`user-extra-info ${isTargetUserAdmin.value ? "user-extra-info-admin" : ""}`)
+            }, toDisplayString(extraInfo.value), 3)
+          ])
+        ], 2),
+        __props.showStateIcon ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(iconList.value, (item, index) => {
+            return openBlock(), createBlock(unref(TUIIcon), {
+              key: index,
+              icon: item.icon,
+              class: normalizeClass(["state-icon", { "disable-icon": item.disable }]),
+              size: item.size
+            }, null, 8, ["icon", "class", "size"]);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        withDirectives(createVNode(MemberInvite, {
+          class: "member-invite",
+          "user-info": props.userInfo
+        }, null, 8, ["user-info"]), [
+          [vShow, !props.userInfo.isInRoom]
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/ManageMember/index.d.ts

@@ -0,0 +1,2 @@
+declare const index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default index;

package/es/components/ManageMember/index.mjs

@@ -0,0 +1,7 @@
+import indexH5 from "./indexH5.vue.mjs";
+import indexPC from "./indexPC.vue.mjs";
+import { isMobile } from "../../utils/environment.mjs";
+const index = isMobile ? indexH5 : indexPC;
+export {
+  index as default
+};

package/es/components/ManageMember/indexH5.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/ManageMember/indexH5.vue.mjs

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

package/es/components/ManageMember/indexH5.vue2.mjs

@@ -0,0 +1,173 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, Fragment, renderList, unref, normalizeClass, toDisplayString, createBlock, createTextVNode, withDirectives, vShow, isRef, withCtx } from "vue";
+import index from "./MemberItem/index.mjs";
+import Dialog from "../common/base/Dialog/index.mjs";
+import useIndex from "./useIndexHooks.mjs";
+import { storeToRefs } from "pinia";
+import { useRoomStore } from "../../stores/room.mjs";
+import { IconApplyTips, TUIIcon } from "@tencentcloud/uikit-base-component-vue3";
+import { USERS_STATUS } from "../../constants/room.mjs";
+const _hoisted_1 = { class: "manage-member-container" };
+const _hoisted_2 = { class: "manage-member-header" };
+const _hoisted_3 = { class: "apply-count" };
+const _hoisted_4 = { class: "user-status" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "apply-staged" };
+const _hoisted_7 = {
+  key: 0,
+  class: "apply-on-stage-info"
+};
+const _hoisted_8 = { class: "apply-info" };
+const _hoisted_9 = { class: "member-list-container" };
+const _hoisted_10 = { class: "member-list-container" };
+const _hoisted_11 = {
+  key: 0,
+  class: "manage-member-bottom"
+};
+const _hoisted_12 = { class: "more-control-container" };
+const _hoisted_13 = { class: "more-control-container-main" };
+const _hoisted_14 = ["onTouchstart"];
+const _hoisted_15 = { class: "operate-text" };
+const _hoisted_16 = {
+  key: 1,
+  class: "global-setting"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "indexH5",
+  setup(__props) {
+    const roomStore = useRoomStore();
+    const {
+      applyToAnchorList,
+      isMicrophoneDisableForAllUser,
+      isCameraDisableForAllUser,
+      isGeneralUser
+    } = storeToRefs(roomStore);
+    const {
+      audioManageInfo,
+      videoManageInfo,
+      showManageAllUserDialog,
+      dialogTitle,
+      dialogContent,
+      ManageControlType,
+      toggleManageAllMember,
+      doToggleManageAllMember,
+      t,
+      handleToggleStaged,
+      applyToAnchorUserContent,
+      showApplyUserList,
+      showMoreControl,
+      moreControlList,
+      toggleClickMoreBtn,
+      userStatusList,
+      currentActiveTabName,
+      filteredUserStatusList,
+      handleCallAllInvitee
+    } = useIndex();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(userStatusList), (item, index2) => {
+                return openBlock(), createElementBlock("div", {
+                  class: normalizeClass([
+                    "user-status-container",
+                    {
+                      "apply-count-active": item.status === unref(currentActiveTabName)
+                    }
+                  ]),
+                  key: index2,
+                  onClick: ($event) => unref(handleToggleStaged)(item)
+                }, [
+                  createElementVNode("span", _hoisted_6, toDisplayString(item.title), 1)
+                ], 10, _hoisted_5);
+              }), 128))
+            ])
+          ]),
+          unref(applyToAnchorList).length > 0 && !unref(isGeneralUser) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            createVNode(unref(IconApplyTips), { class: "apply-icon" }),
+            createElementVNode("div", _hoisted_8, toDisplayString(unref(applyToAnchorUserContent)), 1),
+            createElementVNode("div", {
+              class: "apply-check",
+              onClick: _cache[0] || (_cache[0] = //@ts-ignore
+              (...args) => unref(showApplyUserList) && unref(showApplyUserList)(...args))
+            }, toDisplayString(unref(t)("Check")), 1)
+          ])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_10, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredUserStatusList), (userInfo) => {
+              return openBlock(), createBlock(unref(index), {
+                key: userInfo.userId,
+                "user-info": userInfo
+              }, null, 8, ["user-info"]);
+            }), 128))
+          ])
+        ]),
+        !unref(isGeneralUser) && unref(currentActiveTabName) !== unref(USERS_STATUS).NOT_ENTER ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          createElementVNode("div", {
+            class: normalizeClass(["manage-member-button", unref(isMicrophoneDisableForAllUser) ? "lift-all" : ""]),
+            onTouchstart: _cache[1] || (_cache[1] = ($event) => unref(toggleManageAllMember)(unref(ManageControlType).AUDIO))
+          }, toDisplayString(unref(audioManageInfo)), 35),
+          createElementVNode("div", {
+            class: normalizeClass(["manage-member-button", unref(isCameraDisableForAllUser) ? "lift-all" : ""]),
+            onTouchstart: _cache[2] || (_cache[2] = ($event) => unref(toggleManageAllMember)(unref(ManageControlType).VIDEO))
+          }, toDisplayString(unref(videoManageInfo)), 35),
+          createElementVNode("div", {
+            class: "manage-member-button",
+            onTouchstart: _cache[3] || (_cache[3] = //@ts-ignore
+            (...args) => unref(toggleClickMoreBtn) && unref(toggleClickMoreBtn)(...args))
+          }, [
+            createTextVNode(toDisplayString(unref(t)("More")) + " ", 1),
+            withDirectives(createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(moreControlList), (item) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: item.type,
+                    class: "user-operate-item",
+                    onTouchstart: ($event) => item.func(item.type)
+                  }, [
+                    item.icon ? (openBlock(), createBlock(unref(TUIIcon), {
+                      key: 0,
+                      icon: item.icon
+                    }, null, 8, ["icon"])) : createCommentVNode("", true),
+                    createElementVNode("span", _hoisted_15, toDisplayString(item.title), 1)
+                  ], 40, _hoisted_14);
+                }), 128))
+              ])
+            ], 512), [
+              [vShow, unref(showMoreControl)]
+            ])
+          ], 32)
+        ])) : createCommentVNode("", true),
+        unref(currentActiveTabName) === unref(USERS_STATUS).NOT_ENTER ? (openBlock(), createElementBlock("div", _hoisted_16, [
+          unref(filteredUserStatusList).length > 0 ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "button-bottom",
+            onClick: _cache[4] || (_cache[4] = //@ts-ignore
+            (...args) => unref(handleCallAllInvitee) && unref(handleCallAllInvitee)(...args))
+          }, toDisplayString(unref(t)("Call all")), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createVNode(unref(Dialog), {
+          modelValue: unref(showManageAllUserDialog),
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(showManageAllUserDialog) ? showManageAllUserDialog.value = $event : null),
+          title: unref(dialogTitle),
+          width: "480px",
+          modal: true,
+          "append-to-room-container": true,
+          "confirm-button": unref(t)("Confirm"),
+          "cancel-button": unref(t)("Cancel"),
+          onConfirm: unref(doToggleManageAllMember),
+          onCancel: _cache[6] || (_cache[6] = ($event) => showManageAllUserDialog.value = false)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("span", null, toDisplayString(unref(dialogContent)), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "confirm-button", "cancel-button", "onConfirm"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/ManageMember/indexPC.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/ManageMember/indexPC.vue.mjs

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