southnote-mini-sdk 1.0.0

package/pages/post-editor/post-editor.js

@@ -0,0 +1,465 @@
+import {
+  publishPostNew,
+  getUploadToken
+} from "../../services/home"
+import sensitive from '../../utils/sensitive'
+import {
+  compressImages
+} from "../../utils/compressImage"
+
+
+Page({
+  data: {
+    content: '',
+    images: [],
+    emojiVisible: false,
+    emojiList: [],
+    textareaHeight: 'calc(100vh - 230rpx)', // 默认高度
+    selectedTopic: null,
+    selectedGame: null,
+    cursor: 0,
+    // 新增
+    keyboardHeight: 0,
+    isKeyboardVisible: false,
+    showGameOption: false,
+
+  },
+
+  // 防重复点击
+  isSubmitting: false,
+
+  onLoad(options) {
+    const gameId = options.gameId;
+    const gameName = decodeURIComponent(options.gameName || '');
+    if (gameId && gameName) {
+
+      this.setData({
+        gameId,
+        selectedGame: {
+          id: gameId,
+          name: gameName
+        }
+      });
+    }
+
+    const windowInfo = wx.getWindowInfo()
+    const safeArea = windowInfo.safeArea
+    const safeHeight = safeArea.height
+    const safeTop = safeArea.top
+    const safeBottom = windowInfo.screenHeight - safeArea.bottom
+    console.log('safeHeight:', safeHeight)
+    console.log('safeBottom:', safeBottom)
+    this.setData({
+      safeBottomHeight: safeBottom
+    })
+
+
+
+
+    // wx.getSystemInfo({
+    //   success: (res) => {
+    //     // 安全区域信息
+    //     const safeArea = res.safeArea;
+    //     const safeHeight = safeArea.height; // 安全区域高度
+    //     const safeTop = safeArea.top; // 安全区顶部 y 坐标
+    //     const safeBottom = res.screenHeight - safeArea.bottom; // 底部安全区高度（手势栏）
+
+    //     console.log('safeHeight:', safeHeight);
+    //     console.log('safeBottom:', safeBottom);
+    //     this.setData({
+    //       safeBottomHeight: safeBottom
+    //     })
+    //   }
+    // });
+
+    // 初始化emoji列表，例如44个
+    let list = [];
+    for (let i = 1; i <= 44; i++) {
+      let num = i.toString().padStart(3, '0');
+      list.push(`/assets/images/emoji/smile${num}.png`);
+    }
+    this.setData({
+      emojiList: list
+    });
+
+    // 监听键盘高度变化（确保微信基础库支持）
+    wx.onKeyboardHeightChange(res => {
+      const height = res.height || 0;
+      if (height > 0) {
+        // 键盘弹起：互斥，隐藏 emoji 面板
+        this.setData({
+          keyboardHeight: height,
+          isKeyboardVisible: true,
+          emojiVisible: false
+        }, this.updateTextareaHeight);
+      } else {
+        // 键盘收起
+        this.setData({
+          keyboardHeight: 0,
+          isKeyboardVisible: false
+        }, this.updateTextareaHeight);
+      }
+    });
+  },
+
+  onShow() {
+    this.insertSelectedTopic();
+  },
+  removeSelectedGame() {
+    this.setData({
+      selectedGame: null
+    });
+  },
+  /** 计算高度（考虑键盘互斥、emoji、图片） */
+  updateTextareaHeight() {
+    const {
+      emojiVisible,
+      images,
+      keyboardHeight,
+      isKeyboardVisible
+    } = this.data;
+
+    // 优先：键盘
+    if (isKeyboardVisible && keyboardHeight > 0) {
+      // 留出工具栏高度（约100rpx）用于显示按钮 — 因为键盘单位是 px，这里直接用 px
+      const reservedPx = 190 + 40; // 你可以调整这个值微调显示
+      let height;
+      if (images.length > 0) {
+        // 有图并且键盘弹出
+        height = `calc(100vh - ${keyboardHeight + reservedPx}px)`;
+      } else {
+        // 无图并且键盘弹出
+        height = `calc(100vh - ${keyboardHeight + 90+30}px)`;
+      }
+      this.setData({
+        textareaHeight: height
+      });
+      return;
+    }
+
+    // 如果显示 emoji（并且键盘未显示）
+    if (emojiVisible && images.length > 0) {
+      this.setData({
+        textareaHeight: 'calc(100vh - 840rpx)'
+      });
+    } else if (emojiVisible) {
+      this.setData({
+        textareaHeight: 'calc(100vh - 660rpx)'
+      });
+    } else if (images.length > 0) {
+      this.setData({
+        textareaHeight: 'calc(100vh - 410rpx)'
+      });
+    } else {
+      this.setData({
+        textareaHeight: 'calc(100vh - 240rpx)'
+      });
+    }
+  },
+
+  onInput(e) {
+    this.setData({
+      content: e.detail.value,
+      cursor: e.detail.cursor // 输入时光标位置
+    });
+  },
+
+  handleBlur(e) {
+    this.setData({
+      cursor: e.detail.cursor
+    });
+    // 注意：键盘高度变化由 onKeyboardHeightChange 处理，不在这里改 isKeyboardVisible
+  },
+
+  async chooseImage() {
+    // 选择图片前隐藏键盘（与 emoji 互斥）
+    try {
+      wx.hideKeyboard();
+    } catch (e) {
+      /* ignore */
+    }
+
+    wx.chooseMedia({
+      count: 9 - this.data.images.length,
+      mediaType: ['image'],
+      sourceType: ['album', 'camera'],
+      success: async (res) => {
+        const newImages = [];
+
+        for (let file of res.tempFiles) {
+
+          const compressed = await compressImages(file.tempFilePath);
+
+          // 获取压缩后的文件信息
+          const info = await new Promise((resolve, reject) => {
+            wx.getFileInfo({
+              filePath: compressed,
+              success: resolve,
+              fail: reject
+            });
+          });
+
+          console.log('压缩后图片路径:', compressed);
+          console.log('压缩后大小（字节）:', info.size);
+          console.log('压缩后大小（MB）:', (info.size / 1024 / 1024).toFixed(2));
+          newImages.push(compressed);
+        }
+
+        const images = this.data.images.concat(newImages);
+
+        this.setData({
+          images
+        }, this.updateTextareaHeight);
+      },
+      fail: (err) => {
+        console.error('选择图片失败：', err);
+      }
+    });
+  },
+
+  removeImage(e) {
+    let index = e.currentTarget.dataset.index;
+    let images = this.data.images;
+    images.splice(index, 1);
+    this.setData({
+      images
+    }, this.updateTextareaHeight);
+  },
+
+  toggleEmoji() {
+    // 如果要打开 emoji，需要先隐藏键盘（互斥），并拿到回调后再显示 emoji
+    if (!this.data.emojiVisible) {
+      // 打开 emoji：先隐藏键盘
+      try {
+        wx.hideKeyboard({
+          success: () => {
+            this.setData({
+              emojiVisible: true,
+              isKeyboardVisible: false,
+              keyboardHeight: 0
+            }, this.updateTextareaHeight);
+          },
+          fail: () => {
+            // 即便 hideKeyboard 失败，也打开 emoji
+            this.setData({
+              emojiVisible: true,
+              isKeyboardVisible: false,
+              keyboardHeight: 0
+            }, this.updateTextareaHeight);
+          }
+        });
+      } catch (e) {
+        this.setData({
+          emojiVisible: true,
+          isKeyboardVisible: false,
+          keyboardHeight: 0
+        }, this.updateTextareaHeight);
+      }
+    } else {
+      // 关闭 emoji（不打开键盘）
+      this.setData({
+        emojiVisible: false
+      }, this.updateTextareaHeight);
+    }
+  },
+
+  chooseGame() {
+    wx.navigateTo({
+      url: '/pages/addGame/addGame',
+    })
+  },
+
+  selectEmoji(e) {
+    let index = e.currentTarget.dataset.index;
+    let emojiText = `[/` + (index + 1) + `]`;
+
+    // 延迟执行，确保 cursor 已经更新
+    setTimeout(() => {
+      const {
+        content,
+        cursor
+      } = this.data;
+      const newContent = content.slice(0, cursor) + emojiText + content.slice(cursor);
+
+      this.setData({
+        content: newContent,
+        cursor: cursor + emojiText.length // 光标移动到表情末尾
+      });
+    }, 100);
+  },
+
+  chooseTopic() {
+    // 打开主题页面前隐藏键盘，保持互斥逻辑
+    try {
+      wx.hideKeyboard();
+    } catch (e) {}
+    wx.navigateTo({
+      url: '/pages/addSubject/addSubject',
+    });
+  },
+
+
+
+  toBase64(str) {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+    let result = '';
+    let i = 0;
+
+    str = unescape(encodeURIComponent(str)); // 处理中文
+
+    while (i < str.length) {
+      const byte1 = str.charCodeAt(i++);
+      const byte2 = str.charCodeAt(i++);
+      const byte3 = str.charCodeAt(i++);
+
+      const enc1 = byte1 >> 2;
+      const enc2 = ((byte1 & 3) << 4) | (byte2 >> 4);
+      const enc3 = isNaN(byte2) ? 64 : (((byte2 & 15) << 2) | (byte3 >> 6));
+      const enc4 = isNaN(byte3) ? 64 : (byte3 & 63);
+
+      result += chars.charAt(enc1);
+      result += chars.charAt(enc2);
+      result += enc3 === 64 ? '=' : chars.charAt(enc3);
+      result += enc4 === 64 ? '=' : chars.charAt(enc4);
+    }
+
+    return result;
+  },
+
+  insertSelectedTopic() {
+    const topic = this.data.selectedTopic;
+    if (!topic || !topic.name) return;
+
+    const content = this.data.content;
+    const cursor = this.data.cursor || content.length;
+    const topicText = `#${topic.name}#`;
+
+    const newContent = content.slice(0, cursor) + topicText + content.slice(cursor);
+
+    this.setData({
+      content: newContent,
+      cursor: cursor + topicText.length,
+      selectedTopic: null
+    });
+  },
+
+  async submitPost() {
+    if (this.isSubmitting) return;
+    this.isSubmitting = true;
+
+
+    try {
+      const {
+        content,
+        images,
+        selectedGame
+      } = this.data;
+
+      if (!content && images.length === 0) {
+        return wx.showToast({
+          title: '请输入帖子内容',
+          icon: 'error'
+        });
+      }
+
+      // 敏感词检测
+      const hit = sensitive.detect(content)
+      if (hit) {
+        return wx.showToast({
+          title: `敏感词 ${sensitive.mask(hit)}`,
+          icon: 'none'
+        })
+      }
+
+      wx.showLoading({
+        title: '发布中...',
+        mask: true
+      });
+
+
+      let tokenId = null;
+
+      if (images.length > 0) {
+        tokenId = await this.uploadImagesToOSS(images);
+        console.log('上传成功:', tokenId);
+      }
+
+      await publishPostNew(this.toBase64(content), tokenId, false, selectedGame?.id).catch(err => {
+        this.isSubmitting = false;
+      });
+      wx.hideLoading();
+
+      setTimeout(() => {
+        wx.showToast({
+          title: '发布成功',
+          icon: 'success'
+        });
+      }, 200);
+
+      wx.navigateBack();
+    } catch (err) {
+      wx.hideLoading();
+      console.error("发布失败:", err);
+      wx.showToast({
+        title: '发布失败',
+        icon: 'none'
+      });
+    } finally {
+      this.isSubmitting = false;
+    }
+  },
+
+  async uploadImagesToOSS(images) {
+    try {
+      const tokenRes = await getUploadToken(images.map(() => 1), false);
+      const {
+        host,
+        list,
+        accessid,
+        id
+      } = tokenRes.data;
+
+      const uploadPromises = images.map((filePath, i) => {
+        const {
+          dir,
+          policy,
+          signature
+        } = list[i];
+
+        return new Promise((resolve, reject) => {
+          wx.uploadFile({
+            url: host,
+            filePath,
+            name: 'file',
+            formData: {
+              key: dir,
+              policy,
+              OSSAccessKeyId: accessid,
+              signature,
+              success_action_status: '200'
+            },
+            success(res) {
+              if (res.statusCode === 200) {
+                resolve();
+              } else {
+                reject(res);
+              }
+            },
+            fail(err) {
+              reject(err);
+            }
+          });
+        });
+      });
+
+      await Promise.all(uploadPromises);
+      return id;
+    } catch (err) {
+      console.error('上传失败', err);
+      wx.showToast({
+        title: '上传失败' + err,
+      })
+      throw err;
+    }
+  }
+});

package/pages/post-editor/post-editor.json

@@ -0,0 +1,4 @@
+{
+  
+  "navigationBarTitleText": "发讨论"
+}

package/pages/post-editor/post-editor.wxml

@@ -0,0 +1,63 @@
+<!-- 输入框 -->
+
+<!-- 输入框 -->
+<view class="textarea-wrapper">
+  <textarea class="post-input" style="height:33vh;" placeholder="聊点好玩的..." maxlength="300" bindinput="onInput" value="{{content}}" cursor="{{cursor}}" bindblur="handleBlur" />
+  <view class="char-count">{{content.length}}/300</view>
+
+  
+</view>
+
+<!-- 游戏库选择栏 -->
+<view class="game-option-bar">
+    <view catchtap="chooseGame" style="background-color: #F7F7F7; display: flex; align-items: center; padding: 5px 10px; border-radius: 5px;transition: bottom 0.3s;">
+      <image src="../../assets/images/icons/input_game.png" style="width: 20px; height: 15px;" />
+      <text style="margin-left: 8px; font-size: 28rpx; font-weight: bold;">{{selectedGame ? selectedGame.name: '+ 选择发布到哪个游戏库'}}</text>
+      <van-icon style="margin-left: 10px;margin-top: 2px;" name="clear" wx:if="{{selectedGame}}" catch:tap="removeSelectedGame" />
+    </view>
+  </view>
+
+
+<!-- 图片预览 -->
+<scroll-view class="image-preview {{emojiVisible ? 'image-preview-up' : ''}}" scroll-x="true" enable-flex="true" wx:if="{{images.length > 0}}" style="bottom: {{isKeyboardVisible ? (keyboardHeight+80 + 'px') : (emojiVisible ? '580rpx' : '150rpx')}};">
+  <view class="image-container">
+    <view class="image-item" wx:for="{{images}}" wx:key="index">
+      <image src="{{item}}" mode="aspectFill" class="preview-img"></image>
+      <view class="delete-btn" bindtap="removeImage" data-index="{{index}}">
+        <van-icon name="clear" size="25px" />
+      </view>
+    </view>
+    <view class="image-item add-image" bindtap="chooseImage">+</view>
+  </view>
+</scroll-view>
+
+<!-- 表情面板 -->
+<scroll-view class="emoji-panel" wx:if="{{emojiVisible}}" scroll-y="true" style="bottom: {{isKeyboardVisible ? (keyboardHeight + 'px') : safeBottomHeight + 'px'}};">
+  <view class="emoji-grid">
+    <block wx:for="{{emojiList}}" wx:key="index">
+      <image src="{{item}}" class="emoji-img" bindtap="selectEmoji" data-index="{{index}}" mode="aspectFit"></image>
+    </block>
+  </view>
+</scroll-view>
+
+
+
+<!-- 底部工具栏 -->
+<view class="toolbar" style="bottom: {{isKeyboardVisible ? (keyboardHeight-15 + 'px') : (emojiVisible ? '430rpx' : '0px')}};">
+  <view class="toolbar-btn" bindtap="chooseImage">
+  <!-- <view class="toolbar-btn"> -->
+
+    <van-icon name="photo-o" size="50rpx" />
+  </view>
+  <view class="toolbar-btn" bindtap="chooseTopic">
+    <text style="font-size: 50rpx;">#</text>
+  </view>
+  <view class="toolbar-btn" bindtap="toggleEmoji">
+    <van-icon name="smile-o" size="50rpx" />
+  </view>
+  <view class="submit-btn {{content.length === 0 ? 'submit-btn-disabled' : ''}}" catch:tap="submitPost" data-disabled="{{content.length === 0}}">发布</view>
+</view>
+
+
+
+<canvas canvas-id="convertCanvas" style="width: 300px; height: 300px; position: fixed; left: -9999rpx; top: -9999rpx;" type="2d" />