beyond-rails 0.0.271 → 0.0.277

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 01dd97cd11c2e48ea6e8418c073f9ca5ca91e311873309f7651e4174c00e2c84
-  data.tar.gz: 6e6598b62c2149288f16856521ad20a397c8fdb127698c7e56d7dcbcc8baa498
+  metadata.gz: '086454b869902332316514def36675eca9a02b1419aa38c2ba5c7f73682e6d3d'
+  data.tar.gz: 5ee5a23161b56ca2a0e803fc3cd76629dc25a7dc5a66edb96d2040ad53924a52
 SHA512:
-  metadata.gz: 12da64daa3b927b0b6a4d3f7bfac9803211926a2f6973362271576e2ef8c4e6cd6818ec118ddd4e525a709e595e0c6eafe5847114c42449c06dd48a7fe78bb7a
-  data.tar.gz: 2e571a176fc54d6fd755d15d4a974b20cc808b2c7bc2673426f4ec74e3f0c0bb65fe5aeb7a14ab580c473fc09fecb3c794302750ccec5c905733ea4ef5a06876
+  metadata.gz: d7a89928221e3d295e0aa26a941f76eb4386f040cdd246a9c201591d023f0da5865dcb901d0ef494d51c5dd4396b955a0eb684eae543c96bdfe223a036ca3038
+  data.tar.gz: 832963f43c75f4273baf79b426601e65606026ec8a8cef035a5782ba9711732305f779bd78ed79e56b119a74f16c066ae921faff304234d5c890b2f7c6f31972

data/src/js/components/DateMenu.js

@@ -12,12 +12,13 @@ import {
   getDaysInMonth,
   getMonth,
   getYear,
-  throttle,
+  isFuture,
   range,
   set,
   startOfDay,
   startOfMonth,
   subMonths,
+  throttle,
   toPixel,
   format
 } from '../utils'
@@ -46,6 +47,7 @@ export default class DateMenu {
     this.endDate = endDate
     this.hoveredCellData = null
     this.options = options
+    this.noFuture = options.noFuture || false
     this.tz = options.tz || DEFAULT_TIMEZONE
     this.locale = options.locale || DEFAULT_LOCALE
     this.captionPattern = options.captionPattern || 'yyyy MMMM'
@@ -74,7 +76,7 @@ export default class DateMenu {
 
   getTableRows(date) {
 
-    const { startDate, endDate } = this
+    const { noFuture, startDate, endDate } = this
 
     const daysInMonth = getDaysInMonth(date)
     const firstDateOfMonth = startOfMonth(date)
@@ -118,6 +120,7 @@ export default class DateMenu {
         isStartDate: dateEq(initialStartDate, d),
         isEndDate: dateEq(initialEndDate, d),
         isSelected: (resCompareStart <= 0) && (resCompareEnd >= 0),
+        isDisabled: noFuture && isFuture(d),
         isToday: (today === formatDate(d)),
         day
       }
@@ -191,6 +194,9 @@ export default class DateMenu {
     if (row.type === CELL_TYPE_EMPTY) {
       return '<td></td>'
     }
+    if (row.isDisabled) {
+      return `<td class="cell js-disabled">${row.day}</td>`
+    }
     if (row.isStartDate || row.isEndDate) {
       return `<td class="cell selected-ex" data-date-table-cell>${row.day}</td>`
     }

data/src/js/components/Datepicker.js

@@ -63,7 +63,12 @@ export default class Datepicker {
     this.focused = true
     this.clearInputStatus()
     this.dateInput.setActive(true)
-    this.dateMenu.setDate({ date: this.menuDate })
+
+    this.dateMenu.setDate({
+      date: this.menuDate,
+      startDate: this.date
+    })
+
     this.dateMenu.show(this.dom)
     this.timeMenu && this.timeMenu.hide()
   }
@@ -88,7 +93,8 @@ export default class Datepicker {
       return
     }
 
-    const res = parse(value, dateInput.datePattern, date)
+    const res = parse(value, dateInput.datePattern, date || new Date())
+
     this.nextDate = null
     if (res.toString() === 'Invalid Date') {
       return dateInput.setDanger(true)
@@ -107,16 +113,17 @@ export default class Datepicker {
   handleDateInputBlur() {
     const { nextDate, date, dateInput } = this
 
-    if (date === null) {
+    if ((date === null) && (nextDate === null)) {
       dateInput.setDate(null)
       this.timeInput && this.timeInput.setDate(null)
       this._blurTimer = setTimeout(() => this.emitChange(), 50)
     }
     else if (nextDate) {
       this.date = nextDate
+      this.menuDate = nextDate
       dateInput.setDate(nextDate)
-      this.dateMenu.setDate({ startDate: nextDate })
       this.nextDate = null
+      this.emitChange()
     }
     else {
       dateInput.setDate(date)

data/src/js/components/PieChart.js

@@ -16,6 +16,7 @@ export default class PieChart {
     this.total = 0
 
     this.options = options
+    this.labelVisible = isDef(options.labelVisible) ? options.labelVisible : true
     this.height = options.height
     this.width = options.width
     this.padding = isDef(options.padding) ? options.padding : 30
@@ -236,8 +237,10 @@ export default class PieChart {
     this.total = data.reduce((t, row) => t + row.value, 0)
     this.data = this.setAngles(data)
     this.raf(() => {
-      const labels = this.data.map(row => row.label)
-      this.drawLabels(labels, this.styles)
+      if (this.labelVisible) {
+        const labels = this.data.map(row => row.label)
+        this.drawLabels(labels, this.styles)
+      }
       this.draw()
     })
   }

data/src/js/components/SearchDropdown.js

@@ -26,6 +26,7 @@ export default class SearchDropdown {
     this.offsetTop = options.offsetTop || 0
     this.offsetLeft = options.offsetLeft || 0
     this.noDataMsg = options.noDataMsg || '沒有資料'
+    this.getFloatedTargetPos = options.getFloatedTargetPos || getFloatedTargetPos
     this.isMenuVisible = false
     this.lastKeyword = null
     this.selectedIndex = 0
@@ -164,7 +165,7 @@ export default class SearchDropdown {
 
   adjustMenuPos() {
     const { menu, dom, offset, offsetLeft, offsetTop } = this
-    const { pos, place, align } = getFloatedTargetPos({
+    const { pos, place, align } = this.getFloatedTargetPos({
       src: dom,
       target: menu,
       place: this.place,
@@ -247,17 +248,10 @@ export default class SearchDropdown {
     return Array.from(this.menuContent.querySelectorAll('[data-item]'))
   }
 
-  findClickedItem(target, parent) {
-    const rows = this.getMenuItemEls()
-    let node = target
-    while (node.parentNode !== parent) {
-      if (node.dataset && ('item' in node.dataset)) {
-        const index = rows.findIndex(row => row === node)
-        return this.items[index]
-      }
-      node = node.parentNode
-    }
-    return null
+  findClickedItem(target) {
+    const index = this.getMenuItemEls()
+      .findIndex(item => (target === item) || (item.contains(target)))
+    return this.items[index]
   }
 
   isInputFocused() {

data/src/js/components/TagInput.js

@@ -248,7 +248,7 @@ export default class TagInput {
 
   destroy() {
     this.tags.forEach(tag => tag.remove())
-    this.inputDiv.remove()
+    this.inputDiv && this.inputDiv.remove()
     this.canvas = null
     this.input = null
     this.suggestInput = null

data/src/sass/components/_date-menu.scss

@@ -70,6 +70,10 @@
         border-style: solid;
         border-color: #e3e8ee;
       }
+      &.cell.js-disabled {
+        opacity: .4;
+        cursor: not-allowed;
+      }
       &.cell.today {
         background-color: #fffef4;
       }

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.271
+  version: 0.0.277
 platform: ruby
 authors:
 - kmsheng
 - Eddie Li
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-12-15 00:00:00.000000000 Z
+date: 2021-01-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc
@@ -93,7 +93,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 3.3.0
-description:
+description: 
 email: kmsh3ng@gmail.com
 executables: []
 extensions: []
@@ -273,7 +273,7 @@ homepage: https://superlanding.github.io/beyond/
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -288,8 +288,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.8
-signing_key:
+rubygems_version: 3.0.3
+signing_key: 
 specification_version: 4
 summary: beyond is a collection of frontend components which aims for admin website.
 test_files: []