@peng_kai/kit 0.1.11 → 0.1.13

package/admin/components/record/src/Record.vue

@@ -7,7 +7,7 @@ const $actions = ref<HTMLDivElement>();
 </script>
 
 <template>
-  <ACard :bordered="false" size="small" class="my-3 relative">
+  <ACard size="small" class="my-3 relative">
     <template #title>
       <div class="flex items-center min-h-10">
         <div class="title">

package/admin/components/text/src/Amount.vue

@@ -3,6 +3,11 @@ import { computed } from 'vue';
 import bigNumber from 'bignumber.js';
 import isNil from 'lodash-es/isNil';
 
+export const config = {
+  aboveColor: '#52c41a',
+  belowColor: '#ff4d4f',
+};
+
 /**
  * 当 symbol 为以下值时，使用预设的 Logo
  */
@@ -64,7 +69,7 @@ const amountColor = computed(() => {
   if (!props.colorful || (Number.isNaN(num) ? true : num === 0))
     return '';
 
-  return num > 0 ? '#52c41a' : (num < 0 ? '#ff4d4f' : '#000');
+  return num > 0 ? config.aboveColor : (num < 0 ? config.belowColor : '');
 });
 const symbol = computed(() => presetSymbols[props.symbol!] ?? props.symbol ?? '');
 </script>
@@ -75,10 +80,9 @@ const symbol = computed(() => presetSymbols[props.symbol!] ?? props.symbol ?? ''
     <span v-if="props.approx" class="color-$amount-color">≈</span>
 
     <!-- 符号 -->
-    <img
-      v-if="symbol.startsWith('http')" class="symbol-logo" :src="symbol"
-      :alt="props.unit"
-    > <!-- 图片Logo -->
+    <img v-if="symbol.startsWith('http')" class="symbol-logo" :src="symbol">
+
+    <!-- 图片Logo -->
     <span v-else class="color-$amount-color">{{ symbol }}</span> <!-- 文本Logo，如法定币种符号(￥、$) -->
 
     <!-- 金额 -->

package/admin/styles/classCover.scss

@@ -56,6 +56,10 @@
   // --max-body-height: ;
   // --body-height: ;
 
+  @media bp-lt-mobilel {
+    --padding-size: 16px;
+  }
+
   .ant-modal-content {
     padding: 0;
   }
@@ -67,6 +71,10 @@
     padding: 0 var(--padding-size);
     border-bottom: 1px solid var(--antd-colorBorderSecondary);
     margin: 0;
+
+    @media bp-lt-mobilel {
+      min-height: 51px;
+    }
   }
 
   .ant-modal-body {
@@ -95,10 +103,14 @@
 // 抽屉的基本款样式
 .ant-drawer.antd-cover__basic-drawer {
   --padding-size: 22px;
-
+  
   // --min-body-height: ;
   // --max-body-height: ;
   // --body-height: ;
+  
+  @media bp-lt-mobilel {
+    --padding-size: 16px;
+  }
 
   .ant-drawer-content {
     padding: 0;
@@ -120,6 +132,10 @@
     padding: 0 var(--padding-size);
     margin: 0;
     border-bottom: 1px solid var(--antd-colorBorderSecondary);
+
+    @media bp-lt-mobilel {
+      min-height: 51px;
+    }
   }
 
   .ant-drawer-body {

package/admin/styles/index.scss

@@ -28,3 +28,7 @@
 :root {
   font-family: var(--antd-fontFamily);
 }
+
+:root.dark {
+  color-scheme: dark;
+}

package/antd/components/InputNumberRange.vue

@@ -1,10 +1,13 @@
-<script setup lang="ts">
+<script lang="ts">
 import { computed } from 'vue';
 import { InputNumber as AInputNumber, Form } from 'ant-design-vue';
+</script>
 
+<script setup lang="ts">
 const props = withDefaults(
   defineProps<{
-    value: [number, number]
+    value: [number | undefined, number | undefined]
+    placeholder?: [string, string]
     min?: number
     max?: number
   }>(),
@@ -14,7 +17,7 @@ const props = withDefaults(
   },
 );
 const emits = defineEmits<{
-  (e: 'update:value', value: [number, number]): void
+  (e: 'update:value', value: typeof props.value): void
 }>();
 
 const formItemContext = Form.useInjectFormItemContext();
@@ -23,8 +26,7 @@ const minValue = computed({
     return props.value[0];
   },
   set(value) {
-    emits('update:value', [value, props.value[1]]);
-    formItemContext.onFieldChange();
+    updateValue(value, maxValue.value);
   },
 });
 const maxValue = computed({
@@ -32,22 +34,26 @@ const maxValue = computed({
     return props.value[1];
   },
   set(value) {
-    emits('update:value', [props.value[0], value]);
-    formItemContext.onFieldChange();
+    updateValue(minValue.value, value);
   },
 });
+
+function updateValue(...args: typeof props.value) {
+  emits('update:value', args.sort());
+  formItemContext.onFieldChange();
+}
 </script>
 
 <template>
   <div class="flex items-center">
     <AInputNumber
       v-model:value="minValue" class="w-full" :min="props.min"
-      :max="props.max"
+      :max="props.max" :placeholder="props.placeholder?.[0]"
     />
-    <span>&nbsp;~&nbsp;</span>
+    <span>&nbsp;-&nbsp;</span>
     <AInputNumber
       v-model:value="maxValue" class="w-full" :min="props.min"
-      :max="props.max"
+      :max="props.max" :placeholder="props.placeholder?.[1]"
     />
   </div>
 </template>

package/antd/hooks/useAntdModal.ts

@@ -1,5 +1,5 @@
 import { Modal as AntModal } from 'ant-design-vue';
-import { createVNode, defineComponent, isProxy, reactive, toRef, toRefs } from 'vue';
+import { createVNode, defineComponent, h, isProxy, reactive, ref, toRef, toRefs, watch } from 'vue';
 import type { Component } from 'vue';
 import type { ModalProps } from 'ant-design-vue';
 import type { ComponentProps } from 'vue-component-type-helpers';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peng_kai/kit",
   "type": "module",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "",
   "author": "",
   "license": "ISC",

package/request/interceptors/formatPaging.ts

@@ -12,7 +12,7 @@ export function formatPaging(): Parameters<AxiosInterceptorManager<any>['use']>
         return resp;
 
       if (result.pagination) {
-        const originData = result.data;
+        const originData = result?.data ?? {};
         result.data = originData.list ? { ...originData } : { list: originData };
         result.data.pagination = result.pagination;