jmash-core-mp 0.1.21 → 0.1.22

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

@@ -1,152 +1,152 @@
-/**
-* 底部时间、点赞数、预览数组件
-* @param organTenant 租户 String
-* @param interactId 互动ID String
-* @param publishDate 发布时间 String
-*/
-<template>
-    <view class="cms-bottom">
-        <!-- 时间 -->
-        <view>{{ showDate }}</view>
-
-        <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" />
-                <view>{{ browseCount }}</view>
-            </view>
-            <!-- 点赞 -->
-            <view class="cms-bottom-look" catch:tap="handleLike" data-infoid="{{ interactId }}">
-                <image class="bottom-look-image-right"
-                    src="{{ !isLikeStatus ? resourceUrl+'/icon_image/thumbs_up.png' : resourceUrl+'/icon_image/like_fill2x.png' }}"
-                    mode="widthFix" />
-                <view>{{ likeCount }}</view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-import { createComponent, ref, toRefs, watch, computed } from '@mpxjs/core'
-import { cmsApi } from '../../api/cms/index'
-import { FrontLikeCreateReq } from '../../api/cms/types'
-import { EventBase } from '../../api/types'
-
-createComponent({
-    properties: {
-        // 租户
-        organTenant: {
-            type: String,
-            value: ""
-        },
-        // 互动ID
-        interactId: {
-            type: String,
-            value: ""
-        },
-        // 发布时间
-        publishDate: {
-            type: String,
-            value: ""
-        }
-    },
-    setup(props) {
-        let config = getApp().globalData.config;
-        let browseCount = ref(0);
-        let likeCount = ref(0);
-        let isLikeStatus = ref(false);
-        let resourceUrl = config.resourceUrl + "/images";
-        // 点赞和收藏数量
-        let queryInteractData = function (tenant: string, interactId: string) {
-            cmsApi.cmsInfoInteractId({ interactId: interactId, tenant: tenant }).then((response) => {
-                likeCount.value = response.data.likeCount;
-                browseCount.value = response.data.browseCount;
-            });
-        }
-        // 是否已点赞
-        let queryIsLike = function (tenant: string, interactId: string) {
-            cmsApi.isLike({ relationId: interactId, tenant: tenant }).then((response) => {
-                isLikeStatus.value = response.data === 'true';
-            });
-        }
-        //监听
-        const { interactId } = toRefs(props)
-        watch(interactId, (newVal) => {
-            queryInteractData(props.organTenant, newVal);
-            queryIsLike(props.organTenant, newVal);
-        })
-        queryInteractData(props.organTenant, props.interactId);
-        queryIsLike(props.organTenant, props.interactId);
-
-        const showDate = computed(() => props.publishDate.substring(0, 10))
-
-        return { showDate, resourceUrl, isLikeStatus, likeCount, browseCount, queryInteractData, queryIsLike };
-    },
-    methods: {
-        // 点赞/取消点赞
-        handleLike(e: EventBase) {
-            let config = getApp().globalData.config;
-            const tempData = {
-                // 用于检测重复请求的唯一字符串ID
-                requestId: Math.random() * 10 + "",
-                // 点赞类型
-                likeType: "info",
-                // 关系
-                relationId: e.currentTarget?.dataset.infoid,
-                // 点赞true/取消点赞false
-                action: !this.isLikeStatus,
-                // 租户
-                tenant: this.organTenant || config.tenant
-            } as FrontLikeCreateReq;
-            // 点赞/取消点赞
-            cmsApi.frontLike(tempData).then((response) => {
-                if (response.data.likeId) {
-                    // 获取互动数据
-                    this.queryInteractData(this.organTenant, e.currentTarget?.dataset.infoid);
-                    // 是否已点赞
-                    this.queryIsLike(this.organTenant, e.currentTarget?.dataset.infoid);
-                }
-            });
-        },
-    }
-})
-</script>
-
-<style lang="scss">
-// 时间预览点赞
-.cms-bottom {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    color: #999;
-    font-size: 12px;
-
-    // 预览/点赞
-    .cms-bottom-right {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 55rpx;
-
-        .cms-bottom-look {
-            display: flex;
-            align-items: center;
-
-            .bottom-look-image-left,
-            .bottom-look-image-right {
-                width: 32rpx;
-                height: 32rpx;
-                margin-right: 10rpx;
-            }
-        }
-    }
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {}
-}
+/**
+* 底部时间、点赞数、预览数组件
+* @param organTenant 租户 String
+* @param interactId 互动ID String
+* @param publishDate 发布时间 String
+*/
+<template>
+    <view class="cms-bottom">
+        <!-- 时间 -->
+        <view>{{ showDate }}</view>
+
+        <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" />
+                <view>{{ browseCount }}</view>
+            </view>
+            <!-- 点赞 -->
+            <view class="cms-bottom-look" catch:tap="handleLike" data-infoid="{{ interactId }}">
+                <image class="bottom-look-image-right"
+                    src="{{ !isLikeStatus ? resourceUrl+'/icon_image/thumbs_up.png' : resourceUrl+'/icon_image/like_fill2x.png' }}"
+                    mode="widthFix" />
+                <view>{{ likeCount }}</view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+import { createComponent, ref, toRefs, watch, computed } from '@mpxjs/core'
+import { cmsApi } from '../../api/cms/index'
+import { FrontLikeCreateReq } from '../../api/cms/types'
+import { EventBase } from '../../api/types'
+
+createComponent({
+    properties: {
+        // 租户
+        organTenant: {
+            type: String,
+            value: ""
+        },
+        // 互动ID
+        interactId: {
+            type: String,
+            value: ""
+        },
+        // 发布时间
+        publishDate: {
+            type: String,
+            value: ""
+        }
+    },
+    setup(props) {
+        let config = getApp().globalData.config;
+        let browseCount = ref(0);
+        let likeCount = ref(0);
+        let isLikeStatus = ref(false);
+        let resourceUrl = config.resourceUrl + "/images";
+        // 点赞和收藏数量
+        let queryInteractData = function (tenant: string, interactId: string) {
+            cmsApi.cmsInfoInteractId({ interactId: interactId, tenant: tenant }).then((response) => {
+                likeCount.value = response.data.likeCount;
+                browseCount.value = response.data.browseCount;
+            });
+        }
+        // 是否已点赞
+        let queryIsLike = function (tenant: string, interactId: string) {
+            cmsApi.isLike({ relationId: interactId, tenant: tenant }).then((response) => {
+                isLikeStatus.value = response.data === 'true';
+            });
+        }
+        //监听
+        const { interactId } = toRefs(props)
+        watch(interactId, (newVal) => {
+            queryInteractData(props.organTenant, newVal);
+            queryIsLike(props.organTenant, newVal);
+        })
+        queryInteractData(props.organTenant, props.interactId);
+        queryIsLike(props.organTenant, props.interactId);
+
+        const showDate = computed(() => props.publishDate.substring(0, 10))
+
+        return { showDate, resourceUrl, isLikeStatus, likeCount, browseCount, queryInteractData, queryIsLike };
+    },
+    methods: {
+        // 点赞/取消点赞
+        handleLike(e: EventBase) {
+            let config = getApp().globalData.config;
+            const tempData = {
+                // 用于检测重复请求的唯一字符串ID
+                requestId: Math.random() * 10 + "",
+                // 点赞类型
+                likeType: "info",
+                // 关系
+                relationId: e.currentTarget?.dataset.infoid,
+                // 点赞true/取消点赞false
+                action: !this.isLikeStatus,
+                // 租户
+                tenant: this.organTenant || config.tenant
+            } as FrontLikeCreateReq;
+            // 点赞/取消点赞
+            cmsApi.frontLike(tempData).then((response) => {
+                if (response.data.likeId) {
+                    // 获取互动数据
+                    this.queryInteractData(this.organTenant, e.currentTarget?.dataset.infoid);
+                    // 是否已点赞
+                    this.queryIsLike(this.organTenant, e.currentTarget?.dataset.infoid);
+                }
+            });
+        },
+    }
+})
+</script>
+
+<style lang="scss">
+// 时间预览点赞
+.cms-bottom {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: #999;
+    font-size: 12px;
+
+    // 预览/点赞
+    .cms-bottom-right {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 55rpx;
+
+        .cms-bottom-look {
+            display: flex;
+            align-items: center;
+
+            .bottom-look-image-left,
+            .bottom-look-image-right {
+                width: 32rpx;
+                height: 32rpx;
+                margin-right: 10rpx;
+            }
+        }
+    }
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {}
+}
 </script>

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

@@ -1,154 +1,154 @@
-<template>
-    <!-- 头像背景盒子 -->
-    <button plain class="auth-image-box-bgc" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
-        <!-- 显示的头像 -->
-        <image class="image-box-show" src="{{ avatar }}" mode="aspectFit" />
-        <!-- 提示选择头像图片 -->
-        <image class="select-image" src="{{ resourceUrl + 'camera2x.png' }}" mode="aspectFit" />
-    </button>
-</template>
-
-<script lang="ts">
-import mpx, { createComponent, ref } from "@mpxjs/core";
-import { fileApi } from "../../api/files/index";
-import { EventBase } from "../../api/types";
-
-createComponent({
-    properties: {
-        // 头像路径 form绑定的这个属性
-        value: {
-            type: String,
-            value: "",
-            observer() {
-                this.avatar = this.value ? fileApi.imageUrl(this.value, 320, 320, "trans") : this.avatar;
-            }
-        },
-        // logo图片路径-全路径 编辑回显使用
-        logoImg: {
-            type: String,
-            value: "",
-            observer() {
-                this.avatar = this.logoImg || this.avatar;
-            }
-        },
-        // 是否显示默认logo
-        logo: {
-            type: Boolean,
-            value: false,
-            observer() {
-                this.avatar = this.logo ? this.defaultlogo : this.avatar;
-            }
-        },
-        // 路径的类型,全路径状态为true,相对路径状态为false
-        pathType: {
-            type: Boolean,
-            value: false
-        }
-    },
-    setup() {
-        let config = getApp().globalData.config;
-        let resourceUrl = config.resourceUrl + "/images/icon_image/";
-        // 默认头像图片
-        let avatar = ref(resourceUrl + "/images/components/gray_head2x.png");
-        // 默认logo图片
-        let defaultlogo = ref(resourceUrl + "/images/components/gray_logo.png");
-
-        return {
-            resourceUrl,
-            avatar,
-            defaultlogo,
-        }
-    },
-    lifetimes: {
-        attached() {
-            if (this.value !== "") {
-                this.avatar = this.pathType ? this.value : fileApi.imageUrl(this.value, 320, 320, "trans");
-            }
-        }
-    },
-    methods: {
-        // 选择头像
-        onChooseAvatar(e: EventBase) {
-            const { avatarUrl } = e.detail;
-            if (!avatarUrl) {
-                mpx.showToast({ title: "请选择图片", icon: "none" });
-                return;
-            }
-
-            mpx.showLoading({ title: "上传中..." });
-
-            fileApi.uploadFile(avatarUrl).then(res => {
-                console.log("上传结果:", res);
-                const { fileSrc } = res || {};
-                // 检查返回数据
-                if (!fileSrc) {
-                    mpx.showToast({ title: "上传结果异常", icon: "none" });
-                    return;
-                }
-
-                // 生成图片URL
-                const imageUrl = fileApi.imageUrl(fileSrc, 320, 320, "trans");
-                console.log("生成的图片URL:", imageUrl);
-
-                // 更新头像
-                this.avatar = imageUrl;
-                this.triggerEvent("change", res, {});
-
-                mpx.showToast({ title: "上传成功", icon: "success" });
-            }).catch((err) => {
-                console.error("上传失败:", err);
-                mpx.showToast({
-                    title: "图片上传失败",
-                    icon: "none",
-                    duration: 2000
-                });
-            }).finally(() => {
-                mpx.hideLoading();
-            });
-        },
-    }
-})
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-// 头像背景盒子
-.auth-image-box-bgc {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 160rpx !important;
-    height: 160rpx;
-    border: none;
-    border-radius: $border-radius;
-    padding: 0;
-
-    // 显示的头像
-    .image-box-show {
-        width: 160rpx;
-        height: 160rpx;
-    }
-
-    // 提示选择头像图片
-    .select-image {
-        position: absolute;
-        width: 48rpx;
-        height: 48rpx;
-        bottom: 0;
-        right: 0;
-    }
-}
-
-.image-box-bgc[plain] {
-    border: 2rpx solid #e0e0e0;
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {}
-}
+<template>
+    <!-- 头像背景盒子 -->
+    <button plain class="auth-image-box-bgc" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
+        <!-- 显示的头像 -->
+        <image class="image-box-show" src="{{ avatar }}" mode="aspectFit" />
+        <!-- 提示选择头像图片 -->
+        <image class="select-image" src="{{ resourceUrl + 'camera2x.png' }}" mode="aspectFit" />
+    </button>
+</template>
+
+<script lang="ts">
+import mpx, { createComponent, ref } from "@mpxjs/core";
+import { fileApi } from "../../api/files/index";
+import { EventBase } from "../../api/types";
+
+createComponent({
+    properties: {
+        // 头像路径 form绑定的这个属性
+        value: {
+            type: String,
+            value: "",
+            observer() {
+                this.avatar = this.value ? fileApi.imageUrl(this.value, 320, 320, "trans") : this.avatar;
+            }
+        },
+        // logo图片路径-全路径 编辑回显使用
+        logoImg: {
+            type: String,
+            value: "",
+            observer() {
+                this.avatar = this.logoImg || this.avatar;
+            }
+        },
+        // 是否显示默认logo
+        logo: {
+            type: Boolean,
+            value: false,
+            observer() {
+                this.avatar = this.logo ? this.defaultlogo : this.avatar;
+            }
+        },
+        // 路径的类型,全路径状态为true,相对路径状态为false
+        pathType: {
+            type: Boolean,
+            value: false
+        }
+    },
+    setup() {
+        let config = getApp().globalData.config;
+        let resourceUrl = config.resourceUrl + "/images/icon_image/";
+        // 默认头像图片
+        let avatar = ref(resourceUrl + "/images/components/gray_head2x.png");
+        // 默认logo图片
+        let defaultlogo = ref(resourceUrl + "/images/components/gray_logo.png");
+
+        return {
+            resourceUrl,
+            avatar,
+            defaultlogo,
+        }
+    },
+    lifetimes: {
+        attached() {
+            if (this.value !== "") {
+                this.avatar = this.pathType ? this.value : fileApi.imageUrl(this.value, 320, 320, "trans");
+            }
+        }
+    },
+    methods: {
+        // 选择头像
+        onChooseAvatar(e: EventBase) {
+            const { avatarUrl } = e.detail;
+            if (!avatarUrl) {
+                mpx.showToast({ title: "请选择图片", icon: "none" });
+                return;
+            }
+
+            mpx.showLoading({ title: "上传中..." });
+
+            fileApi.uploadFile(avatarUrl).then(res => {
+                console.log("上传结果:", res);
+                const { fileSrc } = res || {};
+                // 检查返回数据
+                if (!fileSrc) {
+                    mpx.showToast({ title: "上传结果异常", icon: "none" });
+                    return;
+                }
+
+                // 生成图片URL
+                const imageUrl = fileApi.imageUrl(fileSrc, 320, 320, "trans");
+                console.log("生成的图片URL:", imageUrl);
+
+                // 更新头像
+                this.avatar = imageUrl;
+                this.triggerEvent("change", res, {});
+
+                mpx.showToast({ title: "上传成功", icon: "success" });
+            }).catch((err) => {
+                console.error("上传失败:", err);
+                mpx.showToast({
+                    title: "图片上传失败",
+                    icon: "none",
+                    duration: 2000
+                });
+            }).finally(() => {
+                mpx.hideLoading();
+            });
+        },
+    }
+})
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+// 头像背景盒子
+.auth-image-box-bgc {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 160rpx !important;
+    height: 160rpx;
+    border: none;
+    border-radius: $border-radius;
+    padding: 0;
+
+    // 显示的头像
+    .image-box-show {
+        width: 160rpx;
+        height: 160rpx;
+    }
+
+    // 提示选择头像图片
+    .select-image {
+        position: absolute;
+        width: 48rpx;
+        height: 48rpx;
+        bottom: 0;
+        right: 0;
+    }
+}
+
+.image-box-bgc[plain] {
+    border: 2rpx solid #e0e0e0;
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {}
+}
 </script>