tuikit-atomicx-vue3 3.3.4 → 3.4.1

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

@@ -1,47 +1,42 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, createVNode, withDirectives, unref, vShow } from "vue";
-import UserInfoComp from "./UserInfo/index.js";
-import UserActionPC from "./UserAction/indexPC.js";
-import { useUserActions } from "../../../hooks/useUserActions/index.js";
-import { UserRoomStatus } from "../../../types/user.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as f, ref as m, computed as l, createElementBlock as p, openBlock as v, createVNode as n, withDirectives as d, unref as r, vShow as I } from "vue";
+import _ from "./UserInfo/index.js";
+import h from "./UserAction/indexPC.js";
+import { useUserActions as w } from "../../../hooks/useUserActions/index.js";
+import { UserRoomStatus as t } from "../../../types/user.js";
+import { _ as x } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const C = /* @__PURE__ */ f({
   __name: "indexPC",
   props: {
     userInfo: {}
   },
-  setup(__props) {
-    const props = __props;
-    const isMouseHover = ref(false);
-    function handleMouseEnter() {
-      isMouseHover.value = true;
+  setup(u) {
+    const e = u, o = m(!1);
+    function a() {
+      o.value = !0;
     }
-    function handleMouseLeave() {
-      isMouseHover.value = false;
+    function i() {
+      o.value = !1;
     }
-    const { userActions } = useUserActions({ userInfo: props.userInfo });
-    const showUserAction = computed(
-      () => isMouseHover.value && props.userInfo.userRoomStatus === UserRoomStatus.InRoom && userActions.value.length > 0
+    const { userActions: c } = w({ userInfo: e.userInfo }), s = l(
+      () => o.value && e.userInfo.userRoomStatus === t.InRoom && c.value.length > 0
     );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "member-item-container",
-        onMouseenter: handleMouseEnter,
-        onMouseleave: handleMouseLeave
-      }, [
-        createVNode(UserInfoComp, {
-          "user-info": props.userInfo,
-          "show-state-icon": props.userInfo.userRoomStatus === unref(UserRoomStatus).InRoom && !showUserAction.value
-        }, null, 8, ["user-info", "show-state-icon"]),
-        withDirectives(createVNode(unref(UserActionPC), {
-          "user-info": props.userInfo
-        }, null, 8, ["user-info"]), [
-          [vShow, showUserAction.value]
-        ])
-      ], 32);
-    };
+    return (M, R) => (v(), p("div", {
+      class: "member-item-container",
+      onMouseenter: a,
+      onMouseleave: i
+    }, [
+      n(_, {
+        "user-info": e.userInfo,
+        "show-state-icon": e.userInfo.userRoomStatus === r(t).InRoom && !s.value
+      }, null, 8, ["user-info", "show-state-icon"]),
+      d(n(r(h), {
+        "user-info": e.userInfo
+      }, null, 8, ["user-info"]), [
+        [I, s.value]
+      ])
+    ], 32));
   }
-});
-const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a219e667"]]);
+}), E = /* @__PURE__ */ x(C, [["__scopeId", "data-v-a219e667"]]);
 export {
-  indexPC as default
+  E as default
 };

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

@@ -1,56 +1,42 @@
-import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, renderSlot, createBlock, unref } from "vue";
-import indexPC from "../UserItem/indexPC.js";
-import { useUserState } from "../../../states/UserState/index.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
+import { defineComponent as m, computed as d, createElementBlock as l, openBlock as o, Fragment as c, renderList as p, renderSlot as f, createBlock as _, unref as F } from "vue";
+import k from "../UserItem/indexPC.js";
+import { useUserState as v } from "../../../states/UserState/index.js";
+import { _ as L } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const C = {
   id: "memberListContainer",
   class: "user-list-content"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, h = /* @__PURE__ */ m({
   __name: "index",
   props: {
-    searchFn: { type: Function, default: (userInfo, searchText) => {
-      var _a, _b;
-      return ((_a = userInfo.nameCard) == null ? void 0 : _a.includes(searchText)) || ((_b = userInfo.userName) == null ? void 0 : _b.includes(searchText)) || userInfo.userId.includes(searchText);
+    searchFn: { type: Function, default: (r, t) => {
+      var n, s;
+      return ((n = r.nameCard) == null ? void 0 : n.includes(t)) || ((s = r.userName) == null ? void 0 : s.includes(t)) || r.userId.includes(t);
     } },
     sortFn: {},
     filterFn: {}
   },
-  setup(__props) {
-    const props = __props;
-    const { userList, userSearchText } = useUserState();
-    const showUserList = computed(() => {
-      let tempUserList = userList.value;
-      if (props.filterFn) {
-        tempUserList = tempUserList.filter(props.filterFn);
-      }
-      if (userSearchText) {
-        tempUserList = tempUserList.filter(
-          (item) => props.searchFn(item, userSearchText.value)
-        );
-      }
-      return tempUserList;
+  setup(r) {
+    const t = r, { userList: n, userSearchText: s } = v(), a = d(() => {
+      let e = n.value;
+      return t.filterFn && (e = e.filter(t.filterFn)), s && (e = e.filter(
+        (u) => t.searchFn(u, s.value)
+      )), e;
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(showUserList.value, (userInfo) => {
-          return openBlock(), createElementBlock(Fragment, {
-            key: userInfo.userId
-          }, [
-            _ctx.$slots.userItem ? renderSlot(_ctx.$slots, "userItem", {
-              key: 0,
-              userInfo
-            }, void 0, true) : (openBlock(), createBlock(unref(indexPC), {
-              key: 1,
-              "user-info": userInfo
-            }, null, 8, ["user-info"]))
-          ], 64);
-        }), 128))
-      ]);
-    };
+    return (e, u) => (o(), l("div", C, [
+      (o(!0), l(c, null, p(a.value, (i) => (o(), l(c, {
+        key: i.userId
+      }, [
+        e.$slots.userItem ? f(e.$slots, "userItem", {
+          key: 0,
+          userInfo: i
+        }, void 0, !0) : (o(), _(F(k), {
+          key: 1,
+          "user-info": i
+        }, null, 8, ["user-info"]))
+      ], 64))), 128))
+    ]));
   }
-});
-const UserListContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-725382f3"]]);
+}), x = /* @__PURE__ */ L(h, [["__scopeId", "data-v-725382f3"]]);
 export {
-  UserListContent as default
+  x as default
 };

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

@@ -1,30 +1,24 @@
-import { defineComponent, createElementBlock, openBlock, createVNode, withDirectives, unref, createElementVNode, isRef, vModelText } from "vue";
-import { IconSearch } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n } from "../../../locales/index.js";
-import { useUserState } from "../../../states/UserState/index.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "user-search-content" };
-const _hoisted_2 = ["placeholder"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as c, createElementBlock as n, openBlock as a, createVNode as i, withDirectives as l, unref as t, createElementVNode as p, isRef as m, vModelText as d } from "vue";
+import { IconSearch as u } from "@tencentcloud/uikit-base-component-vue3";
+import { useI18n as _ } from "../../../locales/index.js";
+import { useUserState as f } from "../../../states/UserState/index.js";
+import { _ as h } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const x = { class: "user-search-content" }, v = ["placeholder"], S = /* @__PURE__ */ c({
   __name: "index",
-  setup(__props) {
-    const { t } = useI18n();
-    const { userSearchText } = useUserState();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(IconSearch), { size: "20" }),
-        withDirectives(createElementVNode("input", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(userSearchText) ? userSearchText.value = $event : null),
-          class: "search-input",
-          placeholder: unref(t)("Search Member")
-        }, null, 8, _hoisted_2), [
-          [vModelText, unref(userSearchText)]
-        ])
-      ]);
-    };
+  setup(I) {
+    const { t: r } = _(), { userSearchText: e } = f();
+    return (U, o) => (a(), n("div", x, [
+      i(t(u), { size: "20" }),
+      l(p("input", {
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => m(e) ? e.value = s : null),
+        class: "search-input",
+        placeholder: t(r)("Search Member")
+      }, null, 8, v), [
+        [d, t(e)]
+      ])
+    ]));
   }
-});
-const UserListSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ed0c1c7c"]]);
+}), N = /* @__PURE__ */ h(S, [["__scopeId", "data-v-ed0c1c7c"]]);
 export {
-  UserListSearch as default
+  N as default
 };

package/dist/components/UserList/index.js

@@ -1,92 +1,79 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, createVNode, createCommentVNode, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createSlots, withCtx, renderSlot, unref } from "vue";
-import UserListSearch from "./UserListSearch/index.js";
-import UserListContent from "./UserListContent/index.js";
-import indexPC from "./AllUserActions/indexPC.js";
-import { useUserState } from "../../states/UserState/index.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "user-list-container" };
-const _hoisted_2 = {
+import { defineComponent as L, ref as S, computed as k, createElementBlock as a, openBlock as i, createVNode as c, createCommentVNode as x, Fragment as N, renderList as U, normalizeClass as $, createElementVNode as b, toDisplayString as I, createSlots as E, withCtx as K, renderSlot as V, unref as j } from "vue";
+import w from "./UserListSearch/index.js";
+import B from "./UserListContent/index.js";
+import O from "./AllUserActions/indexPC.js";
+import { useUserState as z } from "../../states/UserState/index.js";
+import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const P = { class: "user-list-container" }, q = {
   key: 0,
   class: "user-category-content"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "user-category-title" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, A = ["onClick"], G = { class: "user-category-title" }, H = /* @__PURE__ */ L({
   __name: "index",
   props: {
     sortFn: { type: Function },
     userCategoryList: {}
   },
-  setup(__props) {
-    var _a, _b;
-    const props = __props;
-    const { userList } = useUserState();
-    const activeCategoryKey = ref(
-      ((_b = (_a = props.userCategoryList) == null ? void 0 : _a[0]) == null ? void 0 : _b.key) || ""
-    );
-    const activeCategory = computed(
+  setup(l) {
+    var f, d;
+    const n = l, { userList: u } = z(), o = S(
+      ((d = (f = n.userCategoryList) == null ? void 0 : f[0]) == null ? void 0 : d.key) || ""
+    ), _ = k(
       () => {
-        var _a2;
-        return (_a2 = props.userCategoryList) == null ? void 0 : _a2.find((item) => item.key === activeCategoryKey.value);
+        var e;
+        return (e = n.userCategoryList) == null ? void 0 : e.find((s) => s.key === o.value);
       }
     );
-    function handleSwitchCategory(item) {
-      activeCategoryKey.value = item.key;
+    function h(e) {
+      o.value = e.key;
     }
-    const filterUserListObj = computed(() => {
-      var _a2;
-      const filterUserCategoryObj = {};
-      (_a2 = props.userCategoryList) == null ? void 0 : _a2.forEach((item) => {
-        if (item.filterFn) {
-          filterUserCategoryObj[item.key] = userList.value.filter(item.filterFn);
-        } else {
-          filterUserCategoryObj[item.key] = userList.value;
-        }
-      });
-      return filterUserCategoryObj;
+    const y = k(() => {
+      var s;
+      const e = {};
+      return (s = n.userCategoryList) == null || s.forEach((t) => {
+        t.filterFn ? e[t.key] = u.value.filter(t.filterFn) : e[t.key] = u.value;
+      }), e;
     });
-    return (_ctx, _cache) => {
-      var _a2, _b2, _c, _d;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(UserListSearch),
-        ((_a2 = _ctx.userCategoryList) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.userCategoryList, (item, index2) => {
-            var _a3, _b3;
-            return openBlock(), createElementBlock("div", {
-              key: index2,
-              class: normalizeClass([
+    return (e, s) => {
+      var t, g, m, v;
+      return i(), a("div", P, [
+        c(w),
+        (t = l.userCategoryList) != null && t.length ? (i(), a("div", q, [
+          (i(!0), a(N, null, U(l.userCategoryList, (r, F) => {
+            var C, p;
+            return i(), a("div", {
+              key: F,
+              class: $([
                 "user-category",
                 {
-                  "user-category-active": item.key === activeCategoryKey.value
+                  "user-category-active": r.key === o.value
                 }
               ]),
-              onClick: ($event) => handleSwitchCategory(item)
+              onClick: (J) => h(r)
             }, [
-              createElementVNode("span", _hoisted_4, toDisplayString(`${item.title} (${(_b3 = (_a3 = filterUserListObj.value) == null ? void 0 : _a3[item.key]) == null ? void 0 : _b3.length})`), 1)
-            ], 10, _hoisted_3);
+              b("span", G, I(`${r.title} (${(p = (C = y.value) == null ? void 0 : C[r.key]) == null ? void 0 : p.length})`), 1)
+            ], 10, A);
           }), 128))
-        ])) : createCommentVNode("", true),
-        createVNode(UserListContent, {
-          filterFn: (_b2 = activeCategory.value) == null ? void 0 : _b2.filterFn,
-          sortFn: props.sortFn
-        }, createSlots({ _: 2 }, [
-          _ctx.$slots.userItem ? {
+        ])) : x("", !0),
+        c(B, {
+          filterFn: (g = _.value) == null ? void 0 : g.filterFn,
+          sortFn: n.sortFn
+        }, E({ _: 2 }, [
+          e.$slots.userItem ? {
             name: "userItem",
-            fn: withCtx(({ userInfo }) => [
-              renderSlot(_ctx.$slots, "userItem", { userInfo }, void 0, true)
+            fn: K(({ userInfo: r }) => [
+              V(e.$slots, "userItem", { userInfo: r }, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["filterFn", "sortFn"]),
-        createVNode(unref(indexPC), {
-          activeCategoryKey: activeCategoryKey.value,
-          userCategoryNumber: ((_d = (_c = filterUserListObj.value) == null ? void 0 : _c[activeCategoryKey.value]) == null ? void 0 : _d.length) || 0
+        c(j(O), {
+          activeCategoryKey: o.value,
+          userCategoryNumber: ((v = (m = y.value) == null ? void 0 : m[o.value]) == null ? void 0 : v.length) || 0
         }, null, 8, ["activeCategoryKey", "userCategoryNumber"])
       ]);
     };
   }
-});
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62854920"]]);
+}), Y = /* @__PURE__ */ D(H, [["__scopeId", "data-v-62854920"]]);
 export {
-  index as default
+  Y as default
 };