@uxda/appkit 4.0.0 → 4.0.2

package/src/payment/api/endpoints.ts

@@ -1,104 +1,104 @@
-import { HttpEndpoints } from '../../shared/http'
-import { PaymentParams } from '../types'
-
-const endpointsList: HttpEndpoints = {
-  /**
-   * 获取充值套餐包列表
-   * (查询某应用某场景可充值的金额列表)
-   * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/getRechargeListUsingGET
-   */
-  获取充值金额列表: {
-    path: '/payment/outer/payment/getRechargeList',
-    translate: (data: any) => ({
-      appCode: data.app,
-      // caseCode: 'recharge', // 这个参数可以不要
-      tenantId: data.tenant
-    }),
-    transform: (data: any) => data.amountList.map((d: any) => ({
-      token: d.desc,
-      amount: d.amount
-    }))
-  },
-  /**
-   * 查询支付参数包
-   * (获取拉起微信支付用的JSON串)
-   * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/rechargePayUsingPOST
-   */
-  获取微信支付参数包: {
-    // {
-    //   "amount": 100,
-    //   "appCode": "crm",
-    //   "caseCode": "aiApproveRecharge",
-    //   "tenantId": "17454646",
-    //   "transFlowNo": "4343244",
-    //   "certificateNo": "o7k8L0QTqcwRIBKVUPzI7iPfghLM"
-    // }
-    path: '/payment/outer/payment/rechargePay',
-    translate: (params: PaymentParams) => ({
-      amount: params.amount,
-      appCode: params.app,
-      // caseCode: data.stage, 这个参数可以不传
-      tenantId: params.tenant,
-      // transFlowNo: '4343244', 这个参数可以不传
-      certificateNo: params.user,
-    }),
-    transform: (data: any) => {
-      let json = null
-      try {
-        json = JSON.parse(data.prePayStr)
-      } catch (e) {
-      }
-      return {
-        json, // 拉起微信支付用的JSON串
-        paymentId: data.payId // 查询用支付ID
-      }
-    }
-  },
-  获取权益微信支付: {
-    path: '/payment/outer/payment/valueExchangePay',
-    translate: (params: PaymentParams) => ({
-      caseConfigId: params.caseConfigId,
-      appCode: params.app,
-      tenantId: params.tenant,
-      amount: params.amount,
-      certificateNo: params.user,
-    }),
-    transform: (data: any) => {
-      let json = null
-      try {
-        json = JSON.parse(data.prePayStr)
-      } catch (e) {
-      }
-      return {
-        json, // 拉起微信支付用的JSON串
-        paymentId: data.payId // 查询用支付ID
-      }
-    }
-  },
-  获取增值权益类目: {
-    path: '/payment/paymentCaseConfig/getBalanceAndRiskQueryPriceConfig',
-    transform: (data: any) => data
-  },
-} as const
-
-const keys = Object.keys(endpointsList as any)
-
-type Keys = typeof keys[number]
-
-const endpoints: Record<Keys, string> = Object.fromEntries(
-  Object.entries(endpointsList).map(([name, def]) => [name, def.path])
-)
-
-const translates = Object.fromEntries(
-  Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
-)
-
-const transforms = Object.fromEntries(
-  Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
-)
-
-export {
-  endpoints,
-  translates,
-  transforms,
+import { HttpEndpoints } from '../../shared/http'
+import { PaymentParams } from '../types'
+
+const endpointsList: HttpEndpoints = {
+  /**
+   * 获取充值套餐包列表
+   * (查询某应用某场景可充值的金额列表)
+   * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/getRechargeListUsingGET
+   */
+  获取充值金额列表: {
+    path: '/payment/outer/payment/getRechargeList',
+    translate: (data: any) => ({
+      appCode: data.app,
+      // caseCode: 'recharge', // 这个参数可以不要
+      tenantId: data.tenant
+    }),
+    transform: (data: any) => data.amountList.map((d: any) => ({
+      token: d.desc,
+      amount: d.amount
+    }))
+  },
+  /**
+   * 查询支付参数包
+   * (获取拉起微信支付用的JSON串)
+   * http://ytech.dev.ddjf.info/payment/doc.html#/%E5%AE%A2%E6%88%B7%E5%9F%9FAPI/%E6%94%AF%E4%BB%98%E4%B8%AD%E5%BF%83-%E5%AF%B9%E5%A4%96%E6%8E%A5%E5%8F%A3/rechargePayUsingPOST
+   */
+  获取微信支付参数包: {
+    // {
+    //   "amount": 100,
+    //   "appCode": "crm",
+    //   "caseCode": "aiApproveRecharge",
+    //   "tenantId": "17454646",
+    //   "transFlowNo": "4343244",
+    //   "certificateNo": "o7k8L0QTqcwRIBKVUPzI7iPfghLM"
+    // }
+    path: '/payment/outer/payment/rechargePay',
+    translate: (params: PaymentParams) => ({
+      amount: params.amount,
+      appCode: params.app,
+      // caseCode: data.stage, 这个参数可以不传
+      tenantId: params.tenant,
+      // transFlowNo: '4343244', 这个参数可以不传
+      certificateNo: params.user,
+    }),
+    transform: (data: any) => {
+      let json = null
+      try {
+        json = JSON.parse(data.prePayStr)
+      } catch (e) {
+      }
+      return {
+        json, // 拉起微信支付用的JSON串
+        paymentId: data.payId // 查询用支付ID
+      }
+    }
+  },
+  获取权益微信支付: {
+    path: '/payment/outer/payment/valueExchangePay',
+    translate: (params: PaymentParams) => ({
+      caseConfigId: params.caseConfigId,
+      appCode: params.app,
+      tenantId: params.tenant,
+      amount: params.amount,
+      certificateNo: params.user,
+    }),
+    transform: (data: any) => {
+      let json = null
+      try {
+        json = JSON.parse(data.prePayStr)
+      } catch (e) {
+      }
+      return {
+        json, // 拉起微信支付用的JSON串
+        paymentId: data.payId // 查询用支付ID
+      }
+    }
+  },
+  获取增值权益类目: {
+    path: '/payment/paymentCaseConfig/getBalanceAndRiskQueryPriceConfig',
+    transform: (data: any) => data
+  },
+} as const
+
+const keys = Object.keys(endpointsList as any)
+
+type Keys = typeof keys[number]
+
+const endpoints: Record<Keys, string> = Object.fromEntries(
+  Object.entries(endpointsList).map(([name, def]) => [name, def.path])
+)
+
+const translates = Object.fromEntries(
+  Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
+)
+
+const transforms = Object.fromEntries(
+  Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
+)
+
+export {
+  endpoints,
+  translates,
+  transforms,
 }

package/src/payment/api/index.ts

@@ -1,71 +1,71 @@
-import Taro from '@tarojs/taro'
-import { HttpRequestConfig, ResponseRaw, createHttp } from '../../shared'
-import { translates, transforms } from './endpoints'
-import { useAppKitOptions } from '../../Appkit'
-
-/**
- * 小程序端 Http
- * 使用 Taro.request 实现
- */
-const vendor = {
-  async request<T>(config: HttpRequestConfig) {
-    return new Promise<ResponseRaw<T>>((resolve, reject) => {
-      Taro.request({
-        url: config.url,
-        method: config.method,
-        header: config.headers,
-        data: config.data,
-      })
-        .then(({ data }) => {
-          resolve({
-            status: data.code,
-            message: data.msg,
-            data: data.result as T,
-          })
-        })
-        .catch((e: any) => {
-          reject(e)
-        })
-    })
-  },
-}
-
-function useHttp() {
-  const appkitOptions = useAppKitOptions()
-  const headers = {
-    Token: appkitOptions.tempToken() || appkitOptions.token(),
-    Appcode: appkitOptions.app(),
-    cookie: `tid=${appkitOptions.tenant()}`,
-    gray: appkitOptions.gray ? appkitOptions.gray() : '0',
-  }
-  /**
-   * 传入配置获取 Http instanse
-   */
-  const $http = createHttp({
-    vendor,
-    baseUrl: appkitOptions.baseUrl(),
-    headers,
-    interceptors: [
-      (raw) => {
-        if (raw.status == 401) {
-          appkitOptions[401]()
-          return true
-        }
-        return false
-      },
-      (raw) => {
-        if (raw.status > 500 && raw.status != 1100028) {
-          return true
-        }
-        return false
-      },
-    ],
-    translates,
-    transforms,
-  })
-  return $http
-}
-
-export { useHttp }
-
-export * from './endpoints'
+import Taro from '@tarojs/taro'
+import { HttpRequestConfig, ResponseRaw, createHttp } from '../../shared'
+import { translates, transforms } from './endpoints'
+import { useAppKitOptions } from '../../Appkit'
+
+/**
+ * 小程序端 Http
+ * 使用 Taro.request 实现
+ */
+const vendor = {
+  async request<T>(config: HttpRequestConfig) {
+    return new Promise<ResponseRaw<T>>((resolve, reject) => {
+      Taro.request({
+        url: config.url,
+        method: config.method,
+        header: config.headers,
+        data: config.data,
+      })
+        .then(({ data }) => {
+          resolve({
+            status: data.code,
+            message: data.msg,
+            data: data.result as T,
+          })
+        })
+        .catch((e: any) => {
+          reject(e)
+        })
+    })
+  },
+}
+
+function useHttp() {
+  const appkitOptions = useAppKitOptions()
+  const headers = {
+    Token: appkitOptions.tempToken() || appkitOptions.token(),
+    Appcode: appkitOptions.app(),
+    cookie: `tid=${appkitOptions.tenant()}`,
+    gray: appkitOptions.gray ? appkitOptions.gray() : '0',
+  }
+  /**
+   * 传入配置获取 Http instanse
+   */
+  const $http = createHttp({
+    vendor,
+    baseUrl: appkitOptions.baseUrl(),
+    headers,
+    interceptors: [
+      (raw) => {
+        if (raw.status == 401) {
+          appkitOptions[401]()
+          return true
+        }
+        return false
+      },
+      (raw) => {
+        if (raw.status > 500 && raw.status != 1100028) {
+          return true
+        }
+        return false
+      },
+    ],
+    translates,
+    transforms,
+  })
+  return $http
+}
+
+export { useHttp }
+
+export * from './endpoints'

package/src/payment/components/AmountPicker.vue

@@ -1,94 +1,94 @@
-<template>
-  <nut-grid
-    class="amount-picker"
-    :column-num="3"
-    :gutter="10"
-    :border="false">
-    <nut-grid-item
-      class="tile"
-      v-for="(amount, index) in items"
-      :class="{selected: state.selected === index}"
-      @click="() => onGridItemClick(index)"
-      :key="index">
-      <h4 class="token-line number">{{ amount.token }}</h4>
-      <h5>¥<span class="number">{{ amount.amount }}</span></h5>
-    </nut-grid-item>
-  </nut-grid>
-</template>
-
-<script lang="ts" setup>
-import { reactive } from 'vue'
-
-// 充值金额选取
-
-type Amount = {
-  token: number,
-  amount: number
-}
-
-interface AmountPickerProps {
-  items: Amount[],
-  selected?: number
-}
-
-const emit = defineEmits<{
-  (event: 'change', selected: number): void
-}>()
-
-withDefaults(
-  defineProps<AmountPickerProps>(),
-  {
-    items: () => [],
-    selected: () => 0
-  }
-)
-
-const state = reactive({
-  selected: 0
-})
-
-const onGridItemClick = (index: number) => {
-  state.selected = index
-  emit('change', state.selected)
-}
-</script>
-
-<style lang="scss">
-.amount-picker {
-  padding: 14px 0 14px 14px;
-  .nut-grid-item__content {
-    border: solid 2px transparent;
-    background: linear-gradient(#f5f5f5, #f5f5f5) padding-box,
-      linear-gradient(to bottom, #cccccc88, #cccccc88) border-box;
-    border-radius: 5px;
-  }
-  .tile {
-    height: 80px;
-    &.selected {
-      .nut-grid-item__content {
-        background: linear-gradient(#FFF7E3, #FEFDE6) padding-box,
-          linear-gradient(to bottom, #efd082, #ffb877) border-box;
-      }
-    }
-  }
-  h4.token-line {
-    background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
-    background-size: 20px;
-    background-repeat: no-repeat;
-    background-position: left center;
-    padding-left: 24px;
-    color: #FD6701;
-    font-weight: 600;
-    line-height: 25px;
-    font-size: 18px;
-  }
-  h5 {
-    line-height: 18px;
-    color: #353535;
-    font-weight: 600;
-    opacity: 0.6;
-    margin-top: 4px;
-    font-size: 12px;
-  }
-}
+<template>
+  <nut-grid
+    class="amount-picker"
+    :column-num="3"
+    :gutter="10"
+    :border="false">
+    <nut-grid-item
+      class="tile"
+      v-for="(amount, index) in items"
+      :class="{selected: state.selected === index}"
+      @click="() => onGridItemClick(index)"
+      :key="index">
+      <h4 class="token-line number">{{ amount.token }}</h4>
+      <h5>¥<span class="number">{{ amount.amount }}</span></h5>
+    </nut-grid-item>
+  </nut-grid>
+</template>
+
+<script lang="ts" setup>
+import { reactive } from 'vue'
+
+// 充值金额选取
+
+type Amount = {
+  token: number,
+  amount: number
+}
+
+interface AmountPickerProps {
+  items: Amount[],
+  selected?: number
+}
+
+const emit = defineEmits<{
+  (event: 'change', selected: number): void
+}>()
+
+withDefaults(
+  defineProps<AmountPickerProps>(),
+  {
+    items: () => [],
+    selected: () => 0
+  }
+)
+
+const state = reactive({
+  selected: 0
+})
+
+const onGridItemClick = (index: number) => {
+  state.selected = index
+  emit('change', state.selected)
+}
+</script>
+
+<style lang="scss">
+.amount-picker {
+  padding: 14px 0 14px 14px;
+  .nut-grid-item__content {
+    border: solid 2px transparent;
+    background: linear-gradient(#f5f5f5, #f5f5f5) padding-box,
+      linear-gradient(to bottom, #cccccc88, #cccccc88) border-box;
+    border-radius: 5px;
+  }
+  .tile {
+    height: 80px;
+    &.selected {
+      .nut-grid-item__content {
+        background: linear-gradient(#FFF7E3, #FEFDE6) padding-box,
+          linear-gradient(to bottom, #efd082, #ffb877) border-box;
+      }
+    }
+  }
+  h4.token-line {
+    background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
+    background-size: 20px;
+    background-repeat: no-repeat;
+    background-position: left center;
+    padding-left: 24px;
+    color: #FD6701;
+    font-weight: 600;
+    line-height: 25px;
+    font-size: 18px;
+  }
+  h5 {
+    line-height: 18px;
+    color: #353535;
+    font-weight: 600;
+    opacity: 0.6;
+    margin-top: 4px;
+    font-size: 12px;
+  }
+}
 </style>

package/src/payment/components/RechargeResult.vue

@@ -1,70 +1,70 @@
-<template>
-  <div class="recharge-result">
-    <div class="content">
-      <div class="figure"></div>
-      <h2>{{views[type][0]}}成功</h2>
-      <div class="caption" v-if="payMethod == 'bean'">权益已到账</div>
-      <div class="caption" v-else>{{views[type][1]}}将在1分钟之内到账</div>
-      <nut-button class="back-button" type="default" @click="onBackClick">返回</nut-button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-const emit = defineEmits(['dismiss'])
-
-type viewProps = {
-  type: string;
-  payMethod: string    // bean: 云豆支付   wePay: 微信支付
-};
-const props = withDefaults(defineProps<viewProps>(), {
-  type: "recharge",
-  payMethod: ''
-});
-
-const views = {
-  recharge: ['充值', '云豆'],
-  trade: ['购买', '权益']
-}
-
-function onBackClick () {
-  emit('dismiss')
-}
-
-</script>
-
-<style lang="scss">
-.recharge-result {
-  background-color: #fff;
-  height: 100vh;
-  padding-top: 120px;
-  box-sizing: border-box;
-  .content {
-    display: flex;
-    width: 100%;
-    height: fit-content;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-  }
-  h2 {
-    font-size: 16px;
-    font-weight: bold;
-    margin-top: 20px;
-  }
-  .caption {
-    color: #353535;
-    opacity: 0.5;
-    margin-top: 8px;
-  }
-  .figure {
-    width: 100px;
-    height: 100px;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
-  }
-  .back-button {
-    margin-top: 40px;
-    width: 128px;
-  }
-}
+<template>
+  <div class="recharge-result">
+    <div class="content">
+      <div class="figure"></div>
+      <h2>{{views[type][0]}}成功</h2>
+      <div class="caption" v-if="payMethod == 'bean'">权益已到账</div>
+      <div class="caption" v-else>{{views[type][1]}}将在1分钟之内到账</div>
+      <nut-button class="back-button" type="default" @click="onBackClick">返回</nut-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+const emit = defineEmits(['dismiss'])
+
+type viewProps = {
+  type: string;
+  payMethod: string    // bean: 云豆支付   wePay: 微信支付
+};
+const props = withDefaults(defineProps<viewProps>(), {
+  type: "recharge",
+  payMethod: ''
+});
+
+const views = {
+  recharge: ['充值', '云豆'],
+  trade: ['购买', '权益']
+}
+
+function onBackClick () {
+  emit('dismiss')
+}
+
+</script>
+
+<style lang="scss">
+.recharge-result {
+  background-color: #fff;
+  height: 100vh;
+  padding-top: 120px;
+  box-sizing: border-box;
+  .content {
+    display: flex;
+    width: 100%;
+    height: fit-content;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+  }
+  h2 {
+    font-size: 16px;
+    font-weight: bold;
+    margin-top: 20px;
+  }
+  .caption {
+    color: #353535;
+    opacity: 0.5;
+    margin-top: 8px;
+  }
+  .figure {
+    width: 100px;
+    height: 100px;
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
+  }
+  .back-button {
+    margin-top: 40px;
+    width: 128px;
+  }
+}
 </style>