@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/TimePicker/Panel/TimeRangePane.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRangePane.js","sources":["../../../../../src/components/TimePicker/Panel/TimeRangePane.vue"],"sourcesContent":["<template>\n  <div v-if=\"shortcuts\" :class=\"`${prefixCls}-shortcut-container`\">\n    <a v-for=\"(shortcut, index) in shortcuts\" :key=\"index\" :class=\"`${prefixCls}-shortcut-item`\" @click=\"onShortcutClick(shortcut)\">\n      {{ shortcut.text }}\n    </a>\n  </div>\n  <div :class=\"[`${prefixCls}-range-panel`]\">\n    <div :class=\"[`${prefixCls}-range-part`, `${prefixCls}-range-left`]\">\n      <div :class=\"`${prefixCls}-range-part-header`\">\n        {{ locale.startTime }}\n      </div>\n      <TimePanel\n        :prefix-cls=\"`${prefixCls}-time-panel`\"\n        :selected-value=\"startValue\"\n        :format=\"format\"\n        :disabled-hours=\"disabledHours\"\n        :disabled-minutes=\"disabledMinutes\"\n        :disabled-seconds=\"disabledSeconds\"\n        :hide-disabled-options=\"hideDisabledOptions\"\n        :hour-step=\"hourStep\"\n        :minute-step=\"minuteStep\"\n        :second-step=\"secondStep\"\n        :use-12-hours=\"use12Hours\"\n        :shortcuts=\"shortcuts\"\n        @change=\"(time) => onTimeChange(time, 'left')\"\n      />\n    </div>\n    <div :class=\"[`${prefixCls}-range-part`, `${prefixCls}-range-right`]\">\n      <div :class=\"`${prefixCls}-range-part-header`\">{{ locale.endTime }}</div>\n      <TimePanel\n        :prefix-cls=\"`${prefixCls}-time-panel`\"\n        :selected-value=\"endValue\"\n        :format=\"format\"\n        :disabled-hours=\"rightDisabledHours\"\n        :disabled-minutes=\"rightDisabledMinutes\"\n        :disabled-seconds=\"rightDisabledSeconds\"\n        :hide-disabled-options=\"hideDisabledOptions\"\n        :hour-step=\"hourStep\"\n        :minute-step=\"minuteStep\"\n        :second-step=\"secondStep\"\n        :use-12-hours=\"use12Hours\"\n        :shortcuts=\"shortcuts\"\n        @change=\"(time) => onTimeChange(time, 'right')\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport TimePanel from './TimePanel.vue';\nimport { getNumberArray } from '../../DatePicker/utils';\nimport type { DisabledHoursFunction, DisabledMinutesFunction, DisabledSecondsFunction } from '../TimePicker.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'TimeRangePanel',\n  components: {\n    TimePanel\n  },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    selectedValue: {\n      type: Array as PropType<(Dayjs | null)[]>,\n      default: () => [null, null] as null[]\n    },\n    format: {\n      type: String,\n      default: 'HH:mm:ss'\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>,\n      required: true\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    hideDisabledOptions: {\n      type: Boolean,\n      default: false\n    },\n    hourStep: {\n      type: Number,\n      default: 1\n    },\n    minuteStep: {\n      type: Number,\n      default: 1\n    },\n    secondStep: {\n      type: Number,\n      default: 1\n    },\n    use12Hours: {\n      type: Boolean,\n      default: false\n    },\n    direction: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr'\n    },\n    shortcuts: {\n      type: Array\n    }\n  },\n  emits: ['change'],\n  setup(props, { emit }) {\n    const startValue = ref<Dayjs | null>(null);\n    const endValue = ref<Dayjs | null>(null);\n\n    watch(\n      computed(() => props.selectedValue),\n      (val) => {\n        const [start, end] = val;\n        startValue.value = start;\n        endValue.value = end;\n      },\n      { immediate: true }\n    );\n\n    const fireChangeValue = (value: (Dayjs | null)[]) => {\n      emit('change', value);\n    };\n\n    const onTimeChange = (time: Dayjs, side: 'right' | 'left') => {\n      let newValue = [time, endValue.value];\n      if (side === 'left') {\n        if (!endValue.value || time.isAfter(endValue.value)) {\n          newValue = [time, time];\n        }\n      } else {\n        newValue = [startValue.value, time];\n      }\n      fireChangeValue(newValue);\n    };\n\n    const rightDisabledHours = () => {\n      const start = startValue.value;\n      if (start) {\n        return props.disabledHours().concat(getNumberArray(0, start.hour() - 1));\n      }\n      return props.disabledHours();\n    };\n\n    const rightDisabledMinutes = (hour: number) => {\n      const start = startValue.value;\n      if (start && start.hour() === hour) {\n        return props.disabledMinutes(hour).concat(getNumberArray(0, start.minute() - 1));\n      }\n      return props.disabledMinutes(hour);\n    };\n\n    const rightDisabledSeconds = (hour: number, minute: number) => {\n      const start = startValue.value;\n      if (start && start.hour() === hour && start.minute() === minute) {\n        return props.disabledSeconds(hour, minute).concat(getNumberArray(0, start.second() - 1));\n      }\n      return props.disabledSeconds(hour, minute);\n    };\n    const onShortcutClick = (shortcut: any) => {\n      if (typeof shortcut.value === 'function') {\n        const [start, end] = shortcut.value();\n        if (start && end) {\n          startValue.value = start;\n          endValue.value = end;\n          fireChangeValue([start, end]);\n        }\n      }\n    };\n    return {\n      startValue,\n      endValue,\n      onTimeChange,\n      rightDisabledHours,\n      rightDisabledMinutes,\n      rightDisabledSeconds,\n      onShortcutClick\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","TimePanel","ref","computed","getNumberArray","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_createVNode"],"mappings":"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"}
+{"version":3,"file":"TimeRangePane.js","sources":["../../../../../src/components/TimePicker/Panel/TimeRangePane.vue"],"sourcesContent":["<template>\n  <div v-if=\"shortcuts\" :class=\"`${prefixCls}-shortcut-container`\">\n    <a v-for=\"(shortcut, index) in shortcuts\" :key=\"index\" :class=\"`${prefixCls}-shortcut-item`\" @click=\"onShortcutClick(shortcut)\">\n      {{ shortcut.text }}\n    </a>\n  </div>\n  <div :class=\"[`${prefixCls}-range-panel`]\">\n    <div :class=\"[`${prefixCls}-range-part`, `${prefixCls}-range-left`]\">\n      <div :class=\"`${prefixCls}-range-part-header`\">\n        {{ locale.startTime }}\n      </div>\n      <TimePanel\n        :prefix-cls=\"`${prefixCls}-time-panel`\"\n        :selected-value=\"startValue\"\n        :format=\"format\"\n        :disabled-hours=\"disabledHours\"\n        :disabled-minutes=\"disabledMinutes\"\n        :disabled-seconds=\"disabledSeconds\"\n        :hide-disabled-options=\"hideDisabledOptions\"\n        :hour-step=\"hourStep\"\n        :minute-step=\"minuteStep\"\n        :second-step=\"secondStep\"\n        :use-12-hours=\"use12Hours\"\n        :shortcuts=\"shortcuts\"\n        @change=\"(time: any) => onTimeChange(time, 'left')\"\n      />\n    </div>\n    <div :class=\"[`${prefixCls}-range-part`, `${prefixCls}-range-right`]\">\n      <div :class=\"`${prefixCls}-range-part-header`\">{{ locale.endTime }}</div>\n      <TimePanel\n        :prefix-cls=\"`${prefixCls}-time-panel`\"\n        :selected-value=\"endValue\"\n        :format=\"format\"\n        :disabled-hours=\"rightDisabledHours\"\n        :disabled-minutes=\"rightDisabledMinutes\"\n        :disabled-seconds=\"rightDisabledSeconds\"\n        :hide-disabled-options=\"hideDisabledOptions\"\n        :hour-step=\"hourStep\"\n        :minute-step=\"minuteStep\"\n        :second-step=\"secondStep\"\n        :use-12-hours=\"use12Hours\"\n        :shortcuts=\"shortcuts\"\n        @change=\"(time: any) => onTimeChange(time, 'right')\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport TimePanel from './TimePanel.vue';\nimport { getNumberArray } from '../../DatePicker/utils';\nimport type { DisabledHoursFunction, DisabledMinutesFunction, DisabledSecondsFunction } from '../TimePicker.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'TimeRangePanel',\n  components: {\n    TimePanel\n  },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    selectedValue: {\n      type: Array as PropType<(Dayjs | null)[]>,\n      default: () => [null, null] as null[]\n    },\n    format: {\n      type: String,\n      default: 'HH:mm:ss'\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>,\n      required: true\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    hideDisabledOptions: {\n      type: Boolean,\n      default: false\n    },\n    hourStep: {\n      type: Number,\n      default: 1\n    },\n    minuteStep: {\n      type: Number,\n      default: 1\n    },\n    secondStep: {\n      type: Number,\n      default: 1\n    },\n    use12Hours: {\n      type: Boolean,\n      default: false\n    },\n    direction: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr'\n    },\n    shortcuts: {\n      type: Array\n    }\n  },\n  emits: ['change'],\n  setup(props, { emit }) {\n    const startValue = ref<Dayjs | null>(null);\n    const endValue = ref<Dayjs | null>(null);\n\n    watch(\n      computed(() => props.selectedValue),\n      (val) => {\n        const [start, end] = val;\n        startValue.value = start;\n        endValue.value = end;\n      },\n      { immediate: true }\n    );\n\n    const fireChangeValue = (value: (Dayjs | null)[]) => {\n      emit('change', value);\n    };\n\n    const onTimeChange = (time: Dayjs, side: 'right' | 'left') => {\n      let newValue = [time, endValue.value];\n      if (side === 'left') {\n        if (!endValue.value || time.isAfter(endValue.value)) {\n          newValue = [time, time];\n        }\n      } else {\n        newValue = [startValue.value, time];\n      }\n      fireChangeValue(newValue);\n    };\n\n    const rightDisabledHours = () => {\n      const start = startValue.value;\n      if (start) {\n        return props.disabledHours().concat(getNumberArray(0, start.hour() - 1));\n      }\n      return props.disabledHours();\n    };\n\n    const rightDisabledMinutes = (hour: number) => {\n      const start = startValue.value;\n      if (start && start.hour() === hour) {\n        return props.disabledMinutes(hour).concat(getNumberArray(0, start.minute() - 1));\n      }\n      return props.disabledMinutes(hour);\n    };\n\n    const rightDisabledSeconds = (hour: number, minute: number) => {\n      const start = startValue.value;\n      if (start && start.hour() === hour && start.minute() === minute) {\n        return props.disabledSeconds(hour, minute).concat(getNumberArray(0, start.second() - 1));\n      }\n      return props.disabledSeconds(hour, minute);\n    };\n    const onShortcutClick = (shortcut: any) => {\n      if (typeof shortcut.value === 'function') {\n        const [start, end] = shortcut.value();\n        if (start && end) {\n          startValue.value = start;\n          endValue.value = end;\n          fireChangeValue([start, end]);\n        }\n      }\n    };\n    return {\n      startValue,\n      endValue,\n      onTimeChange,\n      rightDisabledHours,\n      rightDisabledMinutes,\n      rightDisabledSeconds,\n      onShortcutClick\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","TimePanel","ref","computed","getNumberArray","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_createVNode"],"mappings":"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"}

package/lib/components/TimePicker/Panel/TimeRangePane.vue.d.ts

@@ -106,14 +106,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: import("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: import("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;
@@ -195,14 +195,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: import("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: import("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;
@@ -285,14 +285,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: import("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: import("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;
@@ -374,14 +374,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: import("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: import("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;
@@ -827,7 +827,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 hideBar: boolean;
                 minSize: number;
                 zIndex: number;
-            }, {}, 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>;
+            }, {}, 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>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/TimePicker/TimePicker.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../Popup/index.js');
 var index = require('../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var dayjs = require('dayjs');
 var TimePickerInput = require('./Trigger/TimePickerInput.js');
 var TimeRangeInput = require('./Trigger/TimeRangeInput.js');
@@ -34,8 +34,8 @@ const _sfc_main = vue.defineComponent({
     TimePickerText: TimePickerText["default"],
     TimePanel: TimePanel["default"],
     TimeRangePanel: TimeRangePane["default"],
-    URoundCloseCircle: uxdIcon.URoundCloseCircle,
-    URoundTime: uxdIcon.URoundTime
+    CircleX: lucideVueNext.CircleX,
+    Clock: lucideVueNext.Clock
   },
   props: TimePicker_type.timePickerProps,
   emits: TimePicker_type.timePickerEmits,
@@ -48,9 +48,6 @@ const _sfc_main = vue.defineComponent({
     });
     const pickerStyle = vue.computed(() => {
       const style = {};
-      if (props.range) {
-        style.minWidth = "195px";
-      }
       return style;
     });
     const showClear = vue.computed(() => {
@@ -191,14 +188,13 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = ["data-color"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TimeRangeInput = vue.resolveComponent("TimeRangeInput");
   const _component_TimePickerText = vue.resolveComponent("TimePickerText");
   const _component_TimePickerInput = vue.resolveComponent("TimePickerInput");
-  const _component_URoundCloseCircle = vue.resolveComponent("URoundCloseCircle");
+  const _component_CircleX = vue.resolveComponent("CircleX");
   const _component_UIcon = vue.resolveComponent("UIcon");
-  const _component_URoundTime = vue.resolveComponent("URoundTime");
+  const _component_Clock = vue.resolveComponent("Clock");
   const _component_TimePanel = vue.resolveComponent("TimePanel");
   const _component_TimeRangePanel = vue.resolveComponent("TimeRangePanel");
   const _component_Popup = vue.resolveComponent("Popup");
@@ -268,7 +264,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           [`${_ctx.prefixCls}-picker-clearable`]: _ctx.showClear,
           [`${_ctx.prefixCls}-picker-rtl`]: _ctx.computedDirection === "rtl"
         }),
-        "data-color": _ctx.color,
         style: vue.normalizeStyle(_ctx.pickerStyle),
         onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onInputContainerClick && _ctx.onInputContainerClick(...args))
       }, [
@@ -329,7 +324,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           vue.createVNode(_component_UIcon, null, {
             default: vue.withCtx(() => [
-              _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_URoundCloseCircle, { key: 1 }))
+              _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_CircleX, { key: 1 }))
             ]),
             _: 1
           })
@@ -339,17 +334,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           vue.createVNode(_component_UIcon, null, {
             default: vue.withCtx(() => [
-              _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.suffixIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_URoundTime, { key: 1 }))
+              _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.suffixIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_Clock, { key: 1 }))
             ]),
             _: 1
           })
         ], 2)
-      ], 14, _hoisted_1)
+      ], 6)
     ]),
     _: 1
   }, 8, ["visible", "prefix-cls", "placement", "get-popup-container", "destroy-on-close", "modifiers", "click-outside"]);
 }
-var TimePicker = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\TimePicker\\TimePicker.vue"]]);
+var TimePicker = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/TimePicker/TimePicker.vue"]]);
 
 exports["default"] = TimePicker;
 //# sourceMappingURL=TimePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../../src/components/TimePicker/TimePicker.vue"],"sourcesContent":["<template>\n  <Popup\n    :visible=\"stateOpen\"\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :placement=\"computedPlacement\"\n    transition-name=\"slide-up\"\n    :get-popup-container=\"getPopupContainer\"\n    :destroy-on-close=\"destroyOnClose\"\n    :modifiers=\"modifiers\"\n    :click-outside=\"onClickOutside\"\n  >\n    <div\n      :class=\"{\n        [`${prefixCls}-picker`]: true,\n        [`${prefixCls}-picker-variant-${variant}`]: true,\n        [`${prefixCls}-picker-disabled`]: disabled,\n        [`${prefixCls}-picker-${size}`]: size,\n        [`${prefixCls}-picker-open`]: stateOpen,\n        [`${prefixCls}-picker-range`]: range,\n        [`${prefixCls}-picker-clearable`]: showClear,\n        [`${prefixCls}-picker-rtl`]: computedDirection === 'rtl'\n      }\"\n      :data-color=\"color\"\n      :style=\"pickerStyle\"\n      @click=\"onInputContainerClick\"\n    >\n      <label\n        v-if=\"label\"\n        :class=\"{\n          [`${prefixCls}-picker-label`]: true,\n          [`${prefixCls}-picker-label-colon`]: labelColon,\n          [`${prefixCls}-picker-label-required`]: required\n        }\"\n      >\n        {{ label }}\n      </label>\n\n      <TimeRangeInput\n        v-if=\"range\"\n        ref=\"inputRef\"\n        :prefix-cls=\"prefixCls\"\n        :format=\"format\"\n        :separator=\"$slots.separator ? $slots.separator : separator\"\n        :disabled=\"disabled\"\n        :disabled-hours=\"disabledHours\"\n        :disabled-minutes=\"disabledMinutes\"\n        :disabled-seconds=\"disabledSeconds\"\n        :size=\"size\"\n        :locale=\"thisLocale\"\n        :placeholder=\"Array.isArray(placeholder) ? placeholder : undefined\"\n        :value=\"(selectedValue as Array<any | null>)\"\n        @change=\"onInputChange\"\n      />\n      <TimePickerText\n        v-else-if=\"variant === 'text'\"\n        :prefix-cls=\"prefixCls\"\n        :format=\"format\"\n        :locale=\"thisLocale\"\n        :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n        :value=\"(selectedValue as any)\"\n      />\n      <TimePickerInput\n        v-else\n        ref=\"inputRef\"\n        :prefix-cls=\"prefixCls\"\n        :format=\"format\"\n        :disabled=\"disabled\"\n        :disabled-hours=\"disabledHours\"\n        :disabled-minutes=\"disabledMinutes\"\n        :disabled-seconds=\"disabledSeconds\"\n        :size=\"size\"\n        :open=\"stateOpen\"\n        :locale=\"thisLocale\"\n        :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n        :value=\"(selectedValue as any | null)\"\n        @change=\"onInputChange\"\n        @focus=\"onInputFocus\"\n        @blur=\"onInputBlur\"\n      />\n\n      <span v-if=\"showClear\" :class=\"`${prefixCls}-picker-clear`\" @mousedown.prevent @click=\"onClear\">\n        <UIcon>\n          <component :is=\"clearIcon\" v-if=\"clearIcon\" />\n          <URoundCloseCircle v-else />\n        </UIcon>\n      </span>\n\n      <span :class=\"`${prefixCls}-picker-icon`\">\n        <UIcon>\n          <component :is=\"suffixIcon\" v-if=\"suffixIcon\" />\n          <URoundTime v-else />\n        </UIcon>\n      </span>\n    </div>\n\n    <template #popup>\n      <div\n        :class=\"[\n          `${prefixCls}-time-panel`,\n          {\n            [`${prefixCls}-time-panel-rtl`]: direction === 'rtl'\n          }\n        ]\"\n      >\n        <TimePanel\n          v-if=\"!range\"\n          :prefix-cls=\"`${prefixCls}-time-panel`\"\n          :selected-value=\"(selectedValue as any | null)\"\n          :format=\"format\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          :hide-disabled-options=\"hideDisabledOptions\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :second-step=\"secondStep\"\n          :use-12-hours=\"use12Hours\"\n          :direction=\"computedDirection\"\n          @change=\"onChange\"\n        />\n        <TimeRangePanel\n          v-else\n          :prefix-cls=\"prefixCls\"\n          :selected-value=\"(selectedValue as Array<any | null>)\"\n          :format=\"format\"\n          :locale=\"thisLocale\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          :hide-disabled-options=\"hideDisabledOptions\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :second-step=\"secondStep\"\n          :use-12-hours=\"use12Hours\"\n          :direction=\"computedDirection\"\n          :shortcuts=\"shortcuts\"\n          @change=\"onChange\"\n        />\n      </div>\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, onMounted, provide, inject } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { URoundCloseCircle, URoundTime } from '@koi-design/uxd-icon';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport TimePickerInput from './Trigger/TimePickerInput.vue';\nimport TimeRangeInput from './Trigger/TimeRangeInput.vue';\nimport TimePanel from './Panel/TimePanel.vue';\nimport TimeRangePanel from './Panel/TimeRangePane.vue';\nimport TimePickerText from './Trigger/TimePickerText.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport warning from '../../utils/warn';\nimport { FormItemKey } from '../Form';\nimport { type TPSingleValueType, type TPInnerValueType, timePickerProps, timePickerEmits } from './TimePicker.type';\n\nimport type { FormItemContext } from '../Form/Form.type';\n\nexport default defineComponent({\n  name: 'UTimePicker',\n  components: {\n    Popup,\n    UIcon,\n    TimePickerInput,\n    TimeRangeInput,\n    TimePickerText,\n    TimePanel,\n    TimeRangePanel,\n    URoundCloseCircle,\n    URoundTime\n  },\n  props: timePickerProps,\n  emits: timePickerEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('time-picker');\n    const inputRef = ref<any | null>(null);\n    const selectedValue = ref<TPInnerValueType>(dayjs());\n\n    const thisLocale = computed(() => {\n      return props.locale || globalConfig.locale.datePicker;\n    });\n\n    const pickerStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (props.range) {\n        style.minWidth = '195px';\n      }\n      return style;\n    });\n\n    const showClear = computed(() => {\n      if (!props.range) {\n        return props.clearable && selectedValue.value !== null;\n      }\n      return props.clearable && (selectedValue.value as (Dayjs | null)[]).every((x) => !!x);\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const computedPlacement = computed(() => {\n      if (props.placement) {\n        return props.placement;\n      }\n      return computedDirection.value === 'rtl' ? 'bottom-end' : 'bottom-start';\n    });\n\n    // ========== value ==============\n    // #region\n\n    const getParseValue = (val: string | Date | null) => {\n      if (!val) {\n        return null;\n      }\n      if (props.valueType === 'Date') {\n        return dayjs(val);\n      }\n      const today = dayjs().format('YYYY-MM-DD');\n      return dayjs(`${today} ${val}`, `YYYY-MM-DD ${props.format}`);\n    };\n    watch(\n      computed(() => props.modelValue),\n      (val) => {\n        if (val) {\n          if (props.range && !Array.isArray(val)) {\n            warning(' modeValue must be array when type is Range');\n            selectedValue.value = [null, null];\n            return;\n          }\n          if (props.range && Array.isArray(val)) {\n            selectedValue.value = [getParseValue(val[0]), getParseValue(val[1])];\n          } else {\n            selectedValue.value = getParseValue(val as TPSingleValueType);\n          }\n        } else {\n          selectedValue.value = props.range ? [null, null] : null;\n        }\n      },\n      { immediate: true }\n    );\n\n    const getOutValue = (date: Dayjs | null) => {\n      if (!date) {\n        return null;\n      }\n      if (props.valueType === 'Date') {\n        return date.toDate();\n      }\n      return date.format(props.format);\n    };\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const setValue = (val: TPInnerValueType) => {\n      selectedValue.value = val;\n      let outValue = null;\n      if (props.range) {\n        const [start, end] = val as (Dayjs | null)[];\n        outValue = [getOutValue(start), getOutValue(end)];\n      } else {\n        outValue = getOutValue(val as Dayjs | null);\n      }\n\n      emit('update:modelValue', outValue);\n      emit('change', outValue);\n      if (onFieldChange) {\n        onFieldChange(outValue);\n      }\n    };\n\n    const onChange = (val: TPInnerValueType) => {\n      setValue(val);\n    };\n\n    const stateOpen = ref(props.open);\n    const setOpened = (val: boolean) => {\n      stateOpen.value = val;\n      emit('update:open', val);\n      emit('open-change', val);\n    };\n\n    const onClear = () => {\n      setValue(props.range ? [null, null] : null);\n      setOpened(false);\n      emit('clear');\n    };\n\n    onMounted(() => {\n      watch(\n        computed(() => props.open),\n        (val) => {\n          stateOpen.value = val;\n          if (val && inputRef.value) {\n            (inputRef.value as any).focus();\n          }\n        }\n      );\n    });\n\n    const onClickOutside = () => {\n      setOpened(false);\n    };\n\n    const onInputContainerClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      if (!stateOpen.value) {\n        setOpened(true);\n      }\n    };\n\n    // ======= input event ==========\n    // #region\n    const onInputChange = (value: TPInnerValueType) => {\n      setValue(value);\n    };\n\n    const onInputFocus = (e: any) => {\n      // setOpened(true);\n      emit('focus', e);\n    };\n\n    const onInputBlur = (e: any) => {\n      emit('blur', e);\n    };\n\n    provide('timePickerContext', {\n      setOpened\n    });\n\n    return {\n      prefixCls,\n      stateOpen,\n      selectedValue,\n      inputRef,\n      pickerStyle,\n      thisLocale,\n      showClear,\n      computedDirection,\n      computedPlacement,\n      onClickOutside,\n      onInputContainerClick,\n      onChange,\n      onClear,\n      onInputChange,\n      onInputFocus,\n      onInputBlur\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Popup","UIcon","TimePickerInput","TimeRangeInput","TimePickerText","TimePanel","TimeRangePanel","URoundCloseCircle","URoundTime","timePickerProps","timePickerEmits","useGlobalConfig","ref","dayjs","computed","inject","FormItemKey","_createBlock","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_createVNode","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../../../../src/components/TimePicker/TimePicker.vue"],"sourcesContent":["<template>\n  <Popup\n    :visible=\"stateOpen\"\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :placement=\"computedPlacement\"\n    transition-name=\"slide-up\"\n    :get-popup-container=\"getPopupContainer\"\n    :destroy-on-close=\"destroyOnClose\"\n    :modifiers=\"modifiers\"\n    :click-outside=\"onClickOutside\"\n  >\n    <div\n      :class=\"{\n        [`${prefixCls}-picker`]: true,\n        [`${prefixCls}-picker-variant-${variant}`]: true,\n        [`${prefixCls}-picker-disabled`]: disabled,\n        [`${prefixCls}-picker-${size}`]: size,\n        [`${prefixCls}-picker-open`]: stateOpen,\n        [`${prefixCls}-picker-range`]: range,\n        [`${prefixCls}-picker-clearable`]: showClear,\n        [`${prefixCls}-picker-rtl`]: computedDirection === 'rtl'\n      }\"\n      :style=\"pickerStyle\"\n      @click=\"onInputContainerClick\"\n    >\n      <label\n        v-if=\"label\"\n        :class=\"{\n          [`${prefixCls}-picker-label`]: true,\n          [`${prefixCls}-picker-label-colon`]: labelColon,\n          [`${prefixCls}-picker-label-required`]: required\n        }\"\n      >\n        {{ label }}\n      </label>\n\n      <TimeRangeInput\n        v-if=\"range\"\n        ref=\"inputRef\"\n        :prefix-cls=\"prefixCls\"\n        :format=\"format\"\n        :separator=\"$slots.separator ? $slots.separator : separator\"\n        :disabled=\"disabled\"\n        :disabled-hours=\"disabledHours\"\n        :disabled-minutes=\"disabledMinutes\"\n        :disabled-seconds=\"disabledSeconds\"\n        :size=\"size\"\n        :locale=\"thisLocale\"\n        :placeholder=\"Array.isArray(placeholder) ? placeholder : undefined\"\n        :value=\"(selectedValue as Array<any | null>)\"\n        @change=\"onInputChange\"\n      />\n      <TimePickerText\n        v-else-if=\"variant === 'text'\"\n        :prefix-cls=\"prefixCls\"\n        :format=\"format\"\n        :locale=\"thisLocale\"\n        :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n        :value=\"(selectedValue as any)\"\n      />\n      <TimePickerInput\n        v-else\n        ref=\"inputRef\"\n        :prefix-cls=\"prefixCls\"\n        :format=\"format\"\n        :disabled=\"disabled\"\n        :disabled-hours=\"disabledHours\"\n        :disabled-minutes=\"disabledMinutes\"\n        :disabled-seconds=\"disabledSeconds\"\n        :size=\"size\"\n        :open=\"stateOpen\"\n        :locale=\"thisLocale\"\n        :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n        :value=\"(selectedValue as any | null)\"\n        @change=\"onInputChange\"\n        @focus=\"onInputFocus\"\n        @blur=\"onInputBlur\"\n      />\n\n      <span v-if=\"showClear\" :class=\"`${prefixCls}-picker-clear`\" @mousedown.prevent @click=\"onClear\">\n        <UIcon>\n          <component :is=\"clearIcon\" v-if=\"clearIcon\" />\n          <CircleX v-else />\n        </UIcon>\n      </span>\n\n      <span :class=\"`${prefixCls}-picker-icon`\">\n        <UIcon>\n          <component :is=\"suffixIcon\" v-if=\"suffixIcon\" />\n          <Clock v-else />\n        </UIcon>\n      </span>\n    </div>\n\n    <template #popup>\n      <div\n        :class=\"[\n          `${prefixCls}-time-panel`,\n          {\n            [`${prefixCls}-time-panel-rtl`]: direction === 'rtl'\n          }\n        ]\"\n      >\n        <TimePanel\n          v-if=\"!range\"\n          :prefix-cls=\"`${prefixCls}-time-panel`\"\n          :selected-value=\"(selectedValue as any | null)\"\n          :format=\"format\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          :hide-disabled-options=\"hideDisabledOptions\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :second-step=\"secondStep\"\n          :use-12-hours=\"use12Hours\"\n          :direction=\"computedDirection\"\n          @change=\"onChange\"\n        />\n        <TimeRangePanel\n          v-else\n          :prefix-cls=\"prefixCls\"\n          :selected-value=\"(selectedValue as Array<any | null>)\"\n          :format=\"format\"\n          :locale=\"thisLocale\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          :hide-disabled-options=\"hideDisabledOptions\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :second-step=\"secondStep\"\n          :use-12-hours=\"use12Hours\"\n          :direction=\"computedDirection\"\n          :shortcuts=\"shortcuts\"\n          @change=\"onChange\"\n        />\n      </div>\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, onMounted, provide, inject } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { CircleX, Clock } from 'lucide-vue-next';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport TimePickerInput from './Trigger/TimePickerInput.vue';\nimport TimeRangeInput from './Trigger/TimeRangeInput.vue';\nimport TimePanel from './Panel/TimePanel.vue';\nimport TimeRangePanel from './Panel/TimeRangePane.vue';\nimport TimePickerText from './Trigger/TimePickerText.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport warning from '../../utils/warn';\nimport { FormItemKey } from '../Form';\nimport { type TPSingleValueType, type TPInnerValueType, timePickerProps, timePickerEmits } from './TimePicker.type';\n\nimport type { FormItemContext } from '../Form/Form.type';\n\nexport default defineComponent({\n  name: 'UTimePicker',\n  components: {\n    Popup,\n    UIcon,\n    TimePickerInput,\n    TimeRangeInput,\n    TimePickerText,\n    TimePanel,\n    TimeRangePanel,\n    CircleX,\n    Clock\n  },\n  props: timePickerProps,\n  emits: timePickerEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('time-picker');\n    const inputRef = ref<any | null>(null);\n    const selectedValue = ref<TPInnerValueType>(dayjs());\n\n    const thisLocale = computed(() => {\n      return props.locale || globalConfig.locale.datePicker;\n    });\n\n    const pickerStyle = computed(() => {\n      const style = {} as CSSProperties;\n      // if (props.range) {\n      //   style.minWidth = '195px';\n      // }\n      return style;\n    });\n\n    const showClear = computed(() => {\n      if (!props.range) {\n        return props.clearable && selectedValue.value !== null;\n      }\n      return props.clearable && (selectedValue.value as (Dayjs | null)[]).every((x) => !!x);\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const computedPlacement = computed(() => {\n      if (props.placement) {\n        return props.placement;\n      }\n      return computedDirection.value === 'rtl' ? 'bottom-end' : 'bottom-start';\n    });\n\n    // ========== value ==============\n    // #region\n\n    const getParseValue = (val: string | Date | null) => {\n      if (!val) {\n        return null;\n      }\n      if (props.valueType === 'Date') {\n        return dayjs(val);\n      }\n      const today = dayjs().format('YYYY-MM-DD');\n      return dayjs(`${today} ${val}`, `YYYY-MM-DD ${props.format}`);\n    };\n    watch(\n      computed(() => props.modelValue),\n      (val) => {\n        if (val) {\n          if (props.range && !Array.isArray(val)) {\n            warning(' modeValue must be array when type is Range');\n            selectedValue.value = [null, null];\n            return;\n          }\n          if (props.range && Array.isArray(val)) {\n            selectedValue.value = [getParseValue(val[0]), getParseValue(val[1])];\n          } else {\n            selectedValue.value = getParseValue(val as TPSingleValueType);\n          }\n        } else {\n          selectedValue.value = props.range ? [null, null] : null;\n        }\n      },\n      { immediate: true }\n    );\n\n    const getOutValue = (date: Dayjs | null) => {\n      if (!date) {\n        return null;\n      }\n      if (props.valueType === 'Date') {\n        return date.toDate();\n      }\n      return date.format(props.format);\n    };\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const setValue = (val: TPInnerValueType) => {\n      selectedValue.value = val;\n      let outValue = null;\n      if (props.range) {\n        const [start, end] = val as (Dayjs | null)[];\n        outValue = [getOutValue(start), getOutValue(end)];\n      } else {\n        outValue = getOutValue(val as Dayjs | null);\n      }\n\n      emit('update:modelValue', outValue);\n      emit('change', outValue);\n      if (onFieldChange) {\n        onFieldChange(outValue);\n      }\n    };\n\n    const onChange = (val: TPInnerValueType) => {\n      setValue(val);\n    };\n\n    const stateOpen = ref(props.open);\n    const setOpened = (val: boolean) => {\n      stateOpen.value = val;\n      emit('update:open', val);\n      emit('open-change', val);\n    };\n\n    const onClear = () => {\n      setValue(props.range ? [null, null] : null);\n      setOpened(false);\n      emit('clear');\n    };\n\n    onMounted(() => {\n      watch(\n        computed(() => props.open),\n        (val) => {\n          stateOpen.value = val;\n          if (val && inputRef.value) {\n            (inputRef.value as any).focus();\n          }\n        }\n      );\n    });\n\n    const onClickOutside = () => {\n      setOpened(false);\n    };\n\n    const onInputContainerClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      if (!stateOpen.value) {\n        setOpened(true);\n      }\n    };\n\n    // ======= input event ==========\n    // #region\n    const onInputChange = (value: TPInnerValueType) => {\n      setValue(value);\n    };\n\n    const onInputFocus = (e: any) => {\n      // setOpened(true);\n      emit('focus', e);\n    };\n\n    const onInputBlur = (e: any) => {\n      emit('blur', e);\n    };\n\n    provide('timePickerContext', {\n      setOpened\n    });\n\n    return {\n      prefixCls,\n      stateOpen,\n      selectedValue,\n      inputRef,\n      pickerStyle,\n      thisLocale,\n      showClear,\n      computedDirection,\n      computedPlacement,\n      onClickOutside,\n      onInputContainerClick,\n      onChange,\n      onClear,\n      onInputChange,\n      onInputFocus,\n      onInputBlur\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Popup","UIcon","TimePickerInput","TimeRangeInput","TimePickerText","TimePanel","TimeRangePanel","CircleX","Clock","timePickerProps","timePickerEmits","useGlobalConfig","ref","dayjs","computed","inject","FormItemKey","_createBlock","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_createVNode","_resolveDynamicComponent"],"mappings":"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"}

package/lib/components/TimePicker/TimePicker.type.d.ts

@@ -91,15 +91,10 @@ export declare const timePickerProps: {
         type: PropType<DatePickerLocal>;
     };
     variant: {
-        type: PropType<"text" | "surface" | "soft">;
+        type: PropType<"surface" | "soft" | "borderless" | "underline">;
         default: string;
         validator: (val: string) => boolean;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
     label: {
         type: StringConstructor;
     };

package/lib/components/TimePicker/TimePicker.type.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var globalType = require('../../utils/globalType.js');
 var propsValidators = require('../../utils/propsValidators.js');
 var placements = require('../../utils/placements.js');
 
@@ -90,12 +89,7 @@ const timePickerProps = {
   variant: {
     type: String,
     default: "surface",
-    validator: propsValidators.oneOf(["surface", "soft", "text"])
-  },
-  color: {
-    type: String,
-    default: void 0,
-    validator: propsValidators.oneOf(globalType.colorType)
+    validator: propsValidators.oneOf(["surface", "soft", "borderless", "underline"])
   },
   label: {
     type: String

package/lib/components/TimePicker/TimePicker.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.type.js","sources":["../../../../src/components/TimePicker/TimePicker.type.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { ExtractPropTypes, PropType } from 'vue';\nimport type { DatePickerLocal } from '../locale/default';\nimport { colorType, type ColorType, type IconPropType, type NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\n\nimport type TimePicker from './TimePicker.vue';\nimport type { GetPopupContainer } from '../Popup';\nimport type { Placements } from '../../utils/placements';\nimport placements from '../../utils/placements';\n\nexport type DisabledHoursFunction = () => number[];\nexport type DisabledMinutesFunction = (hour: number) => number[];\nexport type DisabledSecondsFunction = (hour: number, minute: number) => number[];\nexport type TPSingleValueType = Date | string | null;\nexport type TPInnerValueType = Dayjs | null | (Dayjs | null)[];\n\nexport const timePickerProps = {\n  modelValue: {\n    type: [Date, String, Array] as PropType<TPSingleValueType | TPSingleValueType[]>\n  },\n  range: {\n    type: Boolean,\n    default: false\n  },\n  placeholder: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(['large', 'small', 'default'])\n  },\n  format: {\n    type: String,\n    default: 'HH:mm:ss'\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  hideDisabledOptions: {\n    type: Boolean,\n    default: false\n  },\n  hourStep: {\n    type: Number,\n    default: 1\n  },\n  minuteStep: {\n    type: Number,\n    default: 1\n  },\n  secondStep: {\n    type: Number,\n    default: 1\n  },\n  use12Hours: {\n    type: Boolean,\n    default: false\n  },\n  open: {\n    type: Boolean,\n    default: false\n  },\n  valueType: {\n    type: String as PropType<'Date' | 'String'>,\n    default: 'Date',\n    validator: oneOf(['Date', 'String'])\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  clearIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  suffixIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  separator: {\n    type: String\n  },\n  locale: {\n    type: Object as PropType<DatePickerLocal>\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'text'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'text'])\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  },\n  label: {\n    type: String\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  placement: {\n    type: String as PropType<Placements>,\n    validator: oneOf(placements)\n  },\n  getPopupContainer: {\n    type: Function as PropType<GetPopupContainer>\n  },\n  modifiers: {\n    type: Array as PropType<any[]>\n  },\n  destroyOnClose: {\n    type: Boolean\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  },\n  shortcuts: {\n    type: Array as PropType<\n      {\n        text: string;\n        value: () => Date[];\n      }[]\n    >\n  }\n};\nexport type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;\n\nconst singeValueValid = (v: TPSingleValueType) => {\n  return v === null || typeof v === 'string' || v instanceof Date;\n};\nexport const timePickerEmits = {\n  'update:modelValue': (v: TPSingleValueType | TPSingleValueType[]) => {\n    if (Array.isArray(v)) {\n      return v.length === 2 && v.every((x) => singeValueValid(x));\n    }\n    return singeValueValid(v);\n  },\n  'update:open': (v: boolean) => typeof v === 'boolean',\n  change: (v: TPSingleValueType | TPSingleValueType[]) => {\n    if (Array.isArray(v)) {\n      return v.length === 2 && v.every((x) => singeValueValid(x));\n    }\n    return singeValueValid(v);\n  },\n  'open-change': (v: boolean) => typeof v === 'boolean',\n  blur: (e: Event) => e instanceof Event,\n  focus: (e: Event) => e instanceof Event,\n  clear: () => true\n};\n\nexport type TimePickerEmits = typeof timePickerEmits;\n\nexport interface TimePickerContext {\n  setOpened: (open: boolean) => void;\n}\n\nexport type SelectListType = 'hour' | 'minute' | 'second' | 'ampm';\n\nexport interface SelectListOption {\n  value: string;\n  disabled?: boolean;\n}\n\nexport type TimePickerInstance = InstanceType<typeof TimePicker>;\n"],"names":["oneOf","colorType","placements"],"mappings":"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"}
+{"version":3,"file":"TimePicker.type.js","sources":["../../../../src/components/TimePicker/TimePicker.type.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { ExtractPropTypes, PropType } from 'vue';\nimport type { DatePickerLocal } from '../locale/default';\nimport { type IconPropType, type NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\n\nimport type TimePicker from './TimePicker.vue';\nimport type { GetPopupContainer } from '../Popup';\nimport type { Placements } from '../../utils/placements';\nimport placements from '../../utils/placements';\n\nexport type DisabledHoursFunction = () => number[];\nexport type DisabledMinutesFunction = (hour: number) => number[];\nexport type DisabledSecondsFunction = (hour: number, minute: number) => number[];\nexport type TPSingleValueType = Date | string | null;\nexport type TPInnerValueType = Dayjs | null | (Dayjs | null)[];\n\nexport const timePickerProps = {\n  modelValue: {\n    type: [Date, String, Array] as PropType<TPSingleValueType | TPSingleValueType[]>\n  },\n  range: {\n    type: Boolean,\n    default: false\n  },\n  placeholder: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(['large', 'small', 'default'])\n  },\n  format: {\n    type: String,\n    default: 'HH:mm:ss'\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  hideDisabledOptions: {\n    type: Boolean,\n    default: false\n  },\n  hourStep: {\n    type: Number,\n    default: 1\n  },\n  minuteStep: {\n    type: Number,\n    default: 1\n  },\n  secondStep: {\n    type: Number,\n    default: 1\n  },\n  use12Hours: {\n    type: Boolean,\n    default: false\n  },\n  open: {\n    type: Boolean,\n    default: false\n  },\n  valueType: {\n    type: String as PropType<'Date' | 'String'>,\n    default: 'Date',\n    validator: oneOf(['Date', 'String'])\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  clearIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  suffixIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  separator: {\n    type: String\n  },\n  locale: {\n    type: Object as PropType<DatePickerLocal>\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'borderless' | 'underline'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'borderless', 'underline'])\n  },\n\n  label: {\n    type: String\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  placement: {\n    type: String as PropType<Placements>,\n    validator: oneOf(placements)\n  },\n  getPopupContainer: {\n    type: Function as PropType<GetPopupContainer>\n  },\n  modifiers: {\n    type: Array as PropType<any[]>\n  },\n  destroyOnClose: {\n    type: Boolean\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  },\n  shortcuts: {\n    type: Array as PropType<\n      {\n        text: string;\n        value: () => Date[];\n      }[]\n    >\n  }\n};\nexport type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;\n\nconst singeValueValid = (v: TPSingleValueType) => {\n  return v === null || typeof v === 'string' || v instanceof Date;\n};\nexport const timePickerEmits = {\n  'update:modelValue': (v: TPSingleValueType | TPSingleValueType[]) => {\n    if (Array.isArray(v)) {\n      return v.length === 2 && v.every((x) => singeValueValid(x));\n    }\n    return singeValueValid(v);\n  },\n  'update:open': (v: boolean) => typeof v === 'boolean',\n  change: (v: TPSingleValueType | TPSingleValueType[]) => {\n    if (Array.isArray(v)) {\n      return v.length === 2 && v.every((x) => singeValueValid(x));\n    }\n    return singeValueValid(v);\n  },\n  'open-change': (v: boolean) => typeof v === 'boolean',\n  blur: (e: Event) => e instanceof Event,\n  focus: (e: Event) => e instanceof Event,\n  clear: () => true\n};\n\nexport type TimePickerEmits = typeof timePickerEmits;\n\nexport interface TimePickerContext {\n  setOpened: (open: boolean) => void;\n}\n\nexport type SelectListType = 'hour' | 'minute' | 'second' | 'ampm';\n\nexport interface SelectListOption {\n  value: string;\n  disabled?: boolean;\n}\n\nexport type TimePickerInstance = InstanceType<typeof TimePicker>;\n"],"names":["oneOf","placements"],"mappings":"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"}