@peng_kai/kit 0.2.17 → 0.2.18

package/admin/components/settings/src/Settings.vue

@@ -249,8 +249,7 @@ function resetSetting() {
       v-bind="settingForm.props"
       class="ant-cover__col2-form"
       layout="vertical"
-      :disabled="settingMutator.isPending.value"
-      :readonly="props.readonly"
+      :disabled="settingMutator.isPending.value || props.readonly"
     >
       <template v-for="item of configList" :key="item.key">
         <FormItem v-bind="settingForm.itemProps[item.key]" :label="item.label" :extra="item.summary">

package/antd/components/InputNumberRange.vue

@@ -1,13 +1,11 @@
 <script lang="ts">
-import { computed, nextTick, watch } from 'vue';
+import { computed, defineModel, watch } from 'vue';
 import { InputNumber as AInputNumber, Form } from 'ant-design-vue';
-import { isNil } from 'lodash-es';
 </script>
 
 <script setup lang="ts">
 const props = withDefaults(
   defineProps<{
-    value: [number | undefined, number | undefined]
     placeholder?: [string, string]
     min?: number
     max?: number
@@ -17,41 +15,38 @@ const props = withDefaults(
     max: Number.POSITIVE_INFINITY,
   },
 );
-const emits = defineEmits<{
-  (e: 'update:value', value: typeof props.value): void
-}>();
+const rangeValue = defineModel<[number | undefined, number | undefined]>('value', { default: [] });
 
 const formItemContext = Form.useInjectFormItemContext();
 const minValue = computed({
-  get: () => props.value[0],
-  set: v => emits('update:value', [v, props.value[1]]),
+  get: () => rangeValue.value[0],
+  set: v => rangeValue.value = [v, rangeValue.value[1]],
 });
 const maxValue = computed({
-  get: () => props.value[1],
-  set: v => emits('update:value', [props.value[0], v]),
+  get: () => rangeValue.value[1],
+  set: v => rangeValue.value = [rangeValue.value[0], v],
 });
 
 watch([minValue, maxValue], () => formItemContext.onFieldChange());
 
 function onBlur() {
-  const min = props.value[0];
-  const max = props.value[1];
+  const [min, max] = rangeValue.value;
 
-  if (!isNil(min) && !isNil(max))
-    emits('update:value', [min, max].sort() as [number, number]);
+  if (typeof min === 'number' && typeof max === 'number')
+    rangeValue.value = min > max ? [max, min] : [min, max];
 }
 </script>
 
 <template>
   <div class="flex items-center">
     <AInputNumber
-      v-model:value="minValue" class="w-full" :min="props.min"
+      v-model:value="rangeValue[0]" class="w-full" :min="props.min"
       :max="props.max" :placeholder="props.placeholder?.[0]"
       @blur="onBlur"
     />
     <span>&nbsp;-&nbsp;</span>
     <AInputNumber
-      v-model:value="maxValue" class="w-full" :min="props.min"
+      v-model:value="rangeValue[1]" class="w-full" :min="props.min"
       :max="props.max" :placeholder="props.placeholder?.[1]"
       @blur="onBlur"
     />

package/package.json

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