beyond-rails 0.0.194 → 0.0.199

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1887cf7a29a1219ee0a2c8539bc2217e01463de1b0a0347455f3dfa7350fd71d
-  data.tar.gz: 4907c8b698d88f672d4010643fbed444a1747beefcc9120f4feea78d1a53bdfe
+  metadata.gz: cbb0db0d80e57e8bb4a91b58d77eeb12a06b694f5856f63da43da7cdd732f295
+  data.tar.gz: 5aafc18db515eebfc63d8e79e13b8c0b5439bedb911f4468ef56cc8a511427a3
 SHA512:
-  metadata.gz: 1f6aac570b43111c125dcd9918804adb181d1d0bc1a2a8ec21740ecf337b6b9bacb3d67145b8ac5beac0481cde2b46bee905d1f6a25449df43baf339e0d44644
-  data.tar.gz: 1979260d816dd8508c07cfdc81605bf301a0c8f0f73e3e8ad0b6d22425e0c86d1f24042910791a69e8e86b21427f6c22c4180030b32922e1b9ed9d6d3b61f95d
+  metadata.gz: 28fde13d8065e18ac84947ab68e6a34c8d41a6d9aa745d378a757033d335369e2ee5fae0e940db4d359c441f220c199b5b1cded5f7fa65b0da6286476fdfc63a
+  data.tar.gz: 648d773be42c9f6243390d80aa53d26bbd46c297e7cb035c32ae98e76d4df514ce1c75fcd53a15ca898203cb2624187b5f9e3d4c1dad091c928552100bb7bdbc

data/src/js/components/BarChart.js

@@ -20,7 +20,7 @@ export default class BarChart {
     this.options = options
     this.bars = []
 
-    this.height = options.height || 186
+    this.height = options.height
     this.width = options.width
 
     this.toYLabel = isDef(options.toYLabel) ? mem(options.toYLabel) : (v => v)
@@ -46,7 +46,7 @@ export default class BarChart {
 
   init() {
     this.setDpr()
-    this.setDomWidthIfNeeded()
+    this.setDomSizeIfNeeded()
     this.setCanvas()
     this.clear()
     this.bindMedia()
@@ -342,7 +342,7 @@ export default class BarChart {
   refresh() {
     this.raf(() => {
       this.clearBarPos()
-      this.setDomWidthIfNeeded()
+      this.setDomSizeIfNeeded()
       this.setCanvasSize(this.canvas)
       this.setLabelWidths()
       this.setLabelHeights()

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

@@ -41,7 +41,7 @@ export default class LineChart {
     this.dom = dom
     this.options = options
     this.pointsArr = []
-    this.height = options.height || 150
+    this.height = options.height
     this.width = options.width
 
     this.toXLabel = isDef(options.toXLabel) ? mem(options.toXLabel) : (v => v)
@@ -76,7 +76,7 @@ export default class LineChart {
 
   init() {
     this.setDpr()
-    this.setDomWidthIfNeeded()
+    this.setDomSizeIfNeeded()
     this.setCanvas()
     this.clear()
     this.bindMedia()
@@ -438,7 +438,7 @@ export default class LineChart {
   refresh() {
     this.raf(() => {
       this.clearPointPos()
-      this.setDomWidthIfNeeded()
+      this.setDomSizeIfNeeded()
       this.setCanvasSize(this.canvas)
       this.layers.forEach(layer => this.setCanvasSize(layer.canvas))
       this.setLabelWidths()

data/src/js/decorators/chartCommon.js

@@ -205,10 +205,13 @@ export default function chartCommon(target) {
       canvas.getContext('2d').scale(dpr, dpr)
     }
 
-    setDomWidthIfNeeded() {
+    setDomSizeIfNeeded() {
       if (isUndef(this.options.width)) {
         this.width = this.dom.offsetWidth
       }
+      if (isUndef(this.options.height)) {
+        this.height = this.dom.offsetHeight
+      }
     }
 
     setDpr() {

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/_main.scss

@@ -122,13 +122,13 @@ $color-active: #5469d4;
 }
 
 .align-left {
-  text-align: left;
+  text-align: left !important;
 }
 .align-right {
-  text-align: right;
+  text-align: right !important;
 }
 .align-center {
-  text-align: center;
+  text-align: center !important;
 }
 
 .sr-only {

data/src/sass/components/_btn.scss

@@ -2,6 +2,7 @@
   outline: 0;
   background-color: #fff;
   display: inline-flex;
+  justify-content: center;
   align-items: center;
   border: 0;
   padding: 6px 12px 7px;

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.194
+  version: 0.0.199
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-09-14 00:00:00.000000000 Z
+date: 2020-09-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc