jmash-core-mp 0.1.76 → 0.1.78

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

@@ -1,153 +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>
+<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-tab-bar.mpx

@@ -1,58 +1,58 @@
-<template>
-    <cube-tab-bar wx:model="{{ selectedLabelDefault }}" wx:model-prop="value" tabs="{{ tabs }}"
-        bindclick="clickHandler">
-    </cube-tab-bar>
-</template>
-
-<script>
-import mpx, { createComponent } from '@mpxjs/core'
-createComponent({
-    data: {
-        selectedLabelDefault: 'Home',
-        tabs: [{
-            label: '首页',
-            value: 'Home',
-            pagePath: '/pages/tabbar/home',
-            icon: 'home'
-        },
-        {
-            label: '组织',
-            value: 'Organ',
-            pagePath: '/pages/tabbar/organ',
-            icon: 'organ'
-        },
-        {
-            label: '电商',
-            value: 'Mall',
-            pagePath: '/pages/tabbar/mall',
-            icon: 'mall'
-        },
-        {
-            label: '我的',
-            value: 'My',
-            pagePath: '/pages/tabbar/my',
-            icon: 'user'
-        },]
-    },
-    methods: {
-        clickHandler(tab) {
-            const target = this.tabs.find(item => item.value === tab.detail.value)
-            if (target) {
-                mpx.switchTab({
-                    url: target.pagePath
-                });
-            }
-        },
-        activeTab(value) {
-            this.selectedLabelDefault = value;
-        }
-    }
-})
-</script>
-<script type="application/json">
-{
-    "usingComponents": {
-        "cube-tab-bar": "@mpxjs/mpx-cube-ui/lib/components/tab-bar/index.mpx"
-    }
-}
-</script>
+<template>
+    <cube-tab-bar wx:model="{{ selectedLabelDefault }}" wx:model-prop="value" tabs="{{ tabs }}"
+        bindclick="clickHandler">
+    </cube-tab-bar>
+</template>
+
+<script>
+import mpx, { createComponent } from '@mpxjs/core'
+createComponent({
+    data: {
+        selectedLabelDefault: 'Home',
+        tabs: [{
+            label: '首页',
+            value: 'Home',
+            pagePath: '/pages/tabbar/home',
+            icon: 'home'
+        },
+        {
+            label: '组织',
+            value: 'Organ',
+            pagePath: '/pages/tabbar/organ',
+            icon: 'organ'
+        },
+        {
+            label: '电商',
+            value: 'Mall',
+            pagePath: '/pages/tabbar/mall',
+            icon: 'mall'
+        },
+        {
+            label: '我的',
+            value: 'My',
+            pagePath: '/pages/tabbar/my',
+            icon: 'user'
+        },]
+    },
+    methods: {
+        clickHandler(tab) {
+            const target = this.tabs.find(item => item.value === tab.detail.value)
+            if (target) {
+                mpx.switchTab({
+                    url: target.pagePath
+                });
+            }
+        },
+        activeTab(value) {
+            this.selectedLabelDefault = value;
+        }
+    }
+})
+</script>
+<script type="application/json">
+{
+    "usingComponents": {
+        "cube-tab-bar": "@mpxjs/mpx-cube-ui/lib/components/tab-bar/index.mpx"
+    }
+}
+</script>

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

@@ -1,88 +1,88 @@
-<template>
-  <!-- 多行文本输入框 -->
-  <view class="jmash-textarea">
-    <textarea class="jmash-textarea-input" value="{{ textValue }}" placeholder="{{ placeholder }}"
-      placeholder-class="jmash-textarea-placeholder" maxlength="{{ maxlength }}" bind:input="getValue" />
-    <view wx:if="{{ maxlength > 0 }}" class="jmash-textarea-length"
-      style="{{ textValue.length === maxlength ? 'color: red' : '' }}">
-      {{ textValue.length }}/{{ maxlength }}
-    </view>
-  </view>
-</template>
-
-<script lang="ts">
-import { createComponent } from "@mpxjs/core";
-
-createComponent({
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    // 输入框的内容
-    textValue: {
-      type: String,
-      value: "",
-    },
-    // 输入框为空时占位符
-    placeholder: {
-      type: String,
-      value: "",
-    },
-    // 最大输入长度
-    maxlength: {
-      type: Number,
-      value: -1,
-    },
-  },
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    // 获取值
-    getValue(e: any) {
-      this.triggerEvent("getValue", e.detail.value);
-    },
-  },
-});
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-.jmash-textarea {
-  background-color: $white-color;
-  border-radius: 10rpx;
-  padding: 30rpx;
-  box-sizing: border-box;
-  margin: 20rpx 30rpx 0;
-  width: 690rpx;
-
-  .jmash-textarea-input {
-    height: 200rpx;
-    width: 100%;
-    font-size: 28rpx;
-    font-weight: 400;
-    color: $font-color;
-  }
-
-  .jmash-textarea-placeholder {
-    font-size: 28rpx;
-    font-weight: 400;
-    color: $font-color-grey-opacity;
-  }
-
-  .jmash-textarea-length {
-    font-size: 24rpx;
-    font-weight: 400;
-    color: $font-color;
-    text-align: right;
-  }
-}
-</style>
-
-<script type="application/json">
-{
-  "component": true,
-  "usingComponents": {}
-}
-</script>
+<template>
+  <!-- 多行文本输入框 -->
+  <view class="jmash-textarea">
+    <textarea class="jmash-textarea-input" value="{{ textValue }}" placeholder="{{ placeholder }}"
+      placeholder-class="jmash-textarea-placeholder" maxlength="{{ maxlength }}" bind:input="getValue" />
+    <view wx:if="{{ maxlength > 0 }}" class="jmash-textarea-length"
+      style="{{ textValue.length === maxlength ? 'color: red' : '' }}">
+      {{ textValue.length }}/{{ maxlength }}
+    </view>
+  </view>
+</template>
+
+<script lang="ts">
+import { createComponent } from "@mpxjs/core";
+
+createComponent({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 输入框的内容
+    textValue: {
+      type: String,
+      value: "",
+    },
+    // 输入框为空时占位符
+    placeholder: {
+      type: String,
+      value: "",
+    },
+    // 最大输入长度
+    maxlength: {
+      type: Number,
+      value: -1,
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 获取值
+    getValue(e: any) {
+      this.triggerEvent("getValue", e.detail.value);
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+.jmash-textarea {
+  background-color: $white-color;
+  border-radius: 10rpx;
+  padding: 30rpx;
+  box-sizing: border-box;
+  margin: 20rpx 30rpx 0;
+  width: 690rpx;
+
+  .jmash-textarea-input {
+    height: 200rpx;
+    width: 100%;
+    font-size: 28rpx;
+    font-weight: 400;
+    color: $font-color;
+  }
+
+  .jmash-textarea-placeholder {
+    font-size: 28rpx;
+    font-weight: 400;
+    color: $font-color-grey-opacity;
+  }
+
+  .jmash-textarea-length {
+    font-size: 24rpx;
+    font-weight: 400;
+    color: $font-color;
+    text-align: right;
+  }
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>