jmash-core-mp 0.1.21 → 0.1.22

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

@@ -1,72 +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 { 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 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>

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

@@ -1,138 +1,138 @@
-<template>
-    <cube-popup wx:if="{{ show }}" wx:ref="popup" zIndex="999999" position="bottom" transition="move-up"
-        maskClosable="{{ true }}" styleConfig="{{ popupStyle }}" bind:maskClick="closePopup">
-        <view class="auth-mask-popup"
-            style="height: {{ height }}; background-color: {{ backColor }};border-top-left-radius: {{ borderRadius }};border-top-right-radius: {{ borderRadius }};width: 100%;">
-            <view class="popup-title" wx:if="{{ titleShow }}">
-                {{ title }}
-                <image class="close-icon" src="{{ resourceUrl + 'close_circle2x.png' }}" mode="aspectFit"
-                    bind:tap="closePopup" />
-            </view>
-            <slot></slot>
-        </view>
-    </cube-popup>
-</template>
-
-<script lang="ts">
-import { createComponent } from "@mpxjs/core"
-
-createComponent({
-    properties: {
-        // 是否显示
-        show: {
-            type: Boolean,
-            value: false,
-            observer() {
-                // 确保 popup 引用已存在
-                if (this.$refs.popup) {
-                    this.show ? this.$refs.popup.show() : this.$refs.popup.hide()
-                }
-            }
-        },
-        // 标题
-        title: {
-            type: String,
-            value: ""
-        },
-        // 是否显示标题
-        titleShow: {
-            type: Boolean,
-            value: true
-        },
-        // 高
-        height: {
-            type: String,
-            value: ""
-        },
-        // 背景色
-        backColor: {
-            type: String,
-            value: "#fff"
-        },
-        // 圆角
-        borderRadius: {
-            type: String,
-            value: "50rpx"
-        }
-    },
-    setup() {
-        let config = getApp().globalData.config;
-        let resourceUrl = config.resourceUrl + "/images/icon_image/"
-        let popupStyle = {
-            mask: {
-                backgroundColor: "rgba(0, 0, 0, 0.5)"
-            }
-        }
-
-        return {
-            resourceUrl,
-            popupStyle,
-        }
-    },
-    lifetimes: {
-        ready() {
-            // 组件初始化完成后，如果 show 为 true，显示弹窗
-            if (this.show && this.$refs.popup) {
-                this.$refs.popup.show()
-            }
-        }
-    },
-    methods: {
-        // 关闭弹框
-        closePopup() {
-            this.triggerEvent("close")
-            this.$refs.popup.hide()
-        }
-    }
-})
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-// 遮罩层
-.auth-mask-box {
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    width: $width;
-    background-color: rgba(0, 0, 0, 0.5);
-    z-index: $z-index;
-}
-
-.auth-mask-popup {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    width: 92%;
-    padding: 0 30rpx env(safe-area-inset-bottom);
-    box-sizing: border-box;
-    z-index: $z-index;
-
-    .popup-title {
-        color: $font-color;
-        font-size: $font-size;
-        padding: 40rpx 20rpx 20rpx;
-        font-weight: bold;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        .close-icon {
-            width: 40rpx;
-            height: 40rpx;
-        }
-    }
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {
-        "cube-popup": "@mpxjs/mpx-cube-ui/src/components/popup/index"
-    }
-}
+<template>
+    <cube-popup wx:if="{{ show }}" wx:ref="popup" zIndex="999999" position="bottom" transition="move-up"
+        maskClosable="{{ true }}" styleConfig="{{ popupStyle }}" bind:maskClick="closePopup">
+        <view class="auth-mask-popup"
+            style="height: {{ height }}; background-color: {{ backColor }};border-top-left-radius: {{ borderRadius }};border-top-right-radius: {{ borderRadius }};width: 100%;">
+            <view class="popup-title" wx:if="{{ titleShow }}">
+                {{ title }}
+                <image class="close-icon" src="{{ resourceUrl + 'close_circle2x.png' }}" mode="aspectFit"
+                    bind:tap="closePopup" />
+            </view>
+            <slot></slot>
+        </view>
+    </cube-popup>
+</template>
+
+<script lang="ts">
+import { createComponent } from "@mpxjs/core"
+
+createComponent({
+    properties: {
+        // 是否显示
+        show: {
+            type: Boolean,
+            value: false,
+            observer() {
+                // 确保 popup 引用已存在
+                if (this.$refs.popup) {
+                    this.show ? this.$refs.popup.show() : this.$refs.popup.hide()
+                }
+            }
+        },
+        // 标题
+        title: {
+            type: String,
+            value: ""
+        },
+        // 是否显示标题
+        titleShow: {
+            type: Boolean,
+            value: true
+        },
+        // 高
+        height: {
+            type: String,
+            value: ""
+        },
+        // 背景色
+        backColor: {
+            type: String,
+            value: "#fff"
+        },
+        // 圆角
+        borderRadius: {
+            type: String,
+            value: "50rpx"
+        }
+    },
+    setup() {
+        let config = getApp().globalData.config;
+        let resourceUrl = config.resourceUrl + "/images/icon_image/"
+        let popupStyle = {
+            mask: {
+                backgroundColor: "rgba(0, 0, 0, 0.5)"
+            }
+        }
+
+        return {
+            resourceUrl,
+            popupStyle,
+        }
+    },
+    lifetimes: {
+        ready() {
+            // 组件初始化完成后，如果 show 为 true，显示弹窗
+            if (this.show && this.$refs.popup) {
+                this.$refs.popup.show()
+            }
+        }
+    },
+    methods: {
+        // 关闭弹框
+        closePopup() {
+            this.triggerEvent("close")
+            this.$refs.popup.hide()
+        }
+    }
+})
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+// 遮罩层
+.auth-mask-box {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    width: $width;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: $z-index;
+}
+
+.auth-mask-popup {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 92%;
+    padding: 0 30rpx env(safe-area-inset-bottom);
+    box-sizing: border-box;
+    z-index: $z-index;
+
+    .popup-title {
+        color: $font-color;
+        font-size: $font-size;
+        padding: 40rpx 20rpx 20rpx;
+        font-weight: bold;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .close-icon {
+            width: 40rpx;
+            height: 40rpx;
+        }
+    }
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {
+        "cube-popup": "@mpxjs/mpx-cube-ui/src/components/popup/index"
+    }
+}
 </script>

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

@@ -1,127 +1,127 @@
-<template>
-    <!-- 搜索框 -->
-    <view class="auth-search-box" style="{{ searchStyle }}">
-        <icon type="search" color="{{ iconColor }}" size="18" class="search-icon"></icon>
-        <input class="search-input" placeholder-style="color: {{ color }};"
-            style="color: {{ color }}; background-color: {{ backColor }}; width: {{ isSearchBtn ? '60%' : '100%' }}; {{ isSearchBtn ? '' : 'padding-right: 40rpx' }}"
-            focus="{{ focus }}" placeholder="{{ placeholder }}" disabled="{{ disabled }}" value="{{ likeName }}"
-            bind:input="handleInput" bind:tap="handleTap" />
-        <view class="search-btn" wx:if="{{ isSearchBtn }}">
-            <slot></slot>
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-import { createComponent } from "@mpxjs/core";
-import { EventBase } from "../../api/types";
-
-createComponent({
-    properties: {
-        placeholder: {
-            type: String,
-            value: ""
-        },
-        disabled: {
-            type: Boolean,
-            value: false
-        },
-        // 是否显示右侧内容
-        isSearchBtn: {
-            type: Boolean,
-            value: false
-        },
-        // 搜索内容
-        likeName: {
-            type: String,
-            value: ""
-        },
-        // 背景色
-        backColor: {
-            type: String,
-            value: "#fff"
-        },
-        // 字体色
-        color: {
-            type: String,
-            value: "#6B7280"
-        },
-        // 是否有阴影
-        searchStyle: {
-            type: String,
-            value: ""
-        },
-        // 是否聚焦
-        focus: {
-            type: Boolean,
-            value: false
-        },
-        // 搜索图标颜色
-        iconColor: {
-            type: String,
-            value: ""
-        }
-    },
-    setup() {
-        let config = getApp().globalData.config;
-        // 资源路径
-        let resourceUrl = config.resourceUrl + "/images";
-
-        return { resourceUrl }
-    },
-    methods: {
-        // 输入框输入事件
-        handleInput(e: EventBase) {
-            this.triggerEvent("handleSearch", e.detail.value)
-        },
-        // 一般用于点击搜索框跳转到搜索页
-        handleTap() {
-            this.triggerEvent("click")
-        }
-    }
-})
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-.auth-search-box {
-    position: relative;
-    width: 100%;
-    border-radius: 50rpx;
-    background-color: $white-color;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: 70rpx;
-    box-sizing: border-box;
-    overflow: hidden;
-
-    .search-input {
-        height: 70rpx;
-        color: #6B7280;
-        font-size: $font-size;
-        padding-left: 80rpx;
-    }
-
-    .search-icon {
-        width: 40rpx;
-        height: 40rpx;
-        position: absolute;
-        left: 20rpx;
-        transform: translate(0, -50%);
-        top: 50%;
-    }
-
-    .search-btn {
-        padding-right: 30rpx;
-    }
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {}
-}
+<template>
+    <!-- 搜索框 -->
+    <view class="auth-search-box" style="{{ searchStyle }}">
+        <icon type="search" color="{{ iconColor }}" size="18" class="search-icon"></icon>
+        <input class="search-input" placeholder-style="color: {{ color }};"
+            style="color: {{ color }}; background-color: {{ backColor }}; width: {{ isSearchBtn ? '60%' : '100%' }}; {{ isSearchBtn ? '' : 'padding-right: 40rpx' }}"
+            focus="{{ focus }}" placeholder="{{ placeholder }}" disabled="{{ disabled }}" value="{{ likeName }}"
+            bind:input="handleInput" bind:tap="handleTap" />
+        <view class="search-btn" wx:if="{{ isSearchBtn }}">
+            <slot></slot>
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+import { createComponent } from "@mpxjs/core";
+import { EventBase } from "../../api/types";
+
+createComponent({
+    properties: {
+        placeholder: {
+            type: String,
+            value: ""
+        },
+        disabled: {
+            type: Boolean,
+            value: false
+        },
+        // 是否显示右侧内容
+        isSearchBtn: {
+            type: Boolean,
+            value: false
+        },
+        // 搜索内容
+        likeName: {
+            type: String,
+            value: ""
+        },
+        // 背景色
+        backColor: {
+            type: String,
+            value: "#fff"
+        },
+        // 字体色
+        color: {
+            type: String,
+            value: "#6B7280"
+        },
+        // 是否有阴影
+        searchStyle: {
+            type: String,
+            value: ""
+        },
+        // 是否聚焦
+        focus: {
+            type: Boolean,
+            value: false
+        },
+        // 搜索图标颜色
+        iconColor: {
+            type: String,
+            value: ""
+        }
+    },
+    setup() {
+        let config = getApp().globalData.config;
+        // 资源路径
+        let resourceUrl = config.resourceUrl + "/images";
+
+        return { resourceUrl }
+    },
+    methods: {
+        // 输入框输入事件
+        handleInput(e: EventBase) {
+            this.triggerEvent("handleSearch", e.detail.value)
+        },
+        // 一般用于点击搜索框跳转到搜索页
+        handleTap() {
+            this.triggerEvent("click")
+        }
+    }
+})
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+.auth-search-box {
+    position: relative;
+    width: 100%;
+    border-radius: 50rpx;
+    background-color: $white-color;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 70rpx;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .search-input {
+        height: 70rpx;
+        color: #6B7280;
+        font-size: $font-size;
+        padding-left: 80rpx;
+    }
+
+    .search-icon {
+        width: 40rpx;
+        height: 40rpx;
+        position: absolute;
+        left: 20rpx;
+        transform: translate(0, -50%);
+        top: 50%;
+    }
+
+    .search-btn {
+        padding-right: 30rpx;
+    }
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {}
+}
 </script>