@uxda/appkit 4.1.46 → 4.1.50

package/dist/appkit.css

@@ -393,7 +393,8 @@
   align-items: center;
   padding: 0 10px;
   border-radius: 0px;
-  box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1); /* 上边框阴影 */
+  box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1);
+  /* 上边框阴影 */
 }
 .recharge-view2 .amount-footer .buy-amount .left {
   width: 70%;

package/dist/index.js

@@ -1836,6 +1836,32 @@ var script$x = /* @__PURE__ */ defineComponent({
 
 script$x.__file = "src/payment/components/RightsPicker.vue";
 
+function useAmount() {
+  function limitDecimal(value, precision = 1) {
+    if (!value) return value;
+    value = String(value);
+    if (value.includes(".")) {
+      value = value.slice(0, value.indexOf(".") + (precision + 1));
+    }
+    value = value.replace(/[^0-9.]/g, "");
+    value = value.replace(/\.{2,}/g, ".");
+    return value;
+  }
+  function formatAmount(value, digits = 2) {
+    if (!value) {
+      return "0";
+    }
+    return value.toLocaleString("en-US", {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: digits
+    });
+  }
+  return {
+    limitDecimal,
+    formatAmount
+  };
+}
+
 const _hoisted_1$t = { class: "view recharge-view2" };
 const _hoisted_2$k = { class: "flex-grow" };
 const _hoisted_3$f = {
@@ -1873,6 +1899,7 @@ var script$w = /* @__PURE__ */ defineComponent({
   emits: ["complete", "agree"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const { formatAmount } = useAmount();
     const emit = __emit;
     const state = reactive({
       agreed: false,
@@ -1972,13 +1999,13 @@ var script$w = /* @__PURE__ */ defineComponent({
               !selectBean.value ? (openBlock(), createElementBlock(
                 "div",
                 _hoisted_5$a,
-                "\u4F59\u989D " + toDisplayString(balance.value),
+                "\u4F59\u989D " + toDisplayString(unref(formatAmount)(balance.value || 0)),
                 1
                 /* TEXT */
               )) : (openBlock(), createElementBlock(
                 "div",
                 _hoisted_6$5,
-                "\u6263\u51CF\u540E\u4F59\u989D " + toDisplayString((balance.value - amounts.value[state.selected].paymentAmount).toFixed(1)),
+                "\u6263\u51CF\u540E\u4F59\u989D " + toDisplayString(unref(formatAmount)(balance.value - amounts.value[state.selected].paymentAmount)),
                 1
                 /* TEXT */
               ))
@@ -1991,7 +2018,7 @@ var script$w = /* @__PURE__ */ defineComponent({
               createElementVNode(
                 "div",
                 _hoisted_7$5,
-                "-" + toDisplayString(amounts.value[state.selected].paymentAmount),
+                "-" + toDisplayString(unref(formatAmount)(amounts.value[state.selected].paymentAmount || 0)),
                 1
                 /* TEXT */
               ),
@@ -2031,7 +2058,7 @@ var script$w = /* @__PURE__ */ defineComponent({
                   /* HOISTED */
                 )),
                 createTextVNode(
-                  toDisplayString(currentAmount.value),
+                  toDisplayString(unref(formatAmount)(currentAmount.value)),
                   1
                   /* TEXT */
                 )
@@ -2068,21 +2095,21 @@ var script$w = /* @__PURE__ */ defineComponent({
                 createElementVNode(
                   "div",
                   _hoisted_14$2,
-                  "\u4E91\u8C46\u6263\u51CF\uFF1A" + toDisplayString(amounts.value[state.selected].paymentAmount),
+                  "\u4E91\u8C46\u6263\u51CF\uFF1A" + toDisplayString(unref(formatAmount)(amounts.value[state.selected].paymentAmount || 0)),
                   1
                   /* TEXT */
                 ),
                 createElementVNode(
                   "div",
                   _hoisted_15$2,
-                  "\u6743\u76CA\u589E\u52A0\uFF1A" + toDisplayString(amounts.value[state.selected].priceRightNum) + "\u7B14",
+                  "\u6743\u76CA\u589E\u52A0\uFF1A" + toDisplayString(unref(formatAmount)(amounts.value[state.selected].priceRightNum || 0)) + "\u7B14",
                   1
                   /* TEXT */
                 ),
                 createElementVNode(
                   "div",
                   _hoisted_16$2,
-                  "\u6263\u51CF\u540E\u4E91\u8C46\u4F59\u989D\uFF1A" + toDisplayString((balance.value - amounts.value[state.selected].paymentAmount).toFixed(1)),
+                  "\u6263\u51CF\u540E\u4E91\u8C46\u4F59\u989D\uFF1A" + toDisplayString(unref(formatAmount)(balance.value - amounts.value[state.selected].paymentAmount)),
                   1
                   /* TEXT */
                 )
@@ -2131,6 +2158,7 @@ var script$v = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const { formatAmount } = useAmount();
     const balance = ref({
       total: 0,
       privileges: []
@@ -2176,7 +2204,7 @@ var script$v = /* @__PURE__ */ defineComponent({
               createElementVNode(
                 "div",
                 _hoisted_5$9,
-                toDisplayString(balance.value.total || 0),
+                toDisplayString(unref(formatAmount)(balance.value.total || 0)),
                 1
                 /* TEXT */
               )
@@ -2691,6 +2719,7 @@ var script$p = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     ref(false);
     const props = __props;
+    const { formatAmount } = useAmount();
     const emit = __emit;
     const filterOpen = ref(false);
     const rulesPopupOpen = ref(false);
@@ -2904,7 +2933,7 @@ var script$p = /* @__PURE__ */ defineComponent({
                   createElementVNode(
                     "div",
                     _hoisted_6$4,
-                    toDisplayString(balance.value.total || 0),
+                    toDisplayString(unref(formatAmount)(balance.value.total || 0)),
                     1
                     /* TEXT */
                   ),
@@ -2936,7 +2965,7 @@ var script$p = /* @__PURE__ */ defineComponent({
                           createElementVNode(
                             "span",
                             null,
-                            toDisplayString(item.count),
+                            toDisplayString(unref(formatAmount)(item.count || 0)),
                             1
                             /* TEXT */
                           ),
@@ -2999,7 +3028,7 @@ var script$p = /* @__PURE__ */ defineComponent({
                         createElementVNode(
                           "div",
                           _hoisted_15$1,
-                          toDisplayString(item.count) + toDisplayString(item.unit),
+                          toDisplayString(unref(formatAmount)(item.count || 0)) + toDisplayString(item.unit),
                           1
                           /* TEXT */
                         ),
@@ -3447,6 +3476,10 @@ var script$m = /* @__PURE__ */ defineComponent({
           {
             label: "\u5151\u6362",
             value: "exchange"
+          },
+          {
+            label: "\u8FD4\u4F63",
+            value: "rebate"
           }
         ]
       }
@@ -3634,6 +3667,7 @@ var script$k = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const { formatAmount } = useAmount();
     const tab = ref("person");
     const promoter = ref({
       total: 0,
@@ -3696,7 +3730,7 @@ var script$k = /* @__PURE__ */ defineComponent({
           createElementVNode(
             "div",
             _hoisted_3$8,
-            toDisplayString(promoter.value.balance),
+            toDisplayString(unref(formatAmount)(promoter.value.balance || 0)),
             1
             /* TEXT */
           ),
@@ -3728,13 +3762,13 @@ var script$k = /* @__PURE__ */ defineComponent({
             _cache[8] || (_cache[8] = createElementVNode(
               "div",
               { class: "promoter-card-ft-info" },
-              "\u9500\u552E\u7D2F\u8BA1\u6536\u76CA(\u7B14)",
+              "\u9500\u552E\u7D2F\u8BA1\u6536\u76CA(\u5143)",
               -1
               /* HOISTED */
             )),
             createElementVNode("div", _hoisted_5$5, [
               createTextVNode(
-                toDisplayString(promoter.value.totalIncome) + " ",
+                toDisplayString(unref(formatAmount)(promoter.value.totalIncome || 0)) + " ",
                 1
                 /* TEXT */
               ),
@@ -3766,7 +3800,7 @@ var script$k = /* @__PURE__ */ defineComponent({
             )),
             createElementVNode("div", _hoisted_7$3, [
               createTextVNode(
-                toDisplayString(promoter.value.totalRebateIncome) + " ",
+                toDisplayString(unref(formatAmount)(promoter.value.totalRebateIncome || 0)) + " ",
                 1
                 /* TEXT */
               ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxda/appkit",
-  "version": "4.1.46",
+  "version": "4.1.50",
   "description": "小程序应用开发包",
   "main": "dist/index.js",
   "module": "dist/index.ts",

package/src/balance/components/AccountView.vue

@@ -16,7 +16,7 @@
           <div class="rule" @click="rulesPopupOpen = true">规则说明</div>
         </div>
         <div class="bean-counts spa-between">
-          <div class="counts number">{{ balance.total || 0 }}</div>
+          <div class="counts number">{{ formatAmount(balance.total || 0) }}</div>
           <div class="pay" @click="gotoRecharge">云豆充值</div>
         </div>
       </div>
@@ -26,7 +26,7 @@
         <div class="list">
           <div class="item star-item" v-for="(item, index) in balance.privileges.corporateStar" :key="index">
             <div class="item-count">
-              <span>{{ item.count }}</span><span>{{ item.unit }}</span>
+              <span>{{ formatAmount(item.count || 0) }}</span><span>{{ item.unit }}</span>
             </div>
             <div class="item-title">
               <div>{{ item.title }}</div>
@@ -42,7 +42,7 @@
         <div class="title">AI审批权益</div>
         <div class="list">
           <div class="item" v-for="(item, index) in balance.privileges.aiapprove" :key="index">
-            <div class="item-count">{{ item.count }}{{ item.unit }}</div>
+            <div class="item-count">{{ formatAmount(item.count || 0) }}{{ item.unit }}</div>
             <div class="item-title">{{ item.title }}</div>
           </div>
         </div>
@@ -130,6 +130,7 @@ import dayjs from 'dayjs'
 import EmptyView from '../../shared/components/EmptyView.vue'
 import Tip from './Tip.vue'
 import groupBy from 'lodash/groupBy'
+import { useAmount } from '../../shared/composables/useAmount'
 
 const refreshing = ref(false)
 
@@ -140,6 +141,7 @@ const props = withDefaults(defineProps<AccountViewProps>(), {
   app: '',
 })
 
+const { formatAmount } = useAmount()
 const emit = defineEmits(['recharge', 'trade'])
 
 const filterOpen = ref<boolean>(false)

package/src/balance/components/BalanceCard.vue

@@ -9,7 +9,7 @@
             </div>
             <span class="baan-name">云豆</span>
           </div>
-          <div class="bean-nums number">{{ balance.total || 0 }}</div>
+          <div class="bean-nums number">{{ formatAmount(balance.total || 0) }}</div>
         </div>
         <div class="card-row-right">
           <div class="account-info-entry" @click="gotoDetail">
@@ -43,6 +43,7 @@ import { ref } from 'vue'
 import { endpoints, useHttp } from '../api'
 import { Balance } from '../types'
 import { useDidShow } from '@tarojs/taro'
+import { useAmount } from '../../shared/composables/useAmount'
 
 type BalanceCardProps = {
   app: string
@@ -51,6 +52,7 @@ const props = withDefaults(defineProps<BalanceCardProps>(), {
   app: '',
 })
 
+const { formatAmount } = useAmount()
 const balance = ref<Balance>({
   total: 0,
   privileges: [],

package/src/balance/components/ListFilterPicker.vue

@@ -71,6 +71,10 @@ const filterSections = ref<FilterSecion[]>([
       {
         label: '兑换',
         value: 'exchange'
+      },
+      {
+        label: '返佣',
+        value: 'rebate'
       }
     ]
   },

package/src/balance/components/PromoterCard.vue

@@ -6,15 +6,15 @@
     </div>
     <div class="promoter-card-hd" @click="emits('blance', tab)"
       v-if="applyRecord.distributorFlag === 'Y' || applyRecord.accessCheckStatus === 'Y'">
-      <div class="promoter-card-hd-num">{{ promoter.balance }}</div>
+      <div class="promoter-card-hd-num">{{ formatAmount(promoter.balance || 0) }}</div>
       <div class="promoter-card-hd-info">可提现余额(元)</div>
       <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
     </div>
     <div class="promoter-card-ft">
       <div class="promoter-card-ft-item" v-if="applyRecord.accessCheckStatus === 'Y'" @click="emits('profits', tab)">
-        <div class="promoter-card-ft-info">销售累计收益(笔)</div>
+        <div class="promoter-card-ft-info">销售累计收益(元)</div>
         <div class="promoter-card-ft-num">
-          {{ promoter.totalIncome }}
+          {{ formatAmount(promoter.totalIncome || 0) }}
           <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
         </div>
       </div>
@@ -23,7 +23,7 @@
       <div class="promoter-card-ft-item" @click="emits('rebate', tab)" v-if="applyRecord.distributorFlag === 'Y'">
         <div class="promoter-card-ft-info">返佣累计收益(元)</div>
         <div class="promoter-card-ft-num">
-          {{ promoter.totalRebateIncome }}
+          {{ formatAmount(promoter.totalRebateIncome || 0) }}
           <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
         </div>
       </div>
@@ -36,6 +36,7 @@ import { ref, watch } from 'vue'
 import { endpoints, useHttp } from '../api'
 import { Promoter } from '../types'
 import { useDidShow } from '@tarojs/taro'
+import { useAmount } from '../../shared/composables/useAmount'
 
 type PromoterCardProps = {
   useCase: string
@@ -48,6 +49,7 @@ const props = withDefaults(defineProps<PromoterCardProps>(), {
   isAdmin: true
 })
 
+const { formatAmount } = useAmount()
 const tab = ref('person')
 
 const promoter = ref<Promoter>({

package/src/payment/components/TradeView.vue

@@ -1,44 +1,42 @@
 <template>
   <view class="view recharge-view2">
     <view class="flex-grow">
-      <rights-picker :items="amounts"
-        :selected="state.selected"
-        @change="onAmountSelect" />
+      <rights-picker :items="amounts" :selected="state.selected" @change="onAmountSelect" />
       <div class="bean-buy" v-if="amounts[state.selected]">
         <div class="left">
           <div class="title">使用云豆支付</div>
-          <div class="amount" v-if="!selectBean">余额 {{balance}}</div>
-          <div class="amount" v-else>扣减后余额 {{(balance - amounts[state.selected].paymentAmount).toFixed(1)}}</div>
+          <div class="amount" v-if="!selectBean">余额 {{ formatAmount(balance || 0) }}</div>
+          <div class="amount" v-else>扣减后余额 {{ formatAmount(balance - amounts[state.selected].paymentAmount) }}</div>
         </div>
         <div class="right" v-if="balance >= amounts[state.selected].paymentAmount" @click="selectBean = !selectBean">
-          <div class="amount">-{{ amounts[state.selected].paymentAmount }}</div>
-          <img class="icon" :src="selectBean ? 'https://cdn.ddjf.com/static/images/appkit/select.svg' : 'https://cdn.ddjf.com/static/images/appkit/not-select.svg'" />
+          <div class="amount">-{{ formatAmount(amounts[state.selected].paymentAmount || 0) }}</div>
+          <img class="icon"
+            :src="selectBean ? 'https://cdn.ddjf.com/static/images/appkit/select.svg' : 'https://cdn.ddjf.com/static/images/appkit/not-select.svg'" />
         </div>
-      </div>  
+      </div>
     </view>
     <view class="amount-footer">
       <view class="agreement" v-if="!selectBean">
-        <nut-checkbox v-model="state.agreed">我已阅读并同意<a class="link inline" @click="onAgreementLinkClick">《大道云平台云豆充值服务协议》</a></nut-checkbox>
+        <nut-checkbox v-model="state.agreed">我已阅读并同意<a class="link inline"
+            @click="onAgreementLinkClick">《大道云平台云豆充值服务协议》</a></nut-checkbox>
       </view>
       <div class="buy-amount">
         <div class="left">
           待支付：
           <span class="amount">
-            <i>￥</i>{{ currentAmount }}
+            <i>￥</i>{{ formatAmount(currentAmount) }}
           </span>
         </div>
-        <nut-button block
-        shape="square"
-        :loading="state.buttonLoading"
-        @click="onPayClick"
-        class="recharge-button">购买</nut-button>
+        <nut-button block shape="square" :loading="state.buttonLoading" @click="onPayClick"
+          class="recharge-button">购买</nut-button>
       </div>
     </view>
-    <nut-dialog title="确认购买" custom-class="trade-dialog" v-model:visible="showDialog" @cancel="showDialog = !showDialog" @ok="beanPay" >
+    <nut-dialog title="确认购买" custom-class="trade-dialog" v-model:visible="showDialog" @cancel="showDialog = !showDialog"
+      @ok="beanPay">
       <template v-if="amounts[state.selected]">
-        <div class="item">云豆扣减：{{ amounts[state.selected].paymentAmount }}</div>
-        <div class="item">权益增加：{{ amounts[state.selected].priceRightNum }}笔</div>
-        <div class="item">扣减后云豆余额：{{ (balance - amounts[state.selected].paymentAmount).toFixed(1) }}</div>
+        <div class="item">云豆扣减：{{ formatAmount(amounts[state.selected].paymentAmount || 0) }}</div>
+        <div class="item">权益增加：{{ formatAmount(amounts[state.selected].priceRightNum || 0) }}笔</div>
+        <div class="item">扣减后云豆余额：{{ formatAmount(balance - amounts[state.selected].paymentAmount) }}</div>
       </template>
     </nut-dialog>
   </view>
@@ -50,6 +48,7 @@ import RightsPicker, { Amount } from './RightsPicker.vue'
 import { endpoints, useHttp } from '../api'
 import { requestPaymentByBean } from '../services'
 import Taro from '@tarojs/taro'
+import { useAmount } from '../../shared/composables/useAmount'
 
 // 充值用户界面
 // 配置了必须的属性后
@@ -71,9 +70,10 @@ export interface RechargeViewProps {
 }
 
 const props = defineProps<RechargeViewProps>()
+const { formatAmount } = useAmount()
 
 const emit = defineEmits<{
-  (event: 'complete', value: {result: boolean, type: string}): void,
+  (event: 'complete', value: { result: boolean, type: string }): void,
   (event: 'agree'): void,
 }>()
 
@@ -101,7 +101,7 @@ const onAmountSelect = (selected: number) => {
   selectBean.value = false
 }
 
-const currentAmount = computed(()=>{
+const currentAmount = computed(() => {
   return amounts.value[state.selected] && !selectBean.value ? amounts.value[state.selected].paymentAmount : 0
 })
 
@@ -115,13 +115,13 @@ onMounted(() => {
 
 // 云豆支付
 const showDialog = ref<boolean>(false)
-async function beanPay(){
+async function beanPay() {
   const $http = useHttp()
-  $http.post( `/payment/paymentCaseConfig/purchase/${amounts.value[state.selected].id}`).then((response: any) => {
+  $http.post(`/payment/paymentCaseConfig/purchase/${amounts.value[state.selected].id}`).then((response: any) => {
     if (response) {
       showDialog.value = false
-      emit('complete', {result: response, type: 'bean'})
-    }else {
+      emit('complete', { result: response, type: 'bean' })
+    } else {
       Taro.showToast({
         title: response.message,
         icon: 'none',
@@ -133,11 +133,11 @@ async function beanPay(){
 
 const onPayClick = () => {
   // 用云豆支付
-  if(selectBean.value){
+  if (selectBean.value) {
     showDialog.value = true
-    return 
+    return
   }
-  
+
   // 微信支付
   if (!selectBean.value && !state.agreed) {
     Taro.showToast({
@@ -148,7 +148,7 @@ const onPayClick = () => {
   }
   state.buttonLoading = true
   wx.login({
-    success ({code}: {code: string}) {
+    success({ code }: { code: string }) {
       requestPaymentByBean({
         caseConfigId: amounts.value[state.selected].id,
         amount: amounts.value[state.selected].paymentAmount,
@@ -158,7 +158,7 @@ const onPayClick = () => {
       }).then(result => {
         state.buttonLoading = false
         if (result) {
-          emit('complete', {result: true, type: 'wePay'})
+          emit('complete', { result: true, type: 'wePay' })
         }
       })
     }
@@ -171,10 +171,12 @@ const onPayClick = () => {
   height: 100%;
   display: flex;
   flex-direction: column;
+
   .flex-grow {
     flex-grow: 1;
   }
-  .bean-buy{
+
+  .bean-buy {
     margin: 0 15px;
     padding: 10px;
     background: #FFFBF3;
@@ -182,16 +184,18 @@ const onPayClick = () => {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    .left{
-      .title{
-        color:#FD6701;
+
+    .left {
+      .title {
+        color: #FD6701;
         font-size: 14px;
         font-weight: 600;
-        line-height: 20px; 
+        line-height: 20px;
         margin-bottom: 6px;
       }
-      .amount{
-        color:#353535;
+
+      .amount {
+        color: #353535;
         font-size: 13px;
         line-height: 16px;
         background-image: url('https://cdn.ddjf.com/static/images/appkit/yundou.png');
@@ -200,16 +204,19 @@ const onPayClick = () => {
         padding-left: 24px;
       }
     }
-    .right{
+
+    .right {
       display: flex;
       align-items: center;
-      .amount{
-        color:#353535;
+
+      .amount {
+        color: #353535;
         font-size: 15px;
         line-height: 20px;
         margin-right: 10px;
       }
-      .icon{
+
+      .icon {
         display: block;
         width: 16px;
         height: 16px;
@@ -217,9 +224,11 @@ const onPayClick = () => {
       }
     }
   }
+
   .amount-footer {
     padding: 10px 0;
     padding-bottom: 20px;
+
     .agreement {
       font-size: 12px;
       display: flex;
@@ -227,27 +236,33 @@ const onPayClick = () => {
       align-items: cebter;
       height: 40px;
     }
-    .buy-amount{
+
+    .buy-amount {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 0 10px;
       border-radius: 0px;
-      box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1); /* 上边框阴影 */
-      .left{
+      box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1);
+
+      /* 上边框阴影 */
+      .left {
         width: 70%;
-        color:#353535;
+        color: #353535;
         font-size: 13px;
-        .amount{
-          color:#FD6701;
+
+        .amount {
+          color: #FD6701;
           font-size: 20px;
           font-weight: 600;
-          i{
+
+          i {
             font-size: 14px;
             font-style: normal;
           }
         }
       }
+
       .recharge-button {
         background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
         color: #353535;
@@ -257,36 +272,43 @@ const onPayClick = () => {
         flex: 1;
       }
     }
+
     .nut-checkbox {
       line-height: 40px;
     }
+
     .nut-checkbox__label {
       margin-left: 8px;
       flex: flex;
       font-size: 12px;
     }
+
     .link {
       display: inline;
       color: #FD6701;
     }
   }
 }
-.trade-dialog{
-  .nut-dialog__header{
+
+.trade-dialog {
+  .nut-dialog__header {
     font-size: 16px;
     color: #262626
   }
-  .item{
+
+  .item {
     font-size: 14px;
-    color:#666666;
+    color: #666666;
     line-height: 21px;
   }
-  .nut-dialog__footer-cancel{
+
+  .nut-dialog__footer-cancel {
     color: #353535 !important;
     border-color: #CCCCCC !important;
   }
+
   .nut-dialog__footer-ok {
-    border:none;
+    border: none;
     color: #353535;
     background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
   }

package/src/shared/composables/useAmount.ts

@@ -0,0 +1,46 @@
+/**
+ * 金额通用方法
+ */
+
+export function useAmount() {
+  /**
+   * 限制数字小数位
+   */
+  function limitDecimal(value, precision = 1) {
+    if (!value) return value
+
+    value = String(value)
+
+    // 限制最多precision位小数
+    if (value.includes('.')) {
+      value = value.slice(0, value.indexOf('.') + (precision + 1))
+    }
+
+    // 移除非数字字符
+    value = value.replace(/[^0-9.]/g, '')
+
+    // 防止出现多个小数点
+    value = value.replace(/\.{2,}/g, '.')
+
+    return value
+  }
+
+  /**
+   * 格式化金额
+   */
+  function formatAmount(value: string | number, digits = 2) {
+    if (!value) {
+      return '0'
+    }
+
+    return value.toLocaleString('en-US', {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: digits,
+    })
+  }
+
+  return {
+    limitDecimal,
+    formatAmount,
+  }
+}

package/src/shared/composables/useValidator.ts

@@ -5,7 +5,7 @@ import { isMobilePhone, isIdentityCard } from 'validator'
 
 export function useValidator() {
   // 身份证号码校验
-  function certNoValidator(value: unknown) {
+  function certNoValidator(value: string) {
     if (!value) {
       return '请输入身份证号'
     } else if (!isIdentityCard(value, 'zh-CN')) {
@@ -15,7 +15,7 @@ export function useValidator() {
   }
 
   // 电话号码校验
-  function phoneValidator(value: unknown) {
+  function phoneValidator(value: string) {
     if (!value) {
       return '请输入手机号码'
     } else if (!isMobilePhone(value, 'zh-CN')) {