jmash-core-mp 0.1.21 → 0.1.22

package/src/components/common/jmash-single-btn.mpx

@@ -1,54 +1,54 @@
-<template>
-    <button bind:tap="onClick" class="auth-btn" style="{{ buttonStyle }}" disabled="{{ disabled }}">
-        {{ text }}
-    </button>
-</template>
-
-<script lang="ts">
-import { createComponent } from "@mpxjs/core";
-
-createComponent({
-    properties: {
-        // 文本
-        text: {
-            type: String,
-            value: ""
-        },
-        // 禁用
-        disabled: {
-            type: Boolean,
-            value: false
-        },
-        // 按钮的样式（包括字体颜色，背景色等）
-        buttonStyle: {
-            type: String,
-            value: "background-color: #2563EB;color: #fff;"
-        }
-    },
-    methods: {
-        onClick() {
-            this.triggerEvent("click", null, {});
-        }
-    }
-})
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-.auth-btn {
-    font-size: 32rpx;
-    width: $width !important;
-
-    &::after {
-        border: none;
-    }
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {}
-}
+<template>
+    <button bind:tap="onClick" class="auth-btn" style="{{ buttonStyle }}" disabled="{{ disabled }}">
+        {{ text }}
+    </button>
+</template>
+
+<script lang="ts">
+import { createComponent } from "@mpxjs/core";
+
+createComponent({
+    properties: {
+        // 文本
+        text: {
+            type: String,
+            value: ""
+        },
+        // 禁用
+        disabled: {
+            type: Boolean,
+            value: false
+        },
+        // 按钮的样式（包括字体颜色，背景色等）
+        buttonStyle: {
+            type: String,
+            value: "background-color: #2563EB;color: #fff;"
+        }
+    },
+    methods: {
+        onClick() {
+            this.triggerEvent("click", null, {});
+        }
+    }
+})
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+.auth-btn {
+    font-size: 32rpx;
+    width: $width !important;
+
+    &::after {
+        border: none;
+    }
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {}
+}
 </script>

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

@@ -1,214 +1,214 @@
-<template>
-  <!-- 步进器-选择数量 -->
-  <view class="stepper">
-    <!-- 减少按钮 -->
-    <view class="stepper-btn {{ disabled || decDisabled ? 'disabled' : '' }}"
-      bind:tap="{{ disabled || decDisabled ? '' : 'handleDecrement' }}">
-      <text class="stepper-symbol">-</text>
-    </view>
-
-    <!-- 数量输入框 -->
-    <input class="stepper-input" type="number" value="{{ quantity + '' }}" disabled="{{ disabled }}"
-      bind:input="handleInput" />
-
-    <!-- 增加按钮 -->
-    <view class="stepper-btn {{ disabled || incDisabled ? 'disabled' : '' }}"
-      bind:tap="{{ disabled || incDisabled ? '' : 'handleIncrement' }}">
-      <text class="stepper-symbol">+</text>
-    </view>
-  </view>
-</template>
-
-<script lang="ts">
-import { createComponent, ref } from "@mpxjs/core";
-import { EventBase } from "../../api/types";
-
-createComponent({
-  options: {
-    styleIsolation: "apply-shared"
-  },
-  properties: {
-    // 最大数（-1表示无限制）
-    maxNum: {
-      type: Number,
-      value: -1
-    },
-    // 最小数
-    minNum: {
-      type: Number,
-      value: 0
-    },
-    // 初始值
-    value: {
-      type: Number,
-      value: 1,
-      observer() {
-        this.quantity = this.value;
-      },
-    },
-    // 是否禁用按钮
-    disabled: {
-      type: Boolean,
-      value: false
-    },
-    // 步长
-    step: {
-      type: Number,
-      value: 1
-    }
-  },
-  setup() {
-    // 数量
-    let quantity = ref(1);
-    // 减少按钮是否禁用
-    let decDisabled = ref(false);
-    // 增加按钮是否禁用
-    let incDisabled = ref(false);
-
-    return { quantity, decDisabled, incDisabled }
-  },
-  lifetimes: {
-    ready() {
-      // 初始化数量
-      this.initQuantity();
-    }
-  },
-  methods: {
-    // 初始化数量，并设置按钮禁用状态
-    initQuantity() {
-      const initValue = this.value;
-      // 处理初始值无效的情况
-      if (initValue === null || initValue === undefined) {
-        this.quantity = 1;
-        this.decDisabled = false;
-        this.incDisabled = false;
-        return;
-      }
-      // 确保初始值在 [minNum, maxNum] 范围内
-      if (initValue < this.minNum) {
-        this.quantity = this.minNum;
-      } else if (this.maxNum >= 0 && initValue > this.maxNum) {
-        this.quantity = this.maxNum;
-      } else {
-        this.quantity = initValue;
-      }
-      // 更新按钮禁用状态
-      this.updateButtonStatus();
-    },
-
-    // 更新按钮禁用状态
-    updateButtonStatus() {
-      // 减少按钮：当数量等于最小值时禁用
-      this.decDisabled = this.quantity <= this.minNum;
-      // 增加按钮：当数量等于最大值（且有限制）时禁用
-      this.incDisabled = this.maxNum >= 0 && this.quantity >= this.maxNum;
-    },
-
-    // 减少数量，并更新按钮状态
-    handleDecrement() {
-      // 已达到最小值，不执行减少操作
-      if (this.quantity <= this.minNum) {
-        this.decDisabled = true;
-        return;
-      }
-      this.quantity -= this.step;
-      // 确保数量不小于最小值
-      if (this.quantity < this.minNum) {
-        this.quantity = this.minNum;
-      }
-      // 更新按钮禁用状态
-      this.updateButtonStatus();
-      this.triggerEvent("quantity", this.quantity);
-    },
-
-    // 增加数量，并更新按钮状态
-    handleIncrement() {
-      // 已达到最大值（且有限制），不执行增加操作
-      if (this.maxNum >= 0 && this.quantity >= this.maxNum) {
-        this.incDisabled = true;
-        return;
-      }
-      this.quantity += this.step;
-      // 确保数量不超过最大值（如果有限制）
-      if (this.maxNum >= 0 && this.quantity > this.maxNum) {
-        this.quantity = this.maxNum;
-      }
-      // 更新按钮禁用状态
-      this.updateButtonStatus();
-      this.triggerEvent("quantity", this.quantity);
-    },
-
-    // 输入数量处理
-    handleInput(e: EventBase) {
-      // 将输入值转为数字，无效输入默认为 1
-      let value = parseInt(e.detail.value) || 1;
-      // 确保输入值在 [minNum, maxNum] 范围内
-      if (value < this.minNum) {
-        value = this.minNum;
-      } else if (this.maxNum >= 0 && value > this.maxNum) {
-        value = this.maxNum;
-      }
-      this.quantity = value;
-      // 更新按钮禁用状态
-      this.updateButtonStatus();
-      this.triggerEvent("quantity", this.quantity);
-    }
-  }
-})
-</script>
-
-<style lang="scss">
-.stepper {
-  display: inline-flex;
-  align-items: center;
-  gap: 2rpx;
-  border-radius: 8rpx;
-  overflow: hidden;
-}
-
-// 步进器按钮
-.stepper-btn {
-  width: 56rpx;
-  height: 56rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #f5f5f5;
-  user-select: none;
-  transition: opacity 0.2s;
-
-  &.disabled {
-    opacity: 0.5;
-    pointer-events: none;
-  }
-
-  // 步进器符号
-  .stepper-symbol {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 28rpx;
-    color: #333;
-  }
-}
-
-// 数量输入框
-.stepper-input {
-  width: 80rpx;
-  height: 56rpx;
-  text-align: center;
-  font-size: 28rpx;
-  color: #333;
-  background-color: #f5f5f5;
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-</style>
-
-<script type="application/json">
-  {
-    "component": true,
-    "usingComponents": {}
-  }
-</script>
+<template>
+  <!-- 步进器-选择数量 -->
+  <view class="stepper">
+    <!-- 减少按钮 -->
+    <view class="stepper-btn {{ disabled || decDisabled ? 'disabled' : '' }}"
+      bind:tap="{{ disabled || decDisabled ? '' : 'handleDecrement' }}">
+      <text class="stepper-symbol">-</text>
+    </view>
+
+    <!-- 数量输入框 -->
+    <input class="stepper-input" type="number" value="{{ quantity + '' }}" disabled="{{ disabled }}"
+      bind:input="handleInput" />
+
+    <!-- 增加按钮 -->
+    <view class="stepper-btn {{ disabled || incDisabled ? 'disabled' : '' }}"
+      bind:tap="{{ disabled || incDisabled ? '' : 'handleIncrement' }}">
+      <text class="stepper-symbol">+</text>
+    </view>
+  </view>
+</template>
+
+<script lang="ts">
+import { createComponent, ref } from "@mpxjs/core";
+import { EventBase } from "../../api/types";
+
+createComponent({
+  options: {
+    styleIsolation: "apply-shared"
+  },
+  properties: {
+    // 最大数（-1表示无限制）
+    maxNum: {
+      type: Number,
+      value: -1
+    },
+    // 最小数
+    minNum: {
+      type: Number,
+      value: 0
+    },
+    // 初始值
+    value: {
+      type: Number,
+      value: 1,
+      observer() {
+        this.quantity = this.value;
+      },
+    },
+    // 是否禁用按钮
+    disabled: {
+      type: Boolean,
+      value: false
+    },
+    // 步长
+    step: {
+      type: Number,
+      value: 1
+    }
+  },
+  setup() {
+    // 数量
+    let quantity = ref(1);
+    // 减少按钮是否禁用
+    let decDisabled = ref(false);
+    // 增加按钮是否禁用
+    let incDisabled = ref(false);
+
+    return { quantity, decDisabled, incDisabled }
+  },
+  lifetimes: {
+    ready() {
+      // 初始化数量
+      this.initQuantity();
+    }
+  },
+  methods: {
+    // 初始化数量，并设置按钮禁用状态
+    initQuantity() {
+      const initValue = this.value;
+      // 处理初始值无效的情况
+      if (initValue === null || initValue === undefined) {
+        this.quantity = 1;
+        this.decDisabled = false;
+        this.incDisabled = false;
+        return;
+      }
+      // 确保初始值在 [minNum, maxNum] 范围内
+      if (initValue < this.minNum) {
+        this.quantity = this.minNum;
+      } else if (this.maxNum >= 0 && initValue > this.maxNum) {
+        this.quantity = this.maxNum;
+      } else {
+        this.quantity = initValue;
+      }
+      // 更新按钮禁用状态
+      this.updateButtonStatus();
+    },
+
+    // 更新按钮禁用状态
+    updateButtonStatus() {
+      // 减少按钮：当数量等于最小值时禁用
+      this.decDisabled = this.quantity <= this.minNum;
+      // 增加按钮：当数量等于最大值（且有限制）时禁用
+      this.incDisabled = this.maxNum >= 0 && this.quantity >= this.maxNum;
+    },
+
+    // 减少数量，并更新按钮状态
+    handleDecrement() {
+      // 已达到最小值，不执行减少操作
+      if (this.quantity <= this.minNum) {
+        this.decDisabled = true;
+        return;
+      }
+      this.quantity -= this.step;
+      // 确保数量不小于最小值
+      if (this.quantity < this.minNum) {
+        this.quantity = this.minNum;
+      }
+      // 更新按钮禁用状态
+      this.updateButtonStatus();
+      this.triggerEvent("quantity", this.quantity);
+    },
+
+    // 增加数量，并更新按钮状态
+    handleIncrement() {
+      // 已达到最大值（且有限制），不执行增加操作
+      if (this.maxNum >= 0 && this.quantity >= this.maxNum) {
+        this.incDisabled = true;
+        return;
+      }
+      this.quantity += this.step;
+      // 确保数量不超过最大值（如果有限制）
+      if (this.maxNum >= 0 && this.quantity > this.maxNum) {
+        this.quantity = this.maxNum;
+      }
+      // 更新按钮禁用状态
+      this.updateButtonStatus();
+      this.triggerEvent("quantity", this.quantity);
+    },
+
+    // 输入数量处理
+    handleInput(e: EventBase) {
+      // 将输入值转为数字，无效输入默认为 1
+      let value = parseInt(e.detail.value) || 1;
+      // 确保输入值在 [minNum, maxNum] 范围内
+      if (value < this.minNum) {
+        value = this.minNum;
+      } else if (this.maxNum >= 0 && value > this.maxNum) {
+        value = this.maxNum;
+      }
+      this.quantity = value;
+      // 更新按钮禁用状态
+      this.updateButtonStatus();
+      this.triggerEvent("quantity", this.quantity);
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+.stepper {
+  display: inline-flex;
+  align-items: center;
+  gap: 2rpx;
+  border-radius: 8rpx;
+  overflow: hidden;
+}
+
+// 步进器按钮
+.stepper-btn {
+  width: 56rpx;
+  height: 56rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #f5f5f5;
+  user-select: none;
+  transition: opacity 0.2s;
+
+  &.disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  // 步进器符号
+  .stepper-symbol {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 28rpx;
+    color: #333;
+  }
+}
+
+// 数量输入框
+.stepper-input {
+  width: 80rpx;
+  height: 56rpx;
+  text-align: center;
+  font-size: 28rpx;
+  color: #333;
+  background-color: #f5f5f5;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+</style>
+
+<script type="application/json">
+  {
+    "component": true,
+    "usingComponents": {}
+  }
+</script>

package/src/components/common/jmash-tab-bar.mpx

@@ -1,50 +1,50 @@
-<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: 'My',
-            pagePath: '/pages/tabbar/my',
-            icon: 'user'
-        },]
-    },
-    methods: {
-        clickHandler(tab) {
-            // console.log('tab was clicked', tab)
-            const target = this.tabs.find(item => item.value === tab.detail.value)
-            if (target) {
-                mpx.switchTab({
-                    url: target.pagePath
-                });
-            }
-        },
-        activeTab(value) {
-            // console.log('activeTab set value:', value)
-            this.selectedLabelDefault = value;
-        }
-    }
-})
-</script>
-<script type="application/json">
-{
-    "usingComponents": {
-        "cube-tab-bar": "@mpxjs/mpx-cube-ui/lib/components/tab-bar/index.mpx",
-        //   "cube-tab": "@mpxjs/mpx-cube-ui/lib/components/tab-bar/tab.mpx",
-        //  "cube-icon": "@mpxjs/mpx-cube-ui/lib/components/icon/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: 'My',
+            pagePath: '/pages/tabbar/my',
+            icon: 'user'
+        },]
+    },
+    methods: {
+        clickHandler(tab) {
+            // console.log('tab was clicked', tab)
+            const target = this.tabs.find(item => item.value === tab.detail.value)
+            if (target) {
+                mpx.switchTab({
+                    url: target.pagePath
+                });
+            }
+        },
+        activeTab(value) {
+            // console.log('activeTab set value:', value)
+            this.selectedLabelDefault = value;
+        }
+    }
+})
+</script>
+<script type="application/json">
+{
+    "usingComponents": {
+        "cube-tab-bar": "@mpxjs/mpx-cube-ui/lib/components/tab-bar/index.mpx",
+        //   "cube-tab": "@mpxjs/mpx-cube-ui/lib/components/tab-bar/tab.mpx",
+        //  "cube-icon": "@mpxjs/mpx-cube-ui/lib/components/icon/index.mpx"
+    }
+}
+</script>