@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha32

package/es5/components/VTimePicker/VTimePicker.js

@@ -25,6 +25,8 @@ var _pad = _interopRequireDefault(require("../VDatePicker/util/pad"));
 
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
+var _vue = require("vue");
+
 var _SelectingTimes = require("./SelectingTimes");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -75,9 +77,10 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
     readonly: Boolean,
     scrollable: Boolean,
     useSeconds: Boolean,
-    value: null,
+    modelValue: null,
     ampmInTitle: Boolean
   },
+  emits: ['update:modelValue', 'change', 'update:active-picker', 'update:period', 'click:hour', 'click:minute', 'click:second'],
   data: function data() {
     return {
       inputHour: null,
@@ -219,12 +222,18 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
   watch: {
     activePicker: 'setPicker',
     selecting: 'emitPicker',
-    value: 'setInputData'
+    modelValue: {
+      handler: 'setInputData',
+      immediate: false
+    }
   },
   mounted: function mounted() {
-    this.setInputData(this.value);
+    this.setInputData(this.modelValue);
     this.$on('update:period', this.setPeriod);
   },
+  beforeUnmount: function beforeUnmount() {
+    this.$off('update:period', this.setPeriod);
+  },
   methods: {
     genValue: function genValue() {
       if (this.inputHour != null && this.inputMinute != null && (!this.useSeconds || this.inputSecond != null)) {
@@ -235,7 +244,7 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
     },
     emitValue: function emitValue() {
       var value = this.genValue();
-      if (value !== null) this.$emit('input', value);
+      if (value !== null) this.$emit('update:modelValue', value);
     },
     emitPicker: function emitPicker(value) {
       var activePicker = 'HOUR';
@@ -249,7 +258,9 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
       this.$emit('update:active-picker', activePicker);
     },
     setPicker: function setPicker(picker) {
-      if (picker === 'HOUR') this.selecting = _SelectingTimes.SelectingTimes.Hour;else if (picker === 'MINUTE') this.selecting = _SelectingTimes.SelectingTimes.Minute;else if (picker === 'SECOND' && this.useSeconds) this.selecting = _SelectingTimes.SelectingTimes.Second;
+      if (picker === 'HOUR') this.selecting = _SelectingTimes.SelectingTimes.Hour;else if (picker === 'MINUTE') this.selecting = _SelectingTimes.SelectingTimes.Minute;else if (picker === 'SECOND' && this.useSeconds) {
+        this.selecting = _SelectingTimes.SelectingTimes.Second;
+      }
     },
     setPeriod: function setPeriod(period) {
       this.period = period;
@@ -270,19 +281,36 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
         this.inputMinute = value.getMinutes();
         this.inputSecond = value.getSeconds();
       } else {
-        var _ref9 = value.trim().toLowerCase().match(/^(\d+):(\d+)(:(\d+))?([ap]m)?$/) || new Array(6),
-            _ref10 = _slicedToArray(_ref9, 6),
-            hour = _ref10[1],
-            minute = _ref10[2],
-            second = _ref10[4],
-            period = _ref10[5];
-
-        this.inputHour = period ? this.convert12to24(parseInt(hour, 10), period) : parseInt(hour, 10);
-        this.inputMinute = parseInt(minute, 10);
-        this.inputSecond = parseInt(second || 0, 10);
-      }
+        var match = value.trim().match(/^(\d+):(\d+)(:(\d+))?\s*([ap]m)?$/i);
+
+        if (match) {
+          var _match = _slicedToArray(match, 6),
+              hour = _match[1],
+              minute = _match[2],
+              second = _match[4],
+              period = _match[5];
+
+          var normalizedPeriod = period ? period.toLowerCase() : null;
+          this.inputHour = normalizedPeriod ? this.convert12to24(parseInt(hour, 10), normalizedPeriod) : parseInt(hour, 10);
+          this.inputMinute = parseInt(minute, 10);
+          this.inputSecond = parseInt(second || 0, 10); // Устанавливаем период только если он был указан в строке
+
+          if (normalizedPeriod) {
+            this.period = normalizedPeriod;
+          } else if (this.inputHour != null) {
+            this.period = this.inputHour < 12 ? 'am' : 'pm';
+          }
+        } else {
+          this.inputHour = null;
+          this.inputMinute = null;
+          this.inputSecond = null;
+        }
+      } // Для Date объектов устанавливаем период на основе 24-часового формата
 
-      this.period = this.inputHour == null || this.inputHour < 12 ? 'am' : 'pm';
+
+      if (value instanceof Date && this.inputHour != null) {
+        this.period = this.inputHour < 12 ? 'am' : 'pm';
+      }
     },
     convert24to12: function convert24to12(hour) {
       return hour ? (hour - 1) % 12 + 1 : 12;
@@ -302,6 +330,8 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
       this.emitValue();
     },
     onChange: function onChange(value) {
+      // Сначала обновляем значение через onInput - это ключевой момент!
+      this.onInput(value);
       this.$emit("click:".concat(selectingNames[this.selecting]), value);
       var emitChange = this.selecting === (this.useSeconds ? _SelectingTimes.SelectingTimes.Second : _SelectingTimes.SelectingTimes.Minute);
 
@@ -311,7 +341,10 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
         this.selecting = _SelectingTimes.SelectingTimes.Second;
       }
 
-      if (this.inputHour === this.lazyInputHour && this.inputMinute === this.lazyInputMinute && (!this.useSeconds || this.inputSecond === this.lazyInputSecond)) return;
+      if (this.inputHour === this.lazyInputHour && this.inputMinute === this.lazyInputMinute && (!this.useSeconds || this.inputSecond === this.lazyInputSecond)) {
+        return;
+      }
+
       var time = this.genValue();
       if (time === null) return;
       this.lazyInputHour = this.inputHour;
@@ -330,7 +363,7 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
       return ((first || 0) + value) % range.length + range[0];
     },
     genClock: function genClock() {
-      return h(_VTimePickerClock.default, {
+      return (0, _vue.h)(_VTimePickerClock.default, {
         allowedValues: this.selecting === _SelectingTimes.SelectingTimes.Hour ? this.isAllowedHourCb : this.selecting === _SelectingTimes.SelectingTimes.Minute ? this.isAllowedMinuteCb : this.isAllowedSecondCb,
         color: this.color,
         dark: this.dark,
@@ -348,19 +381,19 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
         scrollable: this.scrollable,
         size: Number(this.width) - (!this.fullWidth && this.landscape ? 80 : 20),
         step: this.selecting === _SelectingTimes.SelectingTimes.Hour ? 1 : 5,
-        value: this.selecting === _SelectingTimes.SelectingTimes.Hour ? this.inputHour : this.selecting === _SelectingTimes.SelectingTimes.Minute ? this.inputMinute : this.inputSecond,
-        onInput: this.onInput,
+        modelValue: this.selecting === _SelectingTimes.SelectingTimes.Hour ? this.inputHour : this.selecting === _SelectingTimes.SelectingTimes.Minute ? this.inputMinute : this.inputSecond,
+        onUpdateModelValue: this.onInput,
         onChange: this.onChange,
         ref: 'clock'
       });
     },
     genClockAmPm: function genClockAmPm() {
-      return h('div', this.setTextColor(this.color || 'primary', {
+      return (0, _vue.h)('div', this.setTextColor(this.color || 'primary', {
         class: 'v-time-picker-clock__ampm'
       }), [this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly), this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly)]);
     },
     genPickerBody: function genPickerBody() {
-      return h('div', {
+      return (0, _vue.h)('div', {
         class: 'v-time-picker-clock__container',
         key: this.selecting
       }, [!this.ampmInTitle && this.isAmPm && this.genClockAmPm(), this.genClock()]);
@@ -368,29 +401,24 @@ var _default = (0, _mixins.default)(_picker.default, _pickerButton.default
     genPickerTitle: function genPickerTitle() {
       var _this4 = this;
 
-      return h(_VTimePickerTitle.default, {
-        props: {
-          ampm: this.isAmPm,
-          ampmReadonly: this.isAmPm && !this.ampmInTitle,
-          disabled: this.disabled,
-          hour: this.inputHour,
-          minute: this.inputMinute,
-          second: this.inputSecond,
-          period: this.period,
-          readonly: this.readonly,
-          useSeconds: this.useSeconds,
-          selecting: this.selecting
+      return (0, _vue.h)(_VTimePickerTitle.default, {
+        ampm: this.isAmPm,
+        ampmReadonly: this.isAmPm && !this.ampmInTitle,
+        disabled: this.disabled,
+        hour: this.inputHour,
+        minute: this.inputMinute,
+        second: this.inputSecond,
+        period: this.period,
+        readonly: this.readonly,
+        useSeconds: this.useSeconds,
+        selecting: this.selecting,
+        'onUpdate:selecting': function onUpdateSelecting(value) {
+          _this4.selecting = value;
         },
-        on: {
-          'update:selecting': function updateSelecting(value) {
-            return _this4.selecting = value;
-          },
-          'update:period': function updatePeriod(period) {
-            return _this4.$emit('update:period', period);
-          }
+        'onUpdate:period': function onUpdatePeriod(period) {
+          _this4.$emit('update:period', period);
         },
-        ref: 'title',
-        slot: 'title'
+        ref: 'title'
       });
     }
   },

package/es5/components/VTimePicker/VTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimePicker/VTimePicker.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport VTimePickerTitle from './VTimePickerTitle'\nimport VTimePickerClock from './VTimePickerClock'\n\n// Mixins\nimport Picker from '../../mixins/picker'\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport { createRange } from '../../util/helpers'\nimport pad from '../VDatePicker/util/pad'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, PropType } from 'vue'\nimport { SelectingTimes } from './SelectingTimes'\n\nconst rangeHours24 = createRange(24)\nconst rangeHours12am = createRange(12)\nconst rangeHours12pm = rangeHours12am.map(v => v + 12)\nconst range60 = createRange(60)\nconst selectingNames = { 1: 'hour', 2: 'minute', 3: 'second' }\nexport { SelectingTimes }\n\ntype Period = 'am' | 'pm'\ntype AllowFunction = (val: number) => boolean\ntype ActivePicker = 'HOUR' | 'MINUTE' | 'SECOND'\n\nexport default mixins(\n  Picker,\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-time-picker',\n\n  props: {\n    activePicker: String as PropType<ActivePicker>,\n    allowedHours: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedMinutes: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedSeconds: [Function, Array] as PropType<AllowFunction | number[]>,\n    disabled: Boolean,\n    format: {\n      type: String as PropType<'ampm' | '24hr'>,\n      default: 'ampm',\n      validator (val: any) {\n        return ['ampm', '24hr'].includes(val)\n      },\n    },\n    min: String,\n    max: String,\n    readonly: Boolean,\n    scrollable: Boolean,\n    useSeconds: Boolean,\n    value: null as any as PropType<any>,\n    ampmInTitle: Boolean,\n  },\n\n  data () {\n    return {\n      inputHour: null as number | null,\n      inputMinute: null as number | null,\n      inputSecond: null as number | null,\n      lazyInputHour: null as number | null,\n      lazyInputMinute: null as number | null,\n      lazyInputSecond: null as number | null,\n      period: 'am' as Period,\n      selecting: SelectingTimes.Hour,\n    }\n  },\n\n  computed: {\n    selectingHour: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Hour\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Hour\n      },\n    },\n    selectingMinute: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Minute\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Minute\n      },\n    },\n    selectingSecond: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Second\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Second\n      },\n    },\n    isAllowedHourCb (): AllowFunction {\n      let cb: AllowFunction\n\n      if (this.allowedHours instanceof Array) {\n        cb = (val: number) => (this.allowedHours as number[]).includes(val)\n      } else {\n        cb = this.allowedHours\n      }\n\n      if (!this.min && !this.max) return cb\n\n      const minHour = this.min ? Number(this.min.split(':')[0]) : 0\n      const maxHour = this.max ? Number(this.max.split(':')[0]) : 23\n\n      return (val: number) => {\n        return val >= minHour * 1 &&\n          val <= maxHour * 1 &&\n          (!cb || cb(val))\n      }\n    },\n    isAllowedMinuteCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour)\n      if (this.allowedMinutes instanceof Array) {\n        cb = (val: number) => (this.allowedMinutes as number[]).includes(val)\n      } else {\n        cb = this.allowedMinutes\n      }\n\n      if (!this.min && !this.max) {\n        return isHourAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute] = this.min ? this.min.split(':').map(Number) : [0, 0]\n      const [maxHour, maxMinute] = this.max ? this.max.split(':').map(Number) : [23, 59]\n      const minTime = minHour * 60 + minMinute * 1\n      const maxTime = maxHour * 60 + maxMinute * 1\n\n      return (val: number) => {\n        const time = 60 * this.inputHour! + val\n        return time >= minTime &&\n          time <= maxTime &&\n          isHourAllowed &&\n          (!cb || cb(val))\n      }\n    },\n    isAllowedSecondCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour)\n      const isMinuteAllowed = isHourAllowed &&\n        (!this.isAllowedMinuteCb ||\n          this.inputMinute === null ||\n          this.isAllowedMinuteCb(this.inputMinute)\n        )\n\n      if (this.allowedSeconds instanceof Array) {\n        cb = (val: number) => (this.allowedSeconds as number[]).includes(val)\n      } else {\n        cb = this.allowedSeconds\n      }\n\n      if (!this.min && !this.max) {\n        return isMinuteAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute, minSecond] = this.min ? this.min.split(':').map(Number) : [0, 0, 0]\n      const [maxHour, maxMinute, maxSecond] = this.max ? this.max.split(':').map(Number) : [23, 59, 59]\n      const minTime = minHour * 3600 + minMinute * 60 + (minSecond || 0) * 1\n      const maxTime = maxHour * 3600 + maxMinute * 60 + (maxSecond || 0) * 1\n\n      return (val: number) => {\n        const time = 3600 * this.inputHour! + 60 * this.inputMinute! + val\n        return time >= minTime &&\n          time <= maxTime &&\n          isMinuteAllowed &&\n          (!cb || cb(val))\n      }\n    },\n    isAmPm (): boolean {\n      return this.format === 'ampm'\n    },\n  },\n\n  watch: {\n    activePicker: 'setPicker',\n    selecting: 'emitPicker',\n    value: 'setInputData',\n  },\n\n  mounted () {\n    this.setInputData(this.value)\n    this.$on('update:period', this.setPeriod)\n  },\n\n  methods: {\n    genValue () {\n      if (this.inputHour != null && this.inputMinute != null && (!this.useSeconds || this.inputSecond != null)) {\n        return `${pad(this.inputHour)}:${pad(this.inputMinute)}` + (this.useSeconds ? `:${pad(this.inputSecond!)}` : '')\n      }\n\n      return null\n    },\n    emitValue () {\n      const value = this.genValue()\n      if (value !== null) this.$emit('input', value)\n    },\n    emitPicker (value: SelectingTimes) {\n      let activePicker = 'HOUR'\n      if (value === SelectingTimes.Minute) {\n        activePicker = 'MINUTE'\n      } else if (value === SelectingTimes.Second) {\n        activePicker = 'SECOND'\n      }\n      this.$emit('update:active-picker', activePicker)\n    },\n    setPicker (picker: ActivePicker) {\n      if (picker === 'HOUR') this.selecting = SelectingTimes.Hour\n      else if (picker === 'MINUTE') this.selecting = SelectingTimes.Minute\n      else if (picker === 'SECOND' && this.useSeconds) this.selecting = SelectingTimes.Second\n    },\n    setPeriod (period: Period) {\n      this.period = period\n      if (this.inputHour != null) {\n        const newHour = this.inputHour! + (period === 'am' ? -12 : 12)\n        this.inputHour = this.firstAllowed('hour', newHour)\n        this.emitValue()\n      }\n    },\n    setInputData (value: string | null | Date) {\n      if (value == null || value === '') {\n        this.inputHour = null\n        this.inputMinute = null\n        this.inputSecond = null\n      } else if (value instanceof Date) {\n        this.inputHour = value.getHours()\n        this.inputMinute = value.getMinutes()\n        this.inputSecond = value.getSeconds()\n      } else {\n        const [, hour, minute, , second, period] = value.trim().toLowerCase().match(/^(\\d+):(\\d+)(:(\\d+))?([ap]m)?$/) || new Array(6)\n\n        this.inputHour = period ? this.convert12to24(parseInt(hour, 10), period as Period) : parseInt(hour, 10)\n        this.inputMinute = parseInt(minute, 10)\n        this.inputSecond = parseInt(second || 0, 10)\n      }\n\n      this.period = (this.inputHour == null || this.inputHour < 12) ? 'am' : 'pm'\n    },\n    convert24to12 (hour: number) {\n      return hour ? ((hour - 1) % 12 + 1) : 12\n    },\n    convert12to24 (hour: number, period: Period) {\n      return hour % 12 + (period === 'pm' ? 12 : 0)\n    },\n    onInput (value: number) {\n      if (this.selecting === SelectingTimes.Hour) {\n        this.inputHour = this.isAmPm ? this.convert12to24(value, this.period) : value\n      } else if (this.selecting === SelectingTimes.Minute) {\n        this.inputMinute = value\n      } else {\n        this.inputSecond = value\n      }\n      this.emitValue()\n    },\n    onChange (value: number) {\n      this.$emit(`click:${selectingNames[this.selecting]}`, value)\n\n      const emitChange = this.selecting === (this.useSeconds ? SelectingTimes.Second : SelectingTimes.Minute)\n\n      if (this.selecting === SelectingTimes.Hour) {\n        this.selecting = SelectingTimes.Minute\n      } else if (this.useSeconds && this.selecting === SelectingTimes.Minute) {\n        this.selecting = SelectingTimes.Second\n      }\n\n      if (this.inputHour === this.lazyInputHour &&\n        this.inputMinute === this.lazyInputMinute &&\n        (!this.useSeconds || this.inputSecond === this.lazyInputSecond)\n      ) return\n\n      const time = this.genValue()\n      if (time === null) return\n\n      this.lazyInputHour = this.inputHour\n      this.lazyInputMinute = this.inputMinute\n      this.useSeconds && (this.lazyInputSecond = this.inputSecond)\n\n      emitChange && this.$emit('change', time)\n    },\n    firstAllowed (type: 'hour' | 'minute' | 'second', value: number) {\n      const allowedFn = type === 'hour' ? this.isAllowedHourCb : (type === 'minute' ? this.isAllowedMinuteCb : this.isAllowedSecondCb)\n      if (!allowedFn) return value\n\n      // TODO: clean up\n      const range = type === 'minute'\n        ? range60\n        : (type === 'second'\n          ? range60\n          : (this.isAmPm\n            ? (value < 12\n              ? rangeHours12am\n              : rangeHours12pm)\n            : rangeHours24))\n      const first = range.find(v => allowedFn((v + value) % range.length + range[0]))\n      return ((first || 0) + value) % range.length + range[0]\n    },\n    genClock () {\n      return h(VTimePickerClock, {\n        allowedValues:\n          this.selecting === SelectingTimes.Hour\n            ? this.isAllowedHourCb\n            : (this.selecting === SelectingTimes.Minute\n              ? this.isAllowedMinuteCb\n              : this.isAllowedSecondCb),\n        color: this.color,\n        dark: this.dark,\n        disabled: this.disabled,\n        double: this.selecting === SelectingTimes.Hour && !this.isAmPm,\n        format: this.selecting === SelectingTimes.Hour\n          ? (this.isAmPm ? this.convert24to12 : (val: number) => val)\n          : (val: number) => pad(val, 2),\n        light: this.light,\n        max: this.selecting === SelectingTimes.Hour ? (this.isAmPm && this.period === 'am' ? 11 : 23) : 59,\n        min: this.selecting === SelectingTimes.Hour && this.isAmPm && this.period === 'pm' ? 12 : 0,\n        readonly: this.readonly,\n        scrollable: this.scrollable,\n        size: Number(this.width) - ((!this.fullWidth && this.landscape) ? 80 : 20),\n        step: this.selecting === SelectingTimes.Hour ? 1 : 5,\n        value: this.selecting === SelectingTimes.Hour\n          ? this.inputHour\n          : (this.selecting === SelectingTimes.Minute\n            ? this.inputMinute\n            : this.inputSecond),\n        onInput: this.onInput,\n        onChange: this.onChange,\n        ref: 'clock',\n      })\n    },\n    genClockAmPm () {\n      return h('div', this.setTextColor(this.color || 'primary', {\n        class: 'v-time-picker-clock__ampm',\n      }), [\n        this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly),\n        this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly),\n      ])\n    },\n    genPickerBody () {\n      return h('div', {\n        class: 'v-time-picker-clock__container',\n        key: this.selecting,\n      }, [\n        !this.ampmInTitle && this.isAmPm && this.genClockAmPm(),\n        this.genClock(),\n      ])\n    },\n    genPickerTitle () {\n      return h(VTimePickerTitle, {\n        props: {\n          ampm: this.isAmPm,\n          ampmReadonly: this.isAmPm && !this.ampmInTitle,\n          disabled: this.disabled,\n          hour: this.inputHour,\n          minute: this.inputMinute,\n          second: this.inputSecond,\n          period: this.period,\n          readonly: this.readonly,\n          useSeconds: this.useSeconds,\n          selecting: this.selecting,\n        },\n        on: {\n          'update:selecting': (value: 1 | 2 | 3) => (this.selecting = value),\n          'update:period': (period: string) => this.$emit('update:period', period),\n        },\n        ref: 'title',\n        slot: 'title',\n      })\n    },\n  },\n\n  render (): VNode {\n    return this.genPicker('v-picker--time')\n  },\n})\n"],"sourceRoot":"","file":"VTimePicker.js"}
+{"version":3,"sources":["../../../src/components/VTimePicker/VTimePicker.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport VTimePickerTitle from './VTimePickerTitle'\nimport VTimePickerClock from './VTimePickerClock'\n\n// Mixins\nimport Picker from '../../mixins/picker'\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport { createRange } from '../../util/helpers'\nimport pad from '../VDatePicker/util/pad'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, PropType, h, defineComponent } from 'vue'\nimport { SelectingTimes } from './SelectingTimes'\n\nconst rangeHours24 = createRange(24)\nconst rangeHours12am = createRange(12)\nconst rangeHours12pm = rangeHours12am.map(v => v + 12)\nconst range60 = createRange(60)\nconst selectingNames = { 1: 'hour', 2: 'minute', 3: 'second' }\nexport { SelectingTimes }\n\ntype Period = 'am' | 'pm'\ntype AllowFunction = (val: number) => boolean\ntype ActivePicker = 'HOUR' | 'MINUTE' | 'SECOND'\n\nexport default mixins(\n  Picker,\n  PickerButton\n  /* @vue/component */\n).extend({\n  name: 'v-time-picker',\n\n  props: {\n    activePicker: String as PropType<ActivePicker>,\n    allowedHours: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedMinutes: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedSeconds: [Function, Array] as PropType<AllowFunction | number[]>,\n    disabled: Boolean,\n    format: {\n      type: String as PropType<'ampm' | '24hr'>,\n      default: 'ampm',\n      validator (val: any) {\n        return ['ampm', '24hr'].includes(val)\n      },\n    },\n    min: String,\n    max: String,\n    readonly: Boolean,\n    scrollable: Boolean,\n    useSeconds: Boolean,\n    modelValue: (null as any) as PropType<any>,\n    ampmInTitle: Boolean,\n  },\n  emits: [\n    'update:modelValue',\n    'change',\n    'update:active-picker',\n    'update:period',\n    'click:hour',\n    'click:minute',\n    'click:second',\n  ],\n  data () {\n    return {\n      inputHour: null as number | null,\n      inputMinute: null as number | null,\n      inputSecond: null as number | null,\n      lazyInputHour: null as number | null,\n      lazyInputMinute: null as number | null,\n      lazyInputSecond: null as number | null,\n      period: 'am' as Period,\n      selecting: SelectingTimes.Hour,\n    }\n  },\n\n  computed: {\n    selectingHour: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Hour\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Hour\n      },\n    },\n    selectingMinute: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Minute\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Minute\n      },\n    },\n    selectingSecond: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Second\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Second\n      },\n    },\n    isAllowedHourCb (): AllowFunction {\n      let cb: AllowFunction\n\n      if (this.allowedHours instanceof Array) {\n        cb = (val: number) => (this.allowedHours as number[]).includes(val)\n      } else {\n        cb = this.allowedHours\n      }\n\n      if (!this.min && !this.max) return cb\n\n      const minHour = this.min ? Number(this.min.split(':')[0]) : 0\n      const maxHour = this.max ? Number(this.max.split(':')[0]) : 23\n\n      return (val: number) => {\n        return val >= minHour * 1 && val <= maxHour * 1 && (!cb || cb(val))\n      }\n    },\n    isAllowedMinuteCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed =\n        !this.isAllowedHourCb ||\n        this.inputHour === null ||\n        this.isAllowedHourCb(this.inputHour)\n      if (this.allowedMinutes instanceof Array) {\n        cb = (val: number) => (this.allowedMinutes as number[]).includes(val)\n      } else {\n        cb = this.allowedMinutes\n      }\n\n      if (!this.min && !this.max) {\n        return isHourAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute] = this.min\n        ? this.min.split(':').map(Number)\n        : [0, 0]\n      const [maxHour, maxMinute] = this.max\n        ? this.max.split(':').map(Number)\n        : [23, 59]\n      const minTime = minHour * 60 + minMinute * 1\n      const maxTime = maxHour * 60 + maxMinute * 1\n\n      return (val: number) => {\n        const time = 60 * this.inputHour! + val\n        return (\n          time >= minTime &&\n          time <= maxTime &&\n          isHourAllowed &&\n          (!cb || cb(val))\n        )\n      }\n    },\n    isAllowedSecondCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed =\n        !this.isAllowedHourCb ||\n        this.inputHour === null ||\n        this.isAllowedHourCb(this.inputHour)\n      const isMinuteAllowed =\n        isHourAllowed &&\n        (!this.isAllowedMinuteCb ||\n          this.inputMinute === null ||\n          this.isAllowedMinuteCb(this.inputMinute))\n\n      if (this.allowedSeconds instanceof Array) {\n        cb = (val: number) => (this.allowedSeconds as number[]).includes(val)\n      } else {\n        cb = this.allowedSeconds\n      }\n\n      if (!this.min && !this.max) {\n        return isMinuteAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute, minSecond] = this.min\n        ? this.min.split(':').map(Number)\n        : [0, 0, 0]\n      const [maxHour, maxMinute, maxSecond] = this.max\n        ? this.max.split(':').map(Number)\n        : [23, 59, 59]\n      const minTime = minHour * 3600 + minMinute * 60 + (minSecond || 0) * 1\n      const maxTime = maxHour * 3600 + maxMinute * 60 + (maxSecond || 0) * 1\n\n      return (val: number) => {\n        const time = 3600 * this.inputHour! + 60 * this.inputMinute! + val\n        return (\n          time >= minTime &&\n          time <= maxTime &&\n          isMinuteAllowed &&\n          (!cb || cb(val))\n        )\n      }\n    },\n    isAmPm (): boolean {\n      return this.format === 'ampm'\n    },\n  },\n\n  watch: {\n    activePicker: 'setPicker',\n    selecting: 'emitPicker',\n    modelValue: {\n      handler: 'setInputData',\n      immediate: false\n    },\n  },\n\n  mounted () {\n    this.setInputData(this.modelValue)\n    this.$on('update:period', this.setPeriod)\n  },\n\n  beforeUnmount () {\n    this.$off('update:period', this.setPeriod)\n  },\n\n  methods: {\n    genValue () {\n      if (\n        this.inputHour != null &&\n        this.inputMinute != null &&\n        (!this.useSeconds || this.inputSecond != null)\n      ) {\n        return (\n          `${pad(this.inputHour)}:${pad(this.inputMinute)}` +\n          (this.useSeconds ? `:${pad(this.inputSecond!)}` : '')\n        )\n      }\n\n      return null\n    },\n    emitValue () {\n      const value = this.genValue()\n      if (value !== null) this.$emit('update:modelValue', value)\n    },\n    emitPicker (value: SelectingTimes) {\n      let activePicker = 'HOUR'\n      if (value === SelectingTimes.Minute) {\n        activePicker = 'MINUTE'\n      } else if (value === SelectingTimes.Second) {\n        activePicker = 'SECOND'\n      }\n      this.$emit('update:active-picker', activePicker)\n    },\n    setPicker (picker: ActivePicker) {\n      if (picker === 'HOUR') this.selecting = SelectingTimes.Hour\n      else if (picker === 'MINUTE') this.selecting = SelectingTimes.Minute\n      else if (picker === 'SECOND' && this.useSeconds) { this.selecting = SelectingTimes.Second }\n    },\n    setPeriod (period: Period) {\n      this.period = period\n      if (this.inputHour != null) {\n        const newHour = this.inputHour! + (period === 'am' ? -12 : 12)\n        this.inputHour = this.firstAllowed('hour', newHour)\n        this.emitValue()\n      }\n    },\n    setInputData (value: string | null | Date) {\n      if (value == null || value === '') {\n        this.inputHour = null\n        this.inputMinute = null\n        this.inputSecond = null\n      } else if (value instanceof Date) {\n        this.inputHour = value.getHours()\n        this.inputMinute = value.getMinutes()\n        this.inputSecond = value.getSeconds()\n      } else {\n        const match = value\n          .trim()\n          .match(/^(\\d+):(\\d+)(:(\\d+))?\\s*([ap]m)?$/i)\n\n        if (match) {\n          const [, hour, minute, , second, period] = match\n          const normalizedPeriod = period ? period.toLowerCase() as Period : null\n          this.inputHour = normalizedPeriod\n            ? this.convert12to24(parseInt(hour, 10), normalizedPeriod)\n            : parseInt(hour, 10)\n          this.inputMinute = parseInt(minute, 10)\n          this.inputSecond = parseInt(second || 0, 10)\n\n          // Устанавливаем период только если он был указан в строке\n          if (normalizedPeriod) {\n            this.period = normalizedPeriod\n          } else if (this.inputHour != null) {\n            this.period = this.inputHour < 12 ? 'am' : 'pm'\n          }\n        } else {\n          this.inputHour = null\n          this.inputMinute = null\n          this.inputSecond = null\n        }\n      }\n\n      // Для Date объектов устанавливаем период на основе 24-часового формата\n      if (value instanceof Date && this.inputHour != null) {\n        this.period = this.inputHour < 12 ? 'am' : 'pm'\n      }\n    },\n    convert24to12 (hour: number) {\n      return hour ? ((hour - 1) % 12) + 1 : 12\n    },\n    convert12to24 (hour: number, period: Period) {\n      return (hour % 12) + (period === 'pm' ? 12 : 0)\n    },\n    onInput (value: number) {\n      if (this.selecting === SelectingTimes.Hour) {\n        this.inputHour = this.isAmPm\n          ? this.convert12to24(value, this.period)\n          : value\n      } else if (this.selecting === SelectingTimes.Minute) {\n        this.inputMinute = value\n      } else {\n        this.inputSecond = value\n      }\n      this.emitValue()\n    },\n    onChange (value: number) {\n      // Сначала обновляем значение через onInput - это ключевой момент!\n      this.onInput(value)\n\n      this.$emit(`click:${selectingNames[this.selecting]}`, value)\n\n      const emitChange =\n        this.selecting ===\n        (this.useSeconds ? SelectingTimes.Second : SelectingTimes.Minute)\n\n      if (this.selecting === SelectingTimes.Hour) {\n        this.selecting = SelectingTimes.Minute\n      } else if (this.useSeconds && this.selecting === SelectingTimes.Minute) {\n        this.selecting = SelectingTimes.Second\n      }\n\n      if (\n        this.inputHour === this.lazyInputHour &&\n        this.inputMinute === this.lazyInputMinute &&\n        (!this.useSeconds || this.inputSecond === this.lazyInputSecond)\n      ) {\n        return\n      }\n\n      const time = this.genValue()\n      if (time === null) return\n\n      this.lazyInputHour = this.inputHour\n      this.lazyInputMinute = this.inputMinute\n      this.useSeconds && (this.lazyInputSecond = this.inputSecond)\n\n      emitChange && this.$emit('change', time)\n    },\n    firstAllowed (type: 'hour' | 'minute' | 'second', value: number) {\n      const allowedFn =\n        type === 'hour'\n          ? this.isAllowedHourCb\n          : type === 'minute'\n            ? this.isAllowedMinuteCb\n            : this.isAllowedSecondCb\n      if (!allowedFn) return value\n\n      // TODO: clean up\n      const range =\n        type === 'minute'\n          ? range60\n          : type === 'second'\n            ? range60\n            : this.isAmPm\n              ? value < 12\n                ? rangeHours12am\n                : rangeHours12pm\n              : rangeHours24\n      const first = range.find(v =>\n        allowedFn(((v + value) % range.length) + range[0])\n      )\n      return (((first || 0) + value) % range.length) + range[0]\n    },\n    genClock () {\n      return h(VTimePickerClock, {\n        allowedValues:\n          this.selecting === SelectingTimes.Hour\n            ? this.isAllowedHourCb\n            : this.selecting === SelectingTimes.Minute\n              ? this.isAllowedMinuteCb\n              : this.isAllowedSecondCb,\n        color: this.color,\n        dark: this.dark,\n        disabled: this.disabled,\n        double: this.selecting === SelectingTimes.Hour && !this.isAmPm,\n        format:\n          this.selecting === SelectingTimes.Hour\n            ? this.isAmPm\n              ? this.convert24to12\n              : (val: number) => val\n            : (val: number) => pad(val, 2),\n        light: this.light,\n        max:\n          this.selecting === SelectingTimes.Hour\n            ? this.isAmPm && this.period === 'am'\n              ? 11\n              : 23\n            : 59,\n        min:\n          this.selecting === SelectingTimes.Hour &&\n          this.isAmPm &&\n          this.period === 'pm'\n            ? 12\n            : 0,\n        readonly: this.readonly,\n        scrollable: this.scrollable,\n        size:\n          Number(this.width) - (!this.fullWidth && this.landscape ? 80 : 20),\n        step: this.selecting === SelectingTimes.Hour ? 1 : 5,\n        modelValue:\n          this.selecting === SelectingTimes.Hour\n            ? this.inputHour\n            : this.selecting === SelectingTimes.Minute\n              ? this.inputMinute\n              : this.inputSecond,\n        onUpdateModelValue: this.onInput,\n        onChange: this.onChange,\n        ref: 'clock',\n      })\n    },\n    genClockAmPm () {\n      return h(\n        'div',\n        this.setTextColor(this.color || 'primary', {\n          class: 'v-time-picker-clock__ampm',\n        }),\n        [\n          this.genPickerButton(\n            'period',\n            'am',\n            this.$vuetify.lang.t('$vuetify.timePicker.am'),\n            this.disabled || this.readonly\n          ),\n          this.genPickerButton(\n            'period',\n            'pm',\n            this.$vuetify.lang.t('$vuetify.timePicker.pm'),\n            this.disabled || this.readonly\n          ),\n        ]\n      )\n    },\n    genPickerBody () {\n      return h(\n        'div',\n        {\n          class: 'v-time-picker-clock__container',\n          key: this.selecting,\n        },\n        [\n          !this.ampmInTitle && this.isAmPm && this.genClockAmPm(),\n          this.genClock(),\n        ]\n      )\n    },\n    genPickerTitle () {\n      return h(VTimePickerTitle, {\n        ampm: this.isAmPm,\n        ampmReadonly: this.isAmPm && !this.ampmInTitle,\n        disabled: this.disabled,\n        hour: this.inputHour,\n        minute: this.inputMinute,\n        second: this.inputSecond,\n        period: this.period,\n        readonly: this.readonly,\n        useSeconds: this.useSeconds,\n        selecting: this.selecting,\n        'onUpdate:selecting': (value: 1 | 2 | 3) => {\n          this.selecting = value\n        },\n        'onUpdate:period': (period: string) => {\n          this.$emit('update:period', period)\n        },\n        ref: 'title',\n      })\n    },\n  },\n\n  render (): VNode {\n    return this.genPicker('v-picker--time')\n  },\n})\n"],"sourceRoot":"","file":"VTimePicker.js"}

package/es5/components/VTimePicker/VTimePickerClock.js

@@ -56,11 +56,10 @@ var _default2 = (0, _mixins.default)(_colorable.default, _themeable.default
       type: Number,
       default: 1
     },
-    value: Number
+    modelValue: Number
   },
   data: function data() {
     return {
-      inputValue: this.value,
       isDragging: false,
       valueOnMouseDown: null,
       valueOnMouseUp: null
@@ -77,7 +76,7 @@ var _default2 = (0, _mixins.default)(_colorable.default, _themeable.default
       return this.degreesPerUnit * Math.PI / 180;
     },
     displayedValue: function displayedValue() {
-      return this.value == null ? this.min : this.value;
+      return this.modelValue == null ? this.min : this.modelValue;
     },
     innerRadiusScale: function innerRadiusScale() {
       return 0.62;
@@ -86,11 +85,6 @@ var _default2 = (0, _mixins.default)(_colorable.default, _themeable.default
       return this.double ? this.count / 2 : this.count;
     }
   },
-  watch: {
-    value: function value(_value) {
-      this.inputValue = _value;
-    }
-  },
   methods: {
     wheel: function wheel(e) {
       e.preventDefault();
@@ -119,34 +113,31 @@ var _default2 = (0, _mixins.default)(_colorable.default, _themeable.default
       var children = [];
 
       for (var value = this.min; value <= this.max; value = value + this.step) {
-        var _this$setBackgroundCo;
-
-        var color = value === this.value && (this.color || 'accent');
-        children.push((0, _vue.h)('span', this.setBackgroundColor(color, (_this$setBackgroundCo = {
-          class: 'v-time-picker-clock__item'
-        }, _defineProperty(_this$setBackgroundCo, "class", {
-          'v-time-picker-clock__item--active': value === this.displayedValue,
-          'v-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value)
-        }), _defineProperty(_this$setBackgroundCo, "style", this.getTransform(value)), _defineProperty(_this$setBackgroundCo, "domProps", {
+        var color = value === this.modelValue && (this.color || 'accent');
+        children.push((0, _vue.h)('span', this.setBackgroundColor(color, {
+          class: ['v-time-picker-clock__item', {
+            'v-time-picker-clock__item--active': value === this.displayedValue,
+            'v-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value)
+          }],
+          style: this.getTransform(value),
           innerHTML: "<span>".concat(this.format(value), "</span>")
-        }), _this$setBackgroundCo))));
+        })));
       }
 
       return children;
     },
     genHand: function genHand() {
-      var _this$setBackgroundCo2;
-
       var scale = "scaleY(".concat(this.handScale(this.displayedValue), ")");
       var angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min);
-      var color = this.value != null && (this.color || 'accent');
-      return (0, _vue.h)('div', this.setBackgroundColor(color, (_this$setBackgroundCo2 = {
-        class: 'v-time-picker-clock__hand'
-      }, _defineProperty(_this$setBackgroundCo2, "class", {
-        'v-time-picker-clock__hand--inner': this.isInner(this.value)
-      }), _defineProperty(_this$setBackgroundCo2, "style", {
-        transform: "rotate(".concat(angle, "deg) ").concat(scale)
-      }), _this$setBackgroundCo2)));
+      var color = this.modelValue != null && (this.color || 'accent');
+      return (0, _vue.h)('div', this.setBackgroundColor(color, {
+        class: ['v-time-picker-clock__hand', {
+          'v-time-picker-clock__hand--inner': this.isInner(this.modelValue)
+        }],
+        style: {
+          transform: "rotate(".concat(angle, "deg) ").concat(scale)
+        }
+      }));
     },
     getTransform: function getTransform(i) {
       var _this$getPosition = this.getPosition(i),
@@ -231,9 +222,8 @@ var _default2 = (0, _mixins.default)(_colorable.default, _themeable.default
       this.update(value);
     },
     update: function update(value) {
-      if (this.inputValue !== value) {
-        this.inputValue = value;
-        this.$emit('input', value);
+      if (this.modelValue !== value) {
+        this.$emit('update:modelValue', value);
       }
     },
     euclidean: function euclidean(p0, p1) {
@@ -247,27 +237,26 @@ var _default2 = (0, _mixins.default)(_colorable.default, _themeable.default
     }
   },
   render: function render() {
-    var _this = this,
-        _data;
+    var _this = this;
 
-    var data = (_data = {
-      class: 'v-time-picker-clock'
-    }, _defineProperty(_data, "class", _objectSpread({
-      'v-time-picker-clock--indeterminate': this.value == null
-    }, this.themeClasses)), _defineProperty(_data, "on", this.readonly || this.disabled ? undefined : {
-      mousedown: this.onMouseDown,
-      mouseup: this.onMouseUp,
-      mouseleave: function mouseleave(e) {
+    var data = {
+      class: ['v-time-picker-clock', _objectSpread({
+        'v-time-picker-clock--indeterminate': this.modelValue == null
+      }, this.themeClasses)],
+      onMousedown: this.readonly || this.disabled ? undefined : this.onMouseDown,
+      onMouseup: this.readonly || this.disabled ? undefined : this.onMouseUp,
+      onMouseleave: this.readonly || this.disabled ? undefined : function (e) {
         return _this.isDragging && _this.onMouseUp(e);
       },
-      touchstart: this.onMouseDown,
-      touchend: this.onMouseUp,
-      mousemove: this.onDragMove,
-      touchmove: this.onDragMove
-    }), _defineProperty(_data, "ref", 'clock'), _data);
+      onTouchstart: this.readonly || this.disabled ? undefined : this.onMouseDown,
+      onTouchend: this.readonly || this.disabled ? undefined : this.onMouseUp,
+      onMousemove: this.readonly || this.disabled ? undefined : this.onDragMove,
+      onTouchmove: this.readonly || this.disabled ? undefined : this.onDragMove,
+      ref: 'clock'
+    };
 
-    if (this.scrollable && data.on) {
-      data.on.wheel = this.wheel;
+    if (this.scrollable && !this.readonly && !this.disabled) {
+      data.onWheel = this.wheel;
     }
 
     return (0, _vue.h)('div', data, [(0, _vue.h)('div', {

package/es5/components/VTimePicker/VTimePickerClock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimePicker/VTimePickerClock.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\nimport './VTimePickerClock.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport Vue, { VNode, PropType, VNodeData } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\ninterface Point {\n  x: number\n  y: number\n}\n\ninterface options extends Vue {\n  $refs: {\n    clock: HTMLElement\n    innerClock: HTMLElement\n  }\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractVue<[\n    typeof Colorable,\n    typeof Themeable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'v-time-picker-clock',\n\n  props: {\n    allowedValues: Function as PropType<(value: number) => boolean>,\n    ampm: Boolean,\n    disabled: Boolean,\n    double: Boolean,\n    format: {\n      type: Function,\n      default: (val: string | number) => val,\n    } as PropValidator<(val: string | number) => string | number>,\n    max: {\n      type: Number,\n      required: true,\n    },\n    min: {\n      type: Number,\n      required: true,\n    },\n    scrollable: Boolean,\n    readonly: Boolean,\n    rotate: {\n      type: Number,\n      default: 0,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    value: Number,\n  },\n\n  data () {\n    return {\n      inputValue: this.value,\n      isDragging: false,\n      valueOnMouseDown: null as number | null,\n      valueOnMouseUp: null as number | null,\n    }\n  },\n\n  computed: {\n    count (): number {\n      return this.max - this.min + 1\n    },\n    degreesPerUnit (): number {\n      return 360 / this.roundCount\n    },\n    degrees (): number {\n      return this.degreesPerUnit * Math.PI / 180\n    },\n    displayedValue (): number {\n      return this.value == null ? this.min : this.value\n    },\n    innerRadiusScale (): number {\n      return 0.62\n    },\n    roundCount (): number {\n      return this.double ? (this.count / 2) : this.count\n    },\n  },\n\n  watch: {\n    value (value) {\n      this.inputValue = value\n    },\n  },\n\n  methods: {\n    wheel (e: WheelEvent) {\n      e.preventDefault()\n\n      const delta = Math.sign(-e.deltaY || 1)\n      let value = this.displayedValue\n      do {\n        value = value + delta\n        value = (value - this.min + this.count) % this.count + this.min\n      } while (!this.isAllowed(value) && value !== this.displayedValue)\n\n      if (value !== this.displayedValue) {\n        this.update(value)\n      }\n    },\n    isInner (value: number) {\n      return this.double && (value - this.min >= this.roundCount)\n    },\n    handScale (value: number) {\n      return this.isInner(value) ? this.innerRadiusScale : 1\n    },\n    isAllowed (value: number) {\n      return !this.allowedValues || this.allowedValues(value)\n    },\n    genValues () {\n      const children: VNode[] = []\n\n      for (let value = this.min; value <= this.max; value = value + this.step) {\n        const color = value === this.value && (this.color || 'accent')\n        children.push(h('span', this.setBackgroundColor(color, {\n          class: 'v-time-picker-clock__item',\n          class: {\n            'v-time-picker-clock__item--active': value === this.displayedValue,\n            'v-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value),\n          },\n          style: this.getTransform(value),\n          domProps: { innerHTML: `<span>${this.format(value)}</span>` },\n        })))\n      }\n\n      return children\n    },\n    genHand () {\n      const scale = `scaleY(${this.handScale(this.displayedValue)})`\n      const angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min)\n      const color = (this.value != null) && (this.color || 'accent')\n      return h('div', this.setBackgroundColor(color, {\n        class: 'v-time-picker-clock__hand',\n        class: {\n          'v-time-picker-clock__hand--inner': this.isInner(this.value),\n        },\n        style: {\n          transform: `rotate(${angle}deg) ${scale}`,\n        },\n      }))\n    },\n    getTransform (i: number) {\n      const { x, y } = this.getPosition(i)\n      return {\n        left: `${50 + x * 50}%`,\n        top: `${50 + y * 50}%`,\n      }\n    },\n    getPosition (value: number) {\n      const rotateRadians = this.rotate * Math.PI / 180\n      return {\n        x: Math.sin((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n        y: -Math.cos((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n      }\n    },\n    onMouseDown (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n\n      this.valueOnMouseDown = null\n      this.valueOnMouseUp = null\n      this.isDragging = true\n      this.onDragMove(e)\n    },\n    onMouseUp (e: MouseEvent | TouchEvent) {\n      e.stopPropagation()\n\n      this.isDragging = false\n      if (this.valueOnMouseUp !== null && this.isAllowed(this.valueOnMouseUp)) {\n        this.$emit('change', this.valueOnMouseUp)\n      }\n    },\n    onDragMove (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n      if ((!this.isDragging && e.type !== 'click') || !this.$refs.clock) return\n\n      const { width, top, left } = this.$refs.clock.getBoundingClientRect()\n      const { width: innerWidth } = this.$refs.innerClock.getBoundingClientRect()\n      const { clientX, clientY } = 'touches' in e ? e.touches[0] : e\n      const center = { x: width / 2, y: -width / 2 }\n      const coords = { x: clientX - left, y: top - clientY }\n      const handAngle = Math.round(this.angle(center, coords) - this.rotate + 360) % 360\n      const insideClick = this.double && this.euclidean(center, coords) < (innerWidth + innerWidth * this.innerRadiusScale) / 4\n      const checksCount = Math.ceil(15 / this.degreesPerUnit)\n      let value\n\n      for (let i = 0; i < checksCount; i++) {\n        value = this.angleToValue(handAngle + i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n\n        value = this.angleToValue(handAngle - i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n      }\n    },\n    angleToValue (angle: number, insideClick: boolean): number {\n      const value = (\n        Math.round(angle / this.degreesPerUnit) +\n        (insideClick ? this.roundCount : 0)\n      ) % this.count + this.min\n\n      // Necessary to fix edge case when selecting left part of the value(s) at 12 o'clock\n      if (angle < (360 - this.degreesPerUnit / 2)) return value\n\n      return insideClick ? this.max - this.roundCount + 1 : this.min\n    },\n    setMouseDownValue (value: number) {\n      if (this.valueOnMouseDown === null) {\n        this.valueOnMouseDown = value\n      }\n\n      this.valueOnMouseUp = value\n      this.update(value)\n    },\n    update (value: number) {\n      if (this.inputValue !== value) {\n        this.inputValue = value\n        this.$emit('input', value)\n      }\n    },\n    euclidean (p0: Point, p1: Point) {\n      const dx = p1.x - p0.x\n      const dy = p1.y - p0.y\n\n      return Math.sqrt(dx * dx + dy * dy)\n    },\n    angle (center: Point, p1: Point) {\n      const value = 2 * Math.atan2(p1.y - center.y - this.euclidean(center, p1), p1.x - center.x)\n      return Math.abs(value * 180 / Math.PI)\n    },\n  },\n\n  render (): VNode {\n    const data: VNodeData = {\n      class: 'v-time-picker-clock',\n      class: {\n        'v-time-picker-clock--indeterminate': this.value == null,\n        ...this.themeClasses,\n      },\n      on: (this.readonly || this.disabled) ? undefined : {\n        mousedown: this.onMouseDown,\n        mouseup: this.onMouseUp,\n        mouseleave: (e: MouseEvent) => (this.isDragging && this.onMouseUp(e)),\n        touchstart: this.onMouseDown,\n        touchend: this.onMouseUp,\n        mousemove: this.onDragMove,\n        touchmove: this.onDragMove,\n      },\n      ref: 'clock',\n    }\n\n    if (this.scrollable && data.on) {\n      data.on.wheel = this.wheel\n    }\n\n    return h('div', data, [\n      h('div', {\n        class: 'v-time-picker-clock__inner',\n        ref: 'innerClock',\n      }, [\n        this.genHand(),\n        this.genValues(),\n      ]),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VTimePickerClock.js"}
+{"version":3,"sources":["../../../src/components/VTimePicker/VTimePickerClock.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, VNode, PropType, VNodeData } from 'vue'\nimport './VTimePickerClock.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport mixins, { ExtractVue } from '../../util/mixins'\n\ninterface Point {\n  x: number\n  y: number\n}\n\ninterface options {\n  $refs: {\n    clock: HTMLElement\n    innerClock: HTMLElement\n  }\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractVue<[\n    typeof Colorable,\n    typeof Themeable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'v-time-picker-clock',\n\n  props: {\n    allowedValues: Function as PropType<(value: number) => boolean>,\n    ampm: Boolean,\n    disabled: Boolean,\n    double: Boolean,\n    format: {\n      type: Function as PropType<(val: string | number) => string | number>,\n      default: (val: string | number) => val,\n    },\n    max: {\n      type: Number,\n      required: true,\n    },\n    min: {\n      type: Number,\n      required: true,\n    },\n    scrollable: Boolean,\n    readonly: Boolean,\n    rotate: {\n      type: Number,\n      default: 0,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    modelValue: Number,\n  },\n\n  data () {\n    return {\n      isDragging: false,\n      valueOnMouseDown: null as number | null,\n      valueOnMouseUp: null as number | null,\n    }\n  },\n\n  computed: {\n    count (): number {\n      return this.max - this.min + 1\n    },\n    degreesPerUnit (): number {\n      return 360 / this.roundCount\n    },\n    degrees (): number {\n      return this.degreesPerUnit * Math.PI / 180\n    },\n    displayedValue (): number {\n      return this.modelValue == null ? this.min : this.modelValue\n    },\n    innerRadiusScale (): number {\n      return 0.62\n    },\n    roundCount (): number {\n      return this.double ? (this.count / 2) : this.count\n    },\n  },\n\n\n  methods: {\n    wheel (e: WheelEvent) {\n      e.preventDefault()\n\n      const delta = Math.sign(-e.deltaY || 1)\n      let value = this.displayedValue\n      do {\n        value = value + delta\n        value = (value - this.min + this.count) % this.count + this.min\n      } while (!this.isAllowed(value) && value !== this.displayedValue)\n\n      if (value !== this.displayedValue) {\n        this.update(value)\n      }\n    },\n    isInner (value: number) {\n      return this.double && (value - this.min >= this.roundCount)\n    },\n    handScale (value: number) {\n      return this.isInner(value) ? this.innerRadiusScale : 1\n    },\n    isAllowed (value: number) {\n      return !this.allowedValues || this.allowedValues(value)\n    },\n    genValues () {\n      const children: VNode[] = []\n\n      for (let value = this.min; value <= this.max; value = value + this.step) {\n        const color = value === this.modelValue && (this.color || 'accent')\n        children.push(h('span', this.setBackgroundColor(color, {\n          class: [\n            'v-time-picker-clock__item',\n            {\n              'v-time-picker-clock__item--active': value === this.displayedValue,\n              'v-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value),\n            },\n          ],\n          style: this.getTransform(value),\n          innerHTML: `<span>${this.format(value)}</span>`,\n        })))\n      }\n\n      return children\n    },\n    genHand () {\n      const scale = `scaleY(${this.handScale(this.displayedValue)})`\n      const angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min)\n      const color = (this.modelValue != null) && (this.color || 'accent')\n      return h('div', this.setBackgroundColor(color, {\n        class: [\n          'v-time-picker-clock__hand',\n          {\n            'v-time-picker-clock__hand--inner': this.isInner(this.modelValue),\n          },\n        ],\n        style: {\n          transform: `rotate(${angle}deg) ${scale}`,\n        },\n      }))\n    },\n    getTransform (i: number) {\n      const { x, y } = this.getPosition(i)\n      return {\n        left: `${50 + x * 50}%`,\n        top: `${50 + y * 50}%`,\n      }\n    },\n    getPosition (value: number) {\n      const rotateRadians = this.rotate * Math.PI / 180\n      return {\n        x: Math.sin((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n        y: -Math.cos((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n      }\n    },\n    onMouseDown (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n\n      this.valueOnMouseDown = null\n      this.valueOnMouseUp = null\n      this.isDragging = true\n      this.onDragMove(e)\n    },\n    onMouseUp (e: MouseEvent | TouchEvent) {\n      e.stopPropagation()\n\n      this.isDragging = false\n      if (this.valueOnMouseUp !== null && this.isAllowed(this.valueOnMouseUp)) {\n        this.$emit('change', this.valueOnMouseUp)\n      }\n    },\n    onDragMove (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n      if ((!this.isDragging && e.type !== 'click') || !this.$refs.clock) return\n\n      const { width, top, left } = this.$refs.clock.getBoundingClientRect()\n      const { width: innerWidth } = this.$refs.innerClock.getBoundingClientRect()\n      const { clientX, clientY } = 'touches' in e ? e.touches[0] : e\n      const center = { x: width / 2, y: -width / 2 }\n      const coords = { x: clientX - left, y: top - clientY }\n      const handAngle = Math.round(this.angle(center, coords) - this.rotate + 360) % 360\n      const insideClick = this.double && this.euclidean(center, coords) < (innerWidth + innerWidth * this.innerRadiusScale) / 4\n      const checksCount = Math.ceil(15 / this.degreesPerUnit)\n      let value\n\n      for (let i = 0; i < checksCount; i++) {\n        value = this.angleToValue(handAngle + i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n\n        value = this.angleToValue(handAngle - i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n      }\n    },\n    angleToValue (angle: number, insideClick: boolean): number {\n      const value = (\n        Math.round(angle / this.degreesPerUnit) +\n        (insideClick ? this.roundCount : 0)\n      ) % this.count + this.min\n\n      // Necessary to fix edge case when selecting left part of the value(s) at 12 o'clock\n      if (angle < (360 - this.degreesPerUnit / 2)) return value\n\n      return insideClick ? this.max - this.roundCount + 1 : this.min\n    },\n    setMouseDownValue (value: number) {\n      if (this.valueOnMouseDown === null) {\n        this.valueOnMouseDown = value\n      }\n\n      this.valueOnMouseUp = value\n      this.update(value)\n    },\n    update (value: number) {\n      if (this.modelValue !== value) {\n        this.$emit('update:modelValue', value)\n      }\n    },\n    euclidean (p0: Point, p1: Point) {\n      const dx = p1.x - p0.x\n      const dy = p1.y - p0.y\n\n      return Math.sqrt(dx * dx + dy * dy)\n    },\n    angle (center: Point, p1: Point) {\n      const value = 2 * Math.atan2(p1.y - center.y - this.euclidean(center, p1), p1.x - center.x)\n      return Math.abs(value * 180 / Math.PI)\n    },\n  },\n\n  render (): VNode {\n    const data: VNodeData = {\n      class: [\n        'v-time-picker-clock',\n        {\n          'v-time-picker-clock--indeterminate': this.modelValue == null,\n          ...this.themeClasses,\n        },\n      ],\n      onMousedown: (this.readonly || this.disabled) ? undefined : this.onMouseDown,\n      onMouseup: (this.readonly || this.disabled) ? undefined : this.onMouseUp,\n      onMouseleave: (this.readonly || this.disabled) ? undefined : (e: MouseEvent) => (this.isDragging && this.onMouseUp(e)),\n      onTouchstart: (this.readonly || this.disabled) ? undefined : this.onMouseDown,\n      onTouchend: (this.readonly || this.disabled) ? undefined : this.onMouseUp,\n      onMousemove: (this.readonly || this.disabled) ? undefined : this.onDragMove,\n      onTouchmove: (this.readonly || this.disabled) ? undefined : this.onDragMove,\n      ref: 'clock',\n    }\n\n    if (this.scrollable && !this.readonly && !this.disabled) {\n      data.onWheel = this.wheel\n    }\n\n    return h('div', data, [\n      h('div', {\n        class: 'v-time-picker-clock__inner',\n        ref: 'innerClock',\n      }, [\n        this.genHand(),\n        this.genValues(),\n      ]),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VTimePickerClock.js"}

package/es5/components/VTimePicker/VTimePickerTitle.js

@@ -11,7 +11,7 @@ require("../../../src/components/VTimePicker/VTimePickerTitle.sass");
 
 var _pickerButton = _interopRequireDefault(require("../../mixins/picker-button"));
 
-var _util = require("../VDatePicker/util");
+var _pad = _interopRequireDefault(require("../VDatePicker/util/pad"));
 
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
@@ -19,8 +19,8 @@ var _SelectingTimes = require("./SelectingTimes");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+// Mixins
+// Utils
 var _default = (0, _mixins.default)(_pickerButton.default
 /* @vue/component */
 ).extend({
@@ -42,6 +42,7 @@ var _default = (0, _mixins.default)(_pickerButton.default
     useSeconds: Boolean,
     selecting: Number
   },
+  emits: ['update:selecting', 'update:period'],
   methods: {
     genTime: function genTime() {
       var hour = this.hour;
@@ -50,12 +51,12 @@ var _default = (0, _mixins.default)(_pickerButton.default
         hour = hour ? (hour - 1) % 12 + 1 : 12;
       }
 
-      var displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : (0, _util.pad)(hour);
-      var displayedMinute = this.minute == null ? '--' : (0, _util.pad)(this.minute);
+      var displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : (0, _pad.default)(hour);
+      var displayedMinute = this.minute == null ? '--' : (0, _pad.default)(this.minute);
       var titleContent = [this.genPickerButton('selecting', _SelectingTimes.SelectingTimes.Hour, displayedHour, this.disabled), (0, _vue.h)('span', ':'), this.genPickerButton('selecting', _SelectingTimes.SelectingTimes.Minute, displayedMinute, this.disabled)];
 
       if (this.useSeconds) {
-        var displayedSecond = this.second == null ? '--' : (0, _util.pad)(this.second);
+        var displayedSecond = this.second == null ? '--' : (0, _pad.default)(this.second);
         titleContent.push((0, _vue.h)('span', ':'));
         titleContent.push(this.genPickerButton('selecting', _SelectingTimes.SelectingTimes.Second, displayedSecond, this.disabled));
       }
@@ -65,11 +66,12 @@ var _default = (0, _mixins.default)(_pickerButton.default
       }, titleContent);
     },
     genAmPm: function genAmPm() {
-      return (0, _vue.h)('div', _defineProperty({
-        class: 'v-time-picker-title__ampm'
-      }, "class", {
-        'v-time-picker-title__ampm--readonly': this.ampmReadonly
-      }), [!this.ampmReadonly || this.period === 'am' ? this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly) : null, !this.ampmReadonly || this.period === 'pm' ? this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly) : null]);
+      return (0, _vue.h)('div', {
+        class: {
+          'v-time-picker-title__ampm': true,
+          'v-time-picker-title__ampm--readonly': this.ampmReadonly
+        }
+      }, [!this.ampmReadonly || this.period === 'am' ? this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly) : null, !this.ampmReadonly || this.period === 'pm' ? this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly) : null]);
     }
   },
   render: function render() {