kdutify 2.6.1 → 2.7.2

package/lib/components/KDatePicker/KDatePickerDateTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerDateTable.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport DatePickerTable from './mixins/date-picker-table'\n\n// Utils\nimport { weekNumber } from '../../util/dateTimeUtils'\nimport { pad, createNativeLocaleFormatter, monthChange } from './util'\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, KNodeChildren, PropType } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\nexport default mixins(\n  DatePickerTable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-date-table',\n\n  props: {\n    firstDayOfWeek: {\n      type: [String, Number],\n      default: 0,\n    },\n    localeFirstDayOfYear: {\n      type: [String, Number],\n      default: 0,\n    },\n    showAdjacentMonths: Boolean,\n    showWeek: Boolean,\n    weekdayFormat: Function as PropType<DatePickerFormatter | undefined>,\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { day: 'numeric', timeZone: 'UTC' }, { start: 8, length: 2 })\n    },\n    weekdayFormatter (): DatePickerFormatter | undefined {\n      return this.weekdayFormat || createNativeLocaleFormatter(this.currentLocale, { weekday: 'narrow', timeZone: 'UTC' })\n    },\n    weekDays (): string[] {\n      const first = parseInt(this.firstDayOfWeek, 10)\n\n      return this.weekdayFormatter\n        ? createRange(7).map(i => this.weekdayFormatter!(`2017-01-${first + i + 15}`)) // 2017-01-15 is Sunday\n        : createRange(7).map(i => ['S', 'M', 'T', 'W', 'T', 'F', 'S'][(i + first) % 7])\n    },\n  },\n\n  methods: {\n    calculateTableDate (delta: number) {\n      return monthChange(this.tableDate, Math.sign(delta || 1))\n    },\n    genTHead () {\n      const days = this.weekDays.map(day => this.$createElement('th', day))\n      if (this.showWeek) {\n        days.unshift(this.$createElement('th'))\n      }\n\n      return this.$createElement('thead', this.genTR(days))\n    },\n    // Returns number of the days from the firstDayOfWeek to the first day of the current month\n    weekDaysBeforeFirstDayOfTheMonth () {\n      const firstDayOfTheMonth = new Date(`${this.displayedYear}-${pad(this.displayedMonth + 1)}-01T00:00:00+00:00`)\n      const weekDay = firstDayOfTheMonth.getUTCDay()\n\n      return (weekDay - parseInt(this.firstDayOfWeek) + 7) % 7\n    },\n    getWeekNumber (dayInMonth: number) {\n      return weekNumber(\n        this.displayedYear,\n        this.displayedMonth,\n        dayInMonth,\n        parseInt(this.firstDayOfWeek),\n        parseInt(this.localeFirstDayOfYear)\n      )\n    },\n    genWeekNumber (weekNumber: number) {\n      return this.$createElement('td', [\n        this.$createElement('small', {\n          staticClass: 'k-date-picker-table--date__week',\n        }, String(weekNumber).padStart(2, '0')),\n      ])\n    },\n    // eslint-disable-next-line max-statements\n    genTBody () {\n      const children = []\n      const daysInMonth = new Date(this.displayedYear, this.displayedMonth + 1, 0).getDate()\n      let rows = []\n      let day = this.weekDaysBeforeFirstDayOfTheMonth()\n\n      if (this.showWeek) {\n        rows.push(this.genWeekNumber(this.getWeekNumber(1)))\n      }\n\n      const prevMonthYear = this.displayedMonth ? this.displayedYear : this.displayedYear - 1\n      const prevMonth = (this.displayedMonth + 11) % 12\n      const firstDayFromPreviousMonth = new Date(this.displayedYear, this.displayedMonth, 0).getDate()\n      const cellsInRow = this.showWeek ? 8 : 7\n\n      while (day--) {\n        const date = `${prevMonthYear}-${pad(prevMonth + 1)}-${pad(firstDayFromPreviousMonth - day)}`\n\n        rows.push(this.$createElement('td', this.showAdjacentMonths ? [\n          this.genButton(date, true, 'date', this.formatter, true),\n        ] : []))\n      }\n\n      for (day = 1; day <= daysInMonth; day++) {\n        const date = `${this.displayedYear}-${pad(this.displayedMonth + 1)}-${pad(day)}`\n\n        rows.push(this.$createElement('td', [\n          this.genButton(date, true, 'date', this.formatter),\n        ]))\n\n        if (rows.length % cellsInRow === 0) {\n          children.push(this.genTR(rows))\n          rows = []\n          if (this.showWeek && (day < daysInMonth || this.showAdjacentMonths)) {\n            rows.push(this.genWeekNumber(this.getWeekNumber(day + 7)))\n          }\n        }\n      }\n\n      const nextMonthYear = this.displayedMonth === 11 ? this.displayedYear + 1 : this.displayedYear\n      const nextMonth = (this.displayedMonth + 1) % 12\n      let nextMonthDay = 1\n\n      while (rows.length < cellsInRow) {\n        const date = `${nextMonthYear}-${pad(nextMonth + 1)}-${pad(nextMonthDay++)}`\n\n        rows.push(this.$createElement('td', this.showAdjacentMonths ? [\n          this.genButton(date, true, 'date', this.formatter, true),\n        ] : []))\n      }\n\n      if (rows.length) {\n        children.push(this.genTR(rows))\n      }\n\n      return this.$createElement('tbody', children)\n    },\n    genTR (children: KNodeChildren) {\n      return [this.$createElement('tr', children)]\n    },\n  },\n\n  render (): KNode {\n    return this.genTable('k-date-picker-table k-date-picker-table--date', [\n      this.genTHead(),\n      this.genTBody(),\n    ], this.calculateTableDate)\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerDateTable.js"}
+{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerDateTable.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport DatePickerTable from './mixins/date-picker-table'\n\n// Utils\nimport { weekNumber } from '../../util/dateTimeUtils'\nimport { pad, createNativeLocaleFormatter, monthChange } from './util'\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, KNodeChildren, PropType } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\nexport default mixins(\n  DatePickerTable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-date-table',\n\n  props: {\n    firstDayOfWeek: {\n      type: [String, Number],\n      default: 0,\n    },\n    localeFirstDayOfYear: {\n      type: [String, Number],\n      default: 0,\n    },\n    showAdjacentMonths: Boolean,\n    showWeek: Boolean,\n    weekdayFormat: Function as PropType<DatePickerFormatter | undefined>,\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { day: 'numeric', timeZone: 'UTC' }, { start: 8, length: 2 })\n    },\n    weekdayFormatter (): DatePickerFormatter | undefined {\n      return this.weekdayFormat || createNativeLocaleFormatter(this.currentLocale, { weekday: 'narrow', timeZone: 'UTC' })\n    },\n    weekDays (): string[] {\n      const first = parseInt(this.firstDayOfWeek, 10)\n\n      return this.weekdayFormatter\n        ? createRange(7).map(i => this.weekdayFormatter!(`2017-01-${first + i + 15}`)) // 2017-01-15 is Sunday\n        : createRange(7).map(i => ['S', 'M', 'T', 'W', 'T', 'F', 'S'][(i + first) % 7])\n    },\n  },\n\n  methods: {\n    calculateTableDate (delta: number) {\n      return monthChange(this.tableDate, Math.sign(delta || 1))\n    },\n    genTHead () {\n      const days = this.weekDays.map(day => this.$createElement('th', day))\n      if (this.showWeek) {\n        days.unshift(this.$createElement('th'))\n      }\n\n      return this.$createElement('thead', this.genTR(days))\n    },\n    // Returns number of the days from the firstDayOfWeek to the first day of the current month\n    weekDaysBeforeFirstDayOfTheMonth () {\n      const firstDayOfTheMonth = new Date(`${this.displayedYear}-${pad(this.displayedMonth + 1)}-01T00:00:00+00:00`)\n      const weekDay = firstDayOfTheMonth.getUTCDay()\n\n      return (weekDay - parseInt(this.firstDayOfWeek) + 7) % 7\n    },\n    getWeekNumber (dayInMonth: number) {\n      return weekNumber(\n        this.displayedYear,\n        this.displayedMonth,\n        dayInMonth,\n        parseInt(this.firstDayOfWeek),\n        parseInt(this.localeFirstDayOfYear)\n      )\n    },\n    genWeekNumber (weekNumber: number) {\n      return this.$createElement('td', [\n        this.$createElement('small', {\n          staticClass: 'k-date-picker-table--date__week',\n        }, String(weekNumber).padStart(2, '0')),\n      ])\n    },\n    // eslint-disable-next-line max-statements\n    genTBody () {\n      const children = []\n      const daysInMonth = new Date(this.displayedYear, this.displayedMonth + 1, 0).getDate()\n      let rows = []\n      let day = this.weekDaysBeforeFirstDayOfTheMonth()\n\n      if (this.showWeek) {\n        rows.push(this.genWeekNumber(this.getWeekNumber(1)))\n      }\n\n      const prevMonthYear = this.displayedMonth ? this.displayedYear : this.displayedYear - 1\n      const prevMonth = (this.displayedMonth + 11) % 12\n      const firstDayFromPreviousMonth = new Date(this.displayedYear, this.displayedMonth, 0).getDate()\n      const cellsInRow = this.showWeek ? 8 : 7\n\n      while (day--) {\n        const date = `${prevMonthYear}-${pad(prevMonth + 1)}-${pad(firstDayFromPreviousMonth - day)}`\n\n        rows.push(this.$createElement('td', this.showAdjacentMonths ? [\n          this.genButton(date, true, 'date', this.formatter, true),\n        ] : []))\n      }\n\n      for (day = 1; day <= daysInMonth; day++) {\n        const date = `${this.displayedYear}-${pad(this.displayedMonth + 1)}-${pad(day)}`\n\n        rows.push(this.$createElement('td', [\n          this.genButton(date, true, 'date', this.formatter),\n        ]))\n\n        if (rows.length % cellsInRow === 0) {\n          children.push(this.genTR(rows))\n          rows = []\n          if (this.showWeek && (day < daysInMonth || this.showAdjacentMonths)) {\n            rows.push(this.genWeekNumber(this.getWeekNumber(day + 7)))\n          }\n        }\n      }\n\n      const nextMonthYear = this.displayedMonth === 11 ? this.displayedYear + 1 : this.displayedYear\n      const nextMonth = (this.displayedMonth + 1) % 12\n      let nextMonthDay = 1\n\n      while (rows.length < cellsInRow) {\n        const date = `${nextMonthYear}-${pad(nextMonth + 1)}-${pad(nextMonthDay++)}`\n\n        rows.push(this.$createElement('td', this.showAdjacentMonths ? [\n          this.genButton(date, true, 'date', this.formatter, true),\n        ] : []))\n      }\n\n      if (rows.length) {\n        children.push(this.genTR(rows))\n      }\n\n      return this.$createElement('tbody', children)\n    },\n    genTR (children: KNodeChildren) {\n      return [this.$createElement('tr', children)]\n    },\n  },\n\n  render (): KNode {\n    return this.genTable('k-date-picker-table k-date-picker-table--date', [\n      this.genTHead(),\n      this.genTBody(),\n    ], this.calculateTableDate)\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerDateTable.js"}

package/lib/components/KDatePicker/KDatePickerHeader.js

@@ -1,17 +1,17 @@
-import "..\\..\\..\\src\\components\\KDatePicker\\KDatePickerHeader.sass"; // Components
-
+import "..\\..\\..\\src\\components\\KDatePicker\\KDatePickerHeader.sass";
+// Components
 import KBtn from '../KBtn';
-import KIcon from '../KIcon'; // Mixins
-
+import KIcon from '../KIcon';
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Localable from '../../mixins/localable';
-import Themeable from '../../mixins/themeable'; // Utils
-
+import Themeable from '../../mixins/themeable';
+// Utils
 import { createNativeLocaleFormatter, monthChange } from './util';
 import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
 export default mixins(Colorable, Localable, Themeable
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-date-picker-header',
   props: {
     disabled: Boolean,
@@ -34,13 +34,11 @@ export default mixins(Colorable, Localable, Themeable
       required: true
     }
   },
-
   data() {
     return {
       isReversing: false
     };
   },
-
   computed: {
     formatter() {
       if (this.format) {
@@ -62,13 +60,11 @@ export default mixins(Colorable, Localable, Themeable
         });
       }
     }
-
   },
   watch: {
     value(newVal, oldVal) {
       this.isReversing = newVal < oldVal;
     }
-
   },
   methods: {
     genBtn(change) {
@@ -93,17 +89,14 @@ export default mixins(Colorable, Localable, Themeable
         }
       }, [this.$createElement(KIcon, change < 0 === !this.$kdutify.rtl ? this.prevIcon : this.nextIcon)]);
     },
-
     calculateChange(sign) {
       const [year, month] = String(this.value).split('-').map(Number);
-
       if (month == null) {
         return `${year + sign}`;
       } else {
         return monthChange(String(this.value), sign);
       }
     },
-
     genHeader() {
       const color = !this.disabled && (this.color || 'accent');
       const header = this.$createElement('div', this.setTextColor(color, {
@@ -115,7 +108,7 @@ export default mixins(Colorable, Localable, Themeable
         on: {
           click: () => this.$emit('toggle')
         }
-      }, [this.$slots.default || this.formatter(String(this.value))])]);
+      }, getSlot(this) || [this.formatter(String(this.value))])]);
       const transition = this.$createElement('transition', {
         props: {
           name: this.isReversing === !this.$kdutify.rtl ? 'tab-reverse-transition' : 'tab-transition'
@@ -128,9 +121,7 @@ export default mixins(Colorable, Localable, Themeable
         }
       }, [transition]);
     }
-
   },
-
   render() {
     return this.$createElement('div', {
       staticClass: 'k-date-picker-header',
@@ -140,6 +131,5 @@ export default mixins(Colorable, Localable, Themeable
       }
     }, [this.genBtn(-1), this.genHeader(), this.genBtn(+1)]);
   }
-
 });
 //# sourceMappingURL=KDatePickerHeader.js.map

package/lib/components/KDatePicker/KDatePickerHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import './KDatePickerHeader.sass'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { createNativeLocaleFormatter, monthChange } from './util'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, PropType } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Themeable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-header',\n\n  props: {\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: String,\n    max: String,\n    nextAriaLabel: String,\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevAriaLabel: String,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    readonly: Boolean,\n    value: {\n      type: [Number, String],\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      isReversing: false,\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      if (this.format) {\n        return this.format\n      } else if (String(this.value).split('-')[1]) {\n        return createNativeLocaleFormatter(this.currentLocale, { month: 'long', year: 'numeric', timeZone: 'UTC' }, { length: 7 })\n      } else {\n        return createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n      }\n    },\n  },\n\n  watch: {\n    value (newVal, oldVal) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  methods: {\n    genBtn (change: number) {\n      const ariaLabelId = change > 0 ? this.nextAriaLabel : this.prevAriaLabel\n      const ariaLabel = ariaLabelId ? this.$kdutify.lang.t(ariaLabelId) : undefined\n      const disabled = this.disabled ||\n        (change < 0 && this.min && this.calculateChange(change) < this.min) ||\n        (change > 0 && this.max && this.calculateChange(change) > this.max)\n\n      return this.$createElement(KBtn, {\n        attrs: { 'aria-label': ariaLabel },\n        props: {\n          dark: this.dark,\n          disabled,\n          icon: true,\n          light: this.light,\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            this.$emit('input', this.calculateChange(change))\n          },\n        },\n      }, [\n        this.$createElement(KIcon, ((change < 0) === !this.$kdutify.rtl) ? this.prevIcon : this.nextIcon),\n      ])\n    },\n    calculateChange (sign: number) {\n      const [year, month] = String(this.value).split('-').map(Number)\n\n      if (month == null) {\n        return `${year + sign}`\n      } else {\n        return monthChange(String(this.value), sign)\n      }\n    },\n    genHeader () {\n      const color = !this.disabled && (this.color || 'accent')\n      const header = this.$createElement('div', this.setTextColor(color, {\n        key: String(this.value),\n      }), [this.$createElement('button', {\n        attrs: {\n          type: 'button',\n        },\n        on: {\n          click: () => this.$emit('toggle'),\n        },\n      }, [this.$slots.default || this.formatter(String(this.value))])])\n\n      const transition = this.$createElement('transition', {\n        props: {\n          name: (this.isReversing === !this.$kdutify.rtl) ? 'tab-reverse-transition' : 'tab-transition',\n        },\n      }, [header])\n\n      return this.$createElement('div', {\n        staticClass: 'k-date-picker-header__value',\n        class: {\n          'k-date-picker-header__value--disabled': this.disabled,\n        },\n      }, [transition])\n    },\n  },\n\n  render (): KNode {\n    return this.$createElement('div', {\n      staticClass: 'k-date-picker-header',\n      class: {\n        'k-date-picker-header--disabled': this.disabled,\n        ...this.themeClasses,\n      },\n    }, [\n      this.genBtn(-1),\n      this.genHeader(),\n      this.genBtn(+1),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerHeader.js"}
+{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import './KDatePickerHeader.sass'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { createNativeLocaleFormatter, monthChange } from './util'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, PropType } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Themeable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-header',\n\n  props: {\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: String,\n    max: String,\n    nextAriaLabel: String,\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevAriaLabel: String,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    readonly: Boolean,\n    value: {\n      type: [Number, String],\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      isReversing: false,\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      if (this.format) {\n        return this.format\n      } else if (String(this.value).split('-')[1]) {\n        return createNativeLocaleFormatter(this.currentLocale, { month: 'long', year: 'numeric', timeZone: 'UTC' }, { length: 7 })\n      } else {\n        return createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n      }\n    },\n  },\n\n  watch: {\n    value (newVal, oldVal) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  methods: {\n    genBtn (change: number) {\n      const ariaLabelId = change > 0 ? this.nextAriaLabel : this.prevAriaLabel\n      const ariaLabel = ariaLabelId ? this.$kdutify.lang.t(ariaLabelId) : undefined\n      const disabled = this.disabled ||\n        (change < 0 && this.min && this.calculateChange(change) < this.min) ||\n        (change > 0 && this.max && this.calculateChange(change) > this.max)\n\n      return this.$createElement(KBtn, {\n        attrs: { 'aria-label': ariaLabel },\n        props: {\n          dark: this.dark,\n          disabled,\n          icon: true,\n          light: this.light,\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            this.$emit('input', this.calculateChange(change))\n          },\n        },\n      }, [\n        this.$createElement(KIcon, ((change < 0) === !this.$kdutify.rtl) ? this.prevIcon : this.nextIcon),\n      ])\n    },\n    calculateChange (sign: number) {\n      const [year, month] = String(this.value).split('-').map(Number)\n\n      if (month == null) {\n        return `${year + sign}`\n      } else {\n        return monthChange(String(this.value), sign)\n      }\n    },\n    genHeader () {\n      const color = !this.disabled && (this.color || 'accent')\n      const header = this.$createElement('div', this.setTextColor(color, {\n        key: String(this.value),\n      }), [this.$createElement('button', {\n        attrs: {\n          type: 'button',\n        },\n        on: {\n          click: () => this.$emit('toggle'),\n        },\n      }, getSlot(this) || [this.formatter(String(this.value))])])\n\n      const transition = this.$createElement('transition', {\n        props: {\n          name: (this.isReversing === !this.$kdutify.rtl) ? 'tab-reverse-transition' : 'tab-transition',\n        },\n      }, [header])\n\n      return this.$createElement('div', {\n        staticClass: 'k-date-picker-header__value',\n        class: {\n          'k-date-picker-header__value--disabled': this.disabled,\n        },\n      }, [transition])\n    },\n  },\n\n  render (): KNode {\n    return this.$createElement('div', {\n      staticClass: 'k-date-picker-header',\n      class: {\n        'k-date-picker-header--disabled': this.disabled,\n        ...this.themeClasses,\n      },\n    }, [\n      this.genBtn(-1),\n      this.genHeader(),\n      this.genBtn(+1),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerHeader.js"}

package/lib/components/KDatePicker/KDatePickerMonthTable.js

@@ -1,11 +1,10 @@
 // Mixins
-import DatePickerTable from './mixins/date-picker-table'; // Utils
-
+import DatePickerTable from './mixins/date-picker-table';
+// Utils
 import { pad, createNativeLocaleFormatter } from './util';
 import mixins from '../../util/mixins';
 export default mixins(DatePickerTable
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-date-picker-month-table',
   computed: {
     formatter() {
@@ -17,18 +16,15 @@ export default mixins(DatePickerTable
         length: 2
       });
     }
-
   },
   methods: {
     calculateTableDate(delta) {
       return `${parseInt(this.tableDate, 10) + Math.sign(delta || 1)}`;
     },
-
     genTBody() {
       const children = [];
       const cols = Array(3).fill(null);
       const rows = 12 / cols.length;
-
       for (let row = 0; row < rows; row++) {
         const tds = cols.map((_, col) => {
           const month = row * cols.length + col;
@@ -41,15 +37,11 @@ export default mixins(DatePickerTable
           key: row
         }, tds));
       }
-
       return this.$createElement('tbody', children);
     }
-
   },
-
   render() {
     return this.genTable('k-date-picker-table k-date-picker-table--month', [this.genTBody()], this.calculateTableDate);
   }
-
 });
 //# sourceMappingURL=KDatePickerMonthTable.js.map

package/lib/components/KDatePicker/KDatePickerMonthTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerMonthTable.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,eAAP,MAA4B,4BAA5B,C,CAEA;;AACA,SAAS,GAAT,EAAc,2BAAd,QAAiD,QAAjD;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAMA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,2BADC;AAGP,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,MAAL,IAAe,2BAA2B,CAAC,KAAK,aAAN,EAAqB;AAAE,QAAA,KAAK,EAAE,OAAT;AAAkB,QAAA,QAAQ,EAAE;AAA5B,OAArB,EAA0D;AAAE,QAAA,KAAK,EAAE,CAAT;AAAY,QAAA,MAAM,EAAE;AAApB,OAA1D,CAAjD;AACD;;AAHO,GAHH;AASP,EAAA,OAAO,EAAE;AACP,IAAA,kBAAkB,CAAE,KAAF,EAAe;AAC/B,aAAO,GAAG,QAAQ,CAAC,KAAK,SAAN,EAAiB,EAAjB,CAAR,GAA+B,IAAI,CAAC,IAAL,CAAU,KAAK,IAAI,CAAnB,CAAqB,EAA9D;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,QAAQ,GAAG,EAAjB;AACA,YAAM,IAAI,GAAG,KAAK,CAAC,CAAD,CAAL,CAAS,IAAT,CAAc,IAAd,CAAb;AACA,YAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAvB;;AAEA,WAAK,IAAI,GAAG,GAAG,CAAf,EAAkB,GAAG,GAAG,IAAxB,EAA8B,GAAG,EAAjC,EAAqC;AACnC,cAAM,GAAG,GAAG,IAAI,CAAC,GAAL,CAAS,CAAC,CAAD,EAAI,GAAJ,KAAW;AAC9B,gBAAM,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,MAAX,GAAoB,GAAlC;AACA,gBAAM,IAAI,GAAG,GAAG,KAAK,aAAa,IAAI,GAAG,CAAC,KAAK,GAAG,CAAT,CAAW,EAApD;AACA,iBAAO,KAAK,cAAL,CAAoB,IAApB,EAA0B;AAC/B,YAAA,GAAG,EAAE;AAD0B,WAA1B,EAEJ,CACD,KAAK,SAAL,CAAe,IAAf,EAAqB,KAArB,EAA4B,OAA5B,EAAqC,KAAK,SAA1C,CADC,CAFI,CAAP;AAKD,SARW,CAAZ;AAUA,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,cAAL,CAAoB,IAApB,EAA0B;AACtC,UAAA,GAAG,EAAE;AADiC,SAA1B,EAEX,GAFW,CAAd;AAGD;;AAED,aAAO,KAAK,cAAL,CAAoB,OAApB,EAA6B,QAA7B,CAAP;AACD;;AA1BM,GATF;;AAsCP,EAAA,MAAM,GAAA;AACJ,WAAO,KAAK,QAAL,CAAc,gDAAd,EAAgE,CACrE,KAAK,QAAL,EADqE,CAAhE,EAEJ,KAAK,kBAFD,CAAP;AAGD;;AA1CM,CAHM,CAAf","sourcesContent":["// Mixins\nimport DatePickerTable from './mixins/date-picker-table'\n\n// Utils\nimport { pad, createNativeLocaleFormatter } from './util'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\nexport default mixins(\n  DatePickerTable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-month-table',\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { month: 'short', timeZone: 'UTC' }, { start: 5, length: 2 })\n    },\n  },\n\n  methods: {\n    calculateTableDate (delta: number) {\n      return `${parseInt(this.tableDate, 10) + Math.sign(delta || 1)}`\n    },\n    genTBody () {\n      const children = []\n      const cols = Array(3).fill(null)\n      const rows = 12 / cols.length\n\n      for (let row = 0; row < rows; row++) {\n        const tds = cols.map((_, col) => {\n          const month = row * cols.length + col\n          const date = `${this.displayedYear}-${pad(month + 1)}`\n          return this.$createElement('td', {\n            key: month,\n          }, [\n            this.genButton(date, false, 'month', this.formatter),\n          ])\n        })\n\n        children.push(this.$createElement('tr', {\n          key: row,\n        }, tds))\n      }\n\n      return this.$createElement('tbody', children)\n    },\n  },\n\n  render (): KNode {\n    return this.genTable('k-date-picker-table k-date-picker-table--month', [\n      this.genTBody(),\n    ], this.calculateTableDate)\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerMonthTable.js"}
+{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerMonthTable.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,eAAe,MAAM,4BAA4B;AAExD;AACA,SAAS,GAAG,EAAE,2BAA2B,QAAQ,QAAQ;AACzD,OAAO,MAAM,MAAM,mBAAmB;AAMtC,eAAe,MAAM,CACnB;AACF,sB,CACC,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,2BAA2B;EAEjC,QAAQ,EAAE;IACR,SAAS,CAAA,EAAA;MACP,OAAO,IAAI,CAAC,MAAM,IAAI,2BAA2B,CAAC,IAAI,CAAC,aAAa,EAAE;QAAE,KAAK,EAAE,OAAO;QAAE,QAAQ,EAAE;MAAK,CAAE,EAAE;QAAE,KAAK,EAAE,CAAC;QAAE,MAAM,EAAE;MAAC,CAAE,CAAC;IACrI;GACD;EAED,OAAO,EAAE;IACP,kBAAkB,CAAE,KAAa,EAAA;MAC/B,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE;IAClE,CAAC;IACD,QAAQ,CAAA,EAAA;MACN,MAAM,QAAQ,GAAG,EAAE;MACnB,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;MAChC,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM;MAE7B,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,EAAE,EAAE;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAI;UAC9B,MAAM,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG;UACrC,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;UACtD,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;YAC/B,GAAG,EAAE;WACN,EAAE,CACD,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CACrD,CAAC;QACJ,CAAC,CAAC;QAEF,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;UACtC,GAAG,EAAE;SACN,EAAE,GAAG,CAAC,CAAC;MACT;MAED,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC/C;GACD;EAED,MAAM,CAAA,EAAA;IACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,gDAAgD,EAAE,CACrE,IAAI,CAAC,QAAQ,CAAA,CAAE,CAChB,EAAE,IAAI,CAAC,kBAAkB,CAAC;EAC7B;CACD,CAAC","sourcesContent":["// Mixins\nimport DatePickerTable from './mixins/date-picker-table'\n\n// Utils\nimport { pad, createNativeLocaleFormatter } from './util'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\nexport default mixins(\n  DatePickerTable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-month-table',\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { month: 'short', timeZone: 'UTC' }, { start: 5, length: 2 })\n    },\n  },\n\n  methods: {\n    calculateTableDate (delta: number) {\n      return `${parseInt(this.tableDate, 10) + Math.sign(delta || 1)}`\n    },\n    genTBody () {\n      const children = []\n      const cols = Array(3).fill(null)\n      const rows = 12 / cols.length\n\n      for (let row = 0; row < rows; row++) {\n        const tds = cols.map((_, col) => {\n          const month = row * cols.length + col\n          const date = `${this.displayedYear}-${pad(month + 1)}`\n          return this.$createElement('td', {\n            key: month,\n          }, [\n            this.genButton(date, false, 'month', this.formatter),\n          ])\n        })\n\n        children.push(this.$createElement('tr', {\n          key: row,\n        }, tds))\n      }\n\n      return this.$createElement('tbody', children)\n    },\n  },\n\n  render (): KNode {\n    return this.genTable('k-date-picker-table k-date-picker-table--month', [\n      this.genTBody(),\n    ], this.calculateTableDate)\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerMonthTable.js"}

package/lib/components/KDatePicker/KDatePickerTitle.js

@@ -1,13 +1,12 @@
-import "..\\..\\..\\src\\components\\KDatePicker\\KDatePickerTitle.sass"; // Components
-
-import KIcon from '../KIcon'; // Mixins
-
-import PickerButton from '../../mixins/picker-button'; // Utils
-
+import "..\\..\\..\\src\\components\\KDatePicker\\KDatePickerTitle.sass";
+// Components
+import KIcon from '../KIcon';
+// Mixins
+import PickerButton from '../../mixins/picker-button';
+// Utils
 import mixins from '../../util/mixins';
 export default mixins(PickerButton
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-date-picker-title',
   props: {
     date: {
@@ -35,13 +34,11 @@ export default mixins(PickerButton
     computedTransition() {
       return this.isReversing ? 'picker-reverse-transition' : 'picker-transition';
     }
-
   },
   watch: {
     value(val, prev) {
       this.isReversing = val < prev;
     }
-
   },
   methods: {
     genYearIcon() {
@@ -51,11 +48,9 @@ export default mixins(PickerButton
         }
       }, this.yearIcon);
     },
-
     getYearBtn() {
       return this.genPickerButton('selectingYear', true, [String(this.year), this.yearIcon ? this.genYearIcon() : null], false, 'k-date-picker-title__year');
     },
-
     genTitleText() {
       return this.$createElement('transition', {
         props: {
@@ -68,13 +63,10 @@ export default mixins(PickerButton
         key: this.value
       })]);
     },
-
     genTitleDate() {
       return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'k-date-picker-title__date');
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-date-picker-title',
@@ -83,6 +75,5 @@ export default mixins(PickerButton
       }
     }, [this.getYearBtn(), this.genTitleDate()]);
   }
-
 });
 //# sourceMappingURL=KDatePickerTitle.js.map

package/lib/components/KDatePicker/KDatePickerTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerTitle.ts"],"names":[],"mappings":"AAAA,OAAO,iEAAP,C,CAEA;;AACA,OAAO,KAAP,MAAkB,UAAlB,C,CAEA;;AACA,OAAO,YAAP,MAAyB,4BAAzB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,qBADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KADD;AAKL,IAAA,QAAQ,EAAE,OALL;AAML,IAAA,QAAQ,EAAE,OANL;AAOL,IAAA,aAAa,EAAE,OAPV;AAQL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE;AADD,KARF;AAWL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAXD;AAeL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE;AADE;AAfL,GAHA;AAuBP,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,WAAW,EAAE;AADF,GAAP,CAvBC;AA2BP,EAAA,QAAQ,EAAE;AACR,IAAA,kBAAkB,GAAA;AAChB,aAAO,KAAK,WAAL,GAAmB,2BAAnB,GAAiD,mBAAxD;AACD;;AAHO,GA3BH;AAiCP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,CAAE,GAAF,EAAe,IAAf,EAA2B;AAC9B,WAAK,WAAL,GAAmB,GAAG,GAAG,IAAzB;AACD;;AAHI,GAjCA;AAuCP,EAAA,OAAO,EAAE;AACP,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD;AADyB,OAA3B,EAIJ,KAAK,QAJD,CAAP;AAKD,KAPM;;AAQP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,eAAL,CAAqB,eAArB,EAAsC,IAAtC,EAA4C,CACjD,MAAM,CAAC,KAAK,IAAN,CAD2C,EAEjD,KAAK,QAAL,GAAgB,KAAK,WAAL,EAAhB,GAAqC,IAFY,CAA5C,EAGJ,KAHI,EAGG,2BAHH,CAAP;AAID,KAbM;;AAcP,IAAA,YAAY,GAAA;AACV,aAAO,KAAK,cAAL,CAAoB,YAApB,EAAkC;AACvC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,KAAK;AADN;AADgC,OAAlC,EAIJ,CACD,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACzB,QAAA,QAAQ,EAAE;AAAE,UAAA,SAAS,EAAE,KAAK,IAAL,IAAa;AAA1B,SADe;AAEzB,QAAA,GAAG,EAAE,KAAK;AAFe,OAA3B,CADC,CAJI,CAAP;AAUD,KAzBM;;AA0BP,IAAA,YAAY,GAAA;AACV,aAAO,KAAK,eAAL,CAAqB,eAArB,EAAsC,KAAtC,EAA6C,CAAC,KAAK,YAAL,EAAD,CAA7C,EAAoE,KAApE,EAA2E,2BAA3E,CAAP;AACD;;AA5BM,GAvCF;;AAsEP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,qBADC;AAEd,MAAA,KAAK,EAAE;AACL,yCAAiC,KAAK;AADjC;AAFO,KAAR,EAKL,CACD,KAAK,UAAL,EADC,EAED,KAAK,YAAL,EAFC,CALK,CAAR;AASD;;AAhFM,CAHM,CAAf","sourcesContent":["import './KDatePickerTitle.sass'\n\n// Components\nimport KIcon from '../KIcon'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  PickerButton\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-title',\n\n  props: {\n    date: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n    readonly: Boolean,\n    selectingYear: Boolean,\n    value: {\n      type: String,\n    },\n    year: {\n      type: [Number, String],\n      default: '',\n    },\n    yearIcon: {\n      type: String,\n    },\n  },\n\n  data: () => ({\n    isReversing: false,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'\n    },\n  },\n\n  watch: {\n    value (val: string, prev: string) {\n      this.isReversing = val < prev\n    },\n  },\n\n  methods: {\n    genYearIcon (): KNode {\n      return this.$createElement(KIcon, {\n        props: {\n          dark: true,\n        },\n      }, this.yearIcon)\n    },\n    getYearBtn (): KNode {\n      return this.genPickerButton('selectingYear', true, [\n        String(this.year),\n        this.yearIcon ? this.genYearIcon() : null,\n      ], false, 'k-date-picker-title__year')\n    },\n    genTitleText (): KNode {\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [\n        this.$createElement('div', {\n          domProps: { innerHTML: this.date || '&nbsp;' },\n          key: this.value,\n        }),\n      ])\n    },\n    genTitleDate (): KNode {\n      return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'k-date-picker-title__date')\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-date-picker-title',\n      class: {\n        'k-date-picker-title--disabled': this.disabled,\n      },\n    }, [\n      this.getYearBtn(),\n      this.genTitleDate(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerTitle.js"}
+{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerTitle.ts"],"names":[],"mappings":"AAAA,OAAO,iEAAyB;AAEhC;AACA,OAAO,KAAK,MAAM,UAAU;AAE5B;AACA,OAAO,YAAY,MAAM,4BAA4B;AAErD;AACA,OAAO,MAAM,MAAM,mBAAmB;AAKtC,eAAe,MAAM,CACnB;AACF,sB,CACC,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,qBAAqB;EAE3B,KAAK,EAAE;IACL,IAAI,EAAE;MACJ,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,OAAO;IACjB,aAAa,EAAE,OAAO;IACtB,KAAK,EAAE;MACL,IAAI,EAAE;KACP;IACD,IAAI,EAAE;MACJ,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,QAAQ,EAAE;MACR,IAAI,EAAE;IACP;GACF;EAED,IAAI,EAAE,CAAA,MAAO;IACX,WAAW,EAAE;GACd,CAAC;EAEF,QAAQ,EAAE;IACR,kBAAkB,CAAA,EAAA;MAChB,OAAO,IAAI,CAAC,WAAW,GAAG,2BAA2B,GAAG,mBAAmB;IAC7E;GACD;EAED,KAAK,EAAE;IACL,KAAK,CAAE,GAAW,EAAE,IAAY,EAAA;MAC9B,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI;IAC/B;GACD;EAED,OAAO,EAAE;IACP,WAAW,CAAA,EAAA;MACT,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,KAAK,EAAE;UACL,IAAI,EAAE;QACP;OACF,EAAE,IAAI,CAAC,QAAQ,CAAC;IACnB,CAAC;IACD,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,eAAe,CAAC,eAAe,EAAE,IAAI,EAAE,CACjD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAA,CAAE,GAAG,IAAI,CAC1C,EAAE,KAAK,EAAE,2BAA2B,CAAC;IACxC,CAAC;IACD,YAAY,CAAA,EAAA;MACV,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;QACvC,KAAK,EAAE;UACL,IAAI,EAAE,IAAI,CAAC;QACZ;OACF,EAAE,CACD,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QACzB,QAAQ,EAAE;UAAE,SAAS,EAAE,IAAI,CAAC,IAAI,IAAI;QAAQ,CAAE;QAC9C,GAAG,EAAE,IAAI,CAAC;OACX,CAAC,CACH,CAAC;IACJ,CAAC;IACD,YAAY,CAAA,EAAA;MACV,OAAO,IAAI,CAAC,eAAe,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,YAAY,CAAA,CAAE,CAAC,EAAE,KAAK,EAAE,2BAA2B,CAAC;IAChH;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,qBAAqB;MAClC,KAAK,EAAE;QACL,+BAA+B,EAAE,IAAI,CAAC;MACvC;KACF,EAAE,CACD,IAAI,CAAC,UAAU,CAAA,CAAE,EACjB,IAAI,CAAC,YAAY,CAAA,CAAE,CACpB,CAAC;EACJ;CACD,CAAC","sourcesContent":["import './KDatePickerTitle.sass'\n\n// Components\nimport KIcon from '../KIcon'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  PickerButton\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-title',\n\n  props: {\n    date: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n    readonly: Boolean,\n    selectingYear: Boolean,\n    value: {\n      type: String,\n    },\n    year: {\n      type: [Number, String],\n      default: '',\n    },\n    yearIcon: {\n      type: String,\n    },\n  },\n\n  data: () => ({\n    isReversing: false,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'\n    },\n  },\n\n  watch: {\n    value (val: string, prev: string) {\n      this.isReversing = val < prev\n    },\n  },\n\n  methods: {\n    genYearIcon (): KNode {\n      return this.$createElement(KIcon, {\n        props: {\n          dark: true,\n        },\n      }, this.yearIcon)\n    },\n    getYearBtn (): KNode {\n      return this.genPickerButton('selectingYear', true, [\n        String(this.year),\n        this.yearIcon ? this.genYearIcon() : null,\n      ], false, 'k-date-picker-title__year')\n    },\n    genTitleText (): KNode {\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [\n        this.$createElement('div', {\n          domProps: { innerHTML: this.date || '&nbsp;' },\n          key: this.value,\n        }),\n      ])\n    },\n    genTitleDate (): KNode {\n      return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'k-date-picker-title__date')\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-date-picker-title',\n      class: {\n        'k-date-picker-title--disabled': this.disabled,\n      },\n    }, [\n      this.getYearBtn(),\n      this.genTitleDate(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerTitle.js"}

package/lib/components/KDatePicker/KDatePickerYears.js

@@ -1,14 +1,13 @@
-import "..\\..\\..\\src\\components\\KDatePicker\\KDatePickerYears.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KDatePicker\\KDatePickerYears.sass";
+// Mixins
 import Colorable from '../../mixins/colorable';
-import Localable from '../../mixins/localable'; // Utils
-
+import Localable from '../../mixins/localable';
+// Utils
 import { createItemTypeNativeListeners, createNativeLocaleFormatter } from './util';
 import { mergeListeners } from '../../util/mergeData';
 import mixins from '../../util/mixins';
 export default mixins(Colorable, Localable
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-date-picker-years',
   props: {
     format: Function,
@@ -17,13 +16,11 @@ export default mixins(Colorable, Localable
     readonly: Boolean,
     value: [Number, String]
   },
-
   data() {
     return {
       defaultColor: 'primary'
     };
   },
-
   computed: {
     formatter() {
       return this.format || createNativeLocaleFormatter(this.currentLocale, {
@@ -33,13 +30,10 @@ export default mixins(Colorable, Localable
         length: 4
       });
     }
-
   },
-
   mounted() {
     setTimeout(() => {
       const activeItem = this.$el.getElementsByClassName('active')[0];
-
       if (activeItem) {
         this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2;
       } else if (this.min && !this.max) {
@@ -51,7 +45,6 @@ export default mixins(Colorable, Localable
       }
     });
   },
-
   methods: {
     genYearItem(year) {
       const formatted = this.formatter(`${year}`);
@@ -67,28 +60,22 @@ export default mixins(Colorable, Localable
         }, createItemTypeNativeListeners(this, ':year', year))
       }), formatted);
     },
-
     genYearItems() {
       const children = [];
       const selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear();
       const maxYear = this.max ? parseInt(this.max, 10) : selectedYear + 100;
       const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : selectedYear - 100);
-
       for (let year = maxYear; year >= minYear; year--) {
         children.push(this.genYearItem(year));
       }
-
       return children;
     }
-
   },
-
   render() {
     return this.$createElement('ul', {
       staticClass: 'k-date-picker-years',
       ref: 'years'
     }, this.genYearItems());
   }
-
 });
 //# sourceMappingURL=KDatePickerYears.js.map

package/lib/components/KDatePicker/KDatePickerYears.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerYears.ts"],"names":[],"mappings":"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","sourcesContent":["import './KDatePickerYears.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\n\n// Utils\nimport {\n  createItemTypeNativeListeners,\n  createNativeLocaleFormatter,\n} from './util'\nimport { mergeListeners } from '../../util/mergeData'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport Kdu, { KNode, PropType } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\ninterface options extends Kdu {\n  $el: HTMLElement\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractKdu<[\n    typeof Colorable,\n    typeof Localable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Localable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-years',\n\n  props: {\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: [Number, String],\n    max: [Number, String],\n    readonly: Boolean,\n    value: [Number, String],\n  },\n\n  data () {\n    return {\n      defaultColor: 'primary',\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      const activeItem = this.$el.getElementsByClassName('active')[0]\n      if (activeItem) {\n        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2\n      } else if (this.min && !this.max) {\n        this.$el.scrollTop = this.$el.scrollHeight\n      } else if (!this.min && this.max) {\n        this.$el.scrollTop = 0\n      } else {\n        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2\n      }\n    })\n  },\n\n  methods: {\n    genYearItem (year: number): KNode {\n      const formatted = this.formatter(`${year}`)\n      const active = parseInt(this.value, 10) === year\n      const color = active && (this.color || 'primary')\n\n      return this.$createElement('li', this.setTextColor(color, {\n        key: year,\n        class: { active },\n        on: mergeListeners({\n          click: () => this.$emit('input', year),\n        }, createItemTypeNativeListeners(this, ':year', year)),\n      }), formatted)\n    },\n\n    genYearItems (): KNode[] {\n      const children = []\n      const selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear()\n      const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)\n      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))\n\n      for (let year = maxYear; year >= minYear; year--) {\n        children.push(this.genYearItem(year))\n      }\n\n      return children\n    },\n  },\n\n  render (): KNode {\n    return this.$createElement('ul', {\n      staticClass: 'k-date-picker-years',\n      ref: 'years',\n    }, this.genYearItems())\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerYears.js"}
+{"version":3,"sources":["../../../src/components/KDatePicker/KDatePickerYears.ts"],"names":[],"mappings":"AAAA,OAAO,iEAAyB;AAEhC;AACA,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,SAAS,MAAM,wBAAwB;AAE9C;AACA,SACE,6BAA6B,EAC7B,2BAA2B,QACtB,QAAQ;AACf,SAAS,cAAc,QAAQ,sBAAsB;AACrD,OAAO,MAAsB,MAAM,mBAAmB;AAUtD,eAAe,MAAM,CAQnB,SAAS,EACT;AACF,sB,CACC,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,qBAAqB;EAE3B,KAAK,EAAE;IACL,MAAM,EAAE,QAAqD;IAC7D,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM;GACvB;EAED,IAAI,CAAA,EAAA;IACF,OAAO;MACL,YAAY,EAAE;KACf;EACH,CAAC;EAED,QAAQ,EAAE;IACR,SAAS,CAAA,EAAA;MACP,OAAO,IAAI,CAAC,MAAM,IAAI,2BAA2B,CAAC,IAAI,CAAC,aAAa,EAAE;QAAE,IAAI,EAAE,SAAS;QAAE,QAAQ,EAAE;MAAK,CAAE,EAAE;QAAE,MAAM,EAAE;MAAC,CAAE,CAAC;IAC5H;GACD;EAED,OAAO,CAAA,EAAA;IACL,UAAU,CAAC,MAAK;MACd,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;MAC/D,IAAI,UAAU,EAAE;QACd,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,GAAG,UAAU,CAAC,YAAY,GAAG,CAAC;OACpG,MAAM,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY;OAC3C,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC;OACvB,MAAM;QACL,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC;MAC3E;IACH,CAAC,CAAC;EACJ,CAAC;EAED,OAAO,EAAE;IACP,WAAW,CAAE,IAAY,EAAA;MACvB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,CAAC;MAC3C,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI;MAChD,MAAM,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;MAEjD,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;QACxD,GAAG,EAAE,IAAI;QACT,KAAK,EAAE;UAAE;QAAM,CAAE;QACjB,EAAE,EAAE,cAAc,CAAC;UACjB,KAAK,EAAE,CAAA,KAAM,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI;SACtC,EAAE,6BAA6B,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC;OACtD,CAAC,EAAE,SAAS,CAAC;IAChB,CAAC;IAED,YAAY,CAAA,EAAA;MACV,MAAM,QAAQ,GAAG,EAAE;MACnB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,IAAI,IAAI,CAAA,CAAE,CAAC,WAAW,CAAA,CAAE;MACrF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,GAAI,YAAY,GAAG,GAAI;MACxE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,GAAI,YAAY,GAAG,GAAI,CAAC;MAE3F,KAAK,IAAI,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;MACtC;MAED,OAAO,QAAQ;IACjB;GACD;EAED,MAAM,CAAA,EAAA;IACJ,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;MAC/B,WAAW,EAAE,qBAAqB;MAClC,GAAG,EAAE;KACN,EAAE,IAAI,CAAC,YAAY,CAAA,CAAE,CAAC;EACzB;CACD,CAAC","sourcesContent":["import './KDatePickerYears.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\n\n// Utils\nimport {\n  createItemTypeNativeListeners,\n  createNativeLocaleFormatter,\n} from './util'\nimport { mergeListeners } from '../../util/mergeData'\nimport mixins, { ExtractKdu } from '../../util/mixins'\n\n// Types\nimport Kdu, { KNode, PropType } from 'kdu'\nimport { DatePickerFormatter } from 'kdutify/types'\n\ninterface options extends Kdu {\n  $el: HTMLElement\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractKdu<[\n    typeof Colorable,\n    typeof Localable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Localable\n/* @kdujs/component */\n).extend({\n  name: 'k-date-picker-years',\n\n  props: {\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: [Number, String],\n    max: [Number, String],\n    readonly: Boolean,\n    value: [Number, String],\n  },\n\n  data () {\n    return {\n      defaultColor: 'primary',\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      const activeItem = this.$el.getElementsByClassName('active')[0]\n      if (activeItem) {\n        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2\n      } else if (this.min && !this.max) {\n        this.$el.scrollTop = this.$el.scrollHeight\n      } else if (!this.min && this.max) {\n        this.$el.scrollTop = 0\n      } else {\n        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2\n      }\n    })\n  },\n\n  methods: {\n    genYearItem (year: number): KNode {\n      const formatted = this.formatter(`${year}`)\n      const active = parseInt(this.value, 10) === year\n      const color = active && (this.color || 'primary')\n\n      return this.$createElement('li', this.setTextColor(color, {\n        key: year,\n        class: { active },\n        on: mergeListeners({\n          click: () => this.$emit('input', year),\n        }, createItemTypeNativeListeners(this, ':year', year)),\n      }), formatted)\n    },\n\n    genYearItems (): KNode[] {\n      const children = []\n      const selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear()\n      const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)\n      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))\n\n      for (let year = maxYear; year >= minYear; year--) {\n        children.push(this.genYearItem(year))\n      }\n\n      return children\n    },\n  },\n\n  render (): KNode {\n    return this.$createElement('ul', {\n      staticClass: 'k-date-picker-years',\n      ref: 'years',\n    }, this.genYearItems())\n  },\n})\n"],"sourceRoot":"","file":"KDatePickerYears.js"}

package/lib/components/KDatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAP,MAAwB,eAAxB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,iBAAP,MAA8B,qBAA9B;AACA,OAAO,oBAAP,MAAiC,wBAAjC;AACA,OAAO,qBAAP,MAAkC,yBAAlC;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AAEA,SACE,WADF,EAEE,gBAFF,EAGE,iBAHF,EAIE,oBAJF,EAKE,qBALF,EAME,gBANF;AASA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,WADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA,iBAHuB;AAIvB,IAAA,oBAJuB;AAKvB,IAAA,qBALuB;AAMvB,IAAA;AANuB;AADZ,CAAf","sourcesContent":["import KDatePicker from './KDatePicker'\nimport KDatePickerTitle from './KDatePickerTitle'\nimport KDatePickerHeader from './KDatePickerHeader'\nimport KDatePickerDateTable from './KDatePickerDateTable'\nimport KDatePickerMonthTable from './KDatePickerMonthTable'\nimport KDatePickerYears from './KDatePickerYears'\n\nexport {\n  KDatePicker,\n  KDatePickerTitle,\n  KDatePickerHeader,\n  KDatePickerDateTable,\n  KDatePickerMonthTable,\n  KDatePickerYears,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KDatePicker,\n    KDatePickerTitle,\n    KDatePickerHeader,\n    KDatePickerDateTable,\n    KDatePickerMonthTable,\n    KDatePickerYears,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KDatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe;AACvC,OAAO,gBAAgB,MAAM,oBAAoB;AACjD,OAAO,iBAAiB,MAAM,qBAAqB;AACnD,OAAO,oBAAoB,MAAM,wBAAwB;AACzD,OAAO,qBAAqB,MAAM,yBAAyB;AAC3D,OAAO,gBAAgB,MAAM,oBAAoB;AAEjD,SACE,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB;AAGlB,eAAe;EACb,uBAAuB,EAAE;IACvB,WAAW;IACX,gBAAgB;IAChB,iBAAiB;IACjB,oBAAoB;IACpB,qBAAqB;IACrB;EACD;CACF","sourcesContent":["import KDatePicker from './KDatePicker'\nimport KDatePickerTitle from './KDatePickerTitle'\nimport KDatePickerHeader from './KDatePickerHeader'\nimport KDatePickerDateTable from './KDatePickerDateTable'\nimport KDatePickerMonthTable from './KDatePickerMonthTable'\nimport KDatePickerYears from './KDatePickerYears'\n\nexport {\n  KDatePicker,\n  KDatePickerTitle,\n  KDatePickerHeader,\n  KDatePickerDateTable,\n  KDatePickerMonthTable,\n  KDatePickerYears,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KDatePicker,\n    KDatePickerTitle,\n    KDatePickerHeader,\n    KDatePickerDateTable,\n    KDatePickerMonthTable,\n    KDatePickerYears,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}