@uxda/appkit 4.3.27 → 4.3.30

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

@@ -12,6 +12,15 @@
 .amount-picker .tile.selected .nut-grid-item__content {
   background: linear-gradient(#FFF7E3, #FEFDE6) padding-box, linear-gradient(to bottom, #efd082, #ffb877) border-box;
 }
+.amount-picker .tile.custom h4.token-line {
+  background-image: none;
+  padding-left: 0;
+  color: #353535;
+  font-size: 14px;
+}
+.amount-picker .tile.custom h5 {
+  color: #353535;
+}
 .amount-picker h4.token-line {
   background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
   background-size: 20px;
@@ -229,6 +238,15 @@
 .ocr-invoice.disabled .ns-icon {
   filter: brightness(1.5) grayscale(1);
 }
+.office-pdf {
+  height: 100%;
+}
+.office-pdf .vue-office-pdf-wrapper {
+  height: 100%;
+}
+.office-docx {
+  height: 100%;
+}
 .recharge-view {
   height: 100%;
   display: flex;
@@ -238,6 +256,106 @@
 .recharge-view .flex-grow {
   flex-grow: 1;
 }
+.recharge-view .custom-amount-panel {
+  box-sizing: border-box;
+  display: block;
+  overflow: hidden;
+  margin: 8px 12px 12px;
+  padding: 12px;
+  background-color: rgba(255, 244, 223, 0.3);
+  border-radius: 5px;
+  border: 1px solid #fd6701;
+}
+.recharge-view .custom-amount-title,
+.recharge-view .custom-amount-input,
+.recharge-view .custom-amount-tip {
+  background: transparent;
+}
+.recharge-view .custom-amount-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #262626;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 22px;
+}
+.recharge-view .custom-amount-tag {
+  color: #fd6701;
+  background: rgb(255, 244, 223);
+  border-radius: 12px;
+  padding: 3px 8px;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 14px;
+}
+.recharge-view .custom-amount-input {
+  display: flex;
+  align-items: center;
+  min-height: 50px;
+  margin-top: 8px;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+.recharge-view .custom-amount-input .currency {
+  flex: none;
+  margin-right: 10px;
+  color: #9a9a9a;
+  font-size: 26px;
+  font-weight: 600;
+  line-height: 36px;
+}
+.recharge-view .custom-amount-control {
+  flex: 1;
+  min-width: 0;
+  height: 42px;
+  padding: 0;
+  border: 0;
+  outline: none;
+  background: transparent;
+  color: #353535;
+  caret-color: #fd6701;
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 42px;
+}
+.recharge-view .custom-amount-control:focus, .recharge-view .custom-amount-control:focus-visible {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+}
+.recharge-view .custom-amount-control::placeholder, .recharge-view .custom-amount-control::-webkit-input-placeholder {
+  color: #b8b8b8;
+  font-size: 26px;
+  font-weight: 700;
+}
+.recharge-view .custom-amount-placeholder {
+  color: #b8b8b8;
+  font-size: 26px;
+  font-weight: 700;
+  line-height: 42px;
+}
+.recharge-view .custom-amount-tip {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 10px;
+  color: #a5a5a5;
+  font-size: 10px;
+  line-height: 15px;
+}
+.recharge-view .custom-amount-tip-icon {
+  flex: none;
+  width: 12px;
+  height: 12px;
+  border: 1px solid #b8b8b8;
+  border-radius: 50%;
+  color: #9a9a9a;
+  font-size: 9px;
+  line-height: 12px;
+  text-align: center;
+}
 .recharge-view .amount-footer {
   position: fixed;
   bottom: 0;
@@ -505,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%);