tuikit-atomicx-vue3 3.3.3 → 3.4.1

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

@@ -1,101 +1,73 @@
-import { defineComponent, computed, 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-group-application-info" };
-const _hoisted_2 = { class: "contact-group-application-info__header" };
-const _hoisted_3 = { class: "contact-group-application-info__main-info" };
-const _hoisted_4 = { class: "contact-group-application-info__name" };
-const _hoisted_5 = { class: "contact-group-application-info__id" };
-const _hoisted_6 = { class: "contact-group-application-info__intro" };
-const _hoisted_7 = { class: "contact-group-application-info__rows" };
-const _hoisted_8 = { class: "contact-group-application-info__row" };
-const _hoisted_9 = { class: "contact-group-application-info__row-label" };
-const _hoisted_10 = { class: "contact-group-application-info__row-value" };
-const _hoisted_11 = {
+import { defineComponent as T, computed as e, createElementBlock as u, openBlock as _, createElementVNode as t, createCommentVNode as y, createVNode as l, toDisplayString as a, unref as i, withCtx as d, createTextVNode as f } from "vue";
+import { useUIKit as N, TUIButton as m } from "@tencentcloud/uikit-base-component-vue3";
+import U from "../../../Avatar/Avatar.js";
+import { useContactListState as w } from "../../../../states/ContactListState/ContactListState.js";
+import { _ as x } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const k = { class: "contact-group-application-info" }, B = { class: "contact-group-application-info__header" }, G = { class: "contact-group-application-info__main-info" }, V = { class: "contact-group-application-info__name" }, $ = { class: "contact-group-application-info__id" }, b = { class: "contact-group-application-info__intro" }, z = { class: "contact-group-application-info__rows" }, D = { class: "contact-group-application-info__row" }, R = { class: "contact-group-application-info__row-label" }, j = { class: "contact-group-application-info__row-value" }, E = {
   key: 0,
   class: "contact-group-application-info__actions"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, S = /* @__PURE__ */ T({
   __name: "GroupApplicationInfo",
   props: {
     application: {},
     onAccept: {},
     onRefuse: {},
-    showActions: { type: Boolean, default: true },
+    showActions: { type: Boolean, default: !0 },
     onClose: {}
   },
   emits: ["accept", "refuse", "groupApplicationAction", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { acceptGroupApplication, refuseGroupApplication } = useContactListState();
-    const displayName = computed(() => props.application.applicantNick || props.application.applicant);
-    const groupName = computed(() => props.application.groupName || props.application.groupID);
-    const applicationText = computed(
-      () => props.application.applicationType === 0 ? `${t("TUIContact.Apply to join group")}"${groupName.value}"` : `${t("TUIContact.Invite you to join group")}"${groupName.value}"`
-    );
-    const handleAccept = () => {
-      emit("accept", props.application);
-      emit("groupApplicationAction", "accept", props.application);
-      acceptGroupApplication({ application: props.application });
-      emit("close");
-    };
-    const handleRefuse = () => {
-      emit("refuse", props.application);
-      emit("groupApplicationAction", "refuse", props.application);
-      refuseGroupApplication({ application: props.application });
-      emit("close");
+  setup(p, { emit: g }) {
+    const o = p, n = g, { t: c } = N(), { acceptGroupApplication: v, refuseGroupApplication: h } = w(), s = e(() => o.application.applicantNick || o.application.applicant), r = e(() => o.application.groupName || o.application.groupID), A = e(
+      () => o.application.applicationType === 0 ? `${c("TUIContact.Apply to join group")}"${r.value}"` : `${c("TUIContact.Invite you to join group")}"${r.value}"`
+    ), I = () => {
+      n("accept", o.application), n("groupApplicationAction", "accept", o.application), v({ application: o.application }), n("close");
+    }, C = () => {
+      n("refuse", o.application), n("groupApplicationAction", "refuse", o.application), h({ application: o.application }), n("close");
     };
-    return (_ctx, _cache) => {
-      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.application.applicant), 1),
-            createElementVNode("div", _hoisted_6, toDisplayString(applicationText.value), 1)
-          ]),
-          createVNode(unref(Avatar), {
-            alt: displayName.value,
-            size: "xl"
-          }, null, 8, ["alt"])
-        ]),
-        createElementVNode("div", _hoisted_7, [
-          createElementVNode("div", _hoisted_8, [
-            createElementVNode("div", _hoisted_9, toDisplayString(unref(t)("TUIContact.Application note")) + "： ", 1),
-            createElementVNode("div", _hoisted_10, toDisplayString(_ctx.application.note || unref(t)("TUIContact.None")), 1)
-          ])
+    return (K, L) => (_(), u("div", k, [
+      t("div", B, [
+        t("div", G, [
+          t("div", V, a(s.value), 1),
+          t("div", $, a(i(c)("TUIContact.ID")) + "：" + a(p.application.applicant), 1),
+          t("div", b, a(A.value), 1)
         ]),
-        _ctx.showActions ? (openBlock(), createElementBlock("div", _hoisted_11, [
-          createVNode(unref(TUIButton), {
-            type: "default",
-            size: "big",
-            color: "red",
-            onClick: handleRefuse
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.Refuse")), 1)
-            ]),
-            _: 1
-          }),
-          createVNode(unref(TUIButton), {
-            type: "primary",
-            size: "big",
-            onClick: handleAccept
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.Agree")), 1)
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true)
-      ]);
-    };
+        l(i(U), {
+          alt: s.value,
+          size: "xl"
+        }, null, 8, ["alt"])
+      ]),
+      t("div", z, [
+        t("div", D, [
+          t("div", R, a(i(c)("TUIContact.Application note")) + "： ", 1),
+          t("div", j, a(p.application.note || i(c)("TUIContact.None")), 1)
+        ])
+      ]),
+      p.showActions ? (_(), u("div", E, [
+        l(i(m), {
+          type: "default",
+          size: "big",
+          color: "red",
+          onClick: C
+        }, {
+          default: d(() => [
+            f(a(i(c)("TUIContact.Refuse")), 1)
+          ]),
+          _: 1
+        }),
+        l(i(m), {
+          type: "primary",
+          size: "big",
+          onClick: I
+        }, {
+          default: d(() => [
+            f(a(i(c)("TUIContact.Agree")), 1)
+          ]),
+          _: 1
+        })
+      ])) : y("", !0)
+    ]));
   }
-});
-const GroupApplicationInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8608f244"]]);
+}), O = /* @__PURE__ */ x(S, [["__scopeId", "data-v-8608f244"]]);
 export {
-  GroupApplicationInfo as default
+  O as default
 };

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

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

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

@@ -1,154 +1,120 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, createBlock, withCtx, createTextVNode } from "vue";
-import { useUIKit, TUIButton, TUIDialog } from "@tencentcloud/uikit-base-component-vue3";
-import { GroupMemberRole, GroupPermission } from "../../../../states/GroupSettingState/types.js";
-import Avatar from "../../../Avatar/Avatar.js";
-import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
-import { useConversationListState } from "../../../../states/ConversationListState/ConversationListState.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "contact-group-info" };
-const _hoisted_2 = { class: "contact-group-info__header" };
-const _hoisted_3 = { class: "contact-group-info__main-info" };
-const _hoisted_4 = { class: "contact-group-info__name" };
-const _hoisted_5 = { class: "contact-group-info__id" };
-const _hoisted_6 = { class: "contact-group-info__id" };
-const _hoisted_7 = { class: "contact-group-info__intro" };
-const _hoisted_8 = {
+import { defineComponent as O, ref as P, computed as l, createElementBlock as T, openBlock as p, createElementVNode as c, createCommentVNode as f, createVNode as v, toDisplayString as r, unref as o, createBlock as h, withCtx as g, createTextVNode as G } from "vue";
+import { useUIKit as $, TUIButton as C, TUIDialog as q } from "@tencentcloud/uikit-base-component-vue3";
+import { GroupMemberRole as z, GroupPermission as D } from "../../../../states/GroupSettingState/types.js";
+import M from "../../../Avatar/Avatar.js";
+import { useGroupSettingState as R } from "../../../../states/GroupSettingState/GroupSettingState.js";
+import { useConversationListState as V } from "../../../../states/ConversationListState/ConversationListState.js";
+import { _ as L } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Q = { class: "contact-group-info" }, K = { class: "contact-group-info__header" }, j = { class: "contact-group-info__main-info" }, F = { class: "contact-group-info__name" }, H = { class: "contact-group-info__id" }, J = { class: "contact-group-info__id" }, W = { class: "contact-group-info__intro" }, X = {
   key: 0,
   class: "contact-group-info__actions"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, Y = /* @__PURE__ */ O({
   __name: "GroupInfo",
   props: {
     group: {},
     onEnterGroup: {},
     onLeaveGroup: {},
     onDismissGroup: {},
-    showActions: { type: Boolean, default: true },
+    showActions: { type: Boolean, default: !0 },
     onClose: {}
   },
   emits: ["close", "enterGroup", "leaveGroup", "dismissGroup"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { quitGroup, dismissGroup, hasPermission } = useGroupSettingState();
-    const { setActiveConversation } = useConversationListState();
-    const visible = ref(false);
-    const displayName = computed(() => props.group.name || props.group.groupID);
-    const role = computed(() => {
-      var _a;
-      return ((_a = props.group.selfInfo) == null ? void 0 : _a.role) || GroupMemberRole.COMMON;
-    });
-    const groupType = computed(() => props.group.type);
-    const canDismissGroup = computed(
-      () => hasPermission(GroupPermission.DISMISS_GROUP, role.value, groupType.value)
-    );
-    const canQuitGroup = computed(
-      () => hasPermission(GroupPermission.QUIT_GROUP, role.value, groupType.value)
-    );
-    const handleEnterGroup = () => {
-      setActiveConversation(`GROUP${props.group.groupID}`);
-      emit("enterGroup", props.group);
-      emit("close");
-    };
-    const handleLeaveGroup = async () => {
+  setup(u, { emit: x }) {
+    const e = u, a = x, { t } = $(), { quitGroup: b, dismissGroup: k, hasPermission: I } = R(), { setActiveConversation: S } = V(), s = P(!1), _ = l(() => e.group.name || e.group.groupID), y = l(() => {
+      var i;
+      return ((i = e.group.selfInfo) == null ? void 0 : i.role) || z.COMMON;
+    }), U = l(() => e.group.type), d = l(
+      () => I(D.DISMISS_GROUP, y.value, U.value)
+    ), N = l(
+      () => I(D.QUIT_GROUP, y.value, U.value)
+    ), w = () => {
+      S(`GROUP${e.group.groupID}`), a("enterGroup", e.group), a("close");
+    }, A = async () => {
       try {
-        await quitGroup(props.group.groupID);
-        emit("leaveGroup", props.group);
-      } catch (err) {
-        console.error("[ContactInfo quitGroup] error", err);
+        await b(e.group.groupID), a("leaveGroup", e.group);
+      } catch (i) {
+        console.error("[ContactInfo quitGroup] error", i);
       }
-      visible.value = false;
-      emit("close");
-    };
-    const handleDismissGroup = async () => {
+      s.value = !1, a("close");
+    }, B = async () => {
       try {
-        await dismissGroup(props.group.groupID);
-        emit("dismissGroup", props.group);
-      } catch (err) {
-        console.error("[ContactInfo dismissGroup] error", err);
-      }
-      visible.value = false;
-      emit("close");
-    };
-    const handleGroupAction = () => {
-      if (canDismissGroup.value) {
-        handleDismissGroup();
-      } else {
-        handleLeaveGroup();
+        await k(e.group.groupID), a("dismissGroup", e.group);
+      } catch (i) {
+        console.error("[ContactInfo dismissGroup] error", i);
       }
+      s.value = !1, a("close");
+    }, E = () => {
+      d.value ? B() : A();
     };
-    return (_ctx, _cache) => {
-      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.Group ID")) + "：" + toDisplayString(_ctx.group.groupID), 1),
-            createElementVNode("div", _hoisted_6, toDisplayString(unref(t)("TUIContact.Group type")) + "：" + toDisplayString(_ctx.group.type), 1),
-            createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("TUIContact.Group introduction")) + "：" + toDisplayString(_ctx.group.introduction || unref(t)("TUIContact.No introduction")), 1)
-          ]),
-          createVNode(unref(Avatar), {
-            src: _ctx.group.avatar,
-            alt: displayName.value,
-            size: "xl"
-          }, null, 8, ["src", "alt"])
+    return (i, n) => (p(), T("div", Q, [
+      c("div", K, [
+        c("div", j, [
+          c("div", F, r(_.value), 1),
+          c("div", H, r(o(t)("TUIContact.Group ID")) + "：" + r(u.group.groupID), 1),
+          c("div", J, r(o(t)("TUIContact.Group type")) + "：" + r(u.group.type), 1),
+          c("div", W, r(o(t)("TUIContact.Group introduction")) + "：" + r(u.group.introduction || o(t)("TUIContact.No introduction")), 1)
         ]),
-        _ctx.showActions ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          canDismissGroup.value ? (openBlock(), createBlock(unref(TUIButton), {
-            key: 0,
-            type: "default",
-            size: "big",
-            color: "red",
-            onClick: _cache[0] || (_cache[0] = ($event) => {
-              visible.value = true;
-            })
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.dismiss group")), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          canQuitGroup.value ? (openBlock(), createBlock(unref(TUIButton), {
-            key: 1,
-            type: "default",
-            size: "big",
-            color: "red",
-            onClick: _cache[1] || (_cache[1] = ($event) => visible.value = true)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.quit group")), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          createVNode(unref(TUIButton), {
-            type: "primary",
-            size: "big",
-            onClick: handleEnterGroup
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("TUIContact.Enter group chat")), 1)
-            ]),
-            _: 1
+        v(o(M), {
+          src: u.group.avatar,
+          alt: _.value,
+          size: "xl"
+        }, null, 8, ["src", "alt"])
+      ]),
+      u.showActions ? (p(), T("div", X, [
+        d.value ? (p(), h(o(C), {
+          key: 0,
+          type: "default",
+          size: "big",
+          color: "red",
+          onClick: n[0] || (n[0] = (m) => {
+            s.value = !0;
+          })
+        }, {
+          default: g(() => [
+            G(r(o(t)("TUIContact.dismiss group")), 1)
+          ]),
+          _: 1
+        })) : f("", !0),
+        N.value ? (p(), h(o(C), {
+          key: 1,
+          type: "default",
+          size: "big",
+          color: "red",
+          onClick: n[1] || (n[1] = (m) => s.value = !0)
+        }, {
+          default: g(() => [
+            G(r(o(t)("TUIContact.quit group")), 1)
+          ]),
+          _: 1
+        })) : f("", !0),
+        v(o(C), {
+          type: "primary",
+          size: "big",
+          onClick: w
+        }, {
+          default: g(() => [
+            G(r(o(t)("TUIContact.Enter group chat")), 1)
+          ]),
+          _: 1
+        }),
+        v(o(q), {
+          appendTo: "body",
+          visible: s.value,
+          title: d.value ? o(t)("TUIContact.Confirm dismiss group") : o(t)("TUIContact.Confirm quit group"),
+          "confirm-text": o(t)("TUIContact.Submit"),
+          "cancel-text": o(t)("TUIContact.Cancel"),
+          onConfirm: E,
+          onCancel: n[2] || (n[2] = (m) => {
+            s.value = !1;
           }),
-          createVNode(unref(TUIDialog), {
-            visible: visible.value,
-            title: canDismissGroup.value ? unref(t)("TUIContact.Confirm dismiss group") : unref(t)("TUIContact.Confirm quit group"),
-            "confirm-text": unref(t)("TUIContact.Submit"),
-            "cancel-text": unref(t)("TUIContact.Cancel"),
-            onConfirm: handleGroupAction,
-            onCancel: _cache[2] || (_cache[2] = ($event) => {
-              visible.value = false;
-            }),
-            onClose: _cache[3] || (_cache[3] = ($event) => {
-              visible.value = false;
-            })
-          }, null, 8, ["visible", "title", "confirm-text", "cancel-text"])
-        ])) : createCommentVNode("", true)
-      ]);
-    };
+          onClose: n[3] || (n[3] = (m) => {
+            s.value = !1;
+          })
+        }, null, 8, ["visible", "title", "confirm-text", "cancel-text"])
+      ])) : f("", !0)
+    ]));
   }
-});
-const GroupInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f45a224"]]);
+}), io = /* @__PURE__ */ L(Y, [["__scopeId", "data-v-ce333195"]]);
 export {
-  GroupInfo as default
+  io as default
 };

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

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