jmash-core-mp 0.1.6 → 0.1.8

package/lib/api/region/index.d.ts

@@ -0,0 +1,7 @@
+import { DictRegionList, DictRegionReq } from "./types";
+import { ResponseData } from "../../types/core";
+declare class RegionApiImpl {
+    findList(query?: DictRegionReq): Promise<ResponseData<DictRegionList>>;
+}
+declare const regionApi: RegionApiImpl;
+export { regionApi };

package/lib/api/region/index.js

@@ -0,0 +1,19 @@
+import { grpc } from "../../utils/grpc";
+import { config } from "../../utils/config";
+import mpx from "@mpxjs/core";
+class RegionApiImpl {
+    // 查询列表信息地区信息
+    findList(query) {
+        if (query) {
+            query.hasEnable = query.enable !== undefined;
+        }
+        grpc.clearEmpty(query);
+        return mpx.xfetch.fetch({
+            url: "/v1/region/dict_region/list/" + config.tenant,
+            method: "GET",
+            data: query,
+        });
+    }
+}
+const regionApi = new RegionApiImpl();
+export { regionApi };

package/lib/api/region/types.d.ts

@@ -0,0 +1,19 @@
+export interface DictRegionReq {
+    tenant?: string;
+    hasEnable?: boolean;
+    enable?: boolean;
+    parentId?: string;
+}
+export interface DictRegionList {
+    results: Array<DictRegionModel>;
+}
+export interface DictRegionModel {
+    regionId?: string;
+    regionCode?: string;
+    regionName?: string;
+    text?: string;
+    value?: string;
+    hasChildren?: boolean;
+    regionType?: string;
+    children?: Array<DictRegionModel>;
+}

package/lib/api/types.d.ts

@@ -0,0 +1,14 @@
+export interface EventBase {
+    changedTouches?: any;
+    currentTarget: EventTarget;
+    target?: EventTarget;
+    type?: string;
+    detail?: any;
+    touches: any;
+}
+export interface EventTarget {
+    dataset: any;
+    id: string | number;
+    offsetLeft?: number;
+    offsetTop?: number;
+}

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export type { AppConfig, ResponseData, ValidateData } from "./types/core";
+export type { AppConfig, ResponseData, ValidateData, EventBase, EventTarget, CanvasResponse } from "./types/core";
 export type { Entry, DictEntryModel } from "./api/dict/types";
 export { EntryDict, EnumDict } from "./api/dicts";
 export { mpxFetch } from "./utils/request";

package/lib/types/core.d.ts

@@ -19,3 +19,23 @@ export interface ValidateData {
     validate: boolean;
     message: string;
 }
+export interface EventBase {
+    changedTouches?: any;
+    currentTarget: EventTarget;
+    target?: EventTarget;
+    type?: string;
+    detail?: any;
+    touches: any;
+}
+export interface EventTarget {
+    dataset: any;
+    id: string | number;
+    offsetLeft?: number;
+    offsetTop?: number;
+}
+export interface CanvasResponse {
+    width?: number;
+    height?: number;
+    nodeCanvasType?: string;
+    node: any;
+}

package/package.json

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

package/src/api/region/index.ts

@@ -0,0 +1,23 @@
+import { DictRegionList, DictRegionReq } from "./types";
+import { ResponseData } from "../../types/core";
+import { grpc } from "../../utils/grpc";
+import { config } from "../../utils/config";
+import mpx from "@mpxjs/core";
+
+class RegionApiImpl {
+  // 查询列表信息地区信息
+  findList(query?: DictRegionReq): Promise<ResponseData<DictRegionList>> {
+    if (query) {
+      query.hasEnable = query.enable !== undefined;
+    }
+    grpc.clearEmpty(query);
+    return mpx.xfetch.fetch({
+      url: "/v1/region/dict_region/list/" + config.tenant,
+      method: "GET",
+      data: query,
+    });
+  }
+}
+
+const regionApi = new RegionApiImpl();
+export { regionApi };

package/src/api/region/types.ts

@@ -0,0 +1,36 @@
+// 地区信息查询
+export interface DictRegionReq {
+  // 租户
+  tenant?: string;
+  // 是否包含状态
+  hasEnable?: boolean;
+  // 是否启用
+  enable?: boolean;
+  // 上级ID
+  parentId?: string;
+}
+
+// 地区信息列表
+export interface DictRegionList {
+  // 当前页内容
+  results: Array<DictRegionModel>;
+}
+// 地区信息实体
+export interface DictRegionModel {
+  // 地区ID
+  regionId?: string;
+  // 地区编码
+  regionCode?: string;
+  // 地区名称
+  regionName?: string;
+  // 用来构造组件---地区名称
+  text?: string;
+  // 用来构造组件---地区编码
+  value?: string;
+  // 是否包含子节点
+  hasChildren?: boolean;
+  // 地区类型
+  regionType?: string;
+  // 子节点
+  children?: Array<DictRegionModel>;
+}

package/src/api/types.ts

@@ -0,0 +1,20 @@
+// 事件基础
+export interface EventBase {
+  // 在触摸事件中使用，表示触摸点的状态
+  changedTouches?: any;
+  // 事件绑定的元素
+  currentTarget: EventTarget;
+  // 指向触发事件的目标节点
+  target?: EventTarget;
+  // 事件的类型，指示事件的具体类型，如 click, input, blur
+  type?: string;
+  detail?: any;
+  touches: any;
+}
+// 事件绑定的元素
+export interface EventTarget {
+  dataset: any;
+  id: string | number;
+  offsetLeft?: number;
+  offsetTop?: number;
+}

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

@@ -0,0 +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 { config } from "../../utils/config";
+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 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>

package/src/components/common/jmash-cascader-region.mpx

@@ -0,0 +1,112 @@
+<template>
+  <!-- 地区级联选择弹窗 -->
+  <cube-cascade-picker-popup wx:ref="cascadeRegion" title="请选择所在地区" list="{{ regionOption }}"
+    bind:cancel="handleRegionClose" bind:confirm="handleConfirm" />
+</template>
+
+<script lang="ts">
+import { createComponent, ref } from "@mpxjs/core";
+import { EventBase } from "../../api/types";
+import { regionApi } from "../../api/region/index";
+import { DictRegionModel } from "../../api/region/types";
+
+createComponent({
+  options: {
+    styleIsolation: "apply-shared",
+  },
+  properties: {
+    // 是否显示弹框
+    show: {
+      type: Boolean,
+      value: false,
+      observer() {
+        if (this.show) {
+          this.$refs.cascadeRegion?.show();
+        } else {
+          this.$refs.cascadeRegion?.hide();
+        }
+      },
+    },
+  },
+  setup() {
+    // 地区选项
+    let regionOption = ref([] as DictRegionModel[]);
+    // 选中的地区值
+    let cascaderValue = ref("");
+
+    return {
+      regionOption,
+      cascaderValue,
+    };
+  },
+  lifetimes: {
+    ready() {
+      // 初始化加载地区
+      this.regionOption.length = 0;
+      this.fetchRegionData("");
+    },
+  },
+  methods: {
+    // 关闭弹框
+    handleRegionClose() {
+      this.$refs.cascadeRegion?.hide();
+      this.triggerEvent("close", false);
+    },
+
+    // 确认选择
+    handleConfirm(e: EventBase) {
+      const selectedOptions = e.detail;
+      this.triggerEvent("cascaderValue", selectedOptions.selectedText);
+      // 关闭弹框
+      this.handleRegionClose();
+    },
+
+    // 异步加载数据
+    async fetchRegionData(regionId: string = "") {
+      try {
+        const res = await regionApi.findList({
+          parentId: regionId,
+          enable: true,
+        });
+        // 递归加载并转换子级数据
+        const regionData = await Promise.all(
+          res.data.results.map(async (item) => {
+            const regionItem: Record<string, any> = {
+              id: item.regionId,
+              text: item.regionName,
+              value: item.regionCode,
+              hasChildren: item.hasChildren,
+              regionType: item.regionType,
+            };
+            // 如果有子节点且不是最后级别，递归加载
+            if (item.hasChildren && item.regionType !== "town") {
+              const childrenData = await this.fetchRegionData(item.regionId);
+              if (childrenData.length > 0) {
+                regionItem.children = childrenData;
+              }
+            }
+            return regionItem;
+          })
+        );
+        if (!regionId) {
+          this.regionOption = [...this.regionOption, ...regionData];
+        }
+        console.log("级联地区数组==>", this.regionOption);
+        return regionData;
+      } catch (error) {
+        return [];
+      }
+    },
+  },
+});
+</script>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {
+    "cube-cascade-picker": "@mpxjs/mpx-cube-ui/src/components/cascade-picker/index",
+    "cube-cascade-picker-popup": "@mpxjs/mpx-cube-ui/src/components/cascade-picker-popup/index"
+  }
+}
+</script>

package/src/components/common/jmash-none-data.mpx

@@ -0,0 +1,77 @@
+<template>
+  <view class="auth-none-data" style="margin-top: {{ marginTop }}rpx; padding-top: {{ paddingTop }}rpx;">
+    <image src="{{ resourceUrl + imgUrl }}" mode="heightFix" style="width: {{ imgWidth }};height: {{ imgHeight }};" />
+    <view class="holder-text" style="color: {{ contentColor }};">{{ content }}</view>
+  </view>
+</template>
+<script lang="ts">
+import { createComponent } from "@mpxjs/core"
+import { config } from "../../utils/config";
+
+createComponent({
+  properties: {
+    // 上外边距
+    marginTop: {
+      type: Number,
+      value: 300
+    },
+    // 上内边距
+    paddingTop: {
+      type: Number,
+      value: 0
+    },
+    // 文本内容
+    content: {
+      type: String,
+      value: "暂无数据"
+    },
+    // 图片的宽
+    imgWidth: {
+      type: String,
+      value: "auto"
+    },
+    // 图片的高
+    imgHeight: {
+      type: String,
+      value: "125px"
+    },
+    // 图片的路径
+    imgUrl: {
+      type: String,
+      value: "/components/contacts_nomore2x.png"
+    },
+    contentColor: {
+      type: String,
+      value: "#b6b6b6"
+    }
+  },
+  setup() {
+    let resourceUrl = config.resourceUrl + "/images/"
+
+    return {
+      resourceUrl
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+.auth-none-data {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+
+  .holder-text {
+    font-size: $font-size;
+  }
+}
+</style>
+
+<script type="application/json">
+  {
+    "component": true
+  }
+</script>

package/src/components/common/jmash-pic-swiper.mpx

@@ -0,0 +1,72 @@
+<template>
+  <!-- 商品详情-轮播图 -->
+  <swiper indicator-dots="{{ true }}" indicator-color="#fff" autoplay="{{ true }}" class="swiper-box"
+    style="height: {{ height }}px;">
+    <block wx:for="{{ goodsPics }}" wx:key="index">
+      <swiper-item>
+        <image class="swiper-img" src="{{ imageUrl + item }}" bind:tap="handlePreview" data-url="{{ item }}" />
+      </swiper-item>
+    </block>
+  </swiper>
+</template>
+
+<script lang="ts">
+import mpx, { createComponent, ref } from "@mpxjs/core"
+import { config } from "../../utils/config";
+import { EventBase } from "../../api/types";
+
+createComponent({
+  setup() {
+    // 静态图片资源
+    let imageUrl = config.baseUrl + "/v1/file/image/clip/750/750/"
+    // 接口资源路径
+    let pathUrl = config.baseUrl + "/v1/file/path/"
+    // 屏幕高度
+    let height = ref(mpx.getWindowInfo().windowWidth)
+    return {
+      imageUrl,
+      pathUrl,
+      height
+    }
+  },
+  properties: {
+    // 轮播图数组-商品图
+    goodsPics: {
+      type: Array,
+      value: [] as Array<string>
+    }
+  },
+  methods: {
+    // 查看图片预览
+    handlePreview(e: EventBase) {
+      const url = e.currentTarget.dataset.url
+      const path = this.pathUrl + url
+      const pathArr = this.goodsPics.map((item) => {
+        return this.pathUrl + item
+      })
+      mpx.previewImage({
+        current: path,
+        urls: pathArr
+      })
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+.swiper-box {
+  overflow: hidden;
+}
+
+.swiper-img {
+  width: 100%;
+  height: 100%;
+}
+</style>
+
+<script type="application/json">
+  {
+    "component": true,
+    "usingComponents": {}
+  }
+</script>