jmash-core-mp 0.1.21 → 0.1.22

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

@@ -1,112 +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>
+<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-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,82 +1,82 @@
-<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 }};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: "暂无数据"
-    },
-    // 图片的宽
-    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 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>
+<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 }};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: "暂无数据"
+    },
+    // 图片的宽
+    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 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>