tuikit-atomicx-vue3 3.3.3 → 3.4.1

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

@@ -1,150 +1,106 @@
-import { defineComponent, computed, watch, ref, createElementBlock, openBlock, createBlock, createCommentVNode, unref, withCtx, createTextVNode, toDisplayString, createVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, vShow, nextTick } from "vue";
-import { TUIButton, IconArrowUp, TUIIcon } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n } from "../../../../locales/index.js";
-import { useUserState } from "../../../../states/UserState/index.js";
-import { useUserActions } from "../../../../hooks/useUserActions/index.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "member-control-container" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "operate-text" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as H, computed as p, watch as b, ref as u, createElementBlock as c, openBlock as n, createBlock as x, createCommentVNode as v, unref as s, withCtx as S, createTextVNode as U, toDisplayString as y, createVNode as z, withDirectives as P, normalizeClass as R, createElementVNode as A, Fragment as F, renderList as J, normalizeStyle as O, vShow as j, nextTick as q } from "vue";
+import { TUIButton as D, IconArrowUp as G, TUIIcon as K } from "@tencentcloud/uikit-base-component-vue3";
+import { useI18n as Q } from "../../../../locales/index.js";
+import { useUserState as W } from "../../../../states/UserState/index.js";
+import { useUserActions as X } from "../../../../hooks/useUserActions/index.js";
+import { _ as Y } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Z = { class: "member-control-container" }, $ = ["onClick"], ee = { class: "operate-text" }, te = /* @__PURE__ */ H({
   __name: "indexPC",
   props: {
     userInfo: {}
   },
-  setup(__props) {
-    const { localUser } = useUserState();
-    const props = __props;
-    const { t } = useI18n();
-    const isMe = computed(
+  setup(f) {
+    const { localUser: L } = W(), C = f, { t: N } = Q(), g = p(
       () => {
-        var _a;
-        return props.userInfo.userId === ((_a = localUser.value) == null ? void 0 : _a.userId);
+        var t;
+        return C.userInfo.userId === ((t = L.value) == null ? void 0 : t.userId);
       }
-    );
-    const { userActions } = useUserActions({
-      userInfo: props.userInfo
+    ), { userActions: l } = X({
+      userInfo: C.userInfo
     });
-    watch(() => JSON.stringify(userActions.value), (newVal) => {
-      console.log("lixin-debug aaa userActions", newVal);
+    b(() => JSON.stringify(l.value), (t) => {
+      console.log("lixin-debug aaa userActions", t);
     }, {
-      deep: true,
-      immediate: true
-    });
-    const singleControl = computed(() => {
-      return isMe.value ? null : userActions.value.slice(0, 1)[0];
-    });
-    const moreControlList = computed(() => {
-      return isMe.value ? userActions.value : userActions.value.slice(1);
+      deep: !0,
+      immediate: !0
     });
-    const dropdownClass = ref("down");
-    const moreBtnRef = ref();
-    const operateListRef = ref();
-    const showMoreControl = ref(false);
-    watch(
-      () => moreControlList.value.length,
-      (moreControlListLength) => {
-        if (moreControlListLength === 0) {
-          showMoreControl.value = false;
-        }
+    const d = p(() => g.value ? null : l.value.slice(0, 1)[0]), m = p(() => g.value ? l.value : l.value.slice(1)), k = u("down"), h = u(), r = u(), o = u(!1);
+    b(
+      () => m.value.length,
+      (t) => {
+        t === 0 && (o.value = !1);
       }
     );
-    async function toggleClickMoreBtn() {
-      if (showMoreControl.value) {
-        showMoreControl.value = false;
-      } else {
-        await handleDropDownPosition();
-        showMoreControl.value = true;
-      }
+    async function T() {
+      o.value ? o.value = !1 : (await M(), o.value = !0);
     }
-    async function handleDropDownPosition() {
-      var _a, _b, _c;
-      const { top, bottom } = (_a = moreBtnRef.value) == null ? void 0 : _a.getBoundingClientRect();
-      const { top: containerTop, bottom: containerBottom } = (_b = document.getElementById("memberListContainer")) == null ? void 0 : _b.getBoundingClientRect();
-      if (!containerBottom || !containerTop) {
+    async function M() {
+      var _, w, B;
+      const { top: t, bottom: a } = (_ = h.value) == null ? void 0 : _.getBoundingClientRect(), { top: e, bottom: I } = (w = document.getElementById("memberListContainer")) == null ? void 0 : w.getBoundingClientRect();
+      if (!I || !e)
         return;
-      }
-      const bottomSize = containerBottom - bottom;
-      const topSize = top - containerTop;
-      let dropDownContainerHeight = 0;
-      if (!showMoreControl.value) {
-        operateListRef.value.style = "display:block;position:absolute;z-index:-1000";
-        await nextTick();
-        dropDownContainerHeight = operateListRef.value.offsetHeight;
-        operateListRef.value.style = "";
-      } else {
-        dropDownContainerHeight = (_c = operateListRef.value) == null ? void 0 : _c.offsetHeight;
-      }
-      if (topSize < dropDownContainerHeight) {
-        return;
-      }
-      if (bottomSize < dropDownContainerHeight) {
-        dropdownClass.value = "up";
-      }
+      const V = I - a, E = t - e;
+      let i = 0;
+      o.value ? i = (B = r.value) == null ? void 0 : B.offsetHeight : (r.value.style = "display:block;position:absolute;z-index:-1000", await q(), i = r.value.offsetHeight, r.value.style = ""), !(E < i) && V < i && (k.value = "up");
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        singleControl.value ? (openBlock(), createBlock(unref(TUIButton), {
-          key: 0,
-          type: "primary",
-          onClick: _cache[0] || (_cache[0] = () => {
-            var _a;
-            return (_a = singleControl.value) == null ? void 0 : _a.handler(_ctx.userInfo);
-          })
-        }, {
-          default: withCtx(() => {
-            var _a;
-            return [
-              createTextVNode(toDisplayString((_a = singleControl.value) == null ? void 0 : _a.label), 1)
-            ];
-          }),
+    return (t, a) => (n(), c("div", Z, [
+      d.value ? (n(), x(s(D), {
+        key: 0,
+        type: "primary",
+        onClick: a[0] || (a[0] = () => {
+          var e;
+          return (e = d.value) == null ? void 0 : e.handler(f.userInfo);
+        })
+      }, {
+        default: S(() => {
+          var e;
+          return [
+            U(y((e = d.value) == null ? void 0 : e.label), 1)
+          ];
+        }),
+        _: 1
+      })) : v("", !0),
+      m.value.length > 0 ? (n(), c("div", {
+        key: 1,
+        ref_key: "moreBtnRef",
+        ref: h,
+        class: "more-container"
+      }, [
+        z(s(D), { onClick: T }, {
+          default: S(() => [
+            U(y(s(N)("More")) + " ", 1),
+            z(s(G), {
+              size: "12",
+              class: R(["more-arrow", o.value ? "up" : "down"])
+            }, null, 8, ["class"])
+          ]),
           _: 1
-        })) : createCommentVNode("", true),
-        moreControlList.value.length > 0 ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref_key: "moreBtnRef",
-          ref: moreBtnRef,
-          class: "more-container"
+        }),
+        P(A("div", {
+          id: "operate-list",
+          ref_key: "operateListRef",
+          ref: r,
+          class: R(["user-operate-list", k.value])
         }, [
-          createVNode(unref(TUIButton), { onClick: toggleClickMoreBtn }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("More")) + " ", 1),
-              createVNode(unref(IconArrowUp), {
-                size: "12",
-                class: normalizeClass(["more-arrow", showMoreControl.value ? "up" : "down"])
-              }, null, 8, ["class"])
-            ]),
-            _: 1
-          }),
-          withDirectives(createElementVNode("div", {
-            id: "operate-list",
-            ref_key: "operateListRef",
-            ref: operateListRef,
-            class: normalizeClass(["user-operate-list", dropdownClass.value])
+          (n(!0), c(F, null, J(m.value, (e) => (n(), c("div", {
+            key: e.key,
+            class: "user-operate-item",
+            style: O(e.style || {}),
+            onClick: () => e.handler(f.userInfo)
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(moreControlList.value, (item) => {
-              return openBlock(), createElementBlock("div", {
-                key: item.key,
-                class: "user-operate-item",
-                style: normalizeStyle(item.style || {}),
-                onClick: () => item.handler(_ctx.userInfo)
-              }, [
-                item.icon ? (openBlock(), createBlock(unref(TUIIcon), {
-                  key: 0,
-                  icon: item.icon
-                }, null, 8, ["icon"])) : createCommentVNode("", true),
-                createElementVNode("span", _hoisted_3, toDisplayString(item.label), 1)
-              ], 12, _hoisted_2);
-            }), 128))
-          ], 2), [
-            [vShow, showMoreControl.value]
-          ])
-        ], 512)) : createCommentVNode("", true)
-      ]);
-    };
+            e.icon ? (n(), x(s(K), {
+              key: 0,
+              icon: e.icon
+            }, null, 8, ["icon"])) : v("", !0),
+            A("span", ee, y(e.label), 1)
+          ], 12, $))), 128))
+        ], 2), [
+          [j, o.value]
+        ])
+      ], 512)) : v("", !0)
+    ]));
   }
-});
-const UserActionPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a61c3348"]]);
+}), ie = /* @__PURE__ */ Y(te, [["__scopeId", "data-v-a61c3348"]]);
 export {
-  UserActionPC as default
+  ie as default
 };

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

@@ -1,130 +1,80 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createVNode, toDisplayString, createBlock, Fragment, renderList, resolveDynamicComponent } from "vue";
-import { TUIRole } from "@tencentcloud/tuiroom-engine-js";
-import Avatar from "../../../../baseComp/Avatar.js";
-import { IconScreenOpen, IconAudioOpen, IconAudioClose, IconVideoOpen, IconVideoClose, IconApplyActive, IconUser } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n } from "../../../../locales/index.js";
-import { isMobile } from "../../../../utils/environment.js";
-import { useRoomState } from "../../../../states/RoomState.js";
-import { useUserState } from "../../../../states/UserState/index.js";
-import { SeatStatus } from "../../../../types/user.js";
-import { DeviceStatus } from "../../../../types/device.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "user-name" };
-const _hoisted_2 = { class: "role-info" };
-const _hoisted_3 = {
+import { defineComponent as z, computed as s, createElementBlock as f, openBlock as a, normalizeClass as i, unref as d, createElementVNode as u, createCommentVNode as b, createVNode as M, toDisplayString as h, createBlock as A, Fragment as V, renderList as $, resolveDynamicComponent as B } from "vue";
+import { TUIRole as p } from "@tencentcloud/tuiroom-engine-js";
+import D from "../../../../baseComp/Avatar.js";
+import { IconScreenOpen as N, IconAudioOpen as T, IconAudioClose as O, IconVideoOpen as E, IconVideoClose as R, IconApplyActive as H, IconUser as L } from "@tencentcloud/uikit-base-component-vue3";
+import { useI18n as F } from "../../../../locales/index.js";
+import { isMobile as P } from "../../../../utils/environment.js";
+import { useRoomState as j } from "../../../../states/RoomState.js";
+import { useUserState as q } from "../../../../states/UserState/index.js";
+import { SeatStatus as g } from "../../../../types/user.js";
+import { DeviceStatus as v } from "../../../../types/device.js";
+import { _ as G } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const J = { class: "user-name" }, K = { class: "role-info" }, Q = {
   key: 0,
   class: "member-av-state"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, W = /* @__PURE__ */ z({
   __name: "index",
   props: {
     userInfo: {},
-    showStateIcon: { type: Boolean, default: true }
+    showStateIcon: { type: Boolean, default: !0 }
   },
-  setup(__props) {
-    const { t } = useI18n();
-    const { localUser, getDisplayName } = useUserState();
-    const { currentRoom } = useRoomState();
-    const props = __props;
-    const isMaster = computed(() => props.userInfo.userRole === TUIRole.kRoomOwner);
-    const isMe = computed(() => {
-      var _a;
-      return ((_a = localUser.value) == null ? void 0 : _a.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(
+  setup(r) {
+    const { t: n } = F(), { localUser: k, getDisplayName: y } = q(), { currentRoom: U } = j(), o = r, _ = s(() => o.userInfo.userRole === p.kRoomOwner), c = s(() => {
+      var e;
+      return ((e = k.value) == null ? void 0 : e.userId) === o.userInfo.userId;
+    }), I = s(
+      () => o.userInfo.userRole === p.kRoomOwner
+    ), t = s(
+      () => o.userInfo.userRole === p.kAdministrator
+    ), x = s(() => _.value && c.value ? `${n("Host")}, ${n("Me")}` : I.value ? n("Host") : t.value && c.value ? `${n("Admin")}, ${n("Me")}` : t.value ? n("Admin") : c.value ? n("Me") : ""), l = s(
       () => {
-        var _a;
-        return ((_a = currentRoom.value) == null ? void 0 : _a.isSeatEnabled) && props.userInfo.seatStatus !== SeatStatus.On;
-      }
-    );
-    const isUserApplyingToAnchor = computed(
-      () => props.userInfo.seatStatus === SeatStatus.OffApplicationPending
-    );
-    const iconList = computed(() => {
-      const list = [];
-      if (props.userInfo.screenStatus === DeviceStatus.On) {
-        list.push({ icon: IconScreenOpen });
-      }
-      if (!isAudienceRole.value) {
-        list.push({
-          icon: props.userInfo.microphoneStatus === DeviceStatus.On ? IconAudioOpen : IconAudioClose
-        });
-        list.push({
-          icon: props.userInfo.cameraStatus === DeviceStatus.On ? IconVideoOpen : IconVideoClose
-        });
-      }
-      if (isAudienceRole.value && !isUserApplyingToAnchor.value) {
-        list.push({ icon: IconAudioClose, disable: true });
-        list.push({ icon: IconVideoClose, disable: true });
-      }
-      if (isAudienceRole.value && isUserApplyingToAnchor.value) {
-        list.push({ icon: IconApplyActive, size: 20 });
+        var e;
+        return ((e = U.value) == null ? void 0 : e.isSeatEnabled) && o.userInfo.seatStatus !== g.On;
       }
-      return list;
+    ), S = s(
+      () => o.userInfo.seatStatus === g.OffApplicationPending
+    ), C = s(() => {
+      const e = [];
+      return o.userInfo.screenStatus === v.On && e.push({ icon: N }), l.value || (e.push({
+        icon: o.userInfo.microphoneStatus === v.On ? T : O
+      }), e.push({
+        icon: o.userInfo.cameraStatus === v.On ? E : R
+      })), l.value && !S.value && (e.push({ icon: O, disable: !0 }), e.push({ icon: R, disable: !0 })), l.value && S.value && e.push({ icon: H, size: 20 }), e;
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(isMobile) ? "member-info-mobile" : "member-info"])
+    return (e, X) => (a(), f("div", {
+      class: i([d(P) ? "member-info-mobile" : "member-info"])
+    }, [
+      u("div", {
+        class: i(
+          !r.showStateIcon && t.value ? "member-basic-info-admin" : "member-basic-info"
+        )
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(
-            !_ctx.showStateIcon && isTargetUserAdmin.value ? "member-basic-info-admin" : "member-basic-info"
-          )
-        }, [
-          createVNode(Avatar, {
-            class: "avatar-url",
-            "img-src": _ctx.userInfo.avatarUrl
-          }, null, 8, ["img-src"]),
-          createElementVNode("div", _hoisted_1, toDisplayString(unref(getDisplayName)(_ctx.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),
-        _ctx.showStateIcon ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(iconList.value, (item, index) => {
-            return openBlock(), createBlock(resolveDynamicComponent(item.icon), {
-              key: index,
-              class: normalizeClass(["state-icon", { "disable-icon": item.disable }]),
-              size: item.size
-            }, null, 8, ["class", "size"]);
-          }), 128))
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
+        M(D, {
+          class: "avatar-url",
+          "img-src": r.userInfo.avatarUrl
+        }, null, 8, ["img-src"]),
+        u("div", J, h(d(y)(r.userInfo)), 1),
+        u("div", K, [
+          I.value || t.value ? (a(), A(d(L), {
+            key: 0,
+            size: "20",
+            class: i(t.value ? "admin-icon" : "master-icon")
+          }, null, 8, ["class"])) : b("", !0),
+          u("div", {
+            class: i(`user-extra-info ${t.value ? "user-extra-info-admin" : ""}`)
+          }, h(x.value), 3)
+        ])
+      ], 2),
+      r.showStateIcon ? (a(), f("div", Q, [
+        (a(!0), f(V, null, $(C.value, (m, w) => (a(), A(B(m.icon), {
+          key: w,
+          class: i(["state-icon", { "disable-icon": m.disable }]),
+          size: m.size
+        }, null, 8, ["class", "size"]))), 128))
+      ])) : b("", !0)
+    ], 2));
   }
-});
-const UserInfoComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f9baa574"]]);
+}), ce = /* @__PURE__ */ G(W, [["__scopeId", "data-v-f9baa574"]]);
 export {
-  UserInfoComp as default
+  ce as default
 };

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

@@ -1,39 +1,36 @@
-import { defineComponent, createElementBlock, openBlock, createBlock, createCommentVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
-import { TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "member-invite-container" };
-const _hoisted_2 = {
+import { defineComponent as a, createElementBlock as r, openBlock as t, createBlock as l, createCommentVNode as i, unref as s, withCtx as p, createTextVNode as c, toDisplayString as m } from "vue";
+import { TUIButton as d } from "@tencentcloud/uikit-base-component-vue3";
+import { _ } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const f = { class: "member-invite-container" }, u = {
   key: 1,
   class: "member-invite-info"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, v = /* @__PURE__ */ a({
   __name: "index",
   props: {
     userInfo: {}
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.memberInviteControl.type === "control" ? (openBlock(), createBlock(unref(TUIButton), {
+  setup(C) {
+    return (e, b) => {
+      var o;
+      return t(), r("div", f, [
+        e.memberInviteControl.type === "control" ? (t(), l(s(d), {
           key: 0,
           type: "primary",
-          onClick: _ctx.memberInviteControl.handler
+          onClick: e.memberInviteControl.handler
         }, {
-          default: withCtx(() => {
-            var _a2;
+          default: p(() => {
+            var n;
             return [
-              createTextVNode(toDisplayString((_a2 = _ctx.memberInviteControl) == null ? void 0 : _a2.label), 1)
+              c(m((n = e.memberInviteControl) == null ? void 0 : n.label), 1)
             ];
           }),
           _: 1
-        }, 8, ["onClick"])) : createCommentVNode("", true),
-        _ctx.memberInviteControl.type === "info" ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString((_a = _ctx.memberInviteControl) == null ? void 0 : _a.label), 1)) : createCommentVNode("", true)
+        }, 8, ["onClick"])) : i("", !0),
+        e.memberInviteControl.type === "info" ? (t(), r("span", u, m((o = e.memberInviteControl) == null ? void 0 : o.label), 1)) : i("", !0)
       ]);
     };
   }
-});
-const UserInvite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32716d60"]]);
+}), h = /* @__PURE__ */ _(v, [["__scopeId", "data-v-32716d60"]]);
 export {
-  UserInvite as default
+  h as default
 };

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

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

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

@@ -1,64 +1,52 @@
-import { defineComponent, ref, computed, withDirectives, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, unref, vShow } from "vue";
-import UserInfoComp from "./UserInfo/index.js";
-import UserInvite from "./UserInvite/index.js";
-import UserActionPC from "./UserAction/indexPC.js";
-import { useUserActions } from "../../../hooks/useUserActions/index.js";
-import vTap from "../../../directives/vTap.js";
-import vClickOutside from "../../../directives/vClickOutside.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as d, ref as i, computed as v, withDirectives as f, createElementBlock as h, openBlock as c, createVNode as a, createBlock as _, createCommentVNode as C, unref as t, vShow as R } from "vue";
+import k from "./UserInfo/index.js";
+import w from "./UserInvite/index.js";
+import x from "./UserAction/indexPC.js";
+import { useUserActions as U } from "../../../hooks/useUserActions/index.js";
+import b from "../../../directives/vTap.js";
+import A from "../../../directives/vClickOutside.js";
+import { _ as S } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const B = /* @__PURE__ */ d({
   __name: "indexH5",
   props: {
     userInfo: {}
   },
-  setup(__props) {
-    const props = __props;
-    const isMouseHover = ref(false);
-    const memberItemContainerRef = ref();
-    const handleOpenMemberControl = () => {
-      isMouseHover.value = true;
-    };
-    const handleDocumentTouchend = (event) => {
-      var _a;
-      if ((_a = memberItemContainerRef.value) == null ? void 0 : _a.contains(event == null ? void 0 : event.target)) {
-        return;
-      }
-      isMouseHover.value = false;
-    };
-    const { userActions } = useUserActions({ userInfo: props.userInfo });
-    const showUserAction = computed(
+  setup(s) {
+    const o = s, r = i(!1), u = i(), l = () => {
+      r.value = !0;
+    }, p = (e) => {
+      var n;
+      (n = u.value) != null && n.contains(e == null ? void 0 : e.target) || (r.value = !1);
+    }, { userActions: I } = U({ userInfo: o.userInfo }), m = v(
       () => {
-        var _a;
-        return isMouseHover.value && props.userInfo.userRoomStatus === "InRoom" && ((_a = userActions.value) == null ? void 0 : _a.length) > 0;
+        var e;
+        return r.value && o.userInfo.userRoomStatus === "InRoom" && ((e = I.value) == null ? void 0 : e.length) > 0;
       }
     );
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        class: "member-item-container",
-        ref_key: "memberItemContainerRef",
-        ref: memberItemContainerRef
-      }, [
-        createVNode(UserInfoComp, {
-          "user-info": props.userInfo,
-          "show-state-icon": props.userInfo.userRoomStatus === "InRoom" && !showUserAction.value
-        }, null, 8, ["user-info", "show-state-icon"]),
-        _ctx.userInfo.userRoomStatus !== "InRoom" ? (openBlock(), createBlock(UserInvite, {
-          key: 0,
-          "user-info": props.userInfo
-        }, null, 8, ["user-info"])) : createCommentVNode("", true),
-        withDirectives(createVNode(unref(UserActionPC), {
-          "user-info": props.userInfo
-        }, null, 8, ["user-info"]), [
-          [vShow, showUserAction.value]
-        ])
-      ])), [
-        [unref(vTap), handleOpenMemberControl],
-        [unref(vClickOutside), handleDocumentTouchend]
-      ]);
-    };
+    return (e, n) => f((c(), h("div", {
+      class: "member-item-container",
+      ref_key: "memberItemContainerRef",
+      ref: u
+    }, [
+      a(k, {
+        "user-info": o.userInfo,
+        "show-state-icon": o.userInfo.userRoomStatus === "InRoom" && !m.value
+      }, null, 8, ["user-info", "show-state-icon"]),
+      s.userInfo.userRoomStatus !== "InRoom" ? (c(), _(w, {
+        key: 0,
+        "user-info": o.userInfo
+      }, null, 8, ["user-info"])) : C("", !0),
+      f(a(t(x), {
+        "user-info": o.userInfo
+      }, null, 8, ["user-info"]), [
+        [R, m.value]
+      ])
+    ])), [
+      [t(b), l],
+      [t(A), p]
+    ]);
   }
-});
-const indexH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49371274"]]);
+}), V = /* @__PURE__ */ S(B, [["__scopeId", "data-v-49371274"]]);
 export {
-  indexH5 as default
+  V as default
 };