@uxda/appkit 4.3.39 → 4.3.42

package/README.md

@@ -1,195 +1,195 @@
-# 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
-})
-```
-以上代码设置响应页面内的 setTab() 动作
-
-
-## Skills使用
-1. 「构建后更新组件使用规则」的技能：执行npm run build，并更新 Appkit组件使用规则.md
-```
-只要说「先 build 再更新一下组件使用规则」或「同步 Appkit组件使用规则.md」，Agent 就会按「构建后更新组件使用规则」的技能更新 Appkit组件使用规则.md。
+# 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() 动作
+
+
+## Skills使用
+1. 「构建后更新组件使用规则」的技能：执行npm run build，并更新 Appkit组件使用规则.md
+```
+只要说「先 build 再更新一下组件使用规则」或「同步 Appkit组件使用规则.md」，Agent 就会按「构建后更新组件使用规则」的技能更新 Appkit组件使用规则.md。
 ```

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

@@ -623,9 +623,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, #EEF1FA 0%, #E4E6F3 100%);
@@ -1186,17 +1186,22 @@ page {
   font-weight: 700;
   color: #000;
 }
-.operation-box .operation-list .box-detail .item-detail .item-info-type {
-  line-height: 15px;
-}
 .operation-box .operation-list .box-detail .item-detail .item-info-title {
   font-weight: 400;
   opacity: 0.8;
   font-size: 11px;
 }
+.operation-box .operation-list .box-detail .item-detail .item-info-right {
+  text-align: right;
+}
 .operation-box .operation-list .box-detail .item-detail .item-info-amount {
   color: #9e7b5a;
 }
+.operation-box .operation-list .box-detail .item-detail .item-info-time {
+  font-weight: 400;
+  opacity: 0.5;
+  font-size: 11px;
+}
 .operation-box .operation-list .box-detail .item-detail-remark {
   opacity: 0.3;
   line-height: 15px;

package/dist/index.js

@@ -4640,7 +4640,7 @@ var script$z = /* @__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" v-track-click @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" v-track-click @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> ')
         ])
       ]);
     };
@@ -5178,9 +5178,11 @@ const _hoisted_43 = { class: "item-detail" };
 const _hoisted_44 = { class: "item-info spa-between" };
 const _hoisted_45 = { class: "item-info-type" };
 const _hoisted_46 = { class: "item-info-title" };
-const _hoisted_47 = { class: "item-info-amount number" };
-const _hoisted_48 = { class: "item-detail-remark" };
-const _hoisted_49 = {
+const _hoisted_47 = { class: "item-info-right" };
+const _hoisted_48 = { class: "item-info-amount number" };
+const _hoisted_49 = { class: "item-info-time number" };
+const _hoisted_50 = { class: "item-detail-remark" };
+const _hoisted_51 = {
   key: 0,
   class: "box-not-text"
 };
@@ -5222,6 +5224,9 @@ var script$t = /* @__PURE__ */ defineComponent({
       let endTime = (filtering.dateTo || "").replace(/-/g, ".").substring(2);
       return startTime + " - " + endTime;
     });
+    function formatItemTime(time) {
+      return dayjs(time).format("HH:mm:ss");
+    }
     const consumptionGroups = ref([]);
     const balance = ref({
       total: 0,
@@ -5438,7 +5443,7 @@ var script$t = /* @__PURE__ */ defineComponent({
                     1
                     /* TEXT */
                   ),
-                  !isAppEnv.value || isAppEnv.value && !unref(isIOS)() ? withDirectives((openBlock(), createElementBlock("div", {
+                  props.app !== "fnfundkit" && (!isAppEnv.value || isAppEnv.value && !unref(isIOS)()) ? withDirectives((openBlock(), createElementBlock("div", {
                     key: 0,
                     class: "pay",
                     onClick: gotoRecharge
@@ -5454,7 +5459,7 @@ var script$t = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               createVNode(script$u),
-              createCommentVNode(' <div class="rights-card" v-if="bdxLiteRight">\n        <div class="title">\u98CE\u63A7\u4E2A\u4EBA\u98CE\u9669Lite\u6743\u76CA</div>\n        <div class="list">\n          <div class="item star-item">\n            <div class="item-count">\n              <span>{{ formatAmount(bdxLiteRight.count || 0) }}</span><span>{{ bdxLiteRight.unit }}</span>\n            </div>\n            <div class="item-title">\n              <div>{{ bdxLiteRight.title }}\u6B21\u6570</div>\n              <div class="item-title-button" v-if="!isAppEnv || (isAppEnv && !isIOS())">\n                <div v-track-click @click="gotoTrade(bdxLiteRight)">\u98CE\u63A7\u4E2A\u4EBA\u98CE\u9669Lite\u5145\u503C</div>\n                <img class="button-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/button-hg.svg" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div> '),
+              createCommentVNode(' <div class="rights-card" v-if="bdxLiteRight">\r\n        <div class="title">\u98CE\u63A7\u4E2A\u4EBA\u98CE\u9669Lite\u6743\u76CA</div>\r\n        <div class="list">\r\n          <div class="item star-item">\r\n            <div class="item-count">\r\n              <span>{{ formatAmount(bdxLiteRight.count || 0) }}</span><span>{{ bdxLiteRight.unit }}</span>\r\n            </div>\r\n            <div class="item-title">\r\n              <div>{{ bdxLiteRight.title }}\u6B21\u6570</div>\r\n              <div class="item-title-button" v-if="!isAppEnv || (isAppEnv && !isIOS())">\r\n                <div v-track-click @click="gotoTrade(bdxLiteRight)">\u98CE\u63A7\u4E2A\u4EBA\u98CE\u9669Lite\u5145\u503C</div>\r\n                <img class="button-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/button-hg.svg" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div> '),
               bdxProRight.value ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
                 _cache[15] || (_cache[15] = createElementVNode(
                   "div",
@@ -5947,17 +5952,26 @@ var script$t = /* @__PURE__ */ defineComponent({
                                             /* TEXT */
                                           )
                                         ]),
-                                        createElementVNode(
-                                          "div",
-                                          _hoisted_47,
-                                          toDisplayString(it.\u6536\u5165\u8FD8\u662F\u652F\u51FA == "\u652F\u51FA" ? "-" : "+") + toDisplayString(it.amount),
-                                          1
-                                          /* TEXT */
-                                        )
+                                        createElementVNode("div", _hoisted_47, [
+                                          createElementVNode(
+                                            "div",
+                                            _hoisted_48,
+                                            toDisplayString(it.\u6536\u5165\u8FD8\u662F\u652F\u51FA == "\u652F\u51FA" ? "-" : "+") + toDisplayString(it.amount),
+                                            1
+                                            /* TEXT */
+                                          ),
+                                          createElementVNode(
+                                            "div",
+                                            _hoisted_49,
+                                            toDisplayString(formatItemTime(it.time)),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ])
                                       ]),
                                       createElementVNode(
                                         "div",
-                                        _hoisted_48,
+                                        _hoisted_50,
                                         toDisplayString(it.description),
                                         1
                                         /* TEXT */
@@ -5973,7 +5987,7 @@ var script$t = /* @__PURE__ */ defineComponent({
                           128
                           /* KEYED_FRAGMENT */
                         )),
-                        reachedLastPage.value ? (openBlock(), createElementBlock("div", _hoisted_49, "\u6CA1\u6709\u66F4\u591A\u4E86")) : createCommentVNode("v-if", true)
+                        reachedLastPage.value ? (openBlock(), createElementBlock("div", _hoisted_51, "\u6CA1\u6709\u66F4\u591A\u4E86")) : createCommentVNode("v-if", true)
                       ])) : (openBlock(), createBlock(script$v, { key: 1 }))
                     ]),
                     _: 1
@@ -8477,7 +8491,7 @@ var script$e = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["tabContainer", { inH5: unref(isWeb)() }])
             },
             [
-              createCommentVNode(' <ns-tabs\n        v-model="state.tab"\n        fill="#fff"\n        square\n        size="xl"\n        style="height: 46px"\n        @change="onTabChange"\n      >\n        <ns-tabs-item key="\u5168\u90E8" tab="\u5168\u90E8"></ns-tabs-item>\n        <ns-tabs-item key="\u4E1A\u52A1\u6D88\u606F" tab="\u4E1A\u52A1\u6D88\u606F"></ns-tabs-item>\n        <ns-tabs-item key="\u7CFB\u7EDF\u516C\u544A" tab="\u7CFB\u7EDF\u516C\u544A"></ns-tabs-item>\n        <ns-tabs-item key="\u672A\u8BFB" tab="\u672A\u8BFB"></ns-tabs-item>\n      </ns-tabs> '),
+              createCommentVNode(' <ns-tabs\r\n        v-model="state.tab"\r\n        fill="#fff"\r\n        square\r\n        size="xl"\r\n        style="height: 46px"\r\n        @change="onTabChange"\r\n      >\r\n        <ns-tabs-item key="\u5168\u90E8" tab="\u5168\u90E8"></ns-tabs-item>\r\n        <ns-tabs-item key="\u4E1A\u52A1\u6D88\u606F" tab="\u4E1A\u52A1\u6D88\u606F"></ns-tabs-item>\r\n        <ns-tabs-item key="\u7CFB\u7EDF\u516C\u544A" tab="\u7CFB\u7EDF\u516C\u544A"></ns-tabs-item>\r\n        <ns-tabs-item key="\u672A\u8BFB" tab="\u672A\u8BFB"></ns-tabs-item>\r\n      </ns-tabs> '),
               createVNode(unref(NsTabs), {
                 modelValue: state.tab,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.tab = $event),