@uxda/appkit 4.1.12 → 4.1.19

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

@@ -435,12 +435,12 @@
   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;
 }
-.number {
-  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
+.number {
+  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
 }
 .account-card .card {
   background: #2f2f2f;
@@ -623,14 +623,14 @@ page {
   top: 11px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MSA0MUgxVjFINDFWNDFaIiBmaWxsPSIjRDhEOEQ4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjM1NjEgMjAuOTk5OUwzMy45NjM3IDMxLjYwNzJDMzQuNjE0NiAzMi4yNTgxIDM0LjYxNDYgMzMuMzEzNCAzMy45NjM3IDMzLjk2NDJDMzMuMzQyNSAzNC41ODU1IDMyLjM1MjcgMzQuNjEzOCAzMS42OTc5IDM0LjA0ODlMMjAuOTk5NCAyMy4zNTY2TDEwLjM5MzUgMzMuOTY0MkM5Ljc0MjY1IDM0LjYxNTEgOC42ODczOCAzNC42MTUxIDguMDM2NSAzMy45NjQyQzcuNDE1MTkgMzMuMzQyOSA3LjM4Njk3IDMyLjM1MzIgNy45NTE3OSAzMS42OTg0TDE4LjY0MjggMjAuOTk5OUw4LjAzNjUgMTAuMzk0QzcuMzg1NjMgOS43NDMxNCA3LjM4NTYzIDguNjg3ODcgOC4wMzY1IDguMDM2OTlDOC42NTc3OSA3LjQxNTY4IDkuNjQ3NTQgNy4zODc0NiAxMC4zMDIzIDcuOTUyMjdMMjAuOTk5NCAxOC42NDMzTDMxLjYwNjcgOC4wMzY5OUMzMi4yNTc2IDcuMzg2MTIgMzMuMzEyOSA3LjM4NjEyIDMzLjk2MzcgOC4wMzY5OUMzNC41ODUgOC42NTgyOCAzNC42MTMzIDkuNjQ4MDMgMzQuMDQ4NSAxMC4zMDI4TDIzLjM1NjEgMjAuOTk5OVoiIGZpbGw9IiMxNzFBMUQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjAxIi8+Cjwvc3ZnPgo=");
 }
-.consumption-date-filter {
+.appkit-date-filter {
   height: 100%;
   display: flex;
   flex-direction: column;
   width: 100%;
   position: relative;
 }
-.consumption-date-filter .date-filter-header {
+.appkit-date-filter .date-filter-header {
   text-align: center;
   height: 44px;
   line-height: 44px;
@@ -638,42 +638,42 @@ page {
   font-size: 17px;
   background-color: #f5f5f5;
 }
-.consumption-date-filter .content {
+.appkit-date-filter .content {
   flex: 1;
   margin: 15px;
   overflow-y: scroll;
   color: #353535;
   font-size: 13px;
 }
-.consumption-date-filter .content .title {
+.appkit-date-filter .content .title {
   opacity: 0.6;
   line-height: 18px;
 }
-.consumption-date-filter .content .info {
+.appkit-date-filter .content .info {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 10px;
   margin: 10px 0;
 }
-.consumption-date-filter .content .info .item {
+.appkit-date-filter .content .info .item {
   height: 30px;
   line-height: 30px;
   border: 1px solid #ccc;
   border-radius: 6px;
   text-align: center;
 }
-.consumption-date-filter .content .info .current {
+.appkit-date-filter .content .info .current {
   border: 1px solid;
   border-image-source: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%);
   background: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%), linear-gradient(180deg, #fff7e3 0%, #fefde6 100%);
 }
-.consumption-date-filter .buttons {
-  margin: 0 15px;
+.appkit-date-filter .buttons {
+  margin: 32px 15px 0 15px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.consumption-date-filter .buttons .btn {
+.appkit-date-filter .buttons .btn {
   flex: 1;
   height: 40px;
   line-height: 40px;
@@ -684,22 +684,22 @@ page {
   font-size: 16px;
   border-radius: 6px;
 }
-.consumption-date-filter .buttons .confirm {
+.appkit-date-filter .buttons .confirm {
   margin-left: 11px;
   color: #000;
   border: none;
   background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
 }
-.consumption-date-filter .time {
+.appkit-date-filter .time {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin: 10px 0 30px 0;
 }
-.consumption-date-filter .time .line {
+.appkit-date-filter .time .line {
   margin: 0 8px;
 }
-.consumption-date-filter .time .item {
+.appkit-date-filter .time .item {
   height: 30px;
   line-height: 30px;
   padding: 0 15px;
@@ -710,13 +710,16 @@ page {
   background: rgba(245, 245, 245, 0.8);
   border-radius: 6px;
 }
-.consumption-date-filter .time .current {
+.appkit-date-filter .time .current {
   border: 1px solid #353535;
 }
-.consumption-date-filter .bottom {
+.appkit-date-filter .bottom {
   height: 32px;
   background: #fff;
 }
+.nut-overlay.date-filter-picker-overlay {
+  height: 100vh;
+}
 .consumption-rules .title {
   line-height: 16px;
   font-weight: 500;
@@ -1406,6 +1409,7 @@ page {
   align-items: center;
   justify-content: center;
   border-radius: 15px;
+  z-index: 10;
 }
 .notice-banner {
   background: #e6f2ff;
@@ -1461,7 +1465,7 @@ page {
   padding-left: 6px;
 }
 .notice-entry {
-  position: fixed;
+  position: absolute;
   right: 0;
   top: 120px;
   min-width: 66px;

package/dist/assets/asset-3B_CoPto

@@ -0,0 +1 @@
+