jmash-core-mp 0.1.76 → 0.1.78

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

@@ -1,129 +1,129 @@
-<template>
-  <view class="jmash-menu">
-    <view class="menu-group" wx:for="{{ menuGroups }}" wx:key="id" wx:for-item="group">
-      <view class="menu-item" wx:for="{{ group.items }}" wx:key="key" bind:tap="handleItemClick" data-item="{{ item }}">
-        <view class="menu-icon-wrapper" style="background: {{item.iconBg}}">
-          <text class="menu-icon">{{ item.icon }}</text>
-        </view>
-        <text class="menu-title">{{ item.title }}</text>
-        <view class="menu-badge" wx:if="{{ item.badge }}">
-          <text class="badge-text">{{ item.badge }}</text>
-        </view>
-        <text class="menu-arrow">›</text>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { createComponent } from '@mpxjs/core'
-
-createComponent({
-  properties: {
-    // 菜单配置数组，格式和my页面里的menuGroups一致
-    menuGroups: {
-      type: Array,
-      value: []
-    }
-  },
-  methods: {
-    handleItemClick(e) {
-      const item = e.currentTarget.dataset.item
-      // 触发点击事件，把当前菜单项传给父组件
-      this.triggerEvent('itemClick', { item })
-    }
-  }
-})
-</script>
-
-<style lang="scss">
-$text-1: #111111;
-$text-3: #999999;
-$border: #f0f0f0;
-$bg-card: #ffffff;
-
-.jmash-menu {
-  .menu-group {
-    background: $bg-card;
-    border-radius: 20rpx;
-    margin: 0 16rpx 16rpx;
-    overflow: hidden;
-    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
-
-    .menu-item {
-      display: flex;
-      align-items: center;
-      padding: 32rpx 24rpx;
-      position: relative;
-      transition: background 0.2s;
-
-      &:active {
-        background: #fafafa;
-      }
-
-      &:not(:last-child)::after {
-        content: '';
-        position: absolute;
-        left: 96rpx;
-        right: 0;
-        bottom: 0;
-        height: 1rpx;
-        background: $border;
-      }
-
-      .menu-icon-wrapper {
-        width: 48rpx;
-        height: 48rpx;
-        border-radius: 12rpx;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 20rpx;
-        flex-shrink: 0;
-
-        .menu-icon {
-          font-size: 26rpx;
-          line-height: 1;
-        }
-      }
-
-      .menu-title {
-        flex: 1;
-        font-size: 28rpx;
-        color: $text-1;
-      }
-
-      .menu-badge {
-        min-width: 32rpx;
-        height: 32rpx;
-        background: #ff4d4f;
-        border-radius: 16rpx;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 0 6rpx;
-        margin-right: 8rpx;
-
-        .badge-text {
-          font-size: 20rpx;
-          color: #fff;
-          line-height: 1;
-        }
-      }
-
-      .menu-arrow {
-        font-size: 28rpx;
-        color: $text-3;
-        font-weight: 300;
-        line-height: 1;
-      }
-    }
-  }
-}
-</style>
-
-<script type="application/json">
-{
-  "component": true
-}
-</script>
+<template>
+  <view class="jmash-menu">
+    <view class="menu-group" wx:for="{{ menuGroups }}" wx:key="id" wx:for-item="group">
+      <view class="menu-item" wx:for="{{ group.items }}" wx:key="key" bind:tap="handleItemClick" data-item="{{ item }}">
+        <view class="menu-icon-wrapper" style="background: {{item.iconBg}}">
+          <text class="menu-icon">{{ item.icon }}</text>
+        </view>
+        <text class="menu-title">{{ item.title }}</text>
+        <view class="menu-badge" wx:if="{{ item.badge }}">
+          <text class="badge-text">{{ item.badge }}</text>
+        </view>
+        <text class="menu-arrow">›</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    // 菜单配置数组，格式和my页面里的menuGroups一致
+    menuGroups: {
+      type: Array,
+      value: []
+    }
+  },
+  methods: {
+    handleItemClick(e) {
+      const item = e.currentTarget.dataset.item
+      // 触发点击事件，把当前菜单项传给父组件
+      this.triggerEvent('itemClick', { item })
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+$text-1: #111111;
+$text-3: #999999;
+$border: #f0f0f0;
+$bg-card: #ffffff;
+
+.jmash-menu {
+  .menu-group {
+    background: $bg-card;
+    border-radius: 20rpx;
+    margin: 0 16rpx 16rpx;
+    overflow: hidden;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+
+    .menu-item {
+      display: flex;
+      align-items: center;
+      padding: 32rpx 24rpx;
+      position: relative;
+      transition: background 0.2s;
+
+      &:active {
+        background: #fafafa;
+      }
+
+      &:not(:last-child)::after {
+        content: '';
+        position: absolute;
+        left: 96rpx;
+        right: 0;
+        bottom: 0;
+        height: 1rpx;
+        background: $border;
+      }
+
+      .menu-icon-wrapper {
+        width: 48rpx;
+        height: 48rpx;
+        border-radius: 12rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 20rpx;
+        flex-shrink: 0;
+
+        .menu-icon {
+          font-size: 26rpx;
+          line-height: 1;
+        }
+      }
+
+      .menu-title {
+        flex: 1;
+        font-size: 28rpx;
+        color: $text-1;
+      }
+
+      .menu-badge {
+        min-width: 32rpx;
+        height: 32rpx;
+        background: #ff4d4f;
+        border-radius: 16rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 6rpx;
+        margin-right: 8rpx;
+
+        .badge-text {
+          font-size: 20rpx;
+          color: #fff;
+          line-height: 1;
+        }
+      }
+
+      .menu-arrow {
+        font-size: 28rpx;
+        color: $text-3;
+        font-weight: 300;
+        line-height: 1;
+      }
+    }
+  }
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true
+}
+</script>

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

@@ -1,95 +1,95 @@
-/**
-* 暂无数据组件
-* @param {Number} props.imgTextGap - 图片与文本之间的间距 - 默认值为0
-* @param {Number} props.marginTop - 上外边距 - 默认值为300rpx
-* @param {Number} props.paddingTop - 上内边距 - 默认值为0
-* @param {String} props.content - 文本内容 - 默认值为暂无数据
-* @param {String} props.contentColor - 文本颜色 - 默认值为#b6b6b6
-* @param {String} props.imgWidth - 图片的宽 - 默认值为auto
-* @param {String} props.imgHeight - 图片的高 - 默认值为125px
-* @param {String} props.imgUrl - 图片的路径 - 默认值为/components/contacts_nomore2x.png
-*/
-<template>
-  <view class="auth-none-data" style="margin-top: {{ marginTop }}rpx; padding-top: {{ paddingTop }}rpx;">
-    <image wx:if="{{ resourceUrl && imgUrl }}" src="{{ resourceUrl + imgUrl }}" mode="heightFix"
-      style="width: {{ imgWidth }};height: {{ imgHeight }};" />
-    <view class="holder-text" style="color: {{ contentColor }};margin-top: {{ imgTextGap }}rpx;">{{ content }}</view>
-  </view>
-</template>
-<script lang="ts">
-import { createComponent } from "@mpxjs/core";
-
-createComponent({
-  properties: {
-    // 图片与文本之间的间距
-    imgTextGap: {
-      type: Number,
-      value: 0
-    },
-    // 上外边距
-    marginTop: {
-      type: Number,
-      value: 300
-    },
-    // 上内边距
-    paddingTop: {
-      type: Number,
-      value: 0
-    },
-    // 文本内容
-    content: {
-      type: String,
-      value: "暂无数据"
-    },
-    // 文本颜色
-    contentColor: {
-      type: String,
-      value: "#b6b6b6"
-    },
-    // 图片的宽
-    imgWidth: {
-      type: String,
-      value: "auto"
-    },
-    // 图片的高
-    imgHeight: {
-      type: String,
-      value: "125px"
-    },
-    // 图片的路径
-    imgUrl: {
-      type: String,
-      value: "/components/contacts_nomore2x.png"
-    },
-  },
-  setup() {
-    // 图片路径
-    let config = getApp().globalData.config;
-    // 图片路径
-    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>
+/**
+* 暂无数据组件
+* @param {Number} props.imgTextGap - 图片与文本之间的间距 - 默认值为0
+* @param {Number} props.marginTop - 上外边距 - 默认值为300rpx
+* @param {Number} props.paddingTop - 上内边距 - 默认值为0
+* @param {String} props.content - 文本内容 - 默认值为暂无数据
+* @param {String} props.contentColor - 文本颜色 - 默认值为#b6b6b6
+* @param {String} props.imgWidth - 图片的宽 - 默认值为auto
+* @param {String} props.imgHeight - 图片的高 - 默认值为125px
+* @param {String} props.imgUrl - 图片的路径 - 默认值为/components/contacts_nomore2x.png
+*/
+<template>
+  <view class="auth-none-data" style="margin-top: {{ marginTop }}rpx; padding-top: {{ paddingTop }}rpx;">
+    <image wx:if="{{ resourceUrl && imgUrl }}" src="{{ resourceUrl + imgUrl }}" mode="heightFix"
+      style="width: {{ imgWidth }};height: {{ imgHeight }};" />
+    <view class="holder-text" style="color: {{ contentColor }};margin-top: {{ imgTextGap }}rpx;">{{ content }}</view>
+  </view>
+</template>
+<script lang="ts">
+import { createComponent } from "@mpxjs/core";
+
+createComponent({
+  properties: {
+    // 图片与文本之间的间距
+    imgTextGap: {
+      type: Number,
+      value: 0
+    },
+    // 上外边距
+    marginTop: {
+      type: Number,
+      value: 300
+    },
+    // 上内边距
+    paddingTop: {
+      type: Number,
+      value: 0
+    },
+    // 文本内容
+    content: {
+      type: String,
+      value: "暂无数据"
+    },
+    // 文本颜色
+    contentColor: {
+      type: String,
+      value: "#b6b6b6"
+    },
+    // 图片的宽
+    imgWidth: {
+      type: String,
+      value: "auto"
+    },
+    // 图片的高
+    imgHeight: {
+      type: String,
+      value: "125px"
+    },
+    // 图片的路径
+    imgUrl: {
+      type: String,
+      value: "/components/contacts_nomore2x.png"
+    },
+  },
+  setup() {
+    // 图片路径
+    let config = getApp().globalData.config;
+    // 图片路径
+    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

@@ -1,73 +1,73 @@
-<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 wx:if="{{ imageUrl && item }}" 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 { EventBase } from "../../api/types";
-
-createComponent({
-  setup() {
-    let config = getApp().globalData.config;
-    // 静态图片资源
-    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": {}
-  }
+<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 wx:if="{{ imageUrl && item }}" 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 { EventBase } from "../../api/types";
+
+createComponent({
+  setup() {
+    let config = getApp().globalData.config;
+    // 静态图片资源
+    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>