@uxda/appkit 4.2.24 → 4.2.26

package/.eslintrc.mjs

@@ -1,8 +1,8 @@
-module.exports = {
-  extends: [
-    './.eslintrc-auto-import.json'
-  ],
-  rules: {
-    ident: ['error', 2]
-  }
+module.exports = {
+  extends: [
+    './.eslintrc-auto-import.json'
+  ],
+  rules: {
+    ident: ['error', 2]
+  }
 }

package/README.md

@@ -1,188 +1,188 @@
-# AppKit
-
-小程序应用开发包
-
-向诸小程序提供供用的组件及基础设施
-
-模块:
-* payment 支付
-* balance 账户、代币(云豆)余额
-* auth 登录及会话状态 (待定)
-
-## 将 AppKit 加入应用项目
-
-```bash
-git clone git@10.1.108.137:fed/appkit.git
-cd appkit
-yarn link
-```
-
-然后 cd 到(周转)小程序根目录执行:
-```bash
-yarn link @uxda/appkit
-```
-完成 npm link
-
-
-## 用法
-```typescript
-import AppKit from '@uxda/appkit'
-import '@uxda/appkit/appkit.css'
-```
-## AppKit 初始化
-
-在应用入口页调用(示例)
-```typescript
-const App = createApp({})
-App.use(AppKit, {
-  app: () => 'cloudkitPro',
-  tenant: () => '1',
-  token: () => localStorage.getItem('token'),
-  baseUrl: () => process.env.TARO_APP_BASE_URL,
-  401: () => {
-    // 登录态丢失时的处理
-  }
-})
-```
-为 AppKit 的运行提供必需的 API 参数
-* app: 当前的 app code (嵌入接口调用的 header 参数)
-* tenant: 租户ID 需要提供以便调用接口
-* token: 用户登录态 token
-* baseUrl: 调用 API 的URL域名
-* 401： 登录态丢失异常处理 (通常要跳转登录页)
-
-
-## UI组件
-### 1️⃣ 充值用户界面 <recharge-view>
-
-```typescript
-import { RechargeView } from '@uxda/appkit'
-```
-
-```html
-<template>
-  <recharge-view
-    app="crm"
-    tenant="1"
-    @complete="onRechargeComplete" />
-</template>
-```
-
-#### 属性 props
-
-#### 事件 emits
-
-* @complete: 充值完成时发生
-
-### 2️⃣ 账户页 &lt;account-view&gt;
-```
-import { AccountView } from '@uxda/appkit'
-```
-```html
-<template>
-  <account-view app="crm" @recharge=onAccountViewRecharge />
-<template>
-```
-
-#### 事件 emits
-* @recharge 点击充值按钮时发生
-
-### 3️⃣ 账户卡片 &lt;balance-card&gt;
-
-```typescript
-import { BalanceCard } from '@uxda/appkit'
-```
-
-```html
-<template>
-  <balance-card app="crm" @drill="onBalanceCardDrill" @recharge="onBalanceCardRecharge" />
-<template>
-```
-
-#### 事件 emits 
-* app 配置到组件上的 app code
-* @drill 点击账户详情时发生
-* @recharge 点击充值按钮时发生
-
-场景端需定义以上跳转逻辑:
-
-```typescript
-function onBalanceCardDrill () {
-  //...
-}
-
-function onBalanceCardRecharge () {
-  //...
-}
-```
-
-### 方法 methods
-* reload() 刷新数据
-
-
-
-### 4️⃣ 余额不足提示框 &lt;balance-reminder&gt;
-
-```typescript
-import { BalanceReminder } from '@uxda/appkit'
-```
-
-```html
-<balance-reminder v-model="balanceReminderOpen" 
-  @recharge="onBalanceReminderRecharge" />
-```
-
-#### 事件 emits 
-* @recharge 点击充值按钮时发生
-
-
-## 公共API
-### 1️⃣ 唤起充值(跳支付中心小程序) $app.invokeRecharge()
-
-```typescript
-import { useAppKit } from '@uxda/appkit'
-const $app = useAppKit()
-$app.invokeRecharge({
-  app: 'crm',
-  tenant: '1',
-})
-```
-
-### 2️⃣ 唤起充值(小程序内直接支付、不跳) $app.requestPayment()
-
-```typescript
-import { useAppKit } from '@uxda/appkit'
-const $app = useAppKit()
-$app.requestPayment({
-  app: 'crm',
-  tenant: '1',
-  amount: 100,
-  user: '' // wx.login 之后得到的用户临时凭证
-})
-```
-
-## Hooks (Vue Composables)
-
-### useTabbar
-用于获取或设置 custom tab bar
-
-```typescript
-import { useTabbar } from '@uxda/appkit-next'
-
-onMounted(() => {
-  const { setTab } = useTabbar()
-  setTab('home')
-})
-```
-以上代码用于切换到 /pages/home/index 时, 设置 tab bar 选中项为 'home'
-在 custom-tab-bar/index.vue 需要做以下设置
-
-```typescript
-import { useSafeArea, useTabbar } from '@uxda/appkit-next'
-
-const { onTabChange } = useTabbar()
-onTabChange((value: string) => {
-  selected.value = value
-})
-```
+# AppKit
+
+小程序应用开发包
+
+向诸小程序提供供用的组件及基础设施
+
+模块:
+* payment 支付
+* balance 账户、代币(云豆)余额
+* auth 登录及会话状态 (待定)
+
+## 将 AppKit 加入应用项目
+
+```bash
+git clone git@10.1.108.137:fed/appkit.git
+cd appkit
+yarn link
+```
+
+然后 cd 到(周转)小程序根目录执行:
+```bash
+yarn link @uxda/appkit
+```
+完成 npm link
+
+
+## 用法
+```typescript
+import AppKit from '@uxda/appkit'
+import '@uxda/appkit/appkit.css'
+```
+## AppKit 初始化
+
+在应用入口页调用(示例)
+```typescript
+const App = createApp({})
+App.use(AppKit, {
+  app: () => 'cloudkitPro',
+  tenant: () => '1',
+  token: () => localStorage.getItem('token'),
+  baseUrl: () => process.env.TARO_APP_BASE_URL,
+  401: () => {
+    // 登录态丢失时的处理
+  }
+})
+```
+为 AppKit 的运行提供必需的 API 参数
+* app: 当前的 app code (嵌入接口调用的 header 参数)
+* tenant: 租户ID 需要提供以便调用接口
+* token: 用户登录态 token
+* baseUrl: 调用 API 的URL域名
+* 401： 登录态丢失异常处理 (通常要跳转登录页)
+
+
+## UI组件
+### 1️⃣ 充值用户界面 &lt;recharge-view&gt;
+
+```typescript
+import { RechargeView } from '@uxda/appkit'
+```
+
+```html
+<template>
+  <recharge-view
+    app="crm"
+    tenant="1"
+    @complete="onRechargeComplete" />
+</template>
+```
+
+#### 属性 props
+
+#### 事件 emits
+
+* @complete: 充值完成时发生
+
+### 2️⃣ 账户页 &lt;account-view&gt;
+```
+import { AccountView } from '@uxda/appkit'
+```
+```html
+<template>
+  <account-view app="crm" @recharge=onAccountViewRecharge />
+<template>
+```
+
+#### 事件 emits
+* @recharge 点击充值按钮时发生
+
+### 3️⃣ 账户卡片 &lt;balance-card&gt;
+
+```typescript
+import { BalanceCard } from '@uxda/appkit'
+```
+
+```html
+<template>
+  <balance-card app="crm" @drill="onBalanceCardDrill" @recharge="onBalanceCardRecharge" />
+<template>
+```
+
+#### 事件 emits 
+* app 配置到组件上的 app code
+* @drill 点击账户详情时发生
+* @recharge 点击充值按钮时发生
+
+场景端需定义以上跳转逻辑:
+
+```typescript
+function onBalanceCardDrill () {
+  //...
+}
+
+function onBalanceCardRecharge () {
+  //...
+}
+```
+
+### 方法 methods
+* reload() 刷新数据
+
+
+
+### 4️⃣ 余额不足提示框 &lt;balance-reminder&gt;
+
+```typescript
+import { BalanceReminder } from '@uxda/appkit'
+```
+
+```html
+<balance-reminder v-model="balanceReminderOpen" 
+  @recharge="onBalanceReminderRecharge" />
+```
+
+#### 事件 emits 
+* @recharge 点击充值按钮时发生
+
+
+## 公共API
+### 1️⃣ 唤起充值(跳支付中心小程序) $app.invokeRecharge()
+
+```typescript
+import { useAppKit } from '@uxda/appkit'
+const $app = useAppKit()
+$app.invokeRecharge({
+  app: 'crm',
+  tenant: '1',
+})
+```
+
+### 2️⃣ 唤起充值(小程序内直接支付、不跳) $app.requestPayment()
+
+```typescript
+import { useAppKit } from '@uxda/appkit'
+const $app = useAppKit()
+$app.requestPayment({
+  app: 'crm',
+  tenant: '1',
+  amount: 100,
+  user: '' // wx.login 之后得到的用户临时凭证
+})
+```
+
+## Hooks (Vue Composables)
+
+### useTabbar
+用于获取或设置 custom tab bar
+
+```typescript
+import { useTabbar } from '@uxda/appkit-next'
+
+onMounted(() => {
+  const { setTab } = useTabbar()
+  setTab('home')
+})
+```
+以上代码用于切换到 /pages/home/index 时, 设置 tab bar 选中项为 'home'
+在 custom-tab-bar/index.vue 需要做以下设置
+
+```typescript
+import { useSafeArea, useTabbar } from '@uxda/appkit-next'
+
+const { onTabChange } = useTabbar()
+onTabChange((value: string) => {
+  selected.value = value
+})
+```
 以上代码设置响应页面内的 setTab() 动作

package/babel.config.js

@@ -1,12 +1,12 @@
-// babel-preset-taro 更多选项和默认值：
-// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
-module.exports = {
-  presets: [
-    ['taro', {
-      framework: 'vue3',
-      ts: true
-    }]
-  ],
-  plugins: [
-  ],
-}
+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'vue3',
+      ts: true
+    }]
+  ],
+  plugins: [
+  ],
+}

package/dist/appkit.css

@@ -446,9 +446,9 @@
   color: #353535;
   background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
 }
-page {
-  --text-color: #333;
-  --text-color-dark-mode: #eee;
+page {
+  --text-color: #333;
+  --text-color-dark-mode: #eee;
 }
 .account-card .card {
   background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);

package/dist/index.js

@@ -4,7 +4,7 @@ import '@nutui/nutui-taro/dist/packages/checkbox/style/css';
 import { defineComponent, reactive, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createTextVNode, ref, computed, onUnmounted, createCommentVNode, renderSlot, createVNode, unref, isRef, normalizeStyle, onMounted, createStaticVNode, watch, resolveComponent, withDirectives, vShow, useModel, mergeModels, vModelText, watchPostEffect, withModifiers } from 'vue';
 import '@nutui/nutui-taro/dist/packages/grid/style/css';
 import '@nutui/nutui-taro/dist/packages/griditem/style/css';
-import Taro, { useDidShow, useRouter } from '@tarojs/taro';
+import Taro, { getSystemInfoSync, getMenuButtonBoundingClientRect, useDidShow, useRouter } from '@tarojs/taro';
 import '@nutui/nutui-taro/dist/packages/popup/style/css';
 import isMobilePhone from 'validator/es/lib/isMobilePhone';
 import isIdentityCard from 'validator/es/lib/isIdentityCard';
@@ -117,7 +117,7 @@ function requestPayment$2(json) {
 }
 
 function useSafeArea() {
-  const systemInfo = Taro.getSystemInfoSync(), capsule = Taro.getMenuButtonBoundingClientRect();
+  const systemInfo = getSystemInfoSync(), capsule = Taro.getEnv() === "WEAPP" ? getMenuButtonBoundingClientRect() : { top: 0, height: 0 };
   const status = systemInfo.statusBarHeight || 0, gap = capsule.top - status, nav = capsule.height + gap * 2, safeAreaBottom = (systemInfo.safeArea || {}).bottom || 0, bottom = systemInfo.screenHeight - safeAreaBottom;
   return {
     status,
@@ -367,7 +367,7 @@ function useLogger(options) {
   const enable = options.enable === void 0 ? true : options.enable;
   const { miniProgram } = Taro.getEnv() === "WEAPP" ? Taro.getAccountInfoSync() : { miniProgram: { version: "" } };
   const systemInfo = JSON.stringify({
-    ...Taro.getSystemInfoSync(),
+    ...getSystemInfoSync(),
     appVersion: miniProgram?.version
   }) || "\u672A\u77E5";
   function send(params) {
@@ -934,7 +934,7 @@ var script$E = /* @__PURE__ */ defineComponent({
     }, 100);
     onMounted(async () => {
       await getPropertieByCode();
-      const systemInfo = Taro.getSystemInfoSync();
+      const systemInfo = getSystemInfoSync();
       const version = systemInfo.SDKVersion;
       function compareVersion(v1, v2) {
         const v1Arr = v1.split(".").map(Number);
@@ -2238,7 +2238,7 @@ var script$w = /* @__PURE__ */ defineComponent({
               ]))
             ])
           ]),
-          createCommentVNode(' <div class="line"></div>\n      <div class="card-row">\n        <div class="card-row-left desc">\u6743\u76CA\u4F7F\u7528\u65F6\u81EA\u52A8\u6263\u51CF\u4E91\u8C46</div>\n        <div class="card-row-right">\n          <div class="pay" @click="gotoRecharge">\n            <div>\u5145\u503C</div>\n            <img\n              class="pay-icon"\n              src="https://cdn.ddjf.com/static/images/bpms-workBench/bean-right.png"\n            />\n          </div>\n        </div>\n      </div> ')
+          createCommentVNode(' <div class="line"></div>\r\n      <div class="card-row">\r\n        <div class="card-row-left desc">\u6743\u76CA\u4F7F\u7528\u65F6\u81EA\u52A8\u6263\u51CF\u4E91\u8C46</div>\r\n        <div class="card-row-right">\r\n          <div class="pay" @click="gotoRecharge">\r\n            <div>\u5145\u503C</div>\r\n            <img\r\n              class="pay-icon"\r\n              src="https://cdn.ddjf.com/static/images/bpms-workBench/bean-right.png"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div> ')
         ])
       ]);
     };
@@ -6940,7 +6940,7 @@ var script$6 = {
       }, 200);
     },
     async getContainer() {
-      const systemInfo = Taro.getSystemInfoSync();
+      const systemInfo = getSystemInfoSync();
       this.windowWidth = systemInfo.windowWidth;
       this.dpr = systemInfo.pixelRatio;
       return new Promise((resolve) => {
@@ -7890,7 +7890,7 @@ function useDragBox() {
     // 纵向拖动限制范围
   });
   function initDragData(data) {
-    const res = Taro.getSystemInfoSync();
+    const res = getSystemInfoSync();
     dragData.screenWidth = res.windowWidth;
     dragData.screenHeight = res.windowHeight;
     if (!data) data = {};
@@ -7994,7 +7994,7 @@ var script$3 = /* @__PURE__ */ defineComponent({
       onDragEnd1();
     }
     onMounted(async () => {
-      const systemInfo = Taro.getSystemInfoSync();
+      const systemInfo = getSystemInfoSync();
       const safeHeight = (systemInfo.safeArea || {}).height || systemInfo.screenHeight;
       const height = safeHeight > 620 ? 620 : safeHeight - 80;
       const navbarHeight = safeArea.nav + safeArea.status;

package/package.json

@@ -1,79 +1,79 @@
-{
-  "name": "@uxda/appkit",
-  "version": "4.2.24",
-  "description": "小程序应用开发包",
-  "main": "dist/index.js",
-  "module": "dist/index.ts",
-  "moduleResolution": "node",
-  "scripts": {
-    "dev": "rollup -c rollup.config.mjs --watch",
-    "build": "rollup -c rollup.config.mjs"
-  },
-  "exports": {
-    ".": "./dist/index.js",
-    "./appkit.css": "./dist/appkit.css"
-  },
-  "browserslist": [
-    "last 3 versions",
-    "Android >= 4.1",
-    "ios >= 8"
-  ],
-  "author": "",
-  "dependencies": {
-    "@babel/runtime": "^7.25.6",
-    "@nutui/auto-import-resolver": "^1.0.0",
-    "@nutui/icons-vue-taro": "^0.0.9",
-    "@nutui/nutui-taro": "^4.3.11",
-    "@tarojs/components": "^4.0.0",
-    "@tarojs/helper": "^4.0.0",
-    "@tarojs/plugin-framework-vue3": "^4.0.0",
-    "@tarojs/plugin-html": "^4.0.0",
-    "@tarojs/plugin-platform-weapp": "^4.0.0",
-    "@tarojs/router": "^4.0.0",
-    "@tarojs/runtime": "^4.0.0",
-    "@tarojs/shared": "^4.0.0",
-    "@tarojs/taro": "^4.0.0",
-    "@types/wechat-miniprogram": "^3.4.7",
-    "dayjs": "^1.11.10",
-    "lodash-es": "^4.17.21",
-    "validator": "^13.12.0",
-    "vue": "^3.5.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.8.0",
-    "@tarojs/cli": "^4.0.0",
-    "@tarojs/taro-loader": "^4.0.0",
-    "@tarojs/webpack5-runner": "^4.0.0",
-    "@types/node": "^22.5.0",
-    "@types/webpack-env": "^1.13.6",
-    "@typescript-eslint/eslint-plugin": "^8.2.0",
-    "@typescript-eslint/parser": "^8.2.0",
-    "@vue/babel-plugin-jsx": "^1.0.6",
-    "@vue/compiler-sfc": "^3.2.40",
-    "babel-preset-taro": "^4.0.4",
-    "css-loader": "^7.1.2",
-    "eslint": "^9.9.0",
-    "eslint-config-taro": "^4.0.4",
-    "eslint-plugin-vue": "^9.27.0",
-    "postcss": "^8.4.32",
-    "postcss-import": "^16.1.0",
-    "rollup": "^4.6.1",
-    "rollup-plugin-css-only": "^4.5.2",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-esbuild": "^6.1.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.0",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "rollup-plugin-vue": "^6.0.0",
-    "style-loader": "^4.0.0",
-    "stylelint": "^16.8.2",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.0.0",
-    "unplugin-auto-import": "^0.18.2",
-    "unplugin-vue-components": "^0.27.3",
-    "webpack": "^5.78.0"
-  },
-  "peerDependencies": {
-    "@uxda/nutshell": "^1.0.0"
-  }
-}
+{
+  "name": "@uxda/appkit",
+  "version": "4.2.26",
+  "description": "小程序应用开发包",
+  "main": "dist/index.js",
+  "module": "dist/index.ts",
+  "moduleResolution": "node",
+  "scripts": {
+    "dev": "rollup -c rollup.config.mjs --watch",
+    "build": "rollup -c rollup.config.mjs"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./appkit.css": "./dist/appkit.css"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "dependencies": {
+    "@babel/runtime": "^7.25.6",
+    "@nutui/auto-import-resolver": "^1.0.0",
+    "@nutui/icons-vue-taro": "^0.0.9",
+    "@nutui/nutui-taro": "^4.3.11",
+    "@tarojs/components": "^4.0.0",
+    "@tarojs/helper": "^4.0.0",
+    "@tarojs/plugin-framework-vue3": "^4.0.0",
+    "@tarojs/plugin-html": "^4.0.0",
+    "@tarojs/plugin-platform-weapp": "^4.0.0",
+    "@tarojs/router": "^4.0.0",
+    "@tarojs/runtime": "^4.0.0",
+    "@tarojs/shared": "^4.0.0",
+    "@tarojs/taro": "^4.0.0",
+    "@types/wechat-miniprogram": "^3.4.7",
+    "dayjs": "^1.11.10",
+    "lodash-es": "^4.17.21",
+    "validator": "^13.12.0",
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.0",
+    "@tarojs/cli": "^4.0.0",
+    "@tarojs/taro-loader": "^4.0.0",
+    "@tarojs/webpack5-runner": "^4.0.0",
+    "@types/node": "^22.5.0",
+    "@types/webpack-env": "^1.13.6",
+    "@typescript-eslint/eslint-plugin": "^8.2.0",
+    "@typescript-eslint/parser": "^8.2.0",
+    "@vue/babel-plugin-jsx": "^1.0.6",
+    "@vue/compiler-sfc": "^3.2.40",
+    "babel-preset-taro": "^4.0.4",
+    "css-loader": "^7.1.2",
+    "eslint": "^9.9.0",
+    "eslint-config-taro": "^4.0.4",
+    "eslint-plugin-vue": "^9.27.0",
+    "postcss": "^8.4.32",
+    "postcss-import": "^16.1.0",
+    "rollup": "^4.6.1",
+    "rollup-plugin-css-only": "^4.5.2",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-esbuild": "^6.1.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.0",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "rollup-plugin-vue": "^6.0.0",
+    "style-loader": "^4.0.0",
+    "stylelint": "^16.8.2",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.0.0",
+    "unplugin-auto-import": "^0.18.2",
+    "unplugin-vue-components": "^0.27.3",
+    "webpack": "^5.78.0"
+  },
+  "peerDependencies": {
+    "@uxda/nutshell": "^1.0.0"
+  }
+}