@peng_kai/kit 0.1.11 → 0.1.12

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>
@@ -78,7 +83,9 @@ const symbol = computed(() => presetSymbols[props.symbol!] ?? props.symbol ?? ''
     <img
       v-if="symbol.startsWith('http')" class="symbol-logo" :src="symbol"
       :alt="props.unit"
-    > <!-- 图片Logo -->
+    >
+
+    <!-- 图片Logo -->
     <span v-else class="color-$amount-color">{{ symbol }}</span> <!-- 文本Logo，如法定币种符号(￥、$) -->
 
     <!-- 金额 -->

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';
@@ -48,8 +48,19 @@ export function useAntdModal<Comp extends Component>(
   };
 
   const PresetComponent = defineComponent({
+    setup() {
+      const hidden = ref(false);
+
+      watch(() => _modalProps.open, (open) => {
+        if (open)
+          hidden.value = false;
+        else
+          setTimeout(() => hidden.value = true, 500);
+      });
+      return { hidden };
+    },
     render() {
-      return createVNode(AntModal, _modalProps, {
+      return createVNode(this.hidden ? 'div' : AntModal, _modalProps, {
         [modalSlotName]: () => createVNode(_comp.is, compProps as any),
       });
     },

package/package.json

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