jmash-core-mp 0.1.43 → 0.1.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jmash-core-mp",
-  "version": "0.1.43",
+  "version": "0.1.44",
   "private": false,
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/components/auth-user/jmash-update-user.mpx

@@ -9,8 +9,9 @@
           <button class="avatar-wrapper" plain open-type="chooseAvatar" bind:chooseavatar@wx="onChooseAvatar"
             onChooseAvatar@ali="onChooseAvatar">
             <image class="avatar-img" src="{{ resourceUrl + '/components/gray_head2x.png' }}" mode="aspectFill"
-              wx:if="{{ !userInfo.avatar }}" />
-            <image class="avatar-img" src="{{ imageUrl + userInfo.avatar }}" mode="aspectFill" wx:else />
+              wx:if="{{ !userInfo.avatar && resourceUrl }}" />
+            <image class="avatar-img" src="{{ imageUrl + userInfo.avatar }}" mode="aspectFill"
+              wx:elif="{{ resourceUrl }}" />
             <view class="avatar-badge">
               <text class="badge-icon">✎</text>
             </view>

package/src/components/auth-user/jmash-update-user.web.mpx

@@ -8,8 +8,9 @@
         <view class="profile-right">
           <button class="avatar-wrapper">
             <image class="avatar-img" src="{{ resourceUrl + '/components/gray_head2x.png' }}" mode="aspectFill"
-              wx:if="{{ !userInfo.avatar }}" />
-            <image class="avatar-img" src="{{ imageUrl + userInfo.avatar }}" mode="aspectFill" wx:else />
+              wx:if="{{ !userInfo.avatar && resourceUrl }}" />
+            <image class="avatar-img" src="{{ imageUrl + userInfo.avatar }}" mode="aspectFill"
+              wx:elif="{{ resourceUrl }}" />
             <view class="avatar-badge">
               <text class="badge-icon">✎</text>
             </view>

package/src/components/cms/jmash-cms-article-item.mpx

@@ -19,7 +19,8 @@
                     <view class="article-text-desc">{{ item.intro }}</view>
                 </view>
                 <view class="article-thumb" catch:tap="handlePreview" data-url="{{ item.imgUrl }}">
-                    <image class="article-thumb-img" src="{{ imageUrl + item.imgUrl }}" mode="aspectFill" />
+                    <image wx:if="{{ imageUrl }}" class="article-thumb-img" src="{{ imageUrl + item.imgUrl }}"
+                        mode="aspectFill" />
                 </view>
             </view>
             <jmash-cms-like organTenant="{{ organTenant }}" interactId="{{ item.infoId }}"

package/src/components/cms/jmash-cms-article-list.mpx

@@ -8,7 +8,8 @@
                     <view class="article-text-desc">{{ item.intro }}</view>
                 </view>
                 <view class="article-thumb" catch:tap="handlePreview" data-url="{{ item.imgUrl }}">
-                    <image class="article-thumb-img" src="{{ imageUrl + item.imgUrl }}" mode="aspectFill" />
+                    <image wx:if="{{ imageUrl }}" class="article-thumb-img" src="{{ imageUrl + item.imgUrl }}"
+                        mode="aspectFill" />
                 </view>
             </view>
             <jmash-cms-like organTenant="{{ organTenant }}" interactId="{{ item.infoId }}"

package/src/components/cms/jmash-cms-article-view.mpx

@@ -6,8 +6,8 @@
                 <view class="top-left-title">{{ title }}</view>
                 <view class="top-right-more">
                     <view class="more-text">更多</view>
-                    <image class="more-image" src="{{ resourceUrl + '/components/caret-right_blcak.png' }}"
-                        mode="widthFix" />
+                    <image wx:if="{{ resourceUrl }}" class="more-image"
+                        src="{{ resourceUrl + '/components/caret-right_blcak.png' }}" mode="widthFix" />
                 </view>
             </view>
             <!-- 文章列表 -->

package/src/components/cms/jmash-cms-article.mpx

@@ -24,8 +24,8 @@
         <block wx:for="{{ contents }}" wx:key="contentId" wx:for-item="item">
             <block wx:if="{{ item.infoType === 'image' }}">
                 <view class="article-image-wrap" wx:for="{{ item.infoContentList }}" wx:key="index" wx:for-item="url">
-                    <image class="article-image" src="{{ imageUrl + '/clip/' + winWid + '/0/' + url }}"
-                        mode="widthFix" />
+                    <image wx:if="{{ imageUrl }}" class="article-image"
+                        src="{{ imageUrl + '/clip/' + winWid + '/0/' + url }}" mode="widthFix" />
                 </view>
             </block>
             <block wx:if="{{ item.infoType === 'movie' }}">

package/src/components/cms/jmash-cms-like.mpx

@@ -12,13 +12,13 @@
         <view class="cms-bottom-right">
             <!-- 浏览 -->
             <view class="cms-bottom-look">
-                <image class="bottom-look-image-left" src="{{ resourceUrl + '/icon_image/eye_open.png' }}"
-                    mode="widthFix" />
+                <image wx:if="{{ resourceUrl }}" class="bottom-look-image-left"
+                    src="{{ resourceUrl + '/icon_image/eye_open.png' }}" mode="widthFix" />
                 <view>{{ browseCount }}</view>
             </view>
             <!-- 点赞 -->
             <view class="cms-bottom-look" catch:tap="handleLike" data-infoid="{{ interactId }}">
-                <image class="bottom-look-image-right"
+                <image wx:if="{{ resourceUrl }}" class="bottom-look-image-right"
                     src="{{ !isLikeStatus ? resourceUrl+'/icon_image/thumbs_up.png' : resourceUrl+'/icon_image/like_fill2x.png' }}"
                     mode="widthFix" />
                 <view>{{ likeCount }}</view>

package/src/components/cms/jmash-cms-location-list.mpx

@@ -5,7 +5,8 @@
                 data-item="{{ item }}">
                 <view class="cms-info">
                     <view class="cms-image" catch:tap="handlePreview" data-url="{{ item.imgUrl }}">
-                        <image class="cms-image-thumb" src="{{ imageUrl + item.imgUrl }}" mode="aspectFill" />
+                        <image wx:if="{{ imageUrl }}" class="cms-image-thumb" src="{{ imageUrl + item.imgUrl }}"
+                            mode="aspectFill" />
                     </view>
                     <view class="cms-text">
                         <view class="cms-text-title">{{ item.infoTitle }}</view>

package/src/components/cms/jmash-cms-location.mpx

@@ -3,8 +3,8 @@
     <view class="location-card">
         <view class="location-body" catch:tap="handleNavigate">
             <view class="location-image" catch:tap="handlePreview" data-url="{{ article.imgUrl }}">
-                <image class="location-image-thumb" src="{{ imageUrl + '/clip/300/300/'+ article.imgUrl }}"
-                    mode="aspectFill" />
+                <image wx:if="{{ imageUrl }}" class="location-image-thumb"
+                    src="{{ imageUrl + '/clip/300/300/'+ article.imgUrl }}" mode="aspectFill" />
             </view>
             <view class="location-text">
                 <view class="location-name">{{ article.infoTitle }}</view>
@@ -22,8 +22,8 @@
         <block wx:for="{{ contents }}" wx:key="contentId" wx:for-item="item">
             <block wx:if="{{ item.infoType === 'image' }}">
                 <view class="article-image-wrap" wx:for="{{ item.infoContentList }}" wx:key="index" wx:for-item="url">
-                    <image class="article-image" src="{{ imageUrl + '/clip/' + winWid + '/0/' + url }}"
-                        mode="widthFix" />
+                    <image wx:if="{{ imageUrl }}" class="article-image"
+                        src="{{ imageUrl + '/clip/' + winWid + '/0/' + url }}" mode="widthFix" />
                 </view>
             </block>
             <block wx:if="{{ item.infoType === 'movie' }}">

package/src/components/cms/jmash-cms-product-item.mpx

@@ -3,7 +3,8 @@
         <view class="product-card" wx:for="{{ articleList }}" wx:key="infoId" bind:tap="handleInfo"
             data-item="{{ item }}">
             <view class="product-image">
-                <image class="product-image-thumb" src="{{ imageUrl + item.imgUrl }}" mode="aspectFill" />
+                <image wx:if="{{ imageUrl }}" class="product-image-thumb" src="{{ imageUrl + item.imgUrl }}"
+                    mode="aspectFill" />
             </view>
             <view class="product-body">
                 <view class="product-name">{{ item.infoTitle }}</view>

package/src/components/cms/jmash-cms-product-list.mpx

@@ -4,7 +4,8 @@
             <view class="product-card" wx:for="{{ articleList }}" wx:key="infoId" bind:tap="handleInfo"
                 data-item="{{ item }}">
                 <view class="product-image">
-                    <image class="product-image-thumb" src="{{ imageUrl + item.imgUrl }}" mode="aspectFill" />
+                    <image wx:if="{{ imageUrl }}" class="product-image-thumb" src="{{ imageUrl + item.imgUrl }}"
+                        mode="aspectFill" />
                 </view>
                 <view class="product-body">
                     <view class="product-name">{{ item.infoTitle }}</view>

package/src/components/common/jmash-avatar-edit.mpx

@@ -2,7 +2,7 @@
     <!-- 头像背景盒子 -->
     <button plain class="auth-image-box-bgc" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
         <!-- 显示的头像 -->
-        <image class="image-box-show" src="{{ avatar }}" mode="aspectFit" />
+        <image wx:if="{{ avatar }}" class="image-box-show" src="{{ avatar }}" mode="aspectFit" />
         <!-- 提示选择头像图片 -->
         <image wx:if="{{ resourceUrl }}" class="select-image" src="{{ resourceUrl + 'camera2x.png' }}"
             mode="aspectFit" />

package/src/components/common/jmash-form-cell.mpx

@@ -0,0 +1,524 @@
+<template>
+    <!-- 表单基础单元：左侧标题 + 右侧内容/输入/开关 -->
+    <view
+        class="form-cell {{ required ? 'form-cell-required' : '' }} {{ border ? 'form-cell-border' : '' }} {{ type === 'textarea' ? 'form-cell-textarea-main' : '' }}">
+        <!-- 标题容器 -->
+        <view class="form-cell-label-container" wx:if="{{ label }}">
+            <view class="form-cell-label">
+                <text class="form-cell-label-required" wx:if="{{ required }}">*</text>
+                {{ label }}
+            </view>
+            <view wx:if="{{ subLabel }}" class="form-cell-sub-label">{{ subLabel }}</view>
+        </view>
+
+        <!-- 内容容器 -->
+        <view class="form-cell-content">
+            <!-- 输入框类型 -->
+            <block wx:if="{{ type === 'input' }}">
+                <input class="form-cell-input" style="{{ label ? 'text-align: right;' : 'text-align: left;' }}"
+                    disabled="{{ readonly }}" type="{{ inputType }}" value="{{ value }}" placeholder="{{ placeholder }}"
+                    placeholder-class="form-cell-placeholder" data-field="{{ field }}" bind:input="handleInput" />
+            </block>
+
+            <!-- 数字输入框类型 -->
+            <block wx:if="{{ type === 'number' }}">
+                <input class="form-cell-input" style="{{ label ? 'text-align: right;' : 'text-align: left;' }}"
+                    disabled="{{ readonly }}" type="{{ inputType }}" value="{{ value }}" placeholder="{{ placeholder }}"
+                    placeholder-class="form-cell-placeholder" data-field="{{ field }}" bind:input="handleInput" />
+            </block>
+
+            <!-- 文本域类型 -->
+            <block wx:elif="{{ type === 'textarea' }}">
+                <textarea class="form-cell-textarea" disabled="{{ readonly }}" value="{{ value }}"
+                    placeholder="{{ placeholder }}" placeholder-class="form-cell-placeholder"
+                    maxlength="{{ maxLength }}" data-field="{{ field }}" bind:input="handleInput" />
+            </block>
+
+            <!-- 开关类型 -->
+            <block wx:elif="{{ type === 'switch' }}">
+                <switch class="form-cell-switch" disabled="{{ readonly }}" checked="{{ value }}" color="#FC8E24"
+                    data-field="{{ field }}" bind:change="handleSwitch" />
+            </block>
+
+            <!-- 选择器类型 -->
+            <block wx:elif="{{ type === 'picker' }}">
+                <view class="form-cell-picker"
+                    style="{{ label ? 'justify-content: flex-end;' : 'justify-content: flex-start;' }}"
+                    data-field="{{ field }}" bind:tap="{{ readonly ? '' : 'handlePicker' }}">
+                    <view class="form-cell-picker-text {{ value ? '' : 'form-cell-picker-empty' }}"
+                        style="{{ label ? '' : 'margin-right: auto;' }}">
+                        {{ value || placeholder }}
+                    </view>
+                    <text class="form-cell-arrow">›</text>
+                </view>
+            </block>
+
+            <!-- 单选类型 -->
+            <block wx:elif="{{ type === 'radio' }}">
+                <cube-radio-group class="form-cell-radio-group" inline>
+                    <cube-radio class="form-cell-radio" wx:for="{{ radioOptionList }}" wx:key="index"
+                        wx:for-item="option" option="{{ option }}" value="{{ radioInnerValue }}"
+                        data-field="{{ field }}" bind:input="handleRadioChange" />
+                </cube-radio-group>
+            </block>
+
+            <!-- 选择器选项类型 -->
+            <block wx:elif="{{ type === 'picker-option' }}">
+                <!-- 展示区 -->
+                <view class="form-cell-picker"
+                    style="{{ label ? 'justify-content: flex-end;' : 'justify-content: flex-start;' }}"
+                    data-field="{{ field }}" bind:tap="{{ readonly ? '' : 'handlePickerOptTap' }}">
+                    <view class="form-cell-picker-text {{ pickerOptDisplayText ? '' : 'form-cell-picker-empty' }}"
+                        style="{{ label ? '' : 'margin-right: auto;' }}">
+                        {{ pickerOptDisplayText || placeholder }}
+                    </view>
+                    <text class="form-cell-arrow">›</text>
+                </view>
+                <!-- 弹出选择列表 -->
+                <cube-picker-popup wx:ref="pickerOption" show="{{ pickerOptShow }}" list="{{ pickerOptList }}"
+                    selectedIndex="{{ pickerOptSelectedIndex }}" fullyStop="true" bind:change="handlePickerOptChange"
+                    bind:confirm="handlePickerOptConfirm" bind:cancel="handlePickerOptClose" />
+            </block>
+
+            <!-- 上传图片类型 -->
+            <block wx:elif="{{ type === 'upload' }}">
+                <jmash-upload-picture limit="1" value="{{ value }}" bind:getImageArray="handleImageChange" />
+            </block>
+
+            <!-- 插槽类型 -->
+            <block wx:elif="{{ type === 'slot' }}">
+                <slot />
+            </block>
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+import { createComponent, ref, computed, watch } from "@mpxjs/core";
+import { EventBase } from "../../api/types";
+
+createComponent({
+    options: {
+        styleIsolation: "apply-shared",
+    },
+    properties: {
+        // 表单字段名
+        field: {
+            type: String,
+            value: "",
+        },
+        // 左侧标题
+        label: {
+            type: String,
+            value: "",
+        },
+        // 是否必填
+        required: {
+            type: Boolean,
+            value: false,
+        },
+        // 类型：number / input / textarea / radio / switch / picker / picker-option / upload / slot
+        type: {
+            type: String,
+            value: "input",
+        },
+        // 单选选项（type 为 radio 时有效）
+        radioData: {
+            type: Array as any,
+            value: [],
+        },
+        // 单选选项映射：{ valueLable: "显示字段", valueKey: "值字段" }
+        radioOptions: {
+            type: Object,
+            value: {
+                valueLable: "value",
+                valueKey: "key",
+            },
+        },
+        // 输入类型
+        inputType: {
+            type: String,
+            value: "text",
+        },
+        // 当前值
+        value: {
+            type: null,
+            value: "",
+        },
+        // 占位文本
+        placeholder: {
+            type: String,
+            value: "",
+        },
+        // 最大长度（textarea 有效）
+        maxLength: {
+            type: Number,
+            value: 500,
+        },
+        // 是否显示底边框
+        border: {
+            type: Boolean,
+            value: true,
+        },
+        // 子标题
+        subLabel: {
+            type: String,
+            value: "",
+        },
+        // 是否只读
+        readonly: {
+            type: Boolean,
+            value: false,
+        },
+        // 自动选择器数据列表
+        pickerData: {
+            type: Array as any,
+            value: [],
+        },
+        // 自动选择器选项映射：{ valueLable: "显示字段", valueKey: "值字段" }
+        pickerOptions: {
+            type: Object,
+            value: {
+                valueLable: "value",
+                valueKey: "key",
+            },
+        },
+    },
+    setup(props) {
+        // 自动选择器弹框显隐
+        let pickerOptShow = ref(false);
+        // 自动选择器当前选中索引
+        let pickerOptSelectedIndex = ref([0]);
+        // 自动选择器展示文本
+        let pickerOptDisplayText = ref("");
+        // 自动选择器数据转 cube-picker-popup 格式（二维数组）
+        let pickerOptList = computed(() => {
+            const { pickerData, pickerOptions } = props;
+            if (!pickerData || !pickerData.length) return [[]];
+            return [
+                pickerData.map((item: any) => ({
+                    text: item[pickerOptions.valueLable],
+                    value: item[pickerOptions.valueKey],
+                    ...item,
+                })),
+            ];
+        });
+
+        // 单选选项 value 是否为 boolean 类型
+        let isBooleanRadio = computed(() => {
+            const { radioData, radioOptions } = props;
+            if (!radioData || !radioData.length) return false;
+            return radioData.some((item) => typeof item[radioOptions.valueKey] === "boolean");
+        });
+        // 单选选项转 cube-radio 格式
+        let radioOptionList = computed(() => {
+            const { radioData, radioOptions } = props;
+            if (!radioData || !radioData.length) return [];
+            return radioData.map((item: any) => ({
+                text: item[radioOptions.valueLable],
+                value: isBooleanRadio.value ? String(item[radioOptions.valueKey]) : item[radioOptions.valueKey],
+                disabled: props.readonly,
+            }));
+        });
+        // 传给 cube-radio 的 value（boolean 时转字符串）
+        let radioInnerValue = ref<string | number | boolean>("");
+
+        watch(() => props.value, (val) => {
+            if (isBooleanRadio.value) {
+                radioInnerValue.value = val ? "true" : "false";
+            } else {
+                radioInnerValue.value = val;
+            }
+        }, { immediate: true });
+
+        return {
+            pickerOptShow,
+            pickerOptSelectedIndex,
+            pickerOptDisplayText,
+            pickerOptList,
+            isBooleanRadio,
+            radioOptionList,
+            radioInnerValue,
+        };
+    },
+    observers: {
+        // 当 value、data 或 options 变化时，刷新展示文本和选中索引
+        "value, pickerData, pickerOptions"(value: any, pickerData: any[], pickerOptions: any) {
+            if (!pickerData || !pickerData.length || !pickerOptions || !pickerOptions.valueKey) {
+                this.pickerOptSelectedIndex = [0];
+                this.pickerOptDisplayText = "";
+                return;
+            }
+            const index = pickerData.findIndex((item) => item[pickerOptions.valueKey] === value);
+            const selectedIndex = index >= 0 ? index : 0;
+            const displayText = index >= 0 ? pickerData[index][pickerOptions.valueLable] : "";
+            this.pickerOptSelectedIndex = [selectedIndex];
+            this.pickerOptDisplayText = displayText;
+        },
+    },
+    methods: {
+        // 输入框内容变化
+        handleInput(e: EventBase) {
+            const field = e.currentTarget.dataset.field;
+            this.triggerEvent("change", { field, value: e.detail.value });
+        },
+
+        // switch 状态变化
+        handleSwitch(e: EventBase) {
+            const field = e.currentTarget.dataset.field;
+            this.triggerEvent("change", { field, value: e.detail.value });
+        },
+
+        // 单选变化
+        handleRadioChange(e: EventBase) {
+            const field = e.currentTarget.dataset.field;
+            let value = e.detail.value;
+            // boolean 类型时转回 boolean
+            if (this.isBooleanRadio) {
+                value = value === "true";
+            }
+            this.triggerEvent("change", { field, value });
+        },
+
+        // 选择器点击
+        handlePicker(e: EventBase) {
+            const field = e.currentTarget.dataset.field;
+            this.triggerEvent("picker", { field });
+        },
+
+        // 上传图片变化
+        handleImageChange(e: EventBase) {
+            const imageArr = e.detail as string[];
+            this.triggerEvent("change", { field: this.field, value: imageArr[0] || "" });
+        },
+
+        // === 自动选择器方法 ===
+
+        // 点击展示区，打开选择弹框
+        handlePickerOptTap() {
+            // 同步当前 value 对应的索引
+            this._feedbackPickerOpt();
+            this.pickerOptShow = true;
+            if (this.$refs.pickerOption) this.$refs.pickerOption.show();
+        },
+        // 关闭弹框
+        handlePickerOptClose() {
+            this.pickerOptShow = false;
+            if (this.$refs.pickerOption) this.$refs.pickerOption.hide();
+        },
+        // 滚动选择
+        handlePickerOptChange(e: EventBase) {
+            const index = e.detail.selectedIndex as number[];
+            const item = this.pickerData[index[0]];
+            this.pickerOptSelectedIndex = index;
+            this.pickerOptDisplayText = item[this.pickerOptions.valueLable];
+        },
+        // 确认选择
+        handlePickerOptConfirm(e: EventBase) {
+            const index = e.detail.selectedIndex as number[];
+            const item = this.pickerData[index[0]];
+            this.pickerOptSelectedIndex = index;
+            this.pickerOptDisplayText = item[this.pickerOptions.valueLable];
+            // 关闭弹框
+            this.handlePickerOptClose();
+            this.triggerEvent("change", {
+                field: this.field,
+                value: item[this.pickerOptions.valueKey],
+                name: item[this.pickerOptions.valueLable],
+                info: item,
+            });
+        },
+        // 同步 value 到选中索引
+        _feedbackPickerOpt() {
+            if (!this.pickerData || !this.pickerData.length || !this.pickerOptions || !this.pickerOptions.valueKey) {
+                this.pickerOptSelectedIndex = [0];
+                return;
+            }
+            const index = this.pickerData.findIndex(
+                (item: any) => item[this.pickerOptions.valueKey] === this.value
+            );
+            this.pickerOptSelectedIndex = [index >= 0 ? index : 0];
+        },
+    },
+});
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+.form-cell {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 100rpx;
+    padding: 20rpx 30rpx;
+    box-sizing: border-box;
+    background: $background-white-color;
+}
+
+// 标题容器
+.form-cell-label-container {
+    display: flex;
+    flex-direction: column;
+    gap: 10rpx;
+
+    // 标题
+    .form-cell-label {
+        font-weight: 400;
+        font-size: 30rpx;
+        color: $font-color;
+        line-height: 42rpx;
+        margin-right: 30rpx;
+
+        .form-cell-label-required {
+            color: $red-color;
+            margin-right: 6rpx;
+        }
+    }
+
+    // 副标题
+    .form-cell-sub-label {
+        font-weight: 400;
+        font-size: $font-size-mini;
+        color: $font-color-grey-opacity;
+    }
+}
+
+// 内容容器
+.form-cell-content {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    // 输入框
+    .form-cell-input {
+        flex: 1;
+        font-weight: 400;
+        font-size: 30rpx;
+        color: $font-color;
+        line-height: 42rpx;
+    }
+
+    // 占位符
+    .form-cell-placeholder {
+        color: $font-color-grey-opacity;
+    }
+
+    // 开关
+    .form-cell-switch {
+        transform: scale(0.8);
+    }
+
+    // 单选框组
+    .form-cell-radio-group {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+
+        .form-cell-radio {
+            margin-left: 40rpx;
+        }
+    }
+
+    // 自动选择器
+    .form-cell-picker {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        gap: 10rpx;
+
+        .form-cell-picker-text {
+            font-weight: 400;
+            font-size: 30rpx;
+            color: $font-color;
+            line-height: 42rpx;
+        }
+
+        .form-cell-picker-empty {
+            color: $font-color-grey-opacity;
+        }
+
+        .form-cell-arrow {
+            color: $font-color-grey-opacity;
+            font-size: 32rpx;
+        }
+    }
+}
+
+// 必填项
+.form-cell-required {
+    .form-cell-label {
+        text {
+            color: $red-color;
+        }
+    }
+}
+
+// 边框
+.form-cell-border {
+    border-bottom: 1rpx solid $border-line;
+
+    :last-child {
+        border-bottom: none;
+    }
+}
+
+// 文本域主容器 垂直分布
+.form-cell-textarea-main {
+    display: flex;
+    flex-direction: column;
+    gap: 10rpx;
+    align-items: flex-start;
+
+    .form-cell-content {
+        display: block;
+        width: 100%;
+
+        // 文本域
+        .form-cell-textarea {
+            width: 100%;
+            height: 160rpx;
+            text-align: left;
+            font-weight: 400;
+            font-size: 28rpx;
+            color: $font-color;
+            line-height: 40rpx;
+            padding: 20rpx;
+            box-sizing: border-box;
+            border-radius: $border-mini-radius;
+            background-color: $background-color;
+        }
+    }
+}
+
+// 上传图片组件穿透样式
+.upload-picture-box {
+    .upload-box {
+        width: 90rpx !important;
+        height: 90rpx !important;
+        flex: auto !important;
+    }
+
+    .image_box {
+        width: 90rpx !important;
+        height: 90rpx !important;
+        flex: auto !important;
+        margin: 0 !important;
+    }
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {
+        "jmash-upload-picture": "./jmash-upload-picture",
+        "cube-popup": "@mpxjs/mpx-cube-ui/lib/components/popup/index",
+        "cube-picker-popup": "@mpxjs/mpx-cube-ui/lib/components/picker-popup/index",
+        "cube-radio-group": "@mpxjs/mpx-cube-ui/lib/components/radio-group/index",
+        "cube-radio": "@mpxjs/mpx-cube-ui/lib/components/radio/index",
+    }
+}
+</script>

package/src/components/common/jmash-popup.mpx

@@ -1,6 +1,7 @@
 <template>
     <cube-popup wx:if="{{ show }}" wx:ref="popup" zIndex="{{ zIndex }}" position="{{ position }}"
-        transition="{{ transition }}" maskClosable="{{ true }}" bind:maskClick="closePopup">
+        transition="{{ transition }}" maskClosable="{{ maskClosable }}"
+        bind:maskClick="{{ maskClosable ? closePopup : '' }}">
         <view class="auth-mask-popup"
             style="width: {{ width }}; height: {{ height }}; background-color: {{ backColor }};border-top-left-radius: {{ borderRadius }};border-top-right-radius: {{ borderRadius }};">
             <view class="popup-title" wx:if="{{ titleShow }}">
@@ -69,6 +70,11 @@ createComponent({
             type: String,
             value: "move-up",
         },
+        // 是否可点击遮罩层关闭弹窗
+        maskClosable: {
+            type: Boolean,
+            value: true,
+        },
         // 层级
         zIndex: {
             type: Number,

package/src/components/common/jmash-swipe-cell.mpx

@@ -0,0 +1,153 @@
+<template>
+    <!-- 左滑删除单元格 -->
+    <view class="swipe-cell" bind:touchstart="onTouchStart" bind:touchmove="onTouchMove" bind:touchend="onTouchEnd">
+        <!-- 删除按钮 -->
+        <view class="swipe-cell-actions" style="width: {{ actionTotalWidth }}px;">
+            <view class="swipe-cell-delete" style="width: {{ actionWidth }}px;" catch:tap="handleDelete">
+                {{ deleteText }}
+            </view>
+        </view>
+        <!-- 内容 -->
+        <view class="swipe-cell-content" style="transform: translate3d({{ translateX }}px, 0, 0);">
+            <slot />
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+import mpx, { createComponent, ref } from "@mpxjs/core";
+import { EventBase } from "../../api/types";
+
+createComponent({
+    options: {
+        styleIsolation: "apply-shared",
+    },
+    properties: {
+        // 当前展开项的 key（父组件传入，用于协调一次只展开一个）
+        activeKey: {
+            type: String,
+            value: "",
+            observer(newVal: string) {
+                if (newVal !== this.itemKey) {
+                    this.translateX = 0;
+                }
+            },
+        },
+        // 本项唯一 key
+        itemKey: {
+            type: String,
+            value: "",
+        },
+        // 删除按钮文字
+        deleteText: {
+            type: String,
+            value: "删除",
+        },
+        // 删除按钮宽度（rpx）
+        deleteWidth: {
+            type: Number,
+            value: 110,
+        },
+    },
+    setup(props) {
+        // 滑动偏移量（px）
+        let translateX = ref(0);
+        // 触摸开始 X 坐标
+        let touchStartX = ref(0);
+        // 触摸开始偏移量
+        let touchStartOffsetX = ref(0);
+        // 删除按钮宽度（px）
+        const systemInfo = mpx.getSystemInfoSync();
+        let actionWidth = ref(Math.round((props.deleteWidth * systemInfo.windowWidth) / 750));
+        // 删除按钮总宽度（含间距，px）
+        let actionTotalWidth = ref(actionWidth.value + Math.round((2 * systemInfo.windowWidth) / 750));
+
+        return {
+            translateX,
+            touchStartX,
+            touchStartOffsetX,
+            actionWidth,
+            actionTotalWidth,
+        };
+    },
+    methods: {
+        // 触摸开始
+        onTouchStart(e: EventBase) {
+            const startX = e.touches?.[0]?.clientX ?? 0;
+            this.touchStartX = startX;
+            this.touchStartOffsetX = this.translateX;
+            // 通知父组件本项开始滑动，协调关闭其他项
+            this.triggerEvent("open", { key: this.itemKey });
+        },
+        // 触摸移动
+        onTouchMove(e: EventBase) {
+            const moveX = e.touches?.[0]?.clientX ?? 0;
+            const deltaX = moveX - this.touchStartX;
+            const nextOffset = Math.max(
+                -this.actionTotalWidth,
+                Math.min(0, this.touchStartOffsetX + deltaX)
+            );
+            this.translateX = nextOffset;
+        },
+        // 触摸结束
+        onTouchEnd() {
+            if (this.translateX < -this.actionWidth / 2) {
+                this.translateX = -this.actionTotalWidth;
+            } else {
+                this.translateX = 0;
+            }
+        },
+        // 点击删除按钮
+        handleDelete() {
+            this.triggerEvent("delete", { key: this.itemKey });
+        },
+    },
+});
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+.swipe-cell {
+    position: relative;
+    overflow: hidden;
+}
+
+// 删除按钮区域
+.swipe-cell-actions {
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 100%;
+    display: flex;
+    justify-content: flex-end;
+    align-items: stretch;
+    z-index: 1;
+}
+
+// 删除按钮
+.swipe-cell-delete {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: $red-color;
+    color: $white-color;
+    font-size: 28rpx;
+    border-radius: $border-mini-radius;
+}
+
+// 滑动内容
+.swipe-cell-content {
+    position: relative;
+    z-index: 2;
+    will-change: transform;
+    transition: transform 0.15s ease-out;
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {}
+}
+</script>

package/src/components/common/jmash-upload-picture.mpx

@@ -3,9 +3,9 @@
   <view class="upload-picture-box">
     <block wx:for="{{ imageArray }}" wx:key="index">
       <view class="image_box">
-        <image class="upload_image" src="{{ baseUrl + item }}" />
-        <image class="del_image" src="{{ resourceUrl + 'file_del_icon.png' }}" mode="widthFix" data-index="{{ index }}"
-          bind:tap="handleDel" />
+        <image wx:if="{{ baseUrl }}" class="upload_image" src="{{ baseUrl + item }}" />
+        <image wx:if="{{ resourceUrl }}" class="del_image" src="{{ resourceUrl + 'file_del_icon.png' }}" mode="widthFix"
+          data-index="{{ index }}" bind:tap="handleDel" />
       </view>
     </block>
     <view wx:if="{{ imageArray.length < limit }}" class="upload-box" bind:tap="handleUploadImage">
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts">
-import mpx, { createComponent, ref } from "@mpxjs/core";
+import mpx, { createComponent, ref, watch } from "@mpxjs/core";
 import { EventBase } from "../../api/types";
 import { db } from "../../utils/db";
 
@@ -31,9 +31,14 @@ createComponent({
     limit: {
       type: Number,
       value: 6
+    },
+    // 回显图片（字符串或数组）
+    value: {
+      type: null,
+      value: ""
     }
   },
-  setup() {
+  setup(props) {
     let config = getApp().globalData.config;
     // 资源路径
     let resourceUrl = config.resourceUrl + "/images/mall/";
@@ -42,6 +47,17 @@ createComponent({
     // 上传图片数组
     let imageArray = ref([] as Array<string>);
 
+    // 回显已有图片（value 支持字符串或数组）
+    watch(() => props.value, (val) => {
+      if (Array.isArray(val)) {
+        imageArray.value = val;
+      } else if (val) {
+        imageArray.value = [val];
+      } else {
+        imageArray.value = [];
+      }
+    }, { immediate: true });
+
     return {
       resourceUrl,
       baseUrl,
@@ -129,10 +145,11 @@ createComponent({
   display: flex;
   align-items: center;
   flex-wrap: wrap;
+  gap: 20rpx;
 }
 
 .upload_image {
-  width: 100%;
+  width: 196rpx;
   height: 196rpx;
   vertical-align: top;
 }
@@ -142,10 +159,11 @@ createComponent({
   font-size: 24rpx;
   display: flex;
   flex-direction: column;
-  height: 192rpx;
+  width: 196rpx;
+  height: 196rpx;
   justify-content: center;
   align-items: center;
-  flex: 0 0 calc((100% - 42rpx)/3);
+  // flex: 0 0 calc((100% - 42rpx)/3);
 
   .upload-icon {
     width: 60rpx;
@@ -155,9 +173,10 @@ createComponent({
 
 .image_box {
   position: relative;
+  width: 196rpx;
   height: 196rpx;
-  flex: 0 0 calc((100% - 42rpx)/3);
-  margin: 0 20rpx 20rpx 0;
+  // flex: 0 0 calc((100% - 42rpx)/3);
+  // margin: 0 20rpx 20rpx 0;
 }
 
 .image_box:nth-child(3n) {

package/src/components/core/jmash-login.mpx

@@ -6,7 +6,8 @@
       <!-- 头像区域 -->
       <view class="avatar-section">
         <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
-          <image class="avatar-img" src="{{ avatarUrl || avatar }}" mode="aspectFill" />
+          <image wx:if="{{ avatarUrl || avatar }}" class="avatar-img" src="{{ avatarUrl || avatar }}"
+            mode="aspectFill" />
           <view class="avatar-badge">
             <text class="badge-icon">✎</text>
           </view>

package/src/components/core/jmash-login.web.mpx

@@ -3,7 +3,7 @@
     <view class="login_box">
       <view class="avatar-section">
         <view class="avatar-wrapper">
-          <image class="avatar-img" src="{{ avatar }}" />
+          <image wx:if="{{ avatar }}" class="avatar-img" src="{{ avatar }}" />
         </view>
         <view class="avatar-tip">欢迎登录</view>
       </view>

package/src/components/core/jmash-popup-login.mpx

@@ -17,7 +17,8 @@
       <!-- 头像区域 -->
       <view class="avatar-section">
         <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
-          <image class="avatar-img" src="{{ avatarUrl || avatar }}" mode="aspectFill" />
+          <image wx:if="{{ avatarUrl || avatar }}" class="avatar-img" src="{{ avatarUrl || avatar }}"
+            mode="aspectFill" />
           <view class="avatar-badge">
             <text class="badge-icon">✎</text>
           </view>