@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/TimePicker/Trigger/TimeRangeInput.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
 var dayjs = require('dayjs');
 var propsValidators = require('../../../utils/propsValidators.js');
 var useGlobalConfig = require('../../base/hooks/useGlobalConfig.js');
 var utils = require('../utils.js');
 var Render = require('../../base/Render.js');
 var globalType = require('../../../utils/globalType.js');
+var RangeSeparator = require('../../Icon/RangeSeparator.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -74,7 +74,7 @@ const _sfc_main = vue.defineComponent({
   components: {
     URender: Render["default"],
     UIcon: index.UIcon,
-    ULineSortRight: uxdIcon.ULineSortRight
+    RangeSeparator: RangeSeparator["default"]
   },
   props: defineProps,
   emits: ["change", "focus", "blur"],
@@ -174,11 +174,11 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = ["value", "disabled", "placeholder"];
-const _hoisted_2 = ["value", "disabled", "placeholder"];
+const _hoisted_1 = ["value", "size", "disabled", "placeholder"];
+const _hoisted_2 = ["value", "disabled", "placeholder", "size"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_URender = vue.resolveComponent("URender");
-  const _component_ULineSortRight = vue.resolveComponent("ULineSortRight");
+  const _component_RangeSeparator = vue.resolveComponent("RangeSeparator");
   const _component_UIcon = vue.resolveComponent("UIcon");
   return vue.openBlock(), vue.createElementBlock("span", {
     class: vue.normalizeClass([`${_ctx.prefixCls}-range-picker-selector`])
@@ -187,6 +187,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "startInputRef",
       class: vue.normalizeClass(`${_ctx.prefixCls}-range-picker-input`),
       value: _ctx.formatTime(_ctx.startDate, _ctx.format),
+      size: _ctx.format.length + 2,
       disabled: _ctx.disabled,
       placeholder: _ctx.thisPlaceholder[0],
       onInput: _cache[0] || (_cache[0] = (e) => _ctx.onInputChange(e, 0)),
@@ -204,7 +205,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         vue.createTextVNode(vue.toDisplayString(_ctx.separator), 1)
       ], 64)) : (vue.openBlock(), vue.createBlock(_component_UIcon, { key: 2 }, {
         default: vue.withCtx(() => [
-          vue.createVNode(_component_ULineSortRight)
+          vue.createVNode(_component_RangeSeparator)
         ]),
         _: 1
       }))
@@ -215,6 +216,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       value: _ctx.formatTime(_ctx.endDate, _ctx.format),
       disabled: _ctx.disabled,
       placeholder: _ctx.thisPlaceholder[1],
+      size: _ctx.format.length + 2,
       onInput: _cache[4] || (_cache[4] = (e) => _ctx.onInputChange(e, 1)),
       onChange: _cache[5] || (_cache[5] = (e) => _ctx.onInputChange(e, 1)),
       onFocus: _cache[6] || (_cache[6] = (e) => _ctx.onInputFocus(e, 1)),
@@ -222,7 +224,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 42, _hoisted_2)
   ], 2);
 }
-var TimeRangeInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\TimePicker\\Trigger\\TimeRangeInput.vue"]]);
+var TimeRangeInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/TimePicker/Trigger/TimeRangeInput.vue"]]);
 
 exports["default"] = TimeRangeInput;
 //# sourceMappingURL=TimeRangeInput.js.map

package/lib/components/TimePicker/Trigger/TimeRangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeInput.js","sources":["../../../../../src/components/TimePicker/Trigger/TimeRangeInput.vue"],"sourcesContent":["<template>\n  <span :class=\"[`${prefixCls}-range-picker-selector`]\">\n    <input\n      ref=\"startInputRef\"\n      :class=\"`${prefixCls}-range-picker-input`\"\n      :value=\"formatTime(startDate, format)\"\n      :disabled=\"disabled\"\n      :placeholder=\"thisPlaceholder[0]\"\n      @input=\"(e) => onInputChange(e, 0)\"\n      @change=\"(e) => onInputChange(e, 0)\"\n      @focus=\"(e) => onInputFocus(e, 0)\"\n      @blur=\"(e) => onInputBlur(e, 0)\"\n    />\n    <span :class=\"`${prefixCls}-range-picker-separator`\">\n      <URender v-if=\"typeof separator === 'function'\" :render=\"separator\" />\n      <template v-else-if=\"separator\">{{ separator }}</template>\n      <UIcon v-else>\n        <ULineSortRight />\n      </UIcon>\n    </span>\n    <input\n      ref=\"endInputRef\"\n      :class=\"`${prefixCls}-range-picker-input`\"\n      :value=\"formatTime(endDate, format)\"\n      :disabled=\"disabled\"\n      :placeholder=\"thisPlaceholder[1]\"\n      @input=\"(e) => onInputChange(e, 1)\"\n      @change=\"(e) => onInputChange(e, 1)\"\n      @focus=\"(e) => onInputFocus(e, 1)\"\n      @blur=\"(e) => onInputBlur(e, 1)\"\n    />\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch, shallowRef } from 'vue';\nimport type { PropType, VNodeChild } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineSortRight } from '@koi-design/uxd-icon';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport { oneOf } from '../../../utils/propsValidators';\nimport useGlobalConfig from '../../base/hooks/useGlobalConfig';\nimport { isTimeDisabled } from '../utils';\nimport URender from '../../base/Render';\nimport type { DisabledHoursFunction, DisabledMinutesFunction, DisabledSecondsFunction } from '../TimePicker.type';\nimport type { DatePickerLocal } from '../../locale/default';\nimport { normalSizeMap, type NormalSizeMap } from '../../../utils/globalType';\n\nconst formatTime = (value: Dayjs | null, format: string) => {\n  return value ? value.format(format) : '';\n};\n\nconst defineProps = {\n  prefixCls: {\n    type: String\n  },\n  value: {\n    type: Array as PropType<(Dayjs | null)[]>,\n    default: () => [null, null] as null[]\n  },\n  placeholder: {\n    type: Array as PropType<string[]>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  },\n  format: {\n    type: String,\n    default: 'HH:mm:ss'\n  },\n  locale: {\n    type: Object as PropType<DatePickerLocal>,\n    default: () => ({}),\n    required: true\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  disabledHours: {\n    type: Function as PropType<DisabledHoursFunction>,\n    default: (() => []) as DisabledHoursFunction\n  },\n  disabledMinutes: {\n    type: Function as PropType<DisabledMinutesFunction>,\n    default: (() => []) as DisabledMinutesFunction\n  },\n  disabledSeconds: {\n    type: Function as PropType<DisabledSecondsFunction>,\n    default: (() => []) as DisabledSecondsFunction\n  },\n  open: {\n    type: Boolean,\n    default: false\n  },\n  separator: {\n    type: [String, Function] as PropType<string | (() => VNodeChild)>\n  }\n};\n\nexport default defineComponent({\n  name: 'TimeRangeInput',\n  components: {\n    URender,\n    UIcon,\n    ULineSortRight\n  },\n  props: defineProps,\n  emits: ['change', 'focus', 'blur'],\n  setup(props, { emit }) {\n    const { prefixCls: inputPrefixCls } = useGlobalConfig('input');\n    const startInputRef = shallowRef<HTMLInputElement | null>(null);\n    const endInputRef = shallowRef<HTMLInputElement | null>(null);\n\n    // ========== value ===========\n    const startDate = ref<Dayjs | null>(null);\n    const endDate = ref<Dayjs | null>(null);\n    watch(\n      computed(() => props.value),\n      (val) => {\n        if (val && Array.isArray(val)) {\n          const [start, end] = props.value;\n          startDate.value = start;\n          endDate.value = end;\n        }\n      },\n      {\n        immediate: true\n      }\n    );\n\n    const thisPlaceholder = computed(() => {\n      if (props.placeholder && Array.isArray(props.placeholder)) {\n        return props.placeholder;\n      }\n      return [props.locale.startTime, props.locale.endTime];\n    });\n\n    // ========== input ================\n    const invalid = ref(false);\n    const setInValid = (val: boolean) => {\n      invalid.value = val;\n    };\n\n    const onInputChange = (e: any, index: number) => {\n      const { value: str, composing } = e.target;\n      const oldStr = formatTime(index === 0 ? startDate.value : endDate.value, props.format);\n\n      if (e.isComposing || composing || oldStr === str) {\n        setInValid(false);\n        return;\n      }\n\n      if (!str) {\n        setInValid(true);\n        return;\n      }\n\n      const newDate = dayjs(str, props.format, true);\n      if (!newDate.isValid()) {\n        setInValid(true);\n        return;\n      }\n\n      const { disabledHours, disabledMinutes, disabledSeconds } = props;\n      if (\n        !newDate ||\n        isTimeDisabled(newDate, {\n          disabledHours,\n          disabledMinutes,\n          disabledSeconds\n        })\n      ) {\n        setInValid(true);\n        return;\n      }\n\n      if (index === 0) {\n        if (endDate.value && (newDate as any).isSameOrBefore(dayjs(endDate.value))) {\n          setInValid(false);\n          emit('change', [newDate, endDate.value]);\n        } else {\n          setInValid(true);\n        }\n      } else if (startDate.value && (newDate as any).isSameOrAfter(dayjs(startDate.value))) {\n        setInValid(false);\n        emit('change', [startDate.value, newDate]);\n      } else {\n        setInValid(true);\n      }\n    };\n\n    const onInputFocus = (e: any, index: number) => {\n      emit('focus', e, index);\n    };\n\n    const onInputBlur = (e: any, index: number) => {\n      if (invalid.value) {\n        e.target.value = formatTime(index === 0 ? startDate.value : endDate.value, props.format);\n      }\n      emit('blur', e, index);\n    };\n\n    return {\n      inputPrefixCls,\n      startInputRef,\n      endInputRef,\n      startDate,\n      endDate,\n      thisPlaceholder,\n      formatTime,\n      onInputChange,\n      onInputFocus,\n      onInputBlur,\n      focus: () => {\n        if (startInputRef.value) {\n          startInputRef.value.focus();\n        }\n      }\n    };\n  }\n});\n</script>\n"],"names":["oneOf","normalSizeMap","defineComponent","URender","UIcon","ULineSortRight","useGlobalConfig","shallowRef","ref","computed","dayjs","isTimeDisabled","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_Fragment","_createVNode"],"mappings":"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"}
+{"version":3,"file":"TimeRangeInput.js","sources":["../../../../../src/components/TimePicker/Trigger/TimeRangeInput.vue"],"sourcesContent":["<template>\n  <span :class=\"[`${prefixCls}-range-picker-selector`]\">\n    <input\n      ref=\"startInputRef\"\n      :class=\"`${prefixCls}-range-picker-input`\"\n      :value=\"formatTime(startDate, format)\"\n      :size=\"format.length + 2\"\n      :disabled=\"disabled\"\n      :placeholder=\"thisPlaceholder[0]\"\n      @input=\"(e: any) => onInputChange(e, 0)\"\n      @change=\"(e: any) => onInputChange(e, 0)\"\n      @focus=\"(e: any) => onInputFocus(e, 0)\"\n      @blur=\"(e: any) => onInputBlur(e, 0)\"\n    />\n    <span :class=\"`${prefixCls}-range-picker-separator`\">\n      <URender v-if=\"typeof separator === 'function'\" :render=\"separator\" />\n      <template v-else-if=\"separator\">{{ separator }}</template>\n      <UIcon v-else>\n        <RangeSeparator />\n      </UIcon>\n    </span>\n    <input\n      ref=\"endInputRef\"\n      :class=\"`${prefixCls}-range-picker-input`\"\n      :value=\"formatTime(endDate, format)\"\n      :disabled=\"disabled\"\n      :placeholder=\"thisPlaceholder[1]\"\n      :size=\"format.length + 2\"\n      @input=\"(e: any) => onInputChange(e, 1)\"\n      @change=\"(e: any) => onInputChange(e, 1)\"\n      @focus=\"(e: any) => onInputFocus(e, 1)\"\n      @blur=\"(e: any) => onInputBlur(e, 1)\"\n    />\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch, shallowRef } from 'vue';\nimport type { PropType, VNodeChild } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport { oneOf } from '../../../utils/propsValidators';\nimport useGlobalConfig from '../../base/hooks/useGlobalConfig';\nimport { isTimeDisabled } from '../utils';\nimport URender from '../../base/Render';\nimport type { DisabledHoursFunction, DisabledMinutesFunction, DisabledSecondsFunction } from '../TimePicker.type';\nimport type { DatePickerLocal } from '../../locale/default';\nimport { normalSizeMap, type NormalSizeMap } from '../../../utils/globalType';\nimport RangeSeparator from '../../Icon/RangeSeparator.vue';\n\nconst formatTime = (value: Dayjs | null, format: string) => {\n  return value ? value.format(format) : '';\n};\n\nconst defineProps = {\n  prefixCls: {\n    type: String\n  },\n  value: {\n    type: Array as PropType<(Dayjs | null)[]>,\n    default: () => [null, null] as null[]\n  },\n  placeholder: {\n    type: Array as PropType<string[]>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  },\n  format: {\n    type: String,\n    default: 'HH:mm:ss'\n  },\n  locale: {\n    type: Object as PropType<DatePickerLocal>,\n    default: () => ({}),\n    required: true\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  disabledHours: {\n    type: Function as PropType<DisabledHoursFunction>,\n    default: (() => []) as DisabledHoursFunction\n  },\n  disabledMinutes: {\n    type: Function as PropType<DisabledMinutesFunction>,\n    default: (() => []) as DisabledMinutesFunction\n  },\n  disabledSeconds: {\n    type: Function as PropType<DisabledSecondsFunction>,\n    default: (() => []) as DisabledSecondsFunction\n  },\n  open: {\n    type: Boolean,\n    default: false\n  },\n  separator: {\n    type: [String, Function] as PropType<string | (() => VNodeChild)>\n  }\n};\n\nexport default defineComponent({\n  name: 'TimeRangeInput',\n  components: {\n    URender,\n    UIcon,\n    RangeSeparator\n  },\n  props: defineProps,\n  emits: ['change', 'focus', 'blur'],\n  setup(props, { emit }) {\n    const { prefixCls: inputPrefixCls } = useGlobalConfig('input');\n    const startInputRef = shallowRef<HTMLInputElement | null>(null);\n    const endInputRef = shallowRef<HTMLInputElement | null>(null);\n\n    // ========== value ===========\n    const startDate = ref<Dayjs | null>(null);\n    const endDate = ref<Dayjs | null>(null);\n    watch(\n      computed(() => props.value),\n      (val) => {\n        if (val && Array.isArray(val)) {\n          const [start, end] = props.value;\n          startDate.value = start;\n          endDate.value = end;\n        }\n      },\n      {\n        immediate: true\n      }\n    );\n\n    const thisPlaceholder = computed(() => {\n      if (props.placeholder && Array.isArray(props.placeholder)) {\n        return props.placeholder;\n      }\n      return [props.locale.startTime, props.locale.endTime];\n    });\n\n    // ========== input ================\n    const invalid = ref(false);\n    const setInValid = (val: boolean) => {\n      invalid.value = val;\n    };\n\n    const onInputChange = (e: any, index: number) => {\n      const { value: str, composing } = e.target;\n      const oldStr = formatTime(index === 0 ? startDate.value : endDate.value, props.format);\n\n      if (e.isComposing || composing || oldStr === str) {\n        setInValid(false);\n        return;\n      }\n\n      if (!str) {\n        setInValid(true);\n        return;\n      }\n\n      const newDate = dayjs(str, props.format, true);\n      if (!newDate.isValid()) {\n        setInValid(true);\n        return;\n      }\n\n      const { disabledHours, disabledMinutes, disabledSeconds } = props;\n      if (\n        !newDate ||\n        isTimeDisabled(newDate, {\n          disabledHours,\n          disabledMinutes,\n          disabledSeconds\n        })\n      ) {\n        setInValid(true);\n        return;\n      }\n\n      if (index === 0) {\n        if (endDate.value && (newDate as any).isSameOrBefore(dayjs(endDate.value))) {\n          setInValid(false);\n          emit('change', [newDate, endDate.value]);\n        } else {\n          setInValid(true);\n        }\n      } else if (startDate.value && (newDate as any).isSameOrAfter(dayjs(startDate.value))) {\n        setInValid(false);\n        emit('change', [startDate.value, newDate]);\n      } else {\n        setInValid(true);\n      }\n    };\n\n    const onInputFocus = (e: any, index: number) => {\n      emit('focus', e, index);\n    };\n\n    const onInputBlur = (e: any, index: number) => {\n      if (invalid.value) {\n        e.target.value = formatTime(index === 0 ? startDate.value : endDate.value, props.format);\n      }\n      emit('blur', e, index);\n    };\n\n    return {\n      inputPrefixCls,\n      startInputRef,\n      endInputRef,\n      startDate,\n      endDate,\n      thisPlaceholder,\n      formatTime,\n      onInputChange,\n      onInputFocus,\n      onInputBlur,\n      focus: () => {\n        if (startInputRef.value) {\n          startInputRef.value.focus();\n        }\n      }\n    };\n  }\n});\n</script>\n"],"names":["oneOf","normalSizeMap","defineComponent","URender","UIcon","RangeSeparator","useGlobalConfig","shallowRef","ref","computed","dayjs","isTimeDisabled","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_Fragment","_createVNode"],"mappings":"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"}

package/lib/components/TimePicker/Trigger/TimeRangeInput.vue.d.ts

@@ -102,14 +102,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         endOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         format: (template?: string) => string;
-        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -191,14 +191,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         endOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         format: (template?: string) => string;
-        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -281,14 +281,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         endOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         format: (template?: string) => string;
-        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -370,14 +370,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         endOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         format: (template?: string) => string;
-        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -474,10 +474,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     locale: DatePickerLocal;
     size: "small" | "default" | "large";
+    format: string;
     disabled: boolean;
     open: boolean;
     value: Dayjs[];
-    format: string;
     disabledHours: DisabledHoursFunction;
     disabledMinutes: DisabledMinutesFunction;
     disabledSeconds: DisabledSecondsFunction;
@@ -620,7 +620,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    ULineSortRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    RangeSeparator: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;