消息

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIContact/contact-info/contact-info-config.js

@@ -0,0 +1,175 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const TUIKit_constant = require("../../../constant.js");
+const TUIKit_components_TUIContact_utils_index = require("../utils/index.js");
+const contactMoreInfoConfig = {
+  // set friends' remark
+  setRemark: {
+    key: "setRemark",
+    label: "备注名",
+    data: "",
+    labelPosition: TUIKit_constant.CONTACT_INFO_LABEL_POSITION.LEFT,
+    editable: true,
+    editType: TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE.INPUT,
+    editing: false,
+    editSubmitHandler: (props) => {
+      var _a, _b, _c, _d, _e, _f;
+      if (props == null ? void 0 : props.isBothFriend) {
+        const newRemarkValue = (_a = props == null ? void 0 : props.item) == null ? void 0 : _a.data;
+        TUIKit_components_TUIContact_utils_index.updateFriendRemark((_b = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _b.userID, newRemarkValue);
+        ((_c = props == null ? void 0 : props.item) == null ? void 0 : _c.editing) && (props.item.editing = false);
+        ((_d = props == null ? void 0 : props.item) == null ? void 0 : _d.data) && (props.item.data = (_e = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _e.remark);
+      } else {
+        ((_f = props == null ? void 0 : props.item) == null ? void 0 : _f.editing) && (props.item.editing = false);
+      }
+    }
+  },
+  // blocked list
+  blackList: {
+    key: "blackList",
+    label: "加入黑名单",
+    data: false,
+    labelPosition: TUIKit_constant.CONTACT_INFO_LABEL_POSITION.LEFT,
+    editable: true,
+    editType: TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE.SWITCH,
+    editing: true,
+    editSubmitHandler: (props) => {
+      var _a, _b;
+      if (props == null ? void 0 : props.isInBlackList) {
+        TUIKit_components_TUIContact_utils_index.removeFromBlacklist((_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.userID);
+      } else {
+        TUIKit_components_TUIContact_utils_index.addToBlacklist((_b = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _b.userID);
+        common_vendor.Jt.update(common_vendor.o.CUSTOM, "currentContactListKey", "blackList");
+      }
+    }
+  },
+  // Fill in verification words (applicant)
+  setWords: {
+    key: "setWords",
+    label: "请填写验证信息",
+    data: "",
+    labelPosition: TUIKit_constant.CONTACT_INFO_LABEL_POSITION.TOP,
+    editable: true,
+    editType: TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE.TEXTAREA,
+    editing: true
+  },
+  // Display verification words (application recipient)
+  displayWords: {
+    key: "displayWords",
+    label: "验证信息",
+    data: "",
+    labelPosition: TUIKit_constant.CONTACT_INFO_LABEL_POSITION.LEFT,
+    editable: false
+  }
+};
+const contactButtonConfig = {
+  // ---------------------
+  // group command config
+  // ---------------------
+  dismissGroup: {
+    key: "dismissGroup",
+    label: "解散群聊",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.CANCEL,
+    onClick: (props) => {
+      var _a;
+      TUIKit_components_TUIContact_utils_index.dismissGroup((_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.groupID);
+    }
+  },
+  quitGroup: {
+    key: "quitGroup",
+    label: "退出群聊",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.CANCEL,
+    onClick: (props) => {
+      var _a;
+      TUIKit_components_TUIContact_utils_index.quitGroup((_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.groupID);
+    }
+  },
+  joinGroup: {
+    key: "joinGroup",
+    label: "发送申请",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.SUBMIT,
+    onClick: (props) => {
+      var _a, _b;
+      TUIKit_components_TUIContact_utils_index.joinGroup(
+        (_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.groupID,
+        (_b = props == null ? void 0 : props.contactInfoMoreList[0]) == null ? void 0 : _b.data
+      );
+    }
+  },
+  joinAVChatGroup: {
+    key: "joinAVChatGroup",
+    label: "加入直播群",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.SUBMIT,
+    onClick: (props) => {
+      var _a;
+      TUIKit_components_TUIContact_utils_index.joinGroup((_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.groupID);
+    }
+  },
+  enterGroupConversation: {
+    key: "enterGroupConversation",
+    label: "进入群聊",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.SUBMIT,
+    onClick: (props) => {
+      TUIKit_components_TUIContact_utils_index.enterConversation(props == null ? void 0 : props.contactInfoData);
+    }
+  },
+  // ---------------------
+  // friend command config
+  // ---------------------
+  addFriend: {
+    key: "addFriend",
+    label: "发送申请",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.SUBMIT,
+    onClick: (props) => {
+      var _a, _b, _c;
+      TUIKit_components_TUIContact_utils_index.addFriend({
+        to: (_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.userID,
+        source: "AddSource_Type_Web",
+        remark: (_b = props == null ? void 0 : props.contactInfoMoreList[1]) == null ? void 0 : _b.data,
+        wording: (_c = props == null ? void 0 : props.contactInfoMoreList[0]) == null ? void 0 : _c.data
+      });
+    }
+  },
+  deleteFriend: {
+    key: "deleteFriend",
+    label: "删除好友",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.CANCEL,
+    onClick: (props) => {
+      var _a;
+      TUIKit_components_TUIContact_utils_index.deleteFriend((_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.userID);
+    }
+  },
+  enterC2CConversation: {
+    key: "enterC2CConversation",
+    label: "发送消息",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.SUBMIT,
+    onClick: (props) => {
+      TUIKit_components_TUIContact_utils_index.enterConversation(props == null ? void 0 : props.contactInfoData);
+    }
+  },
+  // ---------------------
+  // friend application command config
+  // ---------------------
+  acceptFriendApplication: {
+    key: "acceptFriendApplication",
+    label: "同意",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.SUBMIT,
+    onClick: (props) => {
+      var _a;
+      TUIKit_components_TUIContact_utils_index.acceptFriendApplication((_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.userID);
+      common_vendor.Jt.update(common_vendor.o.CUSTOM, "currentContactListKey", "friendList");
+    }
+  },
+  refuseFriendApplication: {
+    key: "refuseFriendApplication",
+    label: "拒绝",
+    type: TUIKit_constant.CONTACT_INFO_BUTTON_TYPE.CANCEL,
+    onClick: (props) => {
+      var _a;
+      TUIKit_components_TUIContact_utils_index.refuseFriendApplication((_a = props == null ? void 0 : props.contactInfoData) == null ? void 0 : _a.userID);
+    }
+  }
+};
+exports.contactButtonConfig = contactButtonConfig;
+exports.contactMoreInfoConfig = contactMoreInfoConfig;
+//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIContact/contact-info/contact-info-config.js.map

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIContact/contact-info/index.js

@@ -0,0 +1,287 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+require("../../../adapter-vue.js");
+const TUIKit_utils_env = require("../../../utils/env.js");
+const TUIKit_components_TUIContact_utils_index = require("../utils/index.js");
+const TUIKit_components_TUIContact_contactInfo_contactInfoConfig = require("./contact-info-config.js");
+const common_assets = require("../../../../common/assets.js");
+const TUIKit_constant = require("../../../constant.js");
+const TUIKit_components_TUIChat_utils_utils = require("../../TUIChat/utils/utils.js");
+if (!Math) {
+  (Icon + SwitchBar)();
+}
+const Icon = () => "../../common/Icon.js";
+const SwitchBar = () => "../../common/SwitchBar/index.js";
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "index",
+  emits: ["switchConversation"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const contactInfoData = common_vendor.ref({});
+    const contactInfoBasicList = common_vendor.ref([]);
+    const contactInfoMoreList = common_vendor.ref([]);
+    const contactInfoButtonList = common_vendor.ref([]);
+    const setEditing = (item) => {
+      item.editing = true;
+    };
+    const isGroup = common_vendor.computed(
+      () => {
+        var _a;
+        return ((_a = contactInfoData.value) == null ? void 0 : _a.groupID) ? true : false;
+      }
+    );
+    const isApplication = common_vendor.computed(() => {
+      return TUIKit_components_TUIContact_utils_index.isApplicationType(contactInfoData == null ? void 0 : contactInfoData.value);
+    });
+    const isBothFriend = common_vendor.ref(false);
+    const isGroupMember = common_vendor.computed(() => {
+      var _a, _b;
+      return ((_b = (_a = contactInfoData.value) == null ? void 0 : _a.selfInfo) == null ? void 0 : _b.userID) ? true : false;
+    });
+    const isInBlackList = common_vendor.computed(() => {
+      var _a;
+      return !isGroup.value && ((_a = blackList.value) == null ? void 0 : _a.findIndex(
+        (item) => {
+          var _a2;
+          return (item == null ? void 0 : item.userID) === ((_a2 = contactInfoData.value) == null ? void 0 : _a2.userID);
+        }
+      )) >= 0;
+    });
+    const blackList = common_vendor.ref([]);
+    common_vendor.onMounted(() => {
+      common_vendor.Jt.watch(common_vendor.o.CUSTOM, {
+        currentContactInfo: onCurrentContactInfoUpdated
+      });
+      common_vendor.Jt.watch(common_vendor.o.USER, {
+        userBlacklist: onUserBlacklistUpdated
+      });
+    });
+    common_vendor.onUnmounted(() => {
+      common_vendor.Jt.unwatch(common_vendor.o.CUSTOM, {
+        currentContactInfo: onCurrentContactInfoUpdated
+      });
+      common_vendor.Jt.unwatch(common_vendor.o.USER, {
+        userBlacklist: onUserBlacklistUpdated
+      });
+    });
+    const resetContactInfoUIData = () => {
+      contactInfoData.value = {};
+      contactInfoBasicList.value = [];
+      contactInfoMoreList.value = [];
+      contactInfoButtonList.value = [];
+    };
+    const resetContactSearchingUIData = () => {
+      var _a, _b;
+      common_vendor.Jt.update(common_vendor.o.CUSTOM, "currentContactInfo", {});
+      common_vendor.Jt.update(common_vendor.o.CUSTOM, "currentContactSearchingStatus", false);
+      ((_a = common_vendor.i) == null ? void 0 : _a.closeSearching) && ((_b = common_vendor.i) == null ? void 0 : _b.closeSearching());
+    };
+    const onContactInfoEmitSubmit = (item) => {
+      item.editSubmitHandler && item.editSubmitHandler({
+        item,
+        contactInfoData: contactInfoData.value,
+        isBothFriend: isBothFriend.value,
+        isInBlackList: isInBlackList.value
+      });
+    };
+    const onContactInfoButtonClicked = (item) => {
+      item.onClick && item.onClick({
+        contactInfoData: contactInfoData.value,
+        contactInfoMoreList: contactInfoMoreList.value
+      });
+      if (item.key === "enterGroupConversation" || item.key === "enterC2CConversation") {
+        emits("switchConversation", contactInfoData.value);
+        resetContactSearchingUIData();
+      }
+    };
+    const generateMoreInfo = async () => {
+      var _a, _b, _c, _d, _e;
+      if (!isApplication.value) {
+        if (!isGroup.value && !isBothFriend.value && !isInBlackList.value || isGroup.value && !isGroupMember.value && ((_a = contactInfoData.value) == null ? void 0 : _a.type) !== ((_c = (_b = common_vendor.qt) == null ? void 0 : _b.TYPES) == null ? void 0 : _c.GRP_AVCHATROOM)) {
+          TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.setWords.data = "";
+          contactInfoMoreList.value.push(TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.setWords);
+        }
+        if (!isGroup.value && !isInBlackList.value) {
+          TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.setRemark.data = ((_d = contactInfoData.value) == null ? void 0 : _d.remark) || "";
+          TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.setRemark.editing = false;
+          contactInfoMoreList.value.push(TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.setRemark);
+        }
+        if (!isGroup.value && (isBothFriend.value || isInBlackList.value)) {
+          TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.blackList.data = isInBlackList.value || false;
+          contactInfoMoreList.value.push(TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.blackList);
+        }
+      } else {
+        TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.displayWords.data = ((_e = contactInfoData.value) == null ? void 0 : _e.wording) || "";
+        contactInfoMoreList.value.push(TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig.displayWords);
+      }
+    };
+    const generateButton = () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+      if (isInBlackList.value) {
+        return;
+      }
+      if (isApplication.value) {
+        if (((_a = contactInfoData.value) == null ? void 0 : _a.type) === ((_c = (_b = common_vendor.qt) == null ? void 0 : _b.TYPES) == null ? void 0 : _c.SNS_APPLICATION_SENT_TO_ME)) {
+          (_d = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _d.push(
+            TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.refuseFriendApplication
+          );
+          (_e = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _e.push(
+            TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.acceptFriendApplication
+          );
+        }
+      } else {
+        if (isGroup.value && isGroupMember.value) {
+          switch ((_g = (_f = contactInfoData.value) == null ? void 0 : _f.selfInfo) == null ? void 0 : _g.role) {
+            case "Owner":
+              (_h = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _h.push(TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.dismissGroup);
+              break;
+            default:
+              (_i = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _i.push(TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.quitGroup);
+              break;
+          }
+          (_j = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _j.push(
+            TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.enterGroupConversation
+          );
+        } else if (!isGroup.value && isBothFriend.value) {
+          (_k = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _k.push(TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.deleteFriend);
+          (_l = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _l.push(
+            TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.enterC2CConversation
+          );
+        } else {
+          if (isGroup.value) {
+            (_p = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _p.push(
+              ((_m = contactInfoData.value) == null ? void 0 : _m.type) === ((_o = (_n = common_vendor.qt) == null ? void 0 : _n.TYPES) == null ? void 0 : _o.GRP_AVCHATROOM) ? TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.joinAVChatGroup : TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.joinGroup
+            );
+          } else {
+            (_q = contactInfoButtonList == null ? void 0 : contactInfoButtonList.value) == null ? void 0 : _q.push(TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig.addFriend);
+          }
+        }
+      }
+    };
+    function onUserBlacklistUpdated(userBlacklist) {
+      blackList.value = userBlacklist;
+    }
+    async function onCurrentContactInfoUpdated(contactInfo) {
+      var _a;
+      if (contactInfoData.value && contactInfo && JSON.stringify(contactInfoData.value) === JSON.stringify(contactInfo)) {
+        return;
+      }
+      resetContactInfoUIData();
+      contactInfoData.value = TUIKit_components_TUIChat_utils_utils.deepCopy(contactInfo) || {};
+      if (!contactInfoData.value || ((_a = Object.keys(contactInfoData.value)) == null ? void 0 : _a.length) === 0) {
+        return;
+      }
+      contactInfoBasicList.value = TUIKit_components_TUIContact_utils_index.generateContactInfoBasic(
+        contactInfoData.value
+      );
+      isBothFriend.value = await TUIKit_components_TUIContact_utils_index.isFriend(contactInfoData.value);
+      generateMoreInfo();
+      generateButton();
+      if (contactInfo.infoKeyList) {
+        contactInfoMoreList.value = contactInfo.infoKeyList.map((key) => {
+          return TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactMoreInfoConfig[key];
+        });
+      }
+      if (contactInfo.btnKeyList) {
+        contactInfoButtonList.value = contactInfo.btnKeyList.map((key) => {
+          return TUIKit_components_TUIContact_contactInfo_contactInfoConfig.contactButtonConfig[key];
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return common_vendor.e({
+        a: typeof common_vendor.unref(contactInfoData) === "object" && Object.keys(common_vendor.unref(contactInfoData)).length
+      }, typeof common_vendor.unref(contactInfoData) === "object" && Object.keys(common_vendor.unref(contactInfoData)).length ? common_vendor.e({
+        b: !common_vendor.unref(TUIKit_utils_env.isPC)
+      }, !common_vendor.unref(TUIKit_utils_env.isPC) ? {
+        c: common_vendor.p({
+          file: common_vendor.unref(common_assets.backIcon)
+        }),
+        d: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-header-icon"),
+        e: common_vendor.o$1(resetContactSearchingUIData),
+        f: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIContact.添加好友/群聊")),
+        g: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-header-title"),
+        h: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-header")
+      } : {}, {
+        i: common_vendor.t(common_vendor.unref(TUIKit_components_TUIContact_utils_index.generateContactInfoName)(common_vendor.unref(contactInfoData))),
+        j: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-basic-text-name"),
+        k: common_vendor.f(common_vendor.unref(contactInfoBasicList), (item, k0, i0) => {
+          return {
+            a: common_vendor.t(`${common_vendor.unref(common_vendor.Wt).t(`TUIContact.${item.label}`)}:
+          ${item.data}`),
+            b: item.label
+          };
+        }),
+        l: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-basic-text-other"),
+        m: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-basic-text"),
+        n: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-basic-avatar"),
+        o: common_vendor.unref(TUIKit_components_TUIContact_utils_index.generateAvatar)(common_vendor.unref(contactInfoData)),
+        p: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-basic"),
+        q: common_vendor.unref(contactInfoMoreList)[0]
+      }, common_vendor.unref(contactInfoMoreList)[0] ? {
+        r: common_vendor.f(common_vendor.unref(contactInfoMoreList), (item, k0, i0) => {
+          return common_vendor.e({
+            a: common_vendor.t(`${common_vendor.unref(common_vendor.Wt).t(`TUIContact.${item.label}`)}`),
+            b: !item.editing
+          }, !item.editing ? common_vendor.e({
+            c: common_vendor.t(item.data),
+            d: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more-item-content-text-data"),
+            e: item.editable
+          }, item.editable ? {
+            f: "e2a6c8d8-1-" + i0,
+            g: common_vendor.p({
+              file: common_vendor.unref(common_assets.editIcon),
+              width: "14px",
+              height: "14px"
+            }),
+            h: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more-item-content-text-icon"),
+            i: common_vendor.o$1(($event) => setEditing(item), item.key)
+          } : {}, {
+            j: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more-item-content-text")
+          }) : item.editType === common_vendor.unref(TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE).INPUT ? {
+            l: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more-item-content-input"),
+            m: common_vendor.o$1(($event) => onContactInfoEmitSubmit(item), item.key),
+            n: common_vendor.o$1(($event) => onContactInfoEmitSubmit(item), item.key),
+            o: item.data,
+            p: common_vendor.o$1(($event) => item.data = $event.detail.value, item.key)
+          } : item.editType === common_vendor.unref(TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE).TEXTAREA ? {
+            r: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more-item-content-textarea"),
+            s: item.data,
+            t: common_vendor.o$1(($event) => item.data = $event.detail.value, item.key)
+          } : item.editType === common_vendor.unref(TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE).SWITCH ? {
+            w: "e2a6c8d8-2-" + i0,
+            x: common_vendor.p({
+              value: item.data
+            }),
+            y: common_vendor.o$1(($event) => onContactInfoEmitSubmit(item), item.key)
+          } : {}, {
+            k: item.editType === common_vendor.unref(TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE).INPUT,
+            q: item.editType === common_vendor.unref(TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE).TEXTAREA,
+            v: item.editType === common_vendor.unref(TUIKit_constant.CONTACT_INFO_MORE_EDIT_TYPE).SWITCH,
+            z: item.key,
+            A: common_vendor.n(item.labelPosition === common_vendor.unref(TUIKit_constant.CONTACT_INFO_LABEL_POSITION).TOP ? "tui-contact-info-more-item-top" : "tui-contact-info-more-item-left")
+          });
+        }),
+        s: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more-item-label"),
+        t: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more-item-content"),
+        v: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more-item"),
+        w: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-more")
+      } : {}, {
+        x: common_vendor.f(common_vendor.unref(contactInfoButtonList), (item, k0, i0) => {
+          return {
+            a: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIContact.${item.label}`)),
+            b: item.key,
+            c: common_vendor.n(item.type === common_vendor.unref(TUIKit_constant.CONTACT_INFO_BUTTON_TYPE).CANCEL ? `tui-contact-info-button-item-cancel` : `tui-contact-info-button-item-submit`),
+            d: common_vendor.o$1(($event) => onContactInfoButtonClicked(item), item.key)
+          };
+        }),
+        y: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-button-item"),
+        z: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5-button"),
+        A: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-contact-info-h5")
+      }) : {});
+    };
+  }
+});
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-e2a6c8d8"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIContact/contact-info/index.js.map

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIContact/contact-info/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "icon": "../../common/Icon",
+    "switch-bar": "../../common/SwitchBar/index"
+  }
+}

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIContact/contact-info/index.wxml

@@ -0,0 +1 @@
+<view wx:if="{{a}}" class="{{['data-v-e2a6c8d8', 'tui-contact-info', A]}}"><view wx:if="{{b}}" class="{{['data-v-e2a6c8d8', 'tui-contact-info-header', h]}}"><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-header-icon', d]}}" bindtap="{{e}}"><icon wx:if="{{c}}" class="data-v-e2a6c8d8" u-i="e2a6c8d8-0" bind:__l="__l" u-p="{{c}}"/></view><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-header-title', g]}}">{{f}}</view></view><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-basic', p]}}"><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-basic-text', m]}}"><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-basic-text-name', j]}}">{{i}}</view><view wx:for="{{k}}" wx:for-item="item" wx:key="b" class="{{['data-v-e2a6c8d8', 'tui-contact-info-basic-text-other', l]}}">{{item.a}}</view></view><image class="{{['data-v-e2a6c8d8', 'tui-contact-info-basic-avatar', n]}}" src="{{o}}"></image></view><view wx:if="{{q}}" class="{{['data-v-e2a6c8d8', 'tui-contact-info-more', w]}}"><view wx:for="{{r}}" wx:for-item="item" wx:key="z" class="{{['data-v-e2a6c8d8', 'tui-contact-info-more-item', v, item.A]}}"><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-more-item-label', s]}}">{{item.a}}</view><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-more-item-content', t]}}"><view wx:if="{{item.b}}" class="{{['data-v-e2a6c8d8', 'tui-contact-info-more-item-content-text', item.j]}}"><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-more-item-content-text-data', item.d]}}">{{item.c}}</view><view wx:if="{{item.e}}" class="{{['data-v-e2a6c8d8', 'tui-contact-info-more-item-content-text-icon', item.h]}}" bindtap="{{item.i}}"><icon wx:if="{{item.g}}" class="data-v-e2a6c8d8" u-i="{{item.f}}" bind:__l="__l" u-p="{{item.g}}"/></view></view><input wx:elif="{{item.k}}" class="{{['data-v-e2a6c8d8', 'tui-contact-info-more-item-content-input', item.l]}}" type="text" bindconfirm="{{item.m}}" bindkeyup="{{item.n}}" value="{{item.o}}" bindinput="{{item.p}}"></input><textarea wx:elif="{{item.q}}" class="{{['data-v-e2a6c8d8', 'tui-contact-info-more-item-content-textarea', item.r]}}" confirm-type="done" value="{{item.s}}" bindinput="{{item.t}}"/><view wx:elif="{{item.v}}" class="data-v-e2a6c8d8" bindtap="{{item.y}}"><switch-bar wx:if="{{item.x}}" class="data-v-e2a6c8d8" u-i="{{item.w}}" bind:__l="__l" u-p="{{item.x}}"/></view></view></view></view><view class="{{['data-v-e2a6c8d8', 'tui-contact-info-button', z]}}"><button wx:for="{{x}}" wx:for-item="item" wx:key="b" class="{{['data-v-e2a6c8d8', 'tui-contact-info-button-item', y, item.c]}}" bindtap="{{item.d}}">{{item.a}}</button></view></view>

unpackage/dist/dev/mp-weixin/TUIKit/components/TUIContact/contact-info/index.wxss

@@ -0,0 +1,314 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.tui-contact-info.data-v-e2a6c8d8 {
+  width: 100%;
+  height: 100%;
+  background: #f7f8fa;
+  display: flex;
+  padding: 30px;
+  box-sizing: border-box;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tui-contact-info-basic.data-v-e2a6c8d8 {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #ddd;
+  overflow: hidden;
+  box-sizing: border-box;
+  width: 100%;
+}
+.tui-contact-info-basic-text.data-v-e2a6c8d8 {
+  flex: 1;
+}
+.tui-contact-info-basic-text-name.data-v-e2a6c8d8 {
+  font-size: 24px;
+  padding-bottom: 10px;
+}
+.tui-contact-info-basic-text-other.data-v-e2a6c8d8 {
+  font-size: 16px;
+  padding: 6px 0;
+  font-weight: 400;
+  color: #999;
+}
+.tui-contact-info-basic-avatar.data-v-e2a6c8d8 {
+  width: 80px;
+  height: 80px;
+}
+.tui-contact-info-more.data-v-e2a6c8d8 {
+  padding: 15px 0;
+  overflow: hidden;
+}
+.tui-contact-info-more-item.data-v-e2a6c8d8 {
+  display: flex;
+  padding: 6px 0;
+  font-size: 16px;
+  font-weight: 400;
+  min-height: 56px;
+}
+.tui-contact-info-more-item-label.data-v-e2a6c8d8 {
+  color: #999;
+  height: -webkit-fit-content;
+  height: fit-content;
+}
+.tui-contact-info-more-item-left.data-v-e2a6c8d8 {
+  flex-direction: row;
+  align-items: center;
+}
+.tui-contact-info-more-item-left .tui-contact-info-more-item-label.data-v-e2a6c8d8 {
+  width: 80px;
+}
+.tui-contact-info-more-item-top.data-v-e2a6c8d8 {
+  flex-direction: column;
+}
+.tui-contact-info-more-item-content.data-v-e2a6c8d8 {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  color: #333;
+  overflow: hidden;
+}
+.tui-contact-info-more-item-content-text.data-v-e2a6c8d8 {
+  display: flex;
+  overflow: hidden;
+}
+.tui-contact-info-more-item-content-text-data.data-v-e2a6c8d8 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tui-contact-info-more-item-content-text-icon.data-v-e2a6c8d8 {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.tui-contact-info-more-item-content-input.data-v-e2a6c8d8, .tui-contact-info-more-item-content-textarea.data-v-e2a6c8d8 {
+  flex: 1;
+  border: 1px solid #e8e8e9;
+  border-radius: 4px;
+  padding: 4px;
+  color: inherit;
+}
+.tui-contact-info-more-item-content-input.data-v-e2a6c8d8 {
+  height: 22px;
+  font-size: 16px;
+}
+.tui-contact-info-more-item-content-textarea.data-v-e2a6c8d8 {
+  resize: none;
+  height: 100px;
+}
+.tui-contact-info-button.data-v-e2a6c8d8 {
+  display: flex;
+  padding: 30px;
+  justify-content: center;
+}
+.tui-contact-info-button-item.data-v-e2a6c8d8 {
+  margin: 15px;
+  min-width: 142px;
+  height: 36px;
+  padding: 8px 20px;
+  border-radius: 4px;
+  border: none;
+  font-size: 14px;
+  text-align: center;
+  line-height: 20px;
+  font-weight: 400;
+  letter-spacing: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tui-contact-info-button-item-submit.data-v-e2a6c8d8 {
+  border: 1px solid #006eff;
+  background: #006eff;
+  color: #fff;
+}
+.tui-contact-info-button-item-cancel.data-v-e2a6c8d8 {
+  border: 1px solid #e54545;
+  background: transparent;
+  color: #e54545;
+}
+.tui-contact-info-h5.data-v-e2a6c8d8 {
+  padding: 0;
+  overflow: hidden;
+}
+.tui-contact-info-h5-header.data-v-e2a6c8d8 {
+  background-color: #fff;
+  padding: 10px !important;
+  display: flex;
+  flex-direction: row;
+}
+.tui-contact-info-h5-header-title.data-v-e2a6c8d8 {
+  flex: 1;
+  text-align: center;
+  font-weight: 500;
+  font-size: 14px;
+  margin-right: 30px;
+}
+.tui-contact-info-h5-basic.data-v-e2a6c8d8 {
+  padding: 10px !important;
+  background: #fff;
+  margin-top: 10px !important;
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: left;
+  border-bottom: none;
+}
+.tui-contact-info-h5-basic-text-name.data-v-e2a6c8d8 {
+  font-size: 20px;
+  padding-bottom: 1px;
+}
+.tui-contact-info-h5-basic-text-other.data-v-e2a6c8d8 {
+  font-size: 14px;
+  padding: 3px 0;
+}
+.tui-contact-info-h5-basic-avatar.data-v-e2a6c8d8 {
+  border-radius: 10px;
+  margin-right: 10px;
+}
+.tui-contact-info-h5-more.data-v-e2a6c8d8 {
+  background: #fff;
+  margin-top: 10px !important;
+  overflow: hidden;
+  padding: 0;
+}
+.tui-contact-info-h5-more-item.data-v-e2a6c8d8 {
+  width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  padding: 10px !important;
+  border-bottom: 1px solid #eee;
+}
+.tui-contact-info-h5-more-item-label.data-v-e2a6c8d8 {
+  color: #000;
+}
+.tui-contact-info-h5-more-item-content.data-v-e2a6c8d8 {
+  overflow: hidden;
+  color: #979797;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tui-contact-info-h5-more-item-content-text.data-v-e2a6c8d8 {
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+}
+.tui-contact-info-h5-more-item-content-text-data.data-v-e2a6c8d8 {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tui-contact-info-h5-more-item.data-v-e2a6c8d8:last-child {
+  border-bottom: none;
+}
+.tui-contact-info-h5-button.data-v-e2a6c8d8 {
+  margin-top: 10px !important;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  background-color: #fff;
+}
+.tui-contact-info-h5-button-item.data-v-e2a6c8d8 {
+  width: 100%;
+  margin: 0;
+  border: none;
+  padding: 16px !important;
+  font-size: 16px;
+  border-bottom: 1px solid #eee;
+  height: -webkit-fit-content;
+  height: fit-content;
+}
+.tui-contact-info-h5-button-item.data-v-e2a6c8d8::after {
+  border: none;
+}
+.tui-contact-info-h5-button-item-textarea.data-v-e2a6c8d8 {
+  background-color: #f8f8f8;
+}
+.tui-contact-info-h5-button-item.data-v-e2a6c8d8:last-child {
+  border-bottom: none;
+}
+.tui-contact-info-h5-button .tui-contact-info-button-item-cancel.data-v-e2a6c8d8 {
+  background-color: #fff;
+  color: #e54545;
+}
+.tui-contact-info-h5-button .tui-contact-info-button-item-submit.data-v-e2a6c8d8 {
+  background-color: #fff;
+  color: #006eff;
+}
+body.data-v-e2a6c8d8, div.data-v-e2a6c8d8, ul.data-v-e2a6c8d8, ol.data-v-e2a6c8d8, dt.data-v-e2a6c8d8, dd.data-v-e2a6c8d8, li.data-v-e2a6c8d8, dl.data-v-e2a6c8d8, h1.data-v-e2a6c8d8, h2.data-v-e2a6c8d8, h3.data-v-e2a6c8d8, h4.data-v-e2a6c8d8, p.data-v-e2a6c8d8 {
+  margin: 0;
+  padding: 0;
+  font-style: normal;
+  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
+}
+ol.data-v-e2a6c8d8, ul.data-v-e2a6c8d8, li.data-v-e2a6c8d8 {
+  list-style: none;
+}
+img.data-v-e2a6c8d8 {
+  border: 0;
+  vertical-align: middle;
+  pointer-events: none;
+}
+body.data-v-e2a6c8d8 {
+  color: #000;
+  background: #FFF;
+}
+.clear.data-v-e2a6c8d8 {
+  clear: both;
+  height: 1px;
+  width: 100%;
+  overflow: hidden;
+  margin-top: -1px;
+}
+a.data-v-e2a6c8d8 {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+}
+a.data-v-e2a6c8d8:hover {
+  text-decoration: none;
+}
+input.data-v-e2a6c8d8, textarea.data-v-e2a6c8d8 {
+  -webkit-user-select: auto;
+          user-select: auto;
+}
+input.data-v-e2a6c8d8:focus, input.data-v-e2a6c8d8:active, textarea.data-v-e2a6c8d8:focus, textarea.data-v-e2a6c8d8:active {
+  outline: none;
+}
+.chat-aside.data-v-e2a6c8d8 {
+  position: absolute;
+  top: 50px;
+  right: 0;
+  box-sizing: border-box;
+  width: 360px !important;
+  border-radius: 8px 0 0 8px;
+  z-index: 9999;
+  max-height: calc(100% - 50px);
+}