beyond-rails 0.0.190 → 0.0.195

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: eb585e6acd253f996d3786631eb1eaab59b3698491dc522044978444dbc5c827
-  data.tar.gz: 0dc1fc50d3272ad83151e1c17be5cd2c9e70cb16c253e0af435415073518352a
+  metadata.gz: 789ec155be6f8c0964f3eeb815206dd41071ce22a9c51ee90b855b51ef53f1d7
+  data.tar.gz: f2529da5850fddc43bd4a4ceb8a3b27e6497e9e6e408cc881725edcd9613448a
 SHA512:
-  metadata.gz: 949e96aff6039997362e3168548efc3b2a0b6bbb7dc100a1e178af903e6a587beea39586dbe482bd7f9d12d525894520a2a9528ec03921321f05eedb0690f33a
-  data.tar.gz: 77e87962fe997ebddde872f27b17315f31ebd3b1d9feede4b72cb47ac3e9f5815d32a8366e3efb51da02227031ab14c061185a8b0bc15ff8bbc9da4472ebfb6b
+  metadata.gz: 9b7ac625f3d7e9a6ee4308c624f1540ca79cd0610db86dc37e7dd8ce4e574d57c3718d22ab97a3406679cff17dd3dac023c4ea9e843d51bac0a725debdae21a6
+  data.tar.gz: bda148369234a2e81bfc04e91be587ece36dd9f92308a677a36d420563207312dd53fa20d4b310dd7a8434a95da74a775e7fd4a095508f34dc62dc646537427f

data/src/js/components/DateMenu.js

@@ -60,7 +60,8 @@ export default class DateMenu {
   }
 
   useSingleMenu() {
-    return isTouchDevice() || this.options.useSingleMenu
+    const { useSingleMenu, isStatic } = this.options
+    return isTouchDevice() || isStatic || useSingleMenu
   }
 
   setHoveredCell(data) {
@@ -204,7 +205,8 @@ export default class DateMenu {
 
   addMenu() {
     const dom = document.createElement('div')
-    dom.className = 'date-menu'
+    const className = this.options.isStatic ? 'date-menu static' : 'date-menu'
+    dom.className = className
 
     if (this.useSingleMenu()) {
       dom.innerHTML = `
@@ -257,7 +259,15 @@ export default class DateMenu {
       this.btnPrev = dom.querySelector('[data-btn-prev]')
       this.btnNext = dom.querySelector('[data-btn-next]')
     }
-    document.body.appendChild(dom)
+
+    const container = this.options.dom
+
+    if (container) {
+      container.appendChild(dom)
+    }
+    else {
+      document.body.appendChild(dom)
+    }
     this.dom = dom
   }
 
@@ -350,8 +360,17 @@ export default class DateMenu {
   show(src) {
     const { dom } = this
     dom.style.opacity = 0
-    dom.style.display = 'block'
-    this.pos(src)
+
+    if (this.options.isStatic) {
+      dom.style.display = 'inline-block'
+    }
+    else {
+      dom.style.display = 'block'
+    }
+
+    if (src) {
+      this.pos(src)
+    }
     dom.style.opacity = 1
     this.isVisible = true
   }

data/src/js/components/LineChart.js

@@ -444,6 +444,7 @@ export default class LineChart {
       this.setLabelWidths()
       this.setLabelHeights()
       this.setAxisData()
+      this.updateLabelSizeForAutoStep()
       this.setPointPos()
       this.draw()
     })
@@ -496,6 +497,7 @@ export default class LineChart {
     this.setLabelWidths()
     this.setLabelHeights()
     this.setAxisData()
+    this.updateLabelSizeForAutoStep()
     this.setPointPos()
     this.raf(() => this.draw())
   }
@@ -513,6 +515,22 @@ export default class LineChart {
     })
   }
 
+  updateLabelSizeForAutoStep() {
+    const { measureWidth } = this
+    if (isUndef(this.xStep)) {
+      this.xLabelWidth = this.xLabelRows.reduce((width, row) => {
+        const measuredWidth = row.length
+        return (measuredWidth > width) ? measuredWidth : width
+      }, 0)
+    }
+    if (isUndef(this.yStep)) {
+      this.yLabelWidth = this.yLabelRows.reduce((width, row) => {
+        const measuredWidth = measureWidth.call(this, row.label)
+        return (measuredWidth > width) ? measuredWidth : width
+      }, 0)
+    }
+  }
+
   destroy() {
     const { dom, canvas } = this
     const { toXLabel, toYLabel } = this.options

data/src/js/decorators/chartCommon.js

@@ -155,6 +155,10 @@ export default function chartCommon(target) {
       return [stepStart, stepEnd]
     }
 
+    measureWidth(value) {
+      return this.ctx.measureText(value).width
+    }
+
     raf(fn) {
       if (isDef(window.requestAnimationFrame)) {
         return window.requestAnimationFrame(fn)

data/src/js/index.js

@@ -9,6 +9,7 @@ import Autocomplete from './components/Autocomplete'
 import BarChart from './components/BarChart'
 import Btn from './components/Btn'
 import Checkbox from './components/Checkbox'
+import DateMenu from './components/DateMenu'
 import DateTimeRanger from './components/DateTimeRanger'
 import Datepicker from './components/Datepicker'
 import Dropdown from './components/Dropdown'
@@ -33,6 +34,7 @@ export {
   BarChart,
   Btn,
   Checkbox,
+  DateMenu,
   DateTimeRanger,
   Datepicker,
   Dropdown,

data/src/sass/components/_breadcrumb.scss

@@ -4,17 +4,14 @@
   padding: .75rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
-  .breadcrumb-item + .breadcrumb-item::before {
+  li + li::before {
     display: inline-block;
     padding-right: .7rem;
     padding-left: .7rem;
-    color: #6c757d;
+    color: $text-color-strong;
     content: '/';
   }
-  .breadcrumb-item.active {
-    color: #6c757d;
-  }
-  .breadcrumb-item a {
-    color: #000;
+  li:last-child {
+    color: $text-color-strong;
   }
 }

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

@@ -6,6 +6,9 @@
     0 5px 15px 0 rgba(0, 0, 0, .08);
   background-color: #fff;
   white-space: nowrap;
+  &.static {
+    position: static;
+  }
   .date-menu-content {
     display: inline-block;
     position: relative;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.190
+  version: 0.0.195
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-09-08 00:00:00.000000000 Z
+date: 2020-09-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc