beyond-rails 0.0.167 → 0.0.172

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9fde2fa864b41e2fda852ddc34afaecd688a168a38b1097a49ba7df10b82e9ab
-  data.tar.gz: cf431f900d99d4a79046e96e860728ea182678fa496cff2dd841da1f7f710d3f
+  metadata.gz: 469a1f5d652f10d810b7c6575e9aa591a33a89434e6e84a7ea12884fa2d0a039
+  data.tar.gz: d16e57ce2b2891f61b7e76313ee595d1810ce15dfd802fcf1491fc9793242d52
 SHA512:
-  metadata.gz: 06f9b0d9383c72b5847709c05decddd266b6a1b45d130d63b28c0b19d76b5b8463fd779c7223db6f217440bd6efa3a68a543734511109c45687624d795b7ff54
-  data.tar.gz: 2c03a75862cff4ee8209386f59dd0f4497e8c242fda2a19b84769679021cdf5f87566b043d81649370de5d30ce11d844f8b594bdd1f23771f3e68ab525ecdfb4
+  metadata.gz: 40f79d566a84a068bdf3de167170290b7984b9d2164be04e43dcb3704cbbbe68c5380d8049aedc57012805a37c2ef6bfe8e9cbdc76f1d6fbb9902f02dffb16d4
+  data.tar.gz: 12a54452faa90d2944388dcd728539c714a319cd073cd3268005631b32918b20bd01d656aea63ade762e5eaad0d0bf5b42c5e7d61a5aa8137515fe2f3aa0fbaf

data/src/js/components/Alert.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class Alert {

data/src/js/components/Autocomplete.js

@@ -1,8 +1,7 @@
-import debounce from 'lodash.debounce'
 import AutocompleteMenu from './AutocompleteMenu'
-import promisify from '../helpers/promisify'
-import supportDom from '../helpers/supportDom'
-import noop from 'lodash.noop'
+import promisify from '../utils/promisify'
+import supportDom from '../utils/supportDom'
+import { debounce, noop } from '../utils'
 
 const defaultRenderMenuItem = row => {
   return `

data/src/js/components/AutocompleteMenu.js

@@ -1,6 +1,6 @@
-import getFloatedTargetPos from '../helpers/getFloatedTargetPos'
-import toPixel from '../helpers/toPixel'
-import supportDom from '../helpers/supportDom'
+import getFloatedTargetPos from '../utils/getFloatedTargetPos'
+import toPixel from '../utils/toPixel'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class AutocompleteMenu {

data/src/js/components/Btn.js

@@ -1,5 +1,5 @@
-import supportDom from '../helpers/supportDom'
-import toPixel from '../helpers/toPixel'
+import supportDom from '../utils/supportDom'
+import toPixel from '../utils/toPixel'
 
 @supportDom
 export default class Btn {

data/src/js/components/Checkbox.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class Checkbox {

data/src/js/components/DateInput.js

@@ -1,7 +1,7 @@
-import { format } from 'date-fns-tz'
 import { DEFAULT_TIMEZONE } from '../consts'
-import supportDom from '../helpers/supportDom'
-import isTouchDevice from '../helpers/isTouchDevice'
+import supportDom from '../utils/supportDom'
+import isTouchDevice from '../utils/isTouchDevice'
+import { format } from '../utils'
 
 @supportDom
 export default class DateInput {

data/src/js/components/DateMenu.js

@@ -1,25 +1,27 @@
-import { format } from 'date-fns-tz'
-import addDays from 'date-fns/addDays'
-import set from 'date-fns/set'
-import addMonths from 'date-fns/addMonths'
-import compareAsc from 'date-fns/compareAsc'
-import endOfMonth from 'date-fns/endOfMonth'
-import getDay from 'date-fns/getDay'
-import getDaysInMonth from 'date-fns/getDaysInMonth'
-import getMonth from 'date-fns/getMonth'
-import getYear from 'date-fns/getYear'
-import startOfDay from 'date-fns/startOfDay'
-import startOfMonth from 'date-fns/startOfMonth'
-import subMonths from 'date-fns/subMonths'
-import getFloatedTargetPos from '../helpers/getFloatedTargetPos'
-import range from '../helpers/range'
-import toPixel from '../helpers/toPixel'
-import isTouchDevice from '../helpers/isTouchDevice'
-import dateLt from '../helpers/dateLt'
-import dateEq from '../helpers/dateEq'
+import getFloatedTargetPos from '../utils/getFloatedTargetPos'
+import range from '../utils/range'
+import toPixel from '../utils/toPixel'
+import isTouchDevice from '../utils/isTouchDevice'
+import dateLt from '../utils/dateLt'
+import dateEq from '../utils/dateEq'
+import supportDom from '../utils/supportDom'
+import {
+  addDays,
+  addMonths,
+  compareAsc,
+  endOfMonth,
+  getDay,
+  getDaysInMonth,
+  getMonth,
+  getYear,
+  throttle,
+  set,
+  startOfDay,
+  startOfMonth,
+  subMonths,
+  format
+} from '../utils'
 import { DEFAULT_TIMEZONE, DEFAULT_LOCALE } from '../consts'
-import supportDom from '../helpers/supportDom'
-import throttle from 'lodash.throttle'
 
 const DEFAULT_WEEK_HEADER_ITEMS = [
   { id: 'monday', text: '一' },

data/src/js/components/DateTimeRanger.js

@@ -1,21 +1,23 @@
-import endOfDay from 'date-fns/endOfDay'
-import parse from 'date-fns/parse'
-import set from 'date-fns/set'
-import noop from 'lodash.noop'
-import startOfDay from 'date-fns/startOfDay'
-import getHours from 'date-fns/getHours'
-import getMinutes from 'date-fns/getMinutes'
-import getSeconds from 'date-fns/getSeconds'
 import DateInput from './DateInput'
 import TimeInput from './TimeInput'
 import DateMenu from './DateMenu'
 import TimeMenu from './TimeMenu'
 import DatepickerBtnArrow from './DatepickerBtnArrow'
-import dateGt from '../helpers/dateGt'
-import dateLt from '../helpers/dateLt'
-import supportDom from '../helpers/supportDom'
-import dateToTimestamp from '@superlanding/datetotimestamp'
-import timestampToDate from '@superlanding/timestamptodate'
+import dateGt from '../utils/dateGt'
+import dateLt from '../utils/dateLt'
+import supportDom from '../utils/supportDom'
+import {
+  endOfDay,
+  dateToTimestamp,
+  getHours,
+  getMinutes,
+  getSeconds,
+  noop,
+  parse,
+  set,
+  startOfDay,
+  timestampToDate
+} from '../utils'
 
 @supportDom
 export default class DateTimeRanger {

data/src/js/components/Datepicker.js

@@ -1,15 +1,17 @@
-import parse from 'date-fns/parse'
-import set from 'date-fns/set'
-import noop from 'lodash.noop'
-import toDate from 'date-fns/toDate'
 import DateInput from './DateInput'
 import TimeInput from './TimeInput'
 import DateMenu from './DateMenu'
 import TimeMenu from './TimeMenu'
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 import { DEFAULT_TIMEZONE } from '../consts'
-import dateToTimestamp from '@superlanding/datetotimestamp'
-import timestampToDate from '@superlanding/timestamptodate'
+import {
+  dateToTimestamp,
+  noop,
+  parse,
+  set,
+  timestampToDate,
+  toDate
+} from '../utils'
 
 @supportDom
 export default class Datepicker {

data/src/js/components/DatepickerBtnArrow.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class DatepickerBtnArrow {

data/src/js/components/Dropdown.js

@@ -1,8 +1,7 @@
-import throttle from 'lodash.throttle'
-import isFunction from 'lodash.isfunction'
-import getFloatedTargetPos from '../helpers/getFloatedTargetPos'
-import toPixel from '../helpers/toPixel'
-import supportDom from '../helpers/supportDom'
+import getFloatedTargetPos from '../utils/getFloatedTargetPos'
+import toPixel from '../utils/toPixel'
+import supportDom from '../utils/supportDom'
+import { isFunction, throttle } from '../utils'
 
 @supportDom
 export default class Dropdown {

data/src/js/components/Menu.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class Menu {

data/src/js/components/Modal.js

@@ -1,5 +1,5 @@
-import noop from 'lodash.noop'
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
+import { noop } from '../utils'
 
 @supportDom
 export default class Modal {

data/src/js/components/Navbar.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class Navbar {

data/src/js/components/Radio.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class Radio {

data/src/js/components/SearchDropdown.js

@@ -1,10 +1,8 @@
-import noop from 'lodash.noop'
-import throttle from 'lodash.throttle'
-import debounce from 'lodash.debounce'
-import getFloatedTargetPos from '../helpers/getFloatedTargetPos'
-import toPixel from '../helpers/toPixel'
-import supportDom from '../helpers/supportDom'
-import getKey from '../helpers/getKey'
+import getFloatedTargetPos from '../utils/getFloatedTargetPos'
+import toPixel from '../utils/toPixel'
+import supportDom from '../utils/supportDom'
+import getKey from '../utils/getKey'
+import { debounce, noop, throttle } from '../utils'
 
 const renderMenu = row => {
   return `<div class="search-dropdown-menu-item" data-item>${JSON.stringify(row)}</div>`

data/src/js/components/Sidebar.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class Sidebar {

data/src/js/components/Tabbox.js

@@ -1,6 +1,6 @@
-import noop from 'lodash.noop'
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 import Dropdown from './Dropdown'
+import { noop } from '../utils'
 
 @supportDom
 export default class Tabbox {

data/src/js/components/TimeInput.js

@@ -1,7 +1,7 @@
-import { format } from 'date-fns-tz'
 import { DEFAULT_TIMEZONE } from '../consts'
-import supportDom from '../helpers/supportDom'
-import isTouchDevice from '../helpers/isTouchDevice'
+import supportDom from '../utils/supportDom'
+import isTouchDevice from '../utils/isTouchDevice'
+import { format } from '../utils'
 
 @supportDom
 export default class TimeInput {

data/src/js/components/TimeMenu.js

@@ -1,9 +1,7 @@
-import getHours from 'date-fns/getHours'
-import getMinutes from 'date-fns/getMinutes'
-import getFloatedTargetPos from '../helpers/getFloatedTargetPos'
-import toPixel from '../helpers/toPixel'
-import range from 'lodash.range'
-import supportDom from '../helpers/supportDom'
+import getFloatedTargetPos from '../utils/getFloatedTargetPos'
+import toPixel from '../utils/toPixel'
+import supportDom from '../utils/supportDom'
+import { getHours, getMinutes, range } from '../utils'
 
 @supportDom
 export default class TimeMenu {

data/src/js/components/Timepicker.js

@@ -0,0 +1,133 @@
+import TimeInput from './TimeInput'
+import TimeMenu from './TimeMenu'
+import { DEFAULT_TIMEZONE } from '../consts'
+import supportDom from '../utils/supportDom'
+import {
+  dateToTimestamp,
+  noop,
+  parse,
+  set,
+  timestampToDate
+} from '../utils'
+
+@supportDom
+export default class Timepicker {
+
+  constructor(dom, timestamp, options = {}) {
+    this.dom = dom
+    this.options = options
+    this.options.change = options.change || noop
+    this.tz = options.tz || DEFAULT_TIMEZONE
+
+    this.date = (timestamp === null) ? null : timestampToDate(timestamp)
+    this.focused = false
+    this.backdropMode = options.backdropMode || 'auto'
+    this.init()
+  }
+
+  init() {
+    this.timeInput = new TimeInput(
+      this.dom,
+      this.date,
+      this.options
+    )
+    this.timeMenu = new TimeMenu()
+    this.addEvents()
+  }
+
+  clearInputStatus() {
+    this.timeInput.clearStatus()
+  }
+
+  handleTimeInputFocus() {
+    const { timeInput } = this
+    this.focused = true
+    this.clearInputStatus()
+    timeInput.setActive(true)
+    this.timeMenu.show({ src: this.dom, date: timeInput.date })
+  }
+
+  handleTimeInputKeyUp(event) {
+    const { date, timeInput } = this
+    const { value } = event.target
+
+    if ((! timeInput.required) && (value === '')) {
+      this.nextDate = null
+      return
+    }
+    const res = parse(event.target.value, timeInput.timePattern, date)
+    this.nextDate = null
+
+    if (res.toString() === 'Invalid Date') {
+      return timeInput.setDanger(true)
+    }
+    timeInput.setDanger(false)
+    this.nextDate = res
+  }
+
+  handleTimeInputBlur() {
+    const { nextDate, date, timeInput } = this
+
+    if (nextDate) {
+      this.date = nextDate
+      timeInput.setDate(nextDate)
+      this.nextDate = null
+    }
+    else if (date) {
+      timeInput.setDate(date)
+    }
+  }
+
+  emitChange() {
+    const { date } = this
+    this.options.change({
+      date,
+      timestamp: dateToTimestamp(date)
+    })
+  }
+
+  hide() {
+    this.focused = false
+    this.clearInputStatus()
+    this.timeMenu.hide()
+  }
+
+  addEvents() {
+
+    this.timeInput.on('focus', () => this.handleTimeInputFocus())
+    this.timeInput.on('keyup', event => this.handleTimeInputKeyUp(event))
+    this.timeInput.on('blur', () => this.handleTimeInputBlur())
+
+    this.timeMenu.on('click', (event, res) => {
+      if (this.date === null) {
+        this.date = set(new Date(), { hours: res.hour, minutes: res.minute })
+      }
+      else {
+        this.date = set(this.date, { hours: res.hour, minutes: res.minute })
+      }
+      this.timeInput.setDate(this.date)
+      this.timeMenu.hide()
+      this.clearInputStatus()
+      this.emitChange()
+    })
+
+    this.addEvent(document, 'click', event => {
+      if (this.focused) {
+        this.focused = false
+        return
+      }
+      if (this.backdropMode === 'manual') {
+        return
+      }
+      if (event.target === this.dom) {
+        return
+      }
+      this.hide()
+    })
+  }
+
+  destroy() {
+    this.timeInput.destroy()
+    this.timeMenu.destroy()
+  }
+}

data/src/js/components/Toast.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 import ToastItem from './ToastItem'
 
 @supportDom

data/src/js/components/ToastItem.js

@@ -1,4 +1,4 @@
-import supportDom from '../helpers/supportDom'
+import supportDom from '../utils/supportDom'
 
 @supportDom
 export default class ToastItem {

data/src/js/components/Tooltip.js

@@ -1,6 +1,6 @@
-import getFloatedTargetPos from '../helpers/getFloatedTargetPos'
-import toPixel from '../helpers/toPixel'
-import supportDom from '../helpers/supportDom'
+import getFloatedTargetPos from '../utils/getFloatedTargetPos'
+import toPixel from '../utils/toPixel'
+import supportDom from '../utils/supportDom'
 
 const TOOLTIP_PLACEMENTS = ['top', 'bottom', 'left', 'right']
 

data/src/js/index.js

@@ -17,12 +17,13 @@ import Navbar from './components/Navbar'
 import Radio from './components/Radio'
 import SearchDropdown from './components/SearchDropdown'
 import Sidebar from './components/Sidebar'
+import Timepicker from './components/Timepicker'
 import Tabbox from './components/Tabbox'
 import Toast from './components/Toast'
 import Tooltip from './components/Tooltip'
-import bind from './helpers/bind'
-import docReady from './helpers/docReady'
-import unbindAll from './helpers/unbindAll'
+import bind from './utils/bind'
+import docReady from './utils/docReady'
+import unbindAll from './utils/unbindAll'
 
 export {
   Alert,
@@ -38,6 +39,7 @@ export {
   Radio,
   SearchDropdown,
   Sidebar,
+  Timepicker,
   Tabbox,
   Toast,
   Tooltip,

data/src/js/{helpers → utils}/dateEq.js

@@ -1,4 +1,4 @@
-import compareAsc from 'date-fns/compareAsc'
+import { compareAsc } from './index'
 
 export default function dateEq(date1, date2) {
   return compareAsc(date1, date2) === 0

data/src/js/{helpers → utils}/dateGt.js

@@ -1,4 +1,4 @@
-import compareAsc from 'date-fns/compareAsc'
+import { compareAsc } from './index'
 
 export default function dateLt(date1, date2) {
   return compareAsc(date1, date2) === 1

data/src/js/{helpers → utils}/dateLt.js

@@ -1,4 +1,4 @@
-import compareAsc from 'date-fns/compareAsc'
+import { compareAsc } from './index'
 
 export default function dateLt(date1, date2) {
   return compareAsc(date1, date2) === -1

data/src/js/{helpers → utils}/getFloatedTargetPos.js

@@ -1,11 +1,9 @@
-import getDomPos from '@superlanding/getdompos'
-import getScrollTop from '@superlanding/getscrolltop'
-import getScrollLeft from '@superlanding/getscrollleft'
+import { getDomPos, getScrollTop, getScrollLeft } from './index'
 
 // Calculate floated target position for tooltip and dropdown
 export default function getFloatedTargetPos(options) {
 
-  const { src, target, place, align, offset = 0, offsetLeft, offsetTop } = options
+  const { src, target, place, align, offset = 0, offsetLeft = 0, offsetTop = 0 } = options
 
   const { x: x1, y: y1 } = getDomPos(src)
 
@@ -228,13 +226,13 @@ function adjustToBoundary({ pos, w1, w2, h1, h2 }) {
   let left = pos.left
   let top = pos.top
   if (touchedLeft) {
-    left = 0
+    left = 0 + getScrollLeft()
   }
   if (touchedRight) {
     left = window.innerWidth - w2 + w1;
   }
   if (touchedTop) {
-    top = 0
+    top = 0 + getScrollTop()
   }
   if (touchedBottom) {
     top = window.innerHeight - h2 + h1

data/src/js/utils/index.js

@@ -0,0 +1,71 @@
+// @superlanding
+import dateToTimestamp from '@superlanding/datetotimestamp'
+import getDomPos from '@superlanding/getdompos'
+import getScrollLeft from '@superlanding/getscrollleft'
+import getScrollTop from '@superlanding/getscrolltop'
+import timestampToDate from '@superlanding/timestamptodate'
+
+// date-fns
+import addDays from 'date-fns/addDays'
+import addMonths from 'date-fns/addMonths'
+import compareAsc from 'date-fns/compareAsc'
+import endOfDay from 'date-fns/endOfDay'
+import endOfMonth from 'date-fns/endOfMonth'
+import getDay from 'date-fns/getDay'
+import getDaysInMonth from 'date-fns/getDaysInMonth'
+import getHours from 'date-fns/getHours'
+import getMinutes from 'date-fns/getMinutes'
+import getMonth from 'date-fns/getMonth'
+import getSeconds from 'date-fns/getSeconds'
+import getYear from 'date-fns/getYear'
+import parse from 'date-fns/parse'
+import set from 'date-fns/set'
+import startOfDay from 'date-fns/startOfDay'
+import startOfMonth from 'date-fns/startOfMonth'
+import subMonths from 'date-fns/subMonths'
+import toDate from 'date-fns/toDate'
+import { format } from 'date-fns-tz'
+
+// lodash
+import debounce from 'lodash.debounce'
+import isFunction from 'lodash.isfunction'
+import noop from 'lodash.noop'
+import range from 'lodash.range'
+import throttle from 'lodash.throttle'
+
+export {
+  // @superlanding
+  dateToTimestamp,
+  getDomPos,
+  getScrollLeft,
+  getScrollTop,
+  timestampToDate,
+
+  // date-fns
+  addDays,
+  addMonths,
+  compareAsc,
+  endOfDay,
+  endOfMonth,
+  getDay,
+  getDaysInMonth,
+  getHours,
+  getMinutes,
+  getMonth,
+  getSeconds,
+  getYear,
+  parse,
+  set,
+  startOfDay,
+  startOfMonth,
+  subMonths,
+  toDate,
+  format,
+
+  // lodash
+  debounce,
+  isFunction,
+  noop,
+  range,
+  throttle
+}

data/src/js/{helpers → utils}/supportDom.js

@@ -1,4 +1,4 @@
-import isFunction from 'lodash.isfunction'
+import { isFunction } from './index'
 import createdComponents from '../consts/createdComponents'
 
 export default function supportDom(target) {

data/src/sass/_main.scss

@@ -122,6 +122,9 @@ $color-active: #5469d4;
   -webkit-overflow-scrolling: touch;
 }
 
+.align-left {
+  text-align: left;
+}
 .align-right {
   text-align: right;
 }
@@ -140,3 +143,8 @@ $color-active: #5469d4;
   clip-path: inset(50%);
   border: 0;
 }
+
+input[type=file], /* FF, IE7+, chrome (except button) */
+input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
+  cursor: pointer;
+}

data/src/sass/components/_form.scss

@@ -125,6 +125,9 @@ label {
 
 .form-control {
   @extend %form-control;
+  &::placeholder {
+    color: #a9aebf;
+  }
   padding: 5px 7px 6px;
   background-color: #fff;
   background-clip: padding-box;

data/src/sass/components/_input.scss

@@ -42,7 +42,7 @@
     border: 0;
     box-shadow: none;
     &::placeholder {
-      color: #697396;
+      color: #a9aebf;
     }
   }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.167
+  version: 0.0.172
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-15 00:00:00.000000000 Z
+date: 2020-06-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc
@@ -112,25 +112,12 @@ files:
 - src/js/components/Tabbox.js
 - src/js/components/TimeInput.js
 - src/js/components/TimeMenu.js
+- src/js/components/Timepicker.js
 - src/js/components/Toast.js
 - src/js/components/ToastItem.js
 - src/js/components/Tooltip.js
 - src/js/consts/createdComponents.js
 - src/js/consts/index.js
-- src/js/helpers/bind.js
-- src/js/helpers/dateEq.js
-- src/js/helpers/dateGt.js
-- src/js/helpers/dateLt.js
-- src/js/helpers/docReady.js
-- src/js/helpers/getFloatedTargetPos.js
-- src/js/helpers/getKey.js
-- src/js/helpers/isTouchDevice.js
-- src/js/helpers/msToS.js
-- src/js/helpers/promisify.js
-- src/js/helpers/range.js
-- src/js/helpers/supportDom.js
-- src/js/helpers/toPixel.js
-- src/js/helpers/unbindAll.js
 - src/js/index.js
 - src/js/jquery/bindAlertFn.js
 - src/js/jquery/bindAutocompleteFn.js
@@ -154,6 +141,21 @@ files:
 - src/js/polyfills/nodeContains.js
 - src/js/polyfills/nodeHasAttribute.js
 - src/js/polyfills/nodeRemove.js
+- src/js/utils/bind.js
+- src/js/utils/dateEq.js
+- src/js/utils/dateGt.js
+- src/js/utils/dateLt.js
+- src/js/utils/docReady.js
+- src/js/utils/getFloatedTargetPos.js
+- src/js/utils/getKey.js
+- src/js/utils/index.js
+- src/js/utils/isTouchDevice.js
+- src/js/utils/msToS.js
+- src/js/utils/promisify.js
+- src/js/utils/range.js
+- src/js/utils/supportDom.js
+- src/js/utils/toPixel.js
+- src/js/utils/unbindAll.js
 - src/sass/_beyond-sprockets.scss
 - src/sass/_beyond.scss
 - src/sass/_main.scss