@uxda/appkit 1.0.42 → 1.0.48

package/README.md

@@ -35,13 +35,20 @@ import '@uxda/appkit/appkit.css'
 ```typescript
 const App = createApp({})
 App.use(AppKit, {
+  app: () => 'cloudkitPro',
   token: () => localStorage.getItem('token'),
   baseUrl: () => process.env.TARO_APP_BASE_URL,
+  401: () => {
+    // 登录态丢失时的处理
+  }
 })
 ```
 为 AppKit 的运行提供必需的 API 参数
+* app: 当前的 app code (嵌入接口调用的 header 参数)
 * token: 用户登录态 token
 * baseUrl: 调用 API 的URL域名
+* 401： 登录态丢失异常处理 (通常要跳转登录页)
+
 
 ## UI组件
 ### 1️⃣ 充值用户界面 <recharge-view>

package/dist/appkit.css

@@ -137,7 +137,10 @@
   color: #FD6701;
 }
 .recharge-result {
+  background-color: #fff;
+  height: 100vh;
   padding-top: 120px;
+  box-sizing: border-box;
 }
 .recharge-result .content {
   display: flex;

package/dist/index.js

@@ -7,12 +7,7 @@ const _hoisted_2$9 = { class: "number" };
 var script$b = /* @__PURE__ */ defineComponent({
   __name: "AmountPicker",
   props: {
-    items: { type: Array, required: true, default: () => [
-      {
-        token: 1e3,
-        amount: 100
-      }
-    ] },
+    items: { type: Array, required: true, default: () => [] },
     selected: { type: Number, required: false, default: () => 0 }
   },
   emits: ["change"],
@@ -362,6 +357,7 @@ const transforms$1 = Object.fromEntries(
 const globalData = {};
 
 const appKitOptions = {
+  app: () => "",
   token: () => "",
   baseUrl: () => "",
   401() {
@@ -377,7 +373,8 @@ const useAppKitOptions = () => {
 const makeHttp$1 = () => {
   const appkitOptions = useAppKitOptions();
   const header = {
-    Token: appkitOptions.token()
+    Token: appkitOptions.token(),
+    Appcode: appkitOptions.app()
   };
   const $http = useHttp({
     baseUrl: appkitOptions.baseUrl(),
@@ -460,12 +457,7 @@ var script$7 = /* @__PURE__ */ defineComponent({
       agreementOpen: false,
       buttonLoading: false
     });
-    const amounts = ref([
-      {
-        token: 1e3,
-        amount: 100
-      }
-    ]);
+    const amounts = ref([]);
     const onAgreementLinkClick = ($event) => {
       state.agreementOpen = true;
     };
@@ -666,10 +658,7 @@ const endpointsList = {
   getBalance: {
     path: "/ac-app/account/info/detail/app",
     // /app
-    translate: (data) => ({
-      // appCode: 'fnfundkit',
-      // tenantCode: '1665925586953629696',
-    }),
+    translate: (data) => ({}),
     transform(result) {
       return {
         total: result.commonAccount,
@@ -729,7 +718,8 @@ const transforms = Object.fromEntries(
 const makeHttp = () => {
   const appkitOptions = useAppKitOptions();
   const header = {
-    Token: appkitOptions.token()
+    Token: appkitOptions.token(),
+    Appcode: appkitOptions.app()
   };
   const $http = useHttp({
     baseUrl: appkitOptions.baseUrl(),
@@ -1788,6 +1778,7 @@ function useAppKit() {
 const AppKit = {
   install(app, options) {
     const appKitOptions = useAppKitOptions();
+    appKitOptions.app = options.app;
     appKitOptions.token = options.token;
     appKitOptions.baseUrl = options.baseUrl;
     appKitOptions[401] = options[401];

package/package.json

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

package/src/Appkit.ts

@@ -5,6 +5,7 @@ import { globalData } from './global'
  * options for useAppKit
  */
 export type AppKitOptions = {
+  app (): string,
   /**
    * token 获取方法
    * 由使用场景提供
@@ -14,6 +15,7 @@ export type AppKitOptions = {
    * 调用 API 时使用的 base url
    */
   baseUrl (): string,
+  
   401 (): void
 }
 
@@ -27,6 +29,7 @@ export type DollarApp = {
  * 用来记忆使用场景传递的 options
  */
 const appKitOptions: AppKitOptions = {
+  app: () => '',
   token: () => '',
   baseUrl: () => '',
   401 () {}

package/src/balance/api/endpoints.ts

@@ -40,8 +40,6 @@ const endpointsList: HttpEndpoints = {
   getBalance: {
     path: '/ac-app/account/info/detail/app', // /app
     translate: (data: any) => ({
-      // appCode: 'fnfundkit',
-      // tenantCode: '1665925586953629696',
     }),
     transform (result: any) {
       return {

package/src/balance/api/index.ts

@@ -6,7 +6,8 @@ const makeHttp = () => {
   const appkitOptions = useAppKitOptions()
 
   const header = {
-    Token: appkitOptions.token()
+    Token: appkitOptions.token(),
+    Appcode: appkitOptions.app(),
   }
 
   const $http = useHttp({

package/src/index.ts

@@ -56,6 +56,7 @@ export function useAppKit (): DollarApp {
 const AppKit = {
   install (app: App, options: AppKitOptions) {
     const appKitOptions = useAppKitOptions()
+    appKitOptions.app = options.app
     appKitOptions.token = options.token
     appKitOptions.baseUrl = options.baseUrl
     appKitOptions[401] = options[401]

package/src/payment/api/index.ts

@@ -6,7 +6,8 @@ const makeHttp = () => {
   const appkitOptions = useAppKitOptions()
 
   const header = {
-    Token: appkitOptions.token()
+    Token: appkitOptions.token(),
+    Appcode: appkitOptions.app(),
   }
 
   const $http = useHttp({

package/src/payment/components/AmountPicker.vue

@@ -38,12 +38,7 @@ const emit = defineEmits<{
 withDefaults(
   defineProps<AmountPickerProps>(),
   {
-    items: () => [
-      {
-        token: 1000,
-        amount: 100
-      },
-    ],
+    items: () => [],
     selected: () => 0
   }
 )

package/src/payment/components/RechargeResult.vue

@@ -20,7 +20,10 @@ function onBackClick () {
 
 <style lang="scss">
 .recharge-result {
+  background-color: #fff;
+  height: 100vh;
   padding-top: 120px;
+  box-sizing: border-box;
   .content {
     display: flex;
     width: 100%;

package/src/payment/components/RechargeView.vue

@@ -64,12 +64,7 @@ const state = reactive({
   buttonLoading: false,
 })
 
-const amounts = ref<any[]>([
-  {
-    token: 1000,
-    amount: 100
-  }
-])
+const amounts = ref<any[]>([])
 
 const onAgreementLinkClick = ($event) => {
   state.agreementOpen = true