tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/components/MessageList/MessageForward/ForwardListItem.js

@@ -1,62 +1,55 @@
-import { defineComponent, computed, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
-import { IconCheckSm } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "../../../index-BF6QB9jF.js";
-import { View as _sfc_main$1 } from "../../../baseComp/View/index.js";
-import Avatar from "../../Avatar/Avatar.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as v, computed as s, createBlock as m, openBlock as l, unref as t, normalizeClass as u, withCtx as c, createVNode as n, createCommentVNode as w, createTextVNode as I, toDisplayString as x } from "vue";
+import { IconCheckSm as S } from "@tencentcloud/uikit-base-component-vue3";
+import { c as h } from "../../../index-DPczIrgX.js";
+import { View as i } from "../../../baseComp/View/index.js";
+import C from "../../Avatar/Avatar.js";
+import { useConversationListState as g } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as k } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const D = /* @__PURE__ */ v({
   __name: "ForwardListItem",
   props: {
     conversationID: {},
     isSelected: { type: Boolean }
   },
-  setup(__props) {
-    const props = __props;
-    const { conversationList } = useConversationListState();
-    const conversation = computed(() => {
-      var _a;
-      return (_a = conversationList.value) == null ? void 0 : _a.find((_conversation) => _conversation.conversationID === props.conversationID);
+  setup(f) {
+    const a = f, { conversationList: d } = g(), r = s(() => {
+      var e;
+      return (e = d.value) == null ? void 0 : e.find((o) => o.conversationID === a.conversationID);
+    }), _ = s(() => {
+      var e, o;
+      return ((e = r.value) == null ? void 0 : e.getShowName()) || ((o = r.value) == null ? void 0 : o.conversationID) || "";
+    }), p = s(() => {
+      var e;
+      return (e = r.value) == null ? void 0 : e.getAvatar();
     });
-    const conversationName = computed(() => {
-      var _a, _b;
-      return ((_a = conversation.value) == null ? void 0 : _a.getShowName()) || ((_b = conversation.value) == null ? void 0 : _b.conversationID) || "";
-    });
-    const conversationAvatar = computed(() => {
-      var _a;
-      return (_a = conversation.value) == null ? void 0 : _a.getAvatar();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
-        class: normalizeClass(unref(cs)("forward-list-item", { "forward-list-item--selected": props.isSelected }))
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(Avatar), {
-            src: conversationAvatar.value,
-            style: { marginRight: "8px" }
-          }, null, 8, ["src"]),
-          createVNode(unref(_sfc_main$1), { class: "forward-item__info" }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$1), { class: "forward-item__name" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(conversationName.value), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          props.isSelected ? (openBlock(), createBlock(unref(IconCheckSm), {
-            key: 0,
-            class: "forward-item__checkbox"
-          })) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
+    return (e, o) => (l(), m(t(i), {
+      class: u(t(h)("forward-list-item", { "forward-list-item--selected": a.isSelected }))
+    }, {
+      default: c(() => [
+        n(t(C), {
+          src: p.value,
+          style: { marginRight: "8px" }
+        }, null, 8, ["src"]),
+        n(t(i), { class: "forward-item__info" }, {
+          default: c(() => [
+            n(t(i), { class: "forward-item__name" }, {
+              default: c(() => [
+                I(x(_.value), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        a.isSelected ? (l(), m(t(S), {
+          key: 0,
+          class: "forward-item__checkbox"
+        })) : w("", !0)
+      ]),
+      _: 1
+    }, 8, ["class"]));
   }
-});
-const ForwardListItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af9396c0"]]);
+}), b = /* @__PURE__ */ k(D, [["__scopeId", "data-v-af9396c0"]]);
 export {
-  ForwardListItem as default
+  b as default
 };

package/dist/components/MessageList/MessageForward/MessageForward.js

@@ -1,133 +1,111 @@
-import { defineComponent, ref, computed, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, createTextVNode } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { useUIKit, IconClose, TUIToast, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import Modal from "../../../baseComp/Modal/Modal.js";
-import { View as _sfc_main$1 } from "../../../baseComp/View/index.js";
-import { UserPicker } from "../../UserPicker/index.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { useMessageActionState } from "../../../states/MessageActionState/MessageActionState.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "forward-header__title" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as L, ref as v, computed as S, createBlock as b, openBlock as N, unref as a, withCtx as n, createVNode as s, createElementVNode as C, toDisplayString as k, createTextVNode as T } from "vue";
+import D from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as U, IconClose as V, TUIToast as F, TUIButton as E } from "@tencentcloud/uikit-base-component-vue3";
+import O from "../../../baseComp/Modal/Modal.js";
+import { View as I } from "../../../baseComp/View/index.js";
+import { UserPicker as R } from "../../UserPicker/index.js";
+import { useConversationListState as B } from "../../../states/ConversationListState/ConversationListState.js";
+import { useMessageActionState as A } from "../../../states/MessageActionState/MessageActionState.js";
+import { _ as Y } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const z = { class: "forward-header__title" }, G = /* @__PURE__ */ L({
   __name: "MessageForward",
-  setup(__props) {
-    const { t } = useUIKit();
-    const {
-      forwardMessageIDList,
-      forwardConversationIDList,
-      isForwardMessageSelectionDone,
-      forwardMessage
-    } = useMessageActionState();
-    const {
-      conversationList
-    } = useConversationListState();
-    const userPickerRef = ref(null);
-    const forwardListDataSource = computed(() => {
-      if (!conversationList.value) {
-        return [];
+  setup(K) {
+    const { t: c } = U(), {
+      forwardMessageIDList: m,
+      forwardConversationIDList: p,
+      isForwardMessageSelectionDone: i,
+      forwardMessage: h
+    } = A(), {
+      conversationList: _
+    } = B(), w = v(null), x = S(() => _.value ? _.value.map((e) => {
+      const { type: r, remark: d, groupProfile: t, userProfile: o } = e, u = {
+        key: e.conversationID,
+        label: "",
+        avatarUrl: e.getAvatar() || ""
+      };
+      if (r === D.TYPES.CONV_C2C) {
+        const f = d || (o == null ? void 0 : o.nick) || (o == null ? void 0 : o.userID);
+        u.label = f || "";
       }
-      return conversationList.value.map((conversation) => {
-        const { type, remark, groupProfile, userProfile } = conversation;
-        const userPickerRow = {
-          key: conversation.conversationID,
-          label: "",
-          avatarUrl: conversation.getAvatar() || ""
-        };
-        if (type === TUIChatEngine.TYPES.CONV_C2C) {
-          const userDisplayName = remark || (userProfile == null ? void 0 : userProfile.nick) || (userProfile == null ? void 0 : userProfile.userID);
-          userPickerRow.label = userDisplayName || "";
-        }
-        if (type === TUIChatEngine.TYPES.CONV_GROUP) {
-          const groupDisplayName = (groupProfile == null ? void 0 : groupProfile.name) || (groupProfile == null ? void 0 : groupProfile.groupID);
-          userPickerRow.label = groupDisplayName || "";
-        }
-        return userPickerRow;
-      });
-    });
-    const isDisableConfirm = ref(true);
-    function handleSelectedChange(selectedItems) {
-      isDisableConfirm.value = selectedItems.length === 0;
-      forwardConversationIDList.value = selectedItems.map((item) => item.key);
+      if (r === D.TYPES.CONV_GROUP) {
+        const f = (t == null ? void 0 : t.name) || (t == null ? void 0 : t.groupID);
+        u.label = f || "";
+      }
+      return u;
+    }) : []), g = v(!0);
+    function M(e) {
+      g.value = e.length === 0, p.value = e.map((r) => r.key);
     }
-    function forward() {
-      var _a;
-      if (!isForwardMessageSelectionDone.value) {
+    function y() {
+      var r;
+      if (!i.value)
         return;
-      }
-      const selectedConversationList = (_a = userPickerRef.value) == null ? void 0 : _a.getSelectedItems();
-      if (selectedConversationList && selectedConversationList.length > 0) {
-        forwardMessage({
-          messageIDList: forwardMessageIDList.value,
-          conversationIDList: selectedConversationList.map((item) => item.key),
-          isMergeForward: false
-        });
-        closeMessageForward();
-      }
+      const e = (r = w.value) == null ? void 0 : r.getSelectedItems();
+      e && e.length > 0 && (h({
+        messageIDList: m.value,
+        conversationIDList: e.map((d) => d.key),
+        isMergeForward: !1
+      }), l());
     }
-    function closeMessageForward() {
-      forwardMessageIDList.value = [];
-      forwardConversationIDList.value = [];
-      isForwardMessageSelectionDone.value = false;
+    function l() {
+      m.value = [], p.value = [], i.value = !1;
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Modal), {
-        open: unref(isForwardMessageSelectionDone),
-        "content-class": "forward-container",
-        onOnClose: closeMessageForward
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$1), {
-            class: "forward-header",
-            dir: "row"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(IconClose), {
-                size: "28",
-                class: "forward-header__close",
-                onClick: closeMessageForward
-              }),
-              createElementVNode("span", _hoisted_1, toDisplayString(unref(t)("MessageList.forward")), 1),
-              _cache[0] || (_cache[0] = createElementVNode("div", { class: "forward-header__placeholder" }, null, -1))
-            ]),
-            _: 1
-          }),
-          createVNode(unref(UserPicker), {
-            ref_key: "userPickerRef",
-            ref: userPickerRef,
-            "display-mode": "list",
-            "data-source": forwardListDataSource.value,
-            "max-count": 10,
-            "on-selected-change": handleSelectedChange,
-            "on-max-count-exceed": () => {
-              unref(TUIToast).error({
-                message: unref(t)("MessageList.max_count_exceed")
-              });
-            }
-          }, null, 8, ["data-source", "on-max-count-exceed"]),
-          createVNode(unref(_sfc_main$1), { class: "forward-footer" }, {
-            default: withCtx(() => [
-              createVNode(unref(TUIButton), {
-                radius: "rect",
-                color: "blue",
-                type: "primary",
-                disabled: isDisableConfirm.value,
-                onClick: forward
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("MessageList.forward")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
+    return (e, r) => (N(), b(a(O), {
+      open: a(i),
+      "content-class": "forward-container",
+      onOnClose: l
+    }, {
+      default: n(() => [
+        s(a(I), {
+          class: "forward-header",
+          dir: "row"
+        }, {
+          default: n(() => [
+            s(a(V), {
+              size: "28",
+              class: "forward-header__close",
+              onClick: l
+            }),
+            C("span", z, k(a(c)("MessageList.forward")), 1),
+            r[0] || (r[0] = C("div", { class: "forward-header__placeholder" }, null, -1))
+          ]),
+          _: 1
+        }),
+        s(a(R), {
+          ref_key: "userPickerRef",
+          ref: w,
+          "display-mode": "list",
+          "data-source": x.value,
+          "max-count": 10,
+          "on-selected-change": M,
+          "on-max-count-exceed": () => {
+            a(F).error({
+              message: a(c)("MessageList.max_count_exceed")
+            });
+          }
+        }, null, 8, ["data-source", "on-max-count-exceed"]),
+        s(a(I), { class: "forward-footer" }, {
+          default: n(() => [
+            s(a(E), {
+              radius: "rect",
+              color: "blue",
+              type: "primary",
+              disabled: g.value,
+              onClick: y
+            }, {
+              default: n(() => [
+                T(k(a(c)("MessageList.forward")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open"]));
   }
-});
-const MessageForward = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d9a1f77"]]);
+}), Z = /* @__PURE__ */ Y(G, [["__scopeId", "data-v-6d9a1f77"]]);
 export {
-  MessageForward as default
+  Z as default
 };

package/dist/components/MessageList/MessageForward/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./MessageForward.js";
+import { default as r } from "./MessageForward.js";
 export {
-  default2 as MessageForward
+  r as MessageForward
 };