tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/components/ConversationList/ConversationCreate/ConversationCreateButton/ConversationCreateButton.js

@@ -1,103 +1,88 @@
-import { defineComponent, shallowRef, createElementBlock, createBlock, unref, openBlock, normalizeClass, Fragment, renderList, createElementVNode, resolveDynamicComponent, toDisplayString, withCtx, createVNode } from "vue";
-import { useUIKit, IconIconC2c, IconStartGroup, TUIDropdown, IconSearchMore } from "@tencentcloud/uikit-base-component-vue3";
-import { useConversation } from "../../hooks/useConversation.js";
-import { CreateConvTypes } from "../../../../types/conversation.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as h, shallowRef as b, createElementBlock as s, createBlock as l, unref as r, openBlock as t, normalizeClass as o, Fragment as d, renderList as p, createElementVNode as a, resolveDynamicComponent as C, toDisplayString as _, withCtx as y, createVNode as I } from "vue";
+import { useUIKit as S, IconIconC2c as z, IconStartGroup as B, TUIDropdown as U, IconSearchMore as g } from "@tencentcloud/uikit-base-component-vue3";
+import { useConversation as T } from "../../hooks/useConversation.js";
+import { CreateConvTypes as k } from "../../../../types/conversation.js";
+import { _ as D } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const G = ["onClick"], M = ["onClick"], E = /* @__PURE__ */ h({
   __name: "ConversationCreateButton",
   props: {
     onClick: {},
     size: { default: 24 }
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const { t } = useUIKit();
-    const { enableSearch } = useConversation();
-    const emit = __emit;
-    const createActions = shallowRef([
+  setup(f, { emit: w }) {
+    const { t: i } = S(), { enableSearch: v } = T(), $ = w, u = b([
       {
-        icon: IconIconC2c,
-        key: CreateConvTypes.C2C,
-        label: t("TUIConversation.Start C2C Chat")
+        icon: z,
+        key: k.C2C,
+        label: i("TUIConversation.Start C2C Chat")
       },
       {
-        icon: IconStartGroup,
-        key: CreateConvTypes.GROUP,
-        label: t("TUIConversation.Start Group Chat")
+        icon: B,
+        key: k.GROUP,
+        label: i("TUIConversation.Start Group Chat")
       }
-    ]);
-    const handleClick = (action) => {
-      emit("click", action);
+    ]), m = (e) => {
+      $("click", e);
     };
-    return (_ctx, _cache) => {
-      return !unref(enableSearch) ? (openBlock(), createElementBlock("ul", {
-        key: 0,
-        class: normalizeClass([_ctx.$style["conversation-create-list"], { [_ctx.$style["conversation-create-list--detail"]]: !unref(enableSearch) }])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(createActions.value, (action, key) => {
-          return openBlock(), createElementBlock("li", {
-            key,
-            class: normalizeClass([_ctx.$style["conversation-create-item"]]),
-            onClick: () => handleClick(action.key)
-          }, [
-            (openBlock(), createBlock(resolveDynamicComponent(action.icon))),
-            createElementVNode("span", {
-              class: normalizeClass([_ctx.$style["conversation-create-text"]])
-            }, toDisplayString(action.label), 3)
-          ], 10, _hoisted_1);
-        }), 128))
-      ], 2)) : (openBlock(), createBlock(unref(TUIDropdown), {
-        key: 1,
-        trigger: "click",
-        placement: "bottom-end"
-      }, {
-        dropdown: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass([_ctx.$style["conversation-create-dropdown"]])
+    return (e, V) => r(v) ? (t(), l(r(U), {
+      key: 1,
+      trigger: "click",
+      placement: "bottom-end"
+    }, {
+      dropdown: y(() => [
+        a("div", {
+          class: o([e.$style["conversation-create-dropdown"]])
+        }, [
+          a("ul", {
+            class: o([e.$style["conversation-create-list"]])
           }, [
-            createElementVNode("ul", {
-              class: normalizeClass([_ctx.$style["conversation-create-list"]])
+            (t(!0), s(d, null, p(u.value, (n, c) => (t(), s("li", {
+              key: c,
+              class: o([e.$style["conversation-create-item"]]),
+              onClick: () => m(n.key)
             }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(createActions.value, (action, key) => {
-                return openBlock(), createElementBlock("li", {
-                  key,
-                  class: normalizeClass([_ctx.$style["conversation-create-item"]]),
-                  onClick: () => handleClick(action.key)
-                }, [
-                  (openBlock(), createBlock(resolveDynamicComponent(action.icon))),
-                  createElementVNode("span", {
-                    class: normalizeClass([_ctx.$style["conversation-create-text"]])
-                  }, toDisplayString(action.label), 3)
-                ], 10, _hoisted_2);
-              }), 128))
-            ], 2)
+              (t(), l(C(n.icon))),
+              a("span", {
+                class: o([e.$style["conversation-create-text"]])
+              }, _(n.label), 3)
+            ], 10, M))), 128))
           ], 2)
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(IconSearchMore), {
-            class: normalizeClass([_ctx.$style["conversation-create-button"]]),
-            size: `${_ctx.size}px`
-          }, null, 8, ["class", "size"])
-        ]),
-        _: 1
-      }));
-    };
+        ], 2)
+      ]),
+      default: y(() => [
+        I(r(g), {
+          class: o([e.$style["conversation-create-button"]]),
+          size: `${f.size}px`
+        }, null, 8, ["class", "size"])
+      ]),
+      _: 1
+    })) : (t(), s("ul", {
+      key: 0,
+      class: o([e.$style["conversation-create-list"], { [e.$style["conversation-create-list--detail"]]: !r(v) }])
+    }, [
+      (t(!0), s(d, null, p(u.value, (n, c) => (t(), s("li", {
+        key: c,
+        class: o([e.$style["conversation-create-item"]]),
+        onClick: () => m(n.key)
+      }, [
+        (t(), l(C(n.icon))),
+        a("span", {
+          class: o([e.$style["conversation-create-text"]])
+        }, _(n.label), 3)
+      ], 10, G))), 128))
+    ], 2));
   }
-});
-const style0 = {
+}), N = {
   "conversation-create-button": "_conversation-create-button_1102w_1",
   "conversation-create-dropdown": "_conversation-create-dropdown_1102w_8",
   "conversation-create-list": "_conversation-create-list_1102w_14",
   "conversation-create-list--detail": "_conversation-create-list--detail_1102w_23",
   "conversation-create-item": "_conversation-create-item_1102w_30",
   "conversation-create-text": "_conversation-create-text_1102w_40"
-};
-const cssModules = {
-  "$style": style0
-};
-const ConversationCreateButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, R = {
+  $style: N
+}, P = /* @__PURE__ */ D(E, [["__cssModules", R]]);
 export {
-  ConversationCreateButton as default
+  P as default
 };

package/dist/components/ConversationList/ConversationCreate/ConversationCreateGroupDetail/ConversationCreateGroupDetail.js

@@ -1,12 +1,12 @@
-import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createVNode, toDisplayString } from "vue";
-import { useUIKit, TUIInput } from "@tencentcloud/uikit-base-component-vue3";
-import { isH5 } from "../../../../utils/env.js";
-import Avatar from "../../../Avatar/Avatar.js";
-import { useConversationCreate } from "../../hooks/useConversationCreate.js";
-import ConversationGroupTypeInfo from "../ConversationGroupTypeInfo/ConversationGroupTypeInfo.js";
-import { PageStateTypes, GroupLabelTypes } from "../../../../types/conversation.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as b, ref as y, createElementBlock as c, openBlock as m, normalizeClass as a, unref as o, createCommentVNode as g, createElementVNode as l, createVNode as p, toDisplayString as u } from "vue";
+import { useUIKit as I, TUIInput as C } from "@tencentcloud/uikit-base-component-vue3";
+import { isH5 as T } from "../../../../utils/env.js";
+import U from "../../../Avatar/Avatar.js";
+import { useConversationCreate as $ } from "../../hooks/useConversationCreate.js";
+import x from "../ConversationGroupTypeInfo/ConversationGroupTypeInfo.js";
+import { PageStateTypes as V, GroupLabelTypes as i } from "../../../../types/conversation.js";
+import { _ as P } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const E = /* @__PURE__ */ b({
   __name: "ConversationCreateGroupDetail",
   props: {
     profileList: {},
@@ -16,131 +16,113 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     setPageState: { type: Function }
   },
   emits: ["update:page-state", "beforeCreateConversation", "conversationCreated", "update-group-info"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { getDefaultAvatar } = useConversationCreate();
-    const groupInfo = ref(props.groupInfo);
-    const groupInfoChange = (value, type) => {
-      switch (type) {
-        case GroupLabelTypes.NAME:
-          groupInfo.value.name = value;
+  setup(v, { emit: f }) {
+    const G = v, D = f, { t: s } = I(), { getDefaultAvatar: d } = $(), t = y(G.groupInfo), _ = (e, r) => {
+      switch (r) {
+        case i.NAME:
+          t.value.name = e;
           break;
-        case GroupLabelTypes.GROUP_ID:
-          groupInfo.value.groupID = value;
+        case i.GROUP_ID:
+          t.value.groupID = e;
           break;
-        case GroupLabelTypes.TYPE:
-          groupInfo.value.type = value;
-          groupInfo.value.avatar = getDefaultAvatar(groupInfo.value.type);
+        case i.TYPE:
+          t.value.type = e, t.value.avatar = d(t.value.type);
           break;
       }
-      emit("update-group-info", groupInfo.value);
+      D("update-group-info", t.value);
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          _ctx.$style.conversationCreateGroupDetail,
-          unref(isH5) && _ctx.$style["conversationCreateGroupDetail--h5"]
-        ])
+    return (e, r) => (m(), c("div", {
+      class: a([
+        e.$style.conversationCreateGroupDetail,
+        o(T) && e.$style["conversationCreateGroupDetail--h5"]
+      ])
+    }, [
+      v.pageState !== o(V).GROUP_TYPE ? (m(), c("div", {
+        key: 0,
+        class: a(e.$style.conversationCreateGroupDetail__main)
       }, [
-        _ctx.pageState !== unref(PageStateTypes).GROUP_TYPE ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.conversationCreateGroupDetail__main)
+        l("div", {
+          class: a(e.$style.conversationCreateGroupDetail__box)
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.conversationCreateGroupDetail__box)
-          }, [
-            createElementVNode("label", {
-              class: normalizeClass(_ctx.$style.from__label),
-              for: "group-avatar"
-            }, toDisplayString(unref(t)("TUIConversation.Group Avatar")), 3),
-            createVNode(unref(Avatar), {
-              size: "sm",
-              src: groupInfo.value.avatar
-            }, null, 8, ["src"])
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.conversationCreateGroupDetail__box)
-          }, [
-            createElementVNode("label", {
-              class: normalizeClass(_ctx.$style.from__label),
-              for: "group-name"
-            }, toDisplayString(unref(t)("TUIConversation.Group Name")), 3),
-            createVNode(unref(TUIInput), {
-              id: "group-name",
-              modelValue: groupInfo.value.name,
-              "onUpdate:modelValue": [
-                _cache[0] || (_cache[0] = ($event) => groupInfo.value.name = $event),
-                _cache[1] || (_cache[1] = (value) => groupInfoChange(String(value), unref(GroupLabelTypes).NAME))
-              ],
-              clearable: "",
-              class: normalizeClass(_ctx.$style.conversationCreateGroupDetail__inputText),
-              "max-length": 30,
-              border: false,
-              placeholder: unref(t)("TUIConversation.Group Name")
-            }, null, 8, ["modelValue", "class", "placeholder"])
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.conversationCreateGroupDetail__box)
-          }, [
-            createElementVNode("label", {
-              class: normalizeClass(_ctx.$style.from__label),
-              for: "group-id"
-            }, toDisplayString(unref(t)("TUIConversation.Group ID")), 3),
-            createVNode(unref(TUIInput), {
-              id: "group-id",
-              modelValue: groupInfo.value.groupID,
-              "onUpdate:modelValue": [
-                _cache[2] || (_cache[2] = ($event) => groupInfo.value.groupID = $event),
-                _cache[3] || (_cache[3] = (value) => groupInfoChange(String(value), unref(GroupLabelTypes).GROUP_ID))
-              ],
-              clearable: "",
-              class: normalizeClass(_ctx.$style.conversationCreateGroupDetail__inputText),
-              border: false,
-              placeholder: unref(t)("TUIConversation.Group ID")
-            }, null, 8, ["modelValue", "class", "placeholder"])
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.conversationCreateGroupDetail__box),
-            style: { alignItems: "flex-start" }
-          }, [
-            createElementVNode("label", {
-              class: normalizeClass(_ctx.$style.from__label),
-              for: "group-type"
-            }, toDisplayString(unref(t)("TUIConversation.Group Type")), 3),
-            createVNode(unref(ConversationGroupTypeInfo), {
-              id: "group-type",
-              "group-type": groupInfo.value.type,
-              "set-group-type": (type) => groupInfoChange(type, unref(GroupLabelTypes).TYPE)
-            }, null, 8, ["group-type", "set-group-type"])
-          ], 2)
-        ], 2)) : createCommentVNode("", true)
-      ], 2);
-    };
+          l("label", {
+            class: a(e.$style.from__label),
+            for: "group-avatar"
+          }, u(o(s)("TUIConversation.Group Avatar")), 3),
+          p(o(U), {
+            size: "sm",
+            src: t.value.avatar
+          }, null, 8, ["src"])
+        ], 2),
+        l("div", {
+          class: a(e.$style.conversationCreateGroupDetail__box)
+        }, [
+          l("label", {
+            class: a(e.$style.from__label),
+            for: "group-name"
+          }, u(o(s)("TUIConversation.Group Name")), 3),
+          p(o(C), {
+            id: "group-name",
+            modelValue: t.value.name,
+            "onUpdate:modelValue": [
+              r[0] || (r[0] = (n) => t.value.name = n),
+              r[1] || (r[1] = (n) => _(String(n), o(i).NAME))
+            ],
+            clearable: "",
+            class: a(e.$style.conversationCreateGroupDetail__inputText),
+            "max-length": 30,
+            border: !1,
+            placeholder: o(s)("TUIConversation.Group Name")
+          }, null, 8, ["modelValue", "class", "placeholder"])
+        ], 2),
+        l("div", {
+          class: a(e.$style.conversationCreateGroupDetail__box)
+        }, [
+          l("label", {
+            class: a(e.$style.from__label),
+            for: "group-id"
+          }, u(o(s)("TUIConversation.Group ID")), 3),
+          p(o(C), {
+            id: "group-id",
+            modelValue: t.value.groupID,
+            "onUpdate:modelValue": [
+              r[2] || (r[2] = (n) => t.value.groupID = n),
+              r[3] || (r[3] = (n) => _(String(n), o(i).GROUP_ID))
+            ],
+            clearable: "",
+            class: a(e.$style.conversationCreateGroupDetail__inputText),
+            border: !1,
+            placeholder: o(s)("TUIConversation.Group ID")
+          }, null, 8, ["modelValue", "class", "placeholder"])
+        ], 2),
+        l("div", {
+          class: a(e.$style.conversationCreateGroupDetail__box),
+          style: { alignItems: "flex-start" }
+        }, [
+          l("label", {
+            class: a(e.$style.from__label),
+            for: "group-type"
+          }, u(o(s)("TUIConversation.Group Type")), 3),
+          p(o(x), {
+            id: "group-type",
+            "group-type": t.value.type,
+            "set-group-type": (n) => _(n, o(i).TYPE)
+          }, null, 8, ["group-type", "set-group-type"])
+        ], 2)
+      ], 2)) : g("", !0)
+    ], 2));
   }
-});
-const conversationCreateGroupDetail = "_conversationCreateGroupDetail_2btfa_1";
-const conversationCreateGroupDetail__nextContainer = "_conversationCreateGroupDetail__nextContainer_2btfa_9";
-const conversationCreateGroupDetail__next = "_conversationCreateGroupDetail__next_2btfa_9";
-const conversationCreateGroupDetail__main = "_conversationCreateGroupDetail__main_2btfa_23";
-const conversationCreateGroupDetail__box = "_conversationCreateGroupDetail__box_2btfa_40";
-const conversationCreateGroupDetail__inputText = "_conversationCreateGroupDetail__inputText_2btfa_48";
-const from__label = "_from__label_2btfa_54";
-const style0 = {
-  conversationCreateGroupDetail,
+}), N = "_conversationCreateGroupDetail_2btfa_1", S = "_conversationCreateGroupDetail__nextContainer_2btfa_9", k = "_conversationCreateGroupDetail__next_2btfa_9", A = "_conversationCreateGroupDetail__main_2btfa_23", M = "_conversationCreateGroupDetail__box_2btfa_40", h = "_conversationCreateGroupDetail__inputText_2btfa_48", O = "_from__label_2btfa_54", R = {
+  conversationCreateGroupDetail: N,
   "conversationCreateGroupDetail--h5": "_conversationCreateGroupDetail--h5_2btfa_6",
-  conversationCreateGroupDetail__nextContainer,
-  conversationCreateGroupDetail__next,
-  conversationCreateGroupDetail__main,
-  conversationCreateGroupDetail__box,
-  conversationCreateGroupDetail__inputText,
-  from__label
-};
-const cssModules = {
-  "$style": style0
-};
-const ConversationCreateGroupDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  conversationCreateGroupDetail__nextContainer: S,
+  conversationCreateGroupDetail__next: k,
+  conversationCreateGroupDetail__main: A,
+  conversationCreateGroupDetail__box: M,
+  conversationCreateGroupDetail__inputText: h,
+  from__label: O
+}, Y = {
+  $style: R
+}, q = /* @__PURE__ */ P(E, [["__cssModules", Y]]);
 export {
-  ConversationCreateGroupDetail as default
+  q as default
 };

package/dist/components/ConversationList/ConversationCreate/ConversationCreateUserSelectList/ConversationCreateUserSelectList.js

@@ -1,9 +1,9 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode } from "vue";
-import { isH5 } from "../../../../utils/env.js";
-import { UserPicker } from "../../../UserPicker/index.js";
-import { useContactListState } from "../../../../states/ContactListState/ContactListState.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as C, computed as i, createElementBlock as L, openBlock as f, normalizeClass as S, unref as l, createVNode as U } from "vue";
+import { isH5 as _ } from "../../../../utils/env.js";
+import { UserPicker as k } from "../../../UserPicker/index.js";
+import { useContactListState as y } from "../../../../states/ContactListState/ContactListState.js";
+import { _ as h } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const x = /* @__PURE__ */ C({
   __name: "ConversationCreateUserSelectList",
   props: {
     isCreateGroup: { type: Boolean },
@@ -11,58 +11,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     setSelectList: { type: Function }
   },
   emits: ["update:is-create-group", "update:select-list"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { friendList } = useContactListState();
-    const selectList = computed(() => props.selectList.map((item) => {
-      const { userID, nick, avatar, remark } = item;
+  setup(o, { emit: u }) {
+    const c = o, m = u, { friendList: n } = y(), p = i(() => c.selectList.map((t) => {
+      const { userID: e, nick: s, avatar: r, remark: a } = t;
       return {
-        key: userID,
-        label: remark || nick || userID,
-        avatarUrl: avatar
+        key: e,
+        label: a || s || e,
+        avatarUrl: r
       };
-    }));
-    const renderFriendList = computed(() => friendList.value.map((item) => {
-      const { userID, nick, avatar, remark } = item;
+    })), d = i(() => n.value.map((t) => {
+      const { userID: e, nick: s, avatar: r, remark: a } = t;
       return {
-        key: userID,
-        label: remark || nick || userID,
-        avatarUrl: avatar
+        key: e,
+        label: a || s || e,
+        avatarUrl: r
       };
-    }));
-    const handleSelectListUpdate = (list) => {
-      const selectFriendList = friendList.value.filter((item) => list.some((selected) => selected.key === item.userID));
-      emit("update:select-list", selectFriendList);
-      props.setSelectList(selectFriendList);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          _ctx.$style.conversationCreateUserSelectList,
-          unref(isH5) && _ctx.$style["conversationCreateUserSelectList--h5"]
-        ])
-      }, [
-        createVNode(unref(UserPicker), {
-          displayMode: "list",
-          "data-source": renderFriendList.value,
-          "default-selected-items": selectList.value,
-          maxCount: !_ctx.isCreateGroup ? 1 : void 0,
-          onSelectedChange: handleSelectListUpdate
-        }, null, 8, ["data-source", "default-selected-items", "maxCount"])
-      ], 2);
+    })), v = (t) => {
+      const e = n.value.filter((s) => t.some((r) => r.key === s.userID));
+      m("update:select-list", e), c.setSelectList(e);
     };
+    return (t, e) => (f(), L("div", {
+      class: S([
+        t.$style.conversationCreateUserSelectList,
+        l(_) && t.$style["conversationCreateUserSelectList--h5"]
+      ])
+    }, [
+      U(l(k), {
+        displayMode: "list",
+        "data-source": d.value,
+        "default-selected-items": p.value,
+        maxCount: o.isCreateGroup ? void 0 : 1,
+        onSelectedChange: v
+      }, null, 8, ["data-source", "default-selected-items", "maxCount"])
+    ], 2));
   }
-});
-const conversationCreateUserSelectList = "_conversationCreateUserSelectList_pa6me_1";
-const style0 = {
-  conversationCreateUserSelectList,
+}), B = "_conversationCreateUserSelectList_pa6me_1", D = {
+  conversationCreateUserSelectList: B,
   "conversationCreateUserSelectList--h5": "_conversationCreateUserSelectList--h5_pa6me_7"
-};
-const cssModules = {
-  "$style": style0
-};
-const ConversationCreateUserSelectList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, F = {
+  $style: D
+}, G = /* @__PURE__ */ h(x, [["__cssModules", F]]);
 export {
-  ConversationCreateUserSelectList as default
+  G as default
 };