vhall-mini-sdk 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vhall-mini-sdk",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "author": "vhall",
   "license": "MIT",
   "miniprogram": "lib",
@@ -12,7 +12,7 @@
     "lint": "eslint ./packages --ext .js,.ts --fix && stylelint \"packages/**/*.less\" --fix",
     "prepare": "husky",
     "release": "sh build/release.sh",
-    "build:lib": "SKIP_MP_COMPONENTS_SYNC=true yarn && npx gulp -f build/compiler.js --series buildEs buildLib"
+    "build:lib": "SKIP_MP_COMPONENTS_SYNC=true yarn && npx gulp -f build/compiler.js --series buildLib"
   },
   "files": [
     "dist",
@@ -74,9 +74,7 @@
   },
   "dependencies": {
     "await-to-js": "^3.0.0",
-    "chalk": "4",
     "crc-32": "^1.2.0",
-    "fs-extra": "^11.3.6",
     "js-base64": "^3.7.7",
     "miniprogram-sm-crypto": "^0.3.13"
   }

package/postinstall.js

@@ -1,6 +1,5 @@
-const fs = require('fs-extra');
+const fs = require('fs');
 const path = require('path');
-const chalk = require('chalk'); // 可选，让日志更好看，需要 npm i chalk -D 加到组件库依赖里
 
 /**
  * 1. 基础路径定义
@@ -29,9 +28,9 @@ const userPkgPath = path.resolve(projectRoot, 'package.json');
 let userPkg = {};
 if (fs.existsSync(userPkgPath)) {
   try {
-    userPkg = fs.readJsonSync(userPkgPath);
+    userPkg = JSON.parse(fs.readFileSync(userPkgPath, 'utf-8'));
   } catch (e) {
-    console.warn(chalk.yellow('⚠️ 无法读取用户项目 package.json，使用默认配置'));
+    console.warn('[vhall-mini-sdk] 无法读取用户项目 package.json，使用默认配置');
   }
 }
 // 如果用户自定义了 uni-app 根目录，就用自定义的
@@ -43,53 +42,24 @@ if (userPkg.mpComponents?.root) {
  * 3. 核心：判断是否为 uni-app 环境
  */
 function isUniAppProject(root) {
-  // 3.1 强制开关：如果用户设置了环境变量，优先遵循
+  // 强制开关：如果用户设置了环境变量，优先遵循
   if (process.env.SKIP_MP_COMPONENTS_SYNC === 'true') {
-    console.log(chalk.gray('ℹ️ 检测到 SKIP_MP_COMPONENTS_SYNC=true，跳过环境判断'));
+    console.log('[vhall-mini-sdk] SKIP_MP_COMPONENTS_SYNC=true，跳过 wxcomponents 同步');
     return false;
   }
   if (process.env.FORCE_MP_COMPONENTS_SYNC === 'true') {
-    console.log(chalk.gray('ℹ️ 检测到 FORCE_MP_COMPONENTS_SYNC=true，强制同步'));
+    console.log('[vhall-mini-sdk] FORCE_MP_COMPONENTS_SYNC=true，强制同步');
     return true;
   }
 
-  // 3.2 强校验：同时存在 pages.json 和 manifest.json
-  const pagesPath = path.resolve(root, 'pages.json');
-  const manifestPath = path.resolve(root, 'manifest.json');
-
-  if (!fs.existsSync(pagesPath) || !fs.existsSync(manifestPath)) {
-    console.log(chalk.gray('ℹ️ 未检测到 uni-app 环境（缺少 pages.json/manifest.json），跳过 wxcomponents 同步'));
-    return false;
-  }
-
-  // 3.3 辅助校验：pages.json 是合法 JSON，且包含 uni-app 特有字段
-  try {
-    const pagesConfig = fs.readJsonSync(pagesPath);
-    // uni-app 的 pages.json 一定有 pages 数组或 globalStyle 字段
-    if (!pagesConfig.pages && !pagesConfig.globalStyle) {
-      console.log(chalk.gray('ℹ️ 检测到 pages.json 不符合 uni-app 规范，跳过同步'));
-      return false;
-    }
-  } catch (e) {
-    console.log(chalk.gray('ℹ️ pages.json 不是合法 JSON，跳过同步'));
-    return false;
+  // 同时存在 pages.json 和 manifest.json 即判定为 uni-app 项目
+  if (fs.existsSync(path.resolve(root, 'pages.json')) && fs.existsSync(path.resolve(root, 'manifest.json'))) {
+    return true;
   }
 
-  // 3.4 可选：如果是 CLI 项目，校验是否有 @dcloudio 依赖（降低误判率）
-  // const hasDCloudDep =
-  //   Object.keys(userPkg.dependencies || {}).some((dep) => dep.startsWith('@dcloudio')) ||
-  //   Object.keys(userPkg.devDependencies || {}).some((dep) => dep.startsWith('@dcloudio'));
-  // if (!hasDCloudDep) {
-  //   console.log(
-  //     chalk.gray(
-  //       'ℹ️ 未检测到 @dcloudio 相关依赖，若确认是 uni-app 项目，请设置 FORCE_MP_COMPONENTS_SYNC=true',
-  //     ),
-  //   );
-  //   // 这里可以根据团队要求决定是否返回 false，一般前两步过了就可以放行
-  //   // return false
-  // }
-
-  return true;
+  // 兜底：如果是 CLI 项目，校验是否有 @dcloudio 依赖
+  const deps = { ...userPkg.dependencies, ...userPkg.devDependencies };
+  return !!(deps['@dcloudio/uni-app'] || deps['@dcloudio/vue-cli-plugin-uni']);
 }
 
 /**
@@ -98,7 +68,7 @@ function isUniAppProject(root) {
 function syncWxComponents() {
   let srcDir = path.resolve(PKG_ROOT, 'lib');
   if (!fs.existsSync(srcDir)) {
-    console.error(chalk.red('❌ 组件库内未找到 lib 目录，同步失败'));
+    console.error('[vhall-mini-sdk] 组件库内未找到 lib 目录，同步失败');
     return;
   }
   // 目标目录
@@ -106,19 +76,19 @@ function syncWxComponents() {
 
   try {
     // 清空旧目录
-    fs.removeSync(destDir);
+    fs.rmSync(destDir, { recursive: true, force: true });
     // 拷贝组件
-    fs.copySync(srcDir, destDir);
+    fs.cpSync(srcDir, destDir, { recursive: true });
     // 同步 package.json（提供组件元信息，便于 uni-app 识别该 npm 组件）
     const srcPkg = path.resolve(PKG_ROOT, 'package.json');
     if (fs.existsSync(srcPkg)) {
-      fs.copySync(srcPkg, path.resolve(destDir, 'package.json'));
+      fs.copyFileSync(srcPkg, path.resolve(destDir, 'package.json'));
     }
-    console.log(chalk.green('✅ wxcomponents 同步成功'));
-    console.log(chalk.gray(`   源目录：${srcDir}`));
-    console.log(chalk.gray(`   目标目录：${destDir}`));
+    console.log('[vhall-mini-sdk] wxcomponents 同步成功');
+    console.log(`  源目录：${srcDir}`);
+    console.log(`  目标目录：${destDir}`);
   } catch (err) {
-    console.error(chalk.red('❌ wxcomponents 同步失败：'), err.message);
+    console.error('[vhall-mini-sdk] wxcomponents 同步失败：', err.message);
     // 不主动 exit(1)，避免阻断用户 npm install
   }
 }
@@ -129,5 +99,5 @@ try {
     syncWxComponents();
   }
 } catch (err) {
-  console.error(chalk.red('❌ postinstall 脚本执行异常：'), err.message);
+  console.error('[vhall-mini-sdk] postinstall 脚本执行异常：', err.message);
 }

package/dist/components/chat/chat-edit/chat-edit.js

@@ -1,127 +0,0 @@
-Component({
-  options: {
-    styleIsolation: 'apply-shared',
-  },
-  properties: {
-    sdkInstance: {
-      type: Object,
-      value: null,
-    },
-  },
-
-  data: {
-    userInfo: {},
-    isBanned: false, //是否禁言
-    isAllBanned: false, //是否禁言所有人,
-    bannedMode: 1,//1禁言无感知，0禁言有感知
-    placeholder: '参与聊天',
-    chatValue: '',
-    inputBottom: 0,
-    keyboardListener: null,
-  },
-  lifetimes: {
-    attached() {
-      this.ListenKeyboard();
-    },
-    detached: function detached() {
-      this.unsub && this.unsub();
-      this.keyboardListener && this.keyboardListener.disconnect();
-    },
-  },
-  observers: {
-    isBanned(newVal) {
-      this.setPlaceholder()
-    },
-    isAllBanned(newVal) {
-      this.setPlaceholder()
-    },
-    bannedMode(newVal) {
-      this.setPlaceholder()
-    },
-    sdkInstance: function sdkInstance(_sdkInstance) {
-      if (!_sdkInstance) return;
-      this.unsub = _sdkInstance.store.get({
-        user: (val) => {
-          this.setData({
-            userInfo: val,
-          });
-        },
-        'interactToolStatus.is_banned': (val) => {
-          this.setData({
-            isBanned: !!val,
-          });
-        },
-        'interactToolStatus.all_banned': (val) => {
-          this.setData({
-            isAllBanned: !!val,
-          });
-        },
-        'interactToolStatus.banned_mode': (val) => {
-          this.setData({
-            bannedMode: val,
-          })
-        },
-        'permissions': (val) => {
-          const status = _sdkInstance.store.get('liveInfo.status');
-          // 4 点播  5 回放 && 开启了回放禁言
-          if ((status == 4 || status == 5) && val['ui.watch_record_no_chatting'] == 1) {
-            this.setData({
-              isAllBanned: true,
-            });
-          }
-        },
-        'liveInfo.status': (status) => {
-          if (status == 3) {
-            this.setData({
-              isAllBanned: true,
-            });
-          }
-        },
-      });
-    },
-  },
-  methods: {
-    ListenKeyboard() {
-      this.keyboardListener = wx.onKeyboardHeightChange((res) => {
-        this.setData({
-          inputBottom: res.height,
-        });
-      });
-    },
-    // 获得焦点
-    onInputFocus(e) {
-      this.setPlaceholder('focus')
-    },
-    onInputBlur() {
-      // 失去焦点时重置位置，并移除键盘监听
-      this.setData({ inputBottom: 0 });
-      this.setPlaceholder()
-    },
-    setPlaceholder(action) {
-      if (this.data.isBanned && this.data.bannedMode != 1 || this.data.isAllBanned) {
-        this.setData({
-          placeholder: '禁止发言'
-        })
-      } else {
-        this.setData({
-          placeholder: action === 'focus' ? '' : '参与聊天'
-        })
-      }
-    },
-    chatInputChange: function chatInputChange(e) {},
-    bindconfirm: function bindconfirm(e) {
-      if (!e.detail.value.trim()) {
-        return;
-      }
-      const sdkInstance = this.properties.sdkInstance;
-      if (sdkInstance) {
-        sdkInstance.sendChat({
-          data: e.detail.value,
-        });
-        this.setData({
-          chatValue: '',
-        });
-      }
-    },
-  },
-});

package/dist/components/chat/chat-edit/chat-edit.json

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}

package/dist/components/chat/chat-edit/chat-edit.wxml

@@ -1,7 +0,0 @@
-<view class="comment-wrapper safe-area-inset-bottom">
-  <image wx:if="{{userInfo.avatar}}" class="avatar" src="{{userInfo.avatar}}"></image>
-  <view class="chat-edit-input-box  {{inputBottom !== 0 ? 'input-active' : ''}}" style="bottom: {{inputBottom}}px;">
-    <input bindinput="chatInputChange" adjust-position="{{false}}" value="{{ chatValue }}" class="chat-edit-input" id="chat-edit-input" placeholder-class="chat-edit-input-placeholder" placeholder="{{placeholder}}" disabled="{{isBanned&&bannedMode!=1 ||isAllBanned}}" maxlength="200" bindconfirm="bindconfirm" bindtap="bindtap" bindblur="onInputBlur" bindfocus="onInputFocus" confirm-type="send" type="text" />
-  </view>
-  <slot></slot>
-</view>

package/dist/components/chat/chat-edit/chat-edit.wxss

@@ -1 +0,0 @@
-.comment-wrapper{align-items:center;display:flex;flex:1;height:100%;justify-content:flex-start;margin:0 28rpx 5px}.comment-wrapper .avatar{border-radius:50%;height:2rem;width:2rem}.comment-wrapper .chat-edit-input-box{box-sizing:border-box;flex:1;padding:0 10rpx}.comment-wrapper .chat-edit-input-box.input-active{align-items:center;background:#fff;display:flex;left:0;padding:16rpx 24rpx;position:fixed;right:0;width:100%}.comment-wrapper .chat-edit-input-box.input-active .chat-edit-input,.comment-wrapper .chat-edit-input-box.input-active .chat-edit-input-placeholder{color:#262626!important}.chat-edit-input{background-color:rgba(0,0,0,.25);border:none;border-radius:1rem;box-sizing:border-box;color:#262626;flex:1;font-size:1rem;height:2rem;padding:14rpx 30rpx;text-overflow:ellipsis;white-space:nowrap}.chat-edit-input-placeholder{color:#262626}.comment-wrapper-fixed{background-color:#fff;bottom:0;box-sizing:border-box;height:55px;margin:0;padding:0 10px;position:fixed;width:100vw}

package/dist/components/chat/chat-item/chat-item.js

@@ -1,253 +0,0 @@
-const faceArr = {
-  '[微笑]': '1',
-  '[撇嘴]': '2',
-  '[色]': '3',
-  '[发呆]': '4',
-  '[得意]': '5',
-  '[流泪]': '6',
-  '[害羞]': '7',
-  '[闭嘴]': '8',
-  '[睡]': '9',
-  '[哭]': '10',
-  '[尴尬]': '11',
-  '[发怒]': '12',
-  '[调皮]': '13',
-  '[呲牙]': '14',
-  '[惊讶]': '15',
-  '[难过]': '16',
-  '[酷]': '17',
-  '[汗]': '18',
-  '[抓狂]': '19',
-  '[吐]': '20',
-  '[偷笑]': '21',
-  '[愉快]': '22',
-  '[白眼]': '23',
-  '[傲慢]': '24',
-  '[饥饿]': '25',
-  '[困]': '26',
-  '[惊恐]': '27',
-  '[流汗]': '28',
-  '[憨笑]': '29',
-  '[悠闲]': '30',
-  '[奋斗]': '31',
-  '[咒骂]': '32',
-  '[疑问]': '33',
-  '[嘘]': '34',
-  '[晕]': '35',
-  '[疯了]': '36',
-  '[衰]': '37',
-  '[骷髅]': '38',
-  '[敲打]': '39',
-  '[再见]': '40',
-  '[擦汗]': '41',
-  '[抠鼻]': '42',
-  '[鼓掌]': '43',
-  '[糗大了]': '44',
-  '[坏笑]': '45',
-  '[左哼哼]': '46',
-  '[右哼哼]': '47',
-  '[哈欠]': '48',
-  '[鄙视]': '49',
-  '[委屈]': '50',
-  '[快哭了]': '51',
-  '[阴险]': '52',
-  '[亲亲]': '53',
-  '[吓]': '54',
-  '[可怜]': '55',
-  '[菜刀]': '56',
-  '[西瓜]': '57',
-  '[啤酒]': '58',
-  '[篮球]': '59',
-  '[乒乓]': '60',
-  '[咖啡]': '61',
-  '[饭]': '62',
-  '[猪头]': '63',
-  '[玫瑰]': '64',
-  '[凋谢]': '65',
-  '[嘴唇]': '66',
-  '[爱心]': '67',
-  '[心碎]': '68',
-  '[蛋糕]': '69',
-  '[闪电]': '70',
-  '[炸弹]': '71',
-  '[刀]': '72',
-  '[足球]': '73',
-  '[瓢虫]': '74',
-  '[便便]': '75',
-  '[月亮]': '76',
-  '[太阳]': '77',
-  '[礼物]': '78',
-  '[拥抱]': '79',
-  '[强]': '80',
-  '[弱]': '81',
-  '[握手]': '82',
-  '[胜利]': '83',
-  '[抱拳]': '84',
-  '[勾引]': '85',
-  '[拳头]': '86',
-  '[差劲]': '87',
-  '[爱你]': '88',
-  '[NO]': '89',
-  '[OK]': '90',
-};
-
-Component({
-  properties: {
-    chatItem: {
-      type: Object,
-      value: null,
-    },
-    mode: {
-      type: Number,
-      value: 1,
-    },
-    memberLevel: {
-      type: Object,
-      value: null,
-  },
-  },
-  data: {
-    roleName: {
-      1: '主持人',
-      2: '观众',
-      3: '助理',
-      4: '嘉宾',
-    },
-    textContent: '',
-    memberLevelIcon: '',
-  },
-  lifetimes: {
-    attached() {
-      this._updateContent();
-      this._updateMemberLevelIcon();
-    },
-    detached: function detached() {},
-  },
-  observers: {
-    'chatItem, memberLevel'(chatItem, memberLevel) {
-      this._updateContent();
-      this._updateMemberLevelIcon();
-    },
-  },
-  methods: {
-    _updateContent() {
-      if (!['text', 'image'].includes(this.data.chatItem?.type || this.data.chatItem?.data?.type))
-        return;
-      this.setData({
-        textContent: this._wrapMatchedString(this.data.chatItem),
-      });
-    },
-    _updateMemberLevelIcon() {
-      const memberLevel = this.data.memberLevel;
-      const level = this.data.chatItem?.context?.member_level;
-
-      /* prettier-ignore */ // 开启或等级无效时不显示图标
-      if (!memberLevel || memberLevel.status != 1 || !Number.isInteger(level) || level < 1 || level > 21) {
-        this.setData({ memberLevelIcon: '' });
-        return;
-      }
-
-      let icon = '';
-      if (memberLevel.type === 'custom') {
-        const item = (memberLevel.custom_list || []).find((item) => item.level == level);
-        icon = item?.icon || '';
-      } else {
-        icon = `https://t-alistatic01.e.vhall.com/common-static/images/mp/vip/vip${level}.png`;
-      }
-
-      this.setData({ memberLevelIcon: icon });
-  },
-    preview(event) {
-      const index = event.currentTarget.dataset.index;
-      const imgList = this.data.chatItem.data.image_urls;
-      const currentUrl = imgList[index];
-      wx.previewImage({
-        current: currentUrl,
-        urls: imgList,
-      });
-    },
-    // 辅助函数：转义正则表达式中的特殊字符
-    _escapeRegExp(string) {
-      return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-    },
-    _wrapMatchedString(chatItem) {
-      const {
-        context: {
-          atList = []
-        } = {}, // 关键：= {}
-        data: {
-          text_content: text
-        } = {},
-      } = chatItem;
-      const atNames = atList.map(
-        (item) => `@${item.nick_name || item.nickname || item.nickName}`
-      );
-
-      // 构建正则表达式来匹配 @ 昵称和表情
-      const atPattern =
-        atNames.length > 0 ?
-        atNames.map((name) => this._escapeRegExp(name)).join('|') :
-        '';
-      const facePattern = Object.keys(faceArr)
-        .map(this._escapeRegExp)
-        .join('|');
-      const validPatterns = [atPattern, facePattern].filter(
-        (pattern) => pattern
-      );
-      const combinedPattern =
-        validPatterns.length > 0 ? `(${validPatterns.join('|')})` : null;
-
-      if (!combinedPattern) {
-        return [{
-          text,
-          isHighlight: false
-        }];
-      }
-
-      const regex = new RegExp(combinedPattern, 'g');
-
-      const result = [];
-      let lastIndex = 0;
-
-      let match;
-      while ((match = regex.exec(text)) !== null) {
-        const matchIndex = match.index;
-        const matchedText = match[0];
-
-        // 处理匹配之前的普通文本
-        if (matchIndex > lastIndex) {
-          result.push({
-            text: text.slice(lastIndex, matchIndex),
-            isHighlight: false,
-          });
-        }
-
-        if (atNames.includes(matchedText)) {
-          // 处理匹配的 @ 昵称
-          result.push({
-            text: matchedText,
-            isHighlight: true,
-          });
-        } else {
-          // 处理匹配的表情
-          result.push({
-            type: 'image',
-            text: matchedText,
-            imageSrc: `https://cnstatic01.e.vhall.com/static/img/arclist/Expression_${faceArr[matchedText]}@2x.png`,
-            isHighlight: false,
-          });
-        }
-        lastIndex = regex.lastIndex;
-      }
-
-      // 处理剩余的普通文本
-      if (lastIndex < text.length) {
-        result.push({
-          text: text.slice(lastIndex),
-          isHighlight: false,
-        });
-      }
-      return result;
-    },
-  },
-});

package/dist/components/chat/chat-item/chat-item.json

@@ -1,3 +0,0 @@
-{
-  "component": true
-}

package/dist/components/chat/chat-item/chat-item.wxml

@@ -1,96 +0,0 @@
-<view>
-  <!-- 横屏消息 -->
-  <view class="chat-item mode{{ mode }}" wx:if="{{ mode == 1 }}">
-    <!-- 礼物消息 -->
-    <block wx:if="{{chatItem.type=='gift_send_success'}}">
-      <view class="gift-msg">
-        {{chatItem.gift_user_name}}送出了一个 {{chatItem.gift_name}}
-        <image class="gift-img" src="{{chatItem.gift_image_url}}" />
-      </view>
-    </block>
-    <block wx:else>
-      <view class="chat-item_left">
-        <image class="chat-item_left_avatar" src="{{chatItem.context.avatar ||'https://cnstatic01.e.vhall.com/common-static/images/default_avatar.png'}}"></image>
-      </view>
-      <view class="chat-item_right">
-        <view class="chat-item_right_user">
-          <!-- 会员等级 -->
-          <view class="chat-item_right_user_level" wx:if="{{memberLevelIcon}}">
-            <image class="chat-item_vip-icon" mode="heightFix" src="{{memberLevelIcon}}"></image>
-          </view>
-          <view class="chat-item_right_user_name">
-            {{ chatItem.context.nick_name || chatItem.context.nickname }}
-          </view>
-          <view class="chat-item_right_user_role role_{{ chatItem.context.role_name }}" wx:if="{{ chatItem.context.role_name != 2 }}">
-            {{ roleName[chatItem.context.role_name] }}
-          </view>
-        </view>
-        <view class="chat-item_right_content">
-          <view class="chat-item_content_reply" wx:if="{{ chatItem.context.replyMsg.content }}">
-            <view class="chat-item_content_reply_username">
-              {{ chatItem.context.replyMsg.nick_name || chatItem.context.replyMsg.nickname }}:
-            </view>
-            <text class="chat-item_reply_text">
-              {{chatItem.context.replyMsg.content.text_content ||chatItem.context.replyMsg.content.text_content}}
-            </text>
-          </view>
-          <view>
-            <text class="relpy_icon" wx:if="{{ chatItem.context.replyMsg.content }}">回复</text>
-            <block wx:for="{{ textContent }}" wx:key="*this">
-              <image class="face_img" src="{{ item.imageSrc }}" wx:if="{{ item.type === 'image' }}"></image>
-              <text class="{{ item.isHighlight ? 'highlight' : '' }}" wx:else>{{ item.text }}</text>
-            </block>
-          </view>
-          <view class="chat-item_right_content_img_box" wx:if="{{ chatItem.data.image_urls }}">
-            <image class="chat-item_right_content_img" bindtap="preview" wx:for="{{ chatItem.data.image_urls }}" wx:for-index="index" wx:for-item="item" data-index="{{ index }}" wx:key="index" src="{{ item }}"></image>
-          </view>
-        </view>
-      </view>
-    </block>
-  </view>
-  <!-- 竖屏消息 -->
-  <view class="chat-item mode{{ mode }}" wx:if="{{ mode == 0 }}">
-    <!-- 礼物消息 -->
-    <block wx:if="{{chatItem.type=='gift_send_success'}}">
-      <view class="gift-msg">
-        <text>{{chatItem.gift_user_name}}送出了一个 {{chatItem.gift_name}}</text>
-        <image class="gift-img" src="{{chatItem.gift_image_url}}" />
-      </view>
-    </block>
-    <block wx:else>
-      <view class="chat-item_content_reply" wx:if="{{ chatItem.context.replyMsg.content }}">
-        <view class="chat-item_content_reply_username">
-          {{ chatItem.context.replyMsg.nick_name || chatItem.context.replyMsg.nickname }}:
-        </view>
-        <text>
-          {{chatItem.context.replyMsg.content.text_content ||chatItem.context.replyMsg.content.text_content}}
-        </text>
-      </view>
-      <!-- 会员等级 / 昵称 / 角色 一行显示 -->
-      <view class="chat-item_right_user">
-        <!-- 会员等级 -->
-        <view class="chat-item_right_user_level" wx:if="{{memberLevelIcon}}">
-          <image class="chat-item_vip-icon" mode="heightFix" src="{{memberLevelIcon}}"></image>
-        </view>
-        <view class="chat-item_user_name">
-          {{ chatItem.context.nick_name || chatItem.context.nickname }}：
-        </view>
-        <view class="chat-item_role role_{{ chatItem.context.role_name }}" wx:if="{{ chatItem.context.role_name != 2 }}">
-          {{ roleName[chatItem.context.role_name] }}
-        </view>
-      </view>
-      <view class="chat-item_content">
-        <view>
-          <text class="relpy_icon" wx:if="{{ chatItem.context.replyMsg.content }}">回复</text>
-          <block wx:for="{{ textContent }}" wx:key="*this">
-            <image class="face_img" src="{{ item.imageSrc }}" wx:if="{{ item.type === 'image' }}"></image>
-            <text class="{{ item.isHighlight ? 'highlight' : '' }}" wx:else>{{ item.text }}</text>
-          </block>
-        </view>
-        <view class="chat-item_right_content_img_box" wx:if="{{ chatItem.data.image_urls }}">
-          <image class="chat-item_right_content_img" bindtap="preview" wx:for="{{ chatItem.data.image_urls }}" wx:for-index="index" wx:for-item="item" data-index="{{ index }}" wx:key="index" src="{{ item }}"></image>
-        </view>
-      </view>
-    </block>
-  </view>
-</view>

package/dist/components/chat/chat-item/chat-item.wxss

@@ -1 +0,0 @@
-.chat-item{display:flex;margin-bottom:24rpx}.chat-item_left{margin-right:16rpx}.chat-item_left_avatar{border-radius:50%;height:2rem;width:2rem}.chat-item_right{flex:1}.chat-item_right_user{align-items:center;display:flex;line-height:2rem}.chat-item_right_user_level{align-items:center;display:flex;margin-right:8rpx}.chat-item_right_user_level .chat-item_vip-icon{height:1rem;width:auto}.chat-item_right_user_name{align-items:center;color:#8c8c8c;display:flex;font-size:1rem;margin-right:8rpx;max-width:340rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.chat-item_right_user_role{align-items:center;border-radius:.6rem;display:flex;font-size:.8rem;height:1.2rem;line-height:1;padding:0 .3rem}.chat-item_right_user_role.role_1{background-color:rgba(251,38,38,.15);color:#fb2626}.chat-item_right_user_role.role_3,.chat-item_right_user_role.role_4{background-color:rgba(10,127,245,.15);color:#0a7ff5}.chat-item_right_content{background-color:#fff;border-radius:0 16rpx 16rpx 16rpx;font-size:1rem;line-height:1.25rem;margin-top:10rpx;max-width:460rpx;overflow-wrap:break-word;padding:12rpx 16rpx;width:-webkit-fit-content;width:fit-content;word-break:break-word}.chat-item_right_content .chat-item_reply_text{vertical-align:middle}.chat-item_right_content .face_img{height:1.2rem;vertical-align:middle;width:1.2rem}.chat-item_right_content_img{border-radius:12rpx;height:100rpx;margin-right:10rpx;object-fit:contain;width:100rpx}.chat-item_right_content_img:last-child{margin-right:0}.chat-item .chat-item_content_reply{color:#999;font-size:.93rem;padding-left:20rpx;position:relative}.chat-item .chat-item_content_reply:before{background:#bfbfbf;border-radius:3rpx;content:" ";height:100%;left:0;position:absolute;top:0;width:6rpx}.chat-item .chat-item_content_reply_username{color:#8c8c8c;display:inline}.chat-item .relpy_icon{color:#fc9600;margin-right:8rpx}.chat-item.mode0{background:rgba(0,0,0,.35);border-radius:26rpx;color:#fff;display:block;font-size:1rem;margin-bottom:16rpx;max-width:520rpx;padding:8rpx 24rpx;width:-webkit-fit-content;width:fit-content;word-break:break-all}.chat-item.mode0 .chat-item_right_user{align-items:baseline;display:inline-flex;flex-wrap:nowrap;vertical-align:top}.chat-item.mode0 .chat-item_right_user .chat-item_right_user_level{align-items:center;align-self:center;display:flex;flex:none;margin-right:8rpx}.chat-item.mode0 .chat-item_right_user .chat-item_right_user_level .chat-item_vip-icon{height:1.1rem;width:auto}.chat-item.mode0 .chat-item_right_user .chat-item_user_name{color:#8ce7ff;flex:none;font-size:1rem;line-height:1.25rem;margin-right:0;white-space:nowrap}.chat-item.mode0 .chat-item_right_user .chat-item_role{flex:none}.chat-item.mode0 .chat-item_role{border-radius:.5rem;display:inline-block;font-size:.68rem;height:1rem;line-height:1rem;margin-right:12rpx;padding:0 10rpx;vertical-align:middle}.chat-item.mode0 .chat-item_role.role_1{background-color:rgba(251,38,38,.15);color:#fb2626}.chat-item.mode0 .chat-item_role.role_3,.chat-item.mode0 .chat-item_role.role_4{background-color:rgba(10,127,245,.15);color:#0a7ff5}.chat-item.mode0 .chat-item_content{display:inline-block;font-size:1rem;line-height:1.25rem;vertical-align:top}.chat-item.mode0 .gift-msg{background:transparent;color:#fff;height:auto;margin:0}.chat-item .highlight{color:#0a7ff5}.chat-item .gift-msg{background-color:hsla(9,100%,89%,.2);border-radius:24rpx;color:#262626;height:48rpx;margin:0 auto;padding:0 50rpx 0 24rpx;width:-webkit-fit-content;width:fit-content}.chat-item .gift-msg .gift-img{display:inline-block;height:40rpx;transform:scale(1.8);transform-origin:left center;vertical-align:text-bottom;width:40rpx}.face_img{display:inline-block;height:1.25rem;vertical-align:middle;width:1.25rem}