tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/components/ContactList/ContactInfo/FriendApplicationInfo/FriendApplicationInfo.js

@@ -1,96 +1,74 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode } from "vue";
-import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import Avatar from "../../../Avatar/Avatar.js";
-import { useContactListState } from "../../../../states/ContactListState/ContactListState.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "contact-friend-application-info" };
-const _hoisted_2 = { class: "contact-friend-application-info__header" };
-const _hoisted_3 = { class: "contact-friend-application-info__main-info" };
-const _hoisted_4 = { class: "contact-friend-application-info__name" };
-const _hoisted_5 = { class: "contact-friend-application-info__id" };
-const _hoisted_6 = { class: "contact-friend-application-info__rows" };
-const _hoisted_7 = { class: "contact-friend-application-info__row" };
-const _hoisted_8 = { class: "contact-friend-application-info__row-label" };
-const _hoisted_9 = { class: "contact-friend-application-info__row-value" };
-const _hoisted_10 = {
+import { defineComponent as T, createElementBlock as _, openBlock as u, createElementVNode as i, createCommentVNode as U, createVNode as s, toDisplayString as n, unref as o, withCtx as m, createTextVNode as h } from "vue";
+import { useUIKit as x, TUIButton as A } from "@tencentcloud/uikit-base-component-vue3";
+import y from "../../../Avatar/Avatar.js";
+import { useContactListState as D } from "../../../../states/ContactListState/ContactListState.js";
+import { _ as g } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const N = { class: "contact-friend-application-info" }, V = { class: "contact-friend-application-info__header" }, B = { class: "contact-friend-application-info__main-info" }, F = { class: "contact-friend-application-info__name" }, b = { class: "contact-friend-application-info__id" }, z = { class: "contact-friend-application-info__rows" }, R = { class: "contact-friend-application-info__row" }, E = { class: "contact-friend-application-info__row-label" }, S = { class: "contact-friend-application-info__row-value" }, K = {
   key: 0,
   class: "contact-friend-application-info__actions"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, L = /* @__PURE__ */ T({
   __name: "FriendApplicationInfo",
   props: {
     application: {},
     onAccept: {},
     onRefuse: {},
-    showActions: { type: Boolean, default: true },
+    showActions: { type: Boolean, default: !0 },
     onClose: {}
   },
   emits: ["accept", "refuse", "friendApplicationAction", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { acceptFriendApplication, refuseFriendApplication } = useContactListState();
-    const handleAccept = () => {
-      emit("accept", props.application);
-      emit("friendApplicationAction", "accept", props.application);
-      acceptFriendApplication(props.application);
-      emit("close");
-    };
-    const handleRefuse = () => {
-      emit("refuse", props.application);
-      emit("friendApplicationAction", "refuse", props.application);
-      refuseFriendApplication(props.application.userID);
-      emit("close");
+  setup(t, { emit: I }) {
+    const c = t, a = I, { t: e } = x(), { acceptFriendApplication: v, refuseFriendApplication: C } = D(), w = () => {
+      a("accept", c.application), a("friendApplicationAction", "accept", c.application), v(c.application), a("close");
+    }, k = () => {
+      a("refuse", c.application), a("friendApplicationAction", "refuse", c.application), C(c.application.userID), a("close");
     };
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, toDisplayString(((_a = _ctx.application) == null ? void 0 : _a.nick) || ((_b = _ctx.application) == null ? void 0 : _b.userID)), 1),
-            createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("TUIContact.ID")) + "：" + toDisplayString((_c = _ctx.application) == null ? void 0 : _c.userID), 1)
+    return (j, q) => {
+      var p, l, r, d, f;
+      return u(), _("div", N, [
+        i("div", V, [
+          i("div", B, [
+            i("div", F, n(((p = t.application) == null ? void 0 : p.nick) || ((l = t.application) == null ? void 0 : l.userID)), 1),
+            i("div", b, n(o(e)("TUIContact.ID")) + "：" + n((r = t.application) == null ? void 0 : r.userID), 1)
           ]),
-          createVNode(unref(Avatar), {
-            src: _ctx.application.avatar,
-            alt: ((_d = _ctx.application) == null ? void 0 : _d.nick) || _ctx.application.userID,
+          s(o(y), {
+            src: t.application.avatar,
+            alt: ((d = t.application) == null ? void 0 : d.nick) || t.application.userID,
             size: "xl"
           }, null, 8, ["src", "alt"])
         ]),
-        createElementVNode("div", _hoisted_6, [
-          createElementVNode("div", _hoisted_7, [
-            createElementVNode("div", _hoisted_8, toDisplayString(unref(t)("TUIContact.Verification info")) + "： ", 1),
-            createElementVNode("div", _hoisted_9, toDisplayString(((_e = _ctx.application) == null ? void 0 : _e.wording) || unref(t)("TUIContact.None")), 1)
+        i("div", z, [
+          i("div", R, [
+            i("div", E, n(o(e)("TUIContact.Verification info")) + "： ", 1),
+            i("div", S, n(((f = t.application) == null ? void 0 : f.wording) || o(e)("TUIContact.None")), 1)
           ])
         ]),
-        _ctx.showActions ? (openBlock(), createElementBlock("div", _hoisted_10, [
-          createVNode(unref(TUIButton), {
+        t.showActions ? (u(), _("div", K, [
+          s(o(A), {
             type: "default",
             size: "big",
             color: "red",
-            onClick: handleRefuse
+            onClick: k
           }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.Refuse")), 1)
+            default: m(() => [
+              h(n(o(e)("TUIContact.Refuse")), 1)
             ]),
             _: 1
           }),
-          createVNode(unref(TUIButton), {
+          s(o(A), {
             type: "primary",
             size: "big",
-            onClick: handleAccept
+            onClick: w
           }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.Agree")), 1)
+            default: m(() => [
+              h(n(o(e)("TUIContact.Agree")), 1)
             ]),
             _: 1
           })
-        ])) : createCommentVNode("", true)
+        ])) : U("", !0)
       ]);
     };
   }
-});
-const FriendApplicationInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-307dfce7"]]);
+}), P = /* @__PURE__ */ g(L, [["__scopeId", "data-v-307dfce7"]]);
 export {
-  FriendApplicationInfo as default
+  P as default
 };

package/dist/components/ContactList/ContactInfo/FriendApplicationInfo/index.js

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

package/dist/components/ContactList/ContactInfo/FriendInfo/FriendInfo.js

@@ -1,28 +1,13 @@
-import { defineComponent, ref, watch, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Fragment, withKeys, withCtx, createTextVNode } from "vue";
-import { useUIKit, TUIInput, TUIButton, IconEditNameCard, TUISwitch, TUIDialog } from "@tencentcloud/uikit-base-component-vue3";
-import Avatar from "../../../Avatar/Avatar.js";
-import { useContactListState } from "../../../../states/ContactListState/ContactListState.js";
-import { useConversationListState } from "../../../../states/ConversationListState/ConversationListState.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "contact-friend-info" };
-const _hoisted_2 = { class: "contact-friend-info__header" };
-const _hoisted_3 = { class: "contact-friend-info__main-info" };
-const _hoisted_4 = { class: "contact-friend-info__name" };
-const _hoisted_5 = { class: "contact-friend-info__id" };
-const _hoisted_6 = { class: "contact-friend-info__intro" };
-const _hoisted_7 = { class: "contact-friend-info__rows" };
-const _hoisted_8 = { class: "contact-friend-info__row" };
-const _hoisted_9 = { class: "contact-friend-info__row-label" };
-const _hoisted_10 = { class: "contact-friend-info__row-value" };
-const _hoisted_11 = { class: "remark-edit" };
-const _hoisted_12 = { class: "contact-friend-info__row" };
-const _hoisted_13 = { class: "contact-friend-info__row-label" };
-const _hoisted_14 = { class: "contact-friend-info__row-value" };
-const _hoisted_15 = {
+import { defineComponent as P, ref as d, watch as F, computed as B, createElementBlock as k, openBlock as C, createElementVNode as a, createCommentVNode as j, createVNode as l, toDisplayString as r, unref as e, Fragment as x, withKeys as q, withCtx as y, createTextVNode as D } from "vue";
+import { useUIKit as G, TUIInput as H, TUIButton as T, IconEditNameCard as J, TUISwitch as O, TUIDialog as Q } from "@tencentcloud/uikit-base-component-vue3";
+import W from "../../../Avatar/Avatar.js";
+import { useContactListState as X } from "../../../../states/ContactListState/ContactListState.js";
+import { useConversationListState as Y } from "../../../../states/ConversationListState/ConversationListState.js";
+import { _ as Z } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const ee = { class: "contact-friend-info" }, te = { class: "contact-friend-info__header" }, ne = { class: "contact-friend-info__main-info" }, ae = { class: "contact-friend-info__name" }, oe = { class: "contact-friend-info__id" }, ie = { class: "contact-friend-info__intro" }, re = { class: "contact-friend-info__rows" }, se = { class: "contact-friend-info__row" }, le = { class: "contact-friend-info__row-label" }, de = { class: "contact-friend-info__row-value" }, ce = { class: "remark-edit" }, fe = { class: "contact-friend-info__row" }, ue = { class: "contact-friend-info__row-label" }, me = { class: "contact-friend-info__row-value" }, ve = {
   key: 0,
   class: "contact-friend-info__actions"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, _e = /* @__PURE__ */ P({
   __name: "FriendInfo",
   props: {
     friend: {},
@@ -30,199 +15,163 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onDeleteFriend: {},
     onAddToBlacklist: {},
     onUpdateFriendRemark: {},
-    showActions: { type: Boolean, default: true },
+    showActions: { type: Boolean, default: !0 },
     onClose: {}
   },
   emits: ["close", "sendMessage", "deleteFriend", "addToBlacklist", "updateFriendRemark"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const {
-      deleteFriend,
-      addToBlacklist,
-      removeFromBlacklist,
-      setFriendRemark,
-      blackList
-    } = useContactListState();
-    const { setActiveConversation } = useConversationListState();
-    const isEditing = ref(false);
-    const currentUserID = ref("");
-    const remark = ref(props.friend.remark || "");
-    const remarkInput = ref(props.friend.remark || "");
-    const remarkLoading = ref(false);
-    const blackLoading = ref(false);
-    const visible = ref(false);
-    watch(() => props.friend.remark, (newRemark) => {
-      remark.value = newRemark || "";
-      remarkInput.value = newRemark || "";
-    });
-    watch(() => props.friend.userID, () => {
-      if (props.friend.userID !== currentUserID.value) {
-        isEditing.value = false;
-      }
-      currentUserID.value = props.friend.userID;
-    });
-    const displayName = computed(() => {
-      var _a;
-      return remark.value || ((_a = props.friend) == null ? void 0 : _a.nick) || props.friend.userID;
+  setup(m, { emit: S }) {
+    const t = m, c = S, { t: i } = G(), {
+      deleteFriend: V,
+      addToBlacklist: N,
+      removeFromBlacklist: R,
+      setFriendRemark: A,
+      blackList: L
+    } = X(), { setActiveConversation: E } = Y(), v = d(!1), g = d(""), f = d(t.friend.remark || ""), s = d(t.friend.remark || ""), I = d(!1), p = d(!1), _ = d(!1);
+    F(() => t.friend.remark, (n) => {
+      f.value = n || "", s.value = n || "";
+    }), F(() => t.friend.userID, () => {
+      t.friend.userID !== g.value && (v.value = !1), g.value = t.friend.userID;
     });
-    const isBlacklisted = computed(() => blackList.value.some((item) => item.userID === props.friend.userID));
-    const startEditRemark = () => {
-      remarkInput.value = remark.value;
-      isEditing.value = true;
-    };
-    const handleRemarkSave = async () => {
-      if (remarkInput.value.trim() === remark.value) {
-        isEditing.value = false;
+    const U = B(() => {
+      var n;
+      return f.value || ((n = t.friend) == null ? void 0 : n.nick) || t.friend.userID;
+    }), b = B(() => L.value.some((n) => n.userID === t.friend.userID)), $ = () => {
+      s.value = f.value, v.value = !0;
+    }, h = async () => {
+      if (s.value.trim() === f.value) {
+        v.value = !1;
         return;
       }
-      remarkLoading.value = true;
+      I.value = !0;
       try {
-        await setFriendRemark({ userID: props.friend.userID, remark: remarkInput.value.trim() });
-        remark.value = remarkInput.value.trim();
-        isEditing.value = false;
-        emit("updateFriendRemark", { ...props.friend, remark: remarkInput.value.trim() }, remarkInput.value.trim());
-      } catch (err) {
-        console.error("[ContactInfo setFriendRemark] error", err);
+        await A({ userID: t.friend.userID, remark: s.value.trim() }), f.value = s.value.trim(), v.value = !1, c("updateFriendRemark", { ...t.friend, remark: s.value.trim() }, s.value.trim());
+      } catch (n) {
+        console.error("[ContactInfo setFriendRemark] error", n);
       } finally {
-        remarkLoading.value = false;
+        I.value = !1;
       }
-    };
-    const handleBlacklistChange = async (checked) => {
-      blackLoading.value = true;
+    }, z = async (n) => {
+      p.value = !0;
       try {
-        if (checked) {
-          await addToBlacklist([props.friend.userID]);
-          emit("addToBlacklist", props.friend);
-        } else {
-          await removeFromBlacklist([props.friend.userID]);
-        }
-      } catch (err) {
-        console.error(`[ContactInfo ${checked ? "addToBlacklist" : "removeFromBlacklist"}] error`, err);
+        n ? (await N([t.friend.userID]), c("addToBlacklist", t.friend)) : await R([t.friend.userID]);
+      } catch (o) {
+        console.error(`[ContactInfo ${n ? "addToBlacklist" : "removeFromBlacklist"}] error`, o);
       } finally {
-        blackLoading.value = false;
+        p.value = !1;
       }
-    };
-    const handleDeleteFriend = async () => {
+    }, M = async () => {
       try {
-        await deleteFriend({ userIDList: [props.friend.userID] });
-        emit("deleteFriend", props.friend);
-      } catch (err) {
-        console.error("[ContactInfo deleteFriend] error", err);
+        await V({ userIDList: [t.friend.userID] }), c("deleteFriend", t.friend);
+      } catch (n) {
+        console.error("[ContactInfo deleteFriend] error", n);
       }
-      visible.value = false;
-      emit("close");
-    };
-    const handleSendMessage = () => {
-      emit("sendMessage", props.friend);
-      setActiveConversation(`C2C${props.friend.userID}`);
-      emit("close");
+      _.value = !1, c("close");
+    }, K = () => {
+      c("sendMessage", t.friend), E(`C2C${t.friend.userID}`), c("close");
     };
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, toDisplayString(displayName.value), 1),
-            createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("TUIContact.ID")) + "：" + toDisplayString(_ctx.friend.userID), 1),
-            createElementVNode("div", _hoisted_6, toDisplayString(unref(t)("TUIContact.Personal signature")) + "：" + toDisplayString(((_a = _ctx.friend) == null ? void 0 : _a.selfSignature) || ""), 1)
+    return (n, o) => {
+      var w;
+      return C(), k("div", ee, [
+        a("div", te, [
+          a("div", ne, [
+            a("div", ae, r(U.value), 1),
+            a("div", oe, r(e(i)("TUIContact.ID")) + "：" + r(m.friend.userID), 1),
+            a("div", ie, r(e(i)("TUIContact.Personal signature")) + "：" + r(((w = m.friend) == null ? void 0 : w.selfSignature) || ""), 1)
           ]),
-          createVNode(unref(Avatar), {
-            src: _ctx.friend.avatar,
-            alt: displayName.value,
+          l(e(W), {
+            src: m.friend.avatar,
+            alt: U.value,
             size: "xl"
           }, null, 8, ["src", "alt"])
         ]),
-        createElementVNode("div", _hoisted_7, [
-          createElementVNode("div", _hoisted_8, [
-            createElementVNode("div", _hoisted_9, toDisplayString(unref(t)("TUIContact.Remark name")), 1),
-            createElementVNode("div", _hoisted_10, [
-              isEditing.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createVNode(unref(TUIInput), {
-                  modelValue: remarkInput.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => remarkInput.value = $event),
+        a("div", re, [
+          a("div", se, [
+            a("div", le, r(e(i)("TUIContact.Remark name")), 1),
+            a("div", de, [
+              v.value ? (C(), k(x, { key: 0 }, [
+                l(e(H), {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": o[0] || (o[0] = (u) => s.value = u),
                   "max-length": 32,
-                  disabled: remarkLoading.value,
+                  disabled: I.value,
                   "auto-focus": "",
-                  onBlur: handleRemarkSave,
-                  onKeydown: withKeys(handleRemarkSave, ["enter"])
+                  onBlur: h,
+                  onKeydown: q(h, ["enter"])
                 }, null, 8, ["modelValue", "disabled"]),
-                createVNode(unref(TUIButton), {
+                l(e(T), {
                   size: "small",
                   type: "primary",
-                  loading: remarkLoading.value,
-                  onClick: handleRemarkSave
+                  loading: I.value,
+                  onClick: h
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("TUIContact.Save")), 1)
+                  default: y(() => [
+                    D(r(e(i)("TUIContact.Save")), 1)
                   ]),
                   _: 1
                 }, 8, ["loading"])
-              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createElementVNode("span", _hoisted_11, toDisplayString(remark.value || unref(t)("TUIContact.None")), 1),
-                createVNode(unref(IconEditNameCard), {
+              ], 64)) : (C(), k(x, { key: 1 }, [
+                a("span", ce, r(f.value || e(i)("TUIContact.None")), 1),
+                l(e(J), {
                   class: "remark-edit-icon",
-                  onClick: startEditRemark
+                  onClick: $
                 })
               ], 64))
             ])
           ]),
-          createElementVNode("div", _hoisted_12, [
-            createElementVNode("div", _hoisted_13, toDisplayString(unref(t)("TUIContact.Add to blacklist")), 1),
-            createElementVNode("div", _hoisted_14, [
-              createVNode(unref(TUISwitch), {
-                modelValue: isBlacklisted.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isBlacklisted.value = $event),
-                disabled: blackLoading.value,
-                onChange: handleBlacklistChange
+          a("div", fe, [
+            a("div", ue, r(e(i)("TUIContact.Add to blacklist")), 1),
+            a("div", me, [
+              l(e(O), {
+                modelValue: b.value,
+                "onUpdate:modelValue": o[1] || (o[1] = (u) => b.value = u),
+                disabled: p.value,
+                onChange: z
               }, null, 8, ["modelValue", "disabled"])
             ])
           ])
         ]),
-        _ctx.showActions ? (openBlock(), createElementBlock("div", _hoisted_15, [
-          createVNode(unref(TUIButton), {
+        m.showActions ? (C(), k("div", ve, [
+          l(e(T), {
             type: "default",
             size: "big",
             color: "red",
-            onClick: _cache[2] || (_cache[2] = ($event) => {
-              visible.value = true;
+            onClick: o[2] || (o[2] = (u) => {
+              _.value = !0;
             })
           }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.Delete friend")), 1)
+            default: y(() => [
+              D(r(e(i)("TUIContact.Delete friend")), 1)
             ]),
             _: 1
           }),
-          createVNode(unref(TUIButton), {
+          l(e(T), {
             type: "primary",
             size: "big",
-            onClick: handleSendMessage
+            onClick: K
           }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.Send message")), 1)
+            default: y(() => [
+              D(r(e(i)("TUIContact.Send message")), 1)
             ]),
             _: 1
           }),
-          createVNode(unref(TUIDialog), {
-            visible: visible.value,
-            title: unref(t)("TUIContact.Confirm delete friend"),
-            "confirm-text": unref(t)("TUIContact.Submit"),
-            "cancel-text": unref(t)("TUIContact.Cancel"),
-            onConfirm: handleDeleteFriend,
-            onCancel: _cache[3] || (_cache[3] = ($event) => {
-              visible.value = false;
+          l(e(Q), {
+            visible: _.value,
+            title: e(i)("TUIContact.Confirm delete friend"),
+            "confirm-text": e(i)("TUIContact.Submit"),
+            "cancel-text": e(i)("TUIContact.Cancel"),
+            onConfirm: M,
+            onCancel: o[3] || (o[3] = (u) => {
+              _.value = !1;
             }),
-            onClose: _cache[4] || (_cache[4] = ($event) => {
-              visible.value = false;
+            onClose: o[4] || (o[4] = (u) => {
+              _.value = !1;
             })
           }, null, 8, ["visible", "title", "confirm-text", "cancel-text"])
-        ])) : createCommentVNode("", true)
+        ])) : j("", !0)
       ]);
     };
   }
-});
-const FriendInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5772bab5"]]);
+}), De = /* @__PURE__ */ Z(_e, [["__scopeId", "data-v-5772bab5"]]);
 export {
-  FriendInfo as default
+  De as default
 };

package/dist/components/ContactList/ContactInfo/FriendInfo/index.js

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