beyond-rails 0.0.191 → 0.0.196

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 829ab78c6cb10cfed4426872b53988d54d3cb86db2b815b3f7c0329a7ae77757
-  data.tar.gz: 07f25aaca258d9903469ffbe3f895f9c93e875ccb8cf56b04ad5ed3233c0285c
+  metadata.gz: af6f1f88484a8fb81cb7fbd3c767a9fa299aa7147328796ca7a6c03a1b91f2e6
+  data.tar.gz: 78d0af543fe477024b913db9a32fe8f5b43aea55d15cb61b9e50122c2c535fc2
 SHA512:
-  metadata.gz: 7dc6a4d2661e8d91cca160f808cfef41dcbb9e740e71df0ac6dfa89c3e66c9dab2b7f571a0fb71377f2a8cbdee8bcadd74942db00d5462da85961b75e1c83cc2
-  data.tar.gz: 464c33700e7218031c6b16e2ece1c07d212208ce47bb6378905726a35866da8784d938394d28e1e1bb8c34fe522cbe6daaa1aba42bef4dba1da2fa74064bd7cb
+  metadata.gz: 66327bc01ecd8e2feaccbd2ce3bb83b90333c922e668e4f2edbae8dea61e61f98d2dfccbd8dff7d46d6c80a02b0b9a6ec59369a806805d161c6bb698089912c5
+  data.tar.gz: e384f507cd9ab6616bf820a95a6fcf141b016f85d8d72c0b2565cbf455f1ce8bde039bf95362bddff55abb5ca00ffc60bc3cbbdd7f54968f0d36002f33931f3f

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.191
+  version: 0.0.196
 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