@uxda/appkit 1.0.30 → 1.0.36

package/dist/appkit.css

@@ -161,6 +161,13 @@
 .recharge-result .back-button {
   margin-top: 3em;
 }
+page {
+  --text-color: #333;
+  --text-color-dark-mode: #eee;
+}
+.number {
+  font-family: 'DIN alternate';
+}
 .account-card .card {
   background: #2F2F2F;
   border-radius: 10px;
@@ -673,7 +680,6 @@
   font-size: 12px;
   line-height: 28px;
 }
-
 .consumption-rules-popup {
   border-radius: 16px;
   width: 70%;
@@ -687,11 +693,13 @@
 .balance-reminder {
   --primary-button-background: linear-gradient(135deg, #098C9D 0%, #66BF97 100%);
 }
+
 .balance-reminder h2 {
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 14px;
 }
+
 .balance-reminder .body {
   height: 120px;
   box-sizing: border-box;
@@ -704,6 +712,7 @@
   text-align: center;
   color: #666;
 }
+
 .balance-reminder .footer {
   display: flex;
   flex-direction: row;
@@ -711,10 +720,12 @@
   align-items: center;
   padding: 10px 20px 20px 20px;
 }
+
 .balance-reminder .footer .col {
   flex-grow: 1;
   padding: 6px;
 }
+
 .balance-reminder .footer .recharge-button {
   color: #fff;
   background: var(--primary-button-background);

package/dist/index.js

@@ -1,8 +1,9 @@
-import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createStaticVNode, createCommentVNode, renderSlot, createVNode, ref, onMounted, createTextVNode, unref, computed, withDirectives, vShow } from 'vue';
-import Taro, { usePageScroll } from '@tarojs/taro';
+import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createTextVNode, createStaticVNode, createCommentVNode, renderSlot, createVNode, ref, onMounted, unref, computed, withDirectives, vShow } from 'vue';
+import Taro, { useDidShow, usePageScroll } from '@tarojs/taro';
 import { Grid, GridItem, Button, Checkbox, Popup, OverLay, Icon, DatePicker, Picker } from '@nutui/nutui-taro';
 
-const _hoisted_1$b = { class: "token-line" };
+const _hoisted_1$b = { class: "token-line number" };
+const _hoisted_2$9 = { class: "number" };
 var script$b = /* @__PURE__ */ defineComponent({
   __name: "AmountPicker",
   props: {
@@ -51,13 +52,16 @@ var script$b = /* @__PURE__ */ defineComponent({
                     1
                     /* TEXT */
                   ),
-                  createElementVNode(
-                    "h5",
-                    null,
-                    "\xA5" + toDisplayString(amount.amount),
-                    1
-                    /* TEXT */
-                  )
+                  createElementVNode("h5", null, [
+                    createTextVNode("\xA5"),
+                    createElementVNode(
+                      "span",
+                      _hoisted_2$9,
+                      toDisplayString(amount.amount),
+                      1
+                      /* TEXT */
+                    )
+                  ])
                 ]),
                 _: 2
                 /* DYNAMIC */
@@ -755,7 +759,7 @@ const _hoisted_5$4 = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_6$3 = { class: "bean-nums" };
+const _hoisted_6$3 = { class: "bean-nums number" };
 const _hoisted_7$3 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "account-info-name" },
@@ -844,7 +848,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
     function gotoDetail() {
       emit("drill");
     }
-    onMounted(() => {
+    useDidShow(() => {
       loadBalance();
     });
     return (_ctx, _cache) => {
@@ -1227,7 +1231,7 @@ const _hoisted_6 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_7 = { class: "bean-counts spa-between" };
-const _hoisted_8 = { class: "counts" };
+const _hoisted_8 = { class: "counts number" };
 const _hoisted_9 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "line" },
@@ -1251,7 +1255,7 @@ const _hoisted_11 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_12 = { class: "bean-list" };
-const _hoisted_13 = { class: "counts" };
+const _hoisted_13 = { class: "counts number" };
 const _hoisted_14 = { class: "title" };
 const _hoisted_15 = { class: "operation-title spa-between" };
 const _hoisted_16 = { class: "search-time" };
@@ -1305,7 +1309,7 @@ const _hoisted_27 = { class: "item-detail" };
 const _hoisted_28 = { class: "item-info spa-between" };
 const _hoisted_29 = { class: "item-info-type" };
 const _hoisted_30 = { class: "item-info-title" };
-const _hoisted_31 = { class: "item-info-amount" };
+const _hoisted_31 = { class: "item-info-amount number" };
 const _hoisted_32 = { class: "item-detail-remark" };
 const _hoisted_33 = /* @__PURE__ */ createElementVNode(
   "div",
@@ -1371,7 +1375,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
       total: 0,
       privileges: []
     });
-    onMounted(() => {
+    useDidShow(() => {
       Taro.setNavigationBarTitle({
         title: "\u6211\u7684\u8D26\u6237"
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxda/appkit",
-  "version": "1.0.30",
+  "version": "1.0.36",
   "description": "小程序应用开发包",
   "main": "dist/index.js",
   "module": "dist/index.ts",
@@ -58,6 +58,7 @@
     "eslint-config-taro": "^3.5.6",
     "eslint-plugin-vue": "^8.0.0",
     "postcss": "^8.4.32",
+    "postcss-import": "^15.1.0",
     "rollup": "^4.6.1",
     "rollup-plugin-css-only": "^4.5.2",
     "rollup-plugin-dts": "^6.1.0",

package/rollup.config.mjs

@@ -2,7 +2,7 @@ import vue from 'rollup-plugin-vue'
 import css from 'rollup-plugin-css-only'
 import esbuild from 'rollup-plugin-esbuild'
 import postcss from 'rollup-plugin-postcss'
-import { resolve } from 'path'
+import atImport from 'postcss-import'
 
 export default [
   {
@@ -29,23 +29,26 @@ export default [
       }),
       postcss({
         include: /\.scss/,
-        extract: 'appkit.css'
+        extract: 'appkit.css',
+        plugins: [
+          atImport()
+        ]
       }),
       esbuild({
       })
     ],
     external: ['vue', '@nutui/nutui-taro']
   },
-  {
-    input: './src/main.scss',
-    output: {
-      file: 'dist/main.css',
-    },
-    plugins: [
-      postcss({
-        use: ['sass'],
-        extract: resolve('./dist/styles.css'),
-      })
-    ]
-  },
+  // {
+  //   input: './src/main.scss',
+  //   output: {
+  //     file: 'dist/main.css',
+  //   },
+  //   plugins: [
+  //     postcss({
+  //       use: ['sass'],
+  //       extract: resolve('./dist/styles.css'),
+  //     })
+  //   ]
+  // },
 ]

package/src/balance/components/AccountView.vue

@@ -13,7 +13,7 @@
             <div class="rule" @click="rulesPopupOpen = true">规则说明</div>
           </div>
           <div class="bean-counts spa-between">
-            <div class="counts">{{ balance.total || 0 }}</div>
+            <div class="counts number">{{ balance.total || 0 }}</div>
             <div class="pay" @click="gotoRecharge">云豆充值</div>
           </div>
         </div>
@@ -29,7 +29,7 @@
           <div class="bean-list">
             <template v-for="item in balance.privileges" :key="item">
               <div class="bean-list-item">
-                <div class="counts">
+                <div class="counts number">
                   {{ item.amount }}
                 </div>
                 <div class="title">
@@ -77,7 +77,7 @@
                   </div>
                   <div class="item-info-title">{{ it.title }}</div>
                 </div>
-                <div class="item-info-amount">
+                <div class="item-info-amount number">
                   {{ it.direction == '支出' ? '-' : '+' }}{{ it.amount }}
                 </div>
               </div>
@@ -128,8 +128,8 @@
 </template>
 
 <script lang="ts" setup>
-import Taro, { usePageScroll } from '@tarojs/taro'
-import { computed, onMounted, reactive, ref } from 'vue'
+import Taro, { useDidShow, usePageScroll } from '@tarojs/taro'
+import { computed, reactive, ref } from 'vue'
 import { endpoints, makeHttp } from '../api'
 import { ConsumptionFiltering, ConsumptionGroups, Balance } from '../types'
 import ConsumptionFilter from './ConsumptionFilter.vue'
@@ -175,7 +175,7 @@ const balance = ref<Balance>({
   privileges: []
 })
 
-onMounted(() => {
+useDidShow(() => {
   Taro.setNavigationBarTitle({
     title: '我的账户',
   })

package/src/balance/components/BalanceCard.vue

@@ -9,7 +9,7 @@
            </div>
             <span class="baan-name">云豆</span>
           </div>
-          <div class="bean-nums">{{ balance.total }}</div>
+          <div class="bean-nums number">{{ balance.total }}</div>
         </div>
         <div class="card-row-right">
           <div class="account-info-entry" @click="gotoDetail">
@@ -35,9 +35,10 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { ref } from 'vue'
 import { endpoints, makeHttp } from '../api'
 import { Balance } from '../types'
+import { useDidShow } from '@tarojs/taro'
 
 const balance = ref<Balance>({
   total: 0,
@@ -71,7 +72,7 @@ function gotoDetail () {
   emit('drill')
 }
 
-onMounted(() => {
+useDidShow(() => {
   loadBalance()
 })
 

package/src/index.ts

@@ -14,6 +14,7 @@ import {
 } from '@nutui/nutui-taro'
 import { type AppKitOptions, useAppKitOptions, DollarApp } from './Appkit'
 import { PaymentParams, RechargeParams } from './payment/types'
+import './main.scss'
 
 const nutComponents = [
   Grid,

package/src/main.scss

@@ -1 +1,2 @@
-@import url(./styles/vars.scss);
+@import url(./styles/vars.scss);
+@import url(./styles/fonts.scss);

package/src/payment/components/AmountPicker.vue

@@ -10,8 +10,8 @@
       :class="{selected: state.selected === index}"
       @click="() => onGridItemClick(index)"
       :key="index">
-      <h4 class="token-line">{{ amount.token }}</h4>
-      <h5>¥{{ amount.amount }}</h5>
+      <h4 class="token-line number">{{ amount.token }}</h4>
+      <h5>¥<span class="number">{{ amount.amount }}</span></h5>
     </nut-grid-item>
   </nut-grid>
 </template>

package/src/styles/fonts.scss

@@ -0,0 +1,3 @@
+.number {
+  font-family: 'DIN alternate';
+}

package/dist/main.css

@@ -1,3 +0,0 @@
-var undefined$1 = undefined;
-
-export { undefined$1 as default };

package/dist/styles.css

@@ -1 +0,0 @@
-@import url(./styles/vars.scss);