beyond-rails 0.0.223 → 0.0.228

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4553c64b69a89a73c3f089c2f60dab908af4fd66ec2cd79ff6398d6c76c3d398
-  data.tar.gz: 03b969d99a738d5deedfc826a977e976fd196694a2c00fb8a353e62e76302f11
+  metadata.gz: d82d76600a18e4dddf1f90ec992290bc8a69926b5c692078f61d80bb0e68848f
+  data.tar.gz: 6619b2c4e47a4f7c05527ef852326c83a2d6d8049d0fb1db55156d701986874e
 SHA512:
-  metadata.gz: aab4a9b482401a3b877263062c81836b03b77288cf36ba0564ebdd6ce8b4874104f40611d123bd59808b2dc46790a7e8a2deb45c250515e883e1ae6c93ef5fab
-  data.tar.gz: 809fd8dd0318c58be35890993b6f7bb6c9d9ea5523b14d66f15e36afc9e409f72d30b0938ce8c463f10b945ff4d5947e6fd992b76369a39631dc7a169ffb8484
+  metadata.gz: 1bcf523d47193022e785bf994ce5a186683211fa1afd5007cdf31699fb9d6d0ff53bdc81b1fde8edd0511c17b2bc51c657c28da4cf9d0b4576b1786f7fee5cd8
+  data.tar.gz: 54c2534a83ffb83f4281920d1fa2d7a688beda57168282ce253bc53afb48df596121dfb04b05cf611adc26e99c6e089b09d233d4ec3d9873260b38faca752160

data/src/js/components/Dropdown.js

@@ -51,15 +51,28 @@ export default class Dropdown {
     this.addEvents()
   }
 
-  hideMenu() {
+  restoreMenuAttrs() {
+    const { menu, place, align } = this
+    if (place) {
+      menu.dataset.place = place
+    }
+    if (align) {
+      menu.dataset.align = align
+    }
+  }
+
+  hideMenu(immediate = false) {
     const { menu } = this
     menu.style.transform = 'scale(.8)'
     menu.style.opacity = 0
-    setTimeout(() => menu.remove(), 300)
 
-    // recover
-    menu.dataset.place = this.place
-    menu.dataset.align = this.align
+    if (immediate) {
+      menu.remove()
+    }
+    else {
+      setTimeout(() => menu.remove(), 300)
+    }
+    this.restoreMenuAttrs()
     this.isMenuVisible = false
   }
 
@@ -145,4 +158,13 @@ export default class Dropdown {
       this.adjustMenuPos()
     }, 300))
   }
+
+  destroy() {
+    // prevent next re-bind error
+    const { menu } = this
+    if (menu) {
+      this.hideMenu(true)
+      document.body.appendChild(menu)
+    }
+  }
 }

data/src/js/components/LineChart.js

@@ -83,6 +83,10 @@ export default class LineChart {
     this.bindPointMouseOver()
   }
 
+  get noData() {
+    return (this.xLabelRows.length === 0) && (this.yLabelRows.length === 0)
+  }
+
   get contentWidth() {
     return this.width - (this.xPadding * 2) - this.yLabelMargin -
       this.yLabelWidth - (this.xLabelWidth / 2)
@@ -130,6 +134,10 @@ export default class LineChart {
     return this.xAxisStart + this.contentWidth
   }
 
+  get xAxisMiddle() {
+    return (this.xAxisEnd - this.xAxisStart) / 2
+  }
+
   get xRatio() {
     const lineWidth = this.xAxisEnd - this.xAxisStart
     const xDelta = this.lastX - this.firstX
@@ -145,6 +153,10 @@ export default class LineChart {
     return this.yAxisStart - this.contentHeight
   }
 
+  get yAxisMiddle() {
+    return (this.yAxisStart - this.yAxisEnd) / 2
+  }
+
   get yRatio() {
     const lineHeight = this.yAxisStart - this.yAxisEnd
     const yDelta = Math.abs(this.lastY - this.firstY)
@@ -200,8 +212,17 @@ export default class LineChart {
     ctx.lineWidth = 2
 
     this.pointsArr.forEach((points, i) => {
+      const style = lineStyles[i] ? lineStyles[i] : '#000'
+
+      // only one point in a line
+      if (points.length === 1) {
+        const pos = pointPosMap.get(points[0])
+        this.fillCircle(ctx, pos.x, pos.y, 2, style)
+        return
+      }
+
       ctx.beginPath()
-      ctx.strokeStyle = lineStyles[i] ? lineStyles[i] : '#000'
+      ctx.strokeStyle = style
       points.forEach(p => {
         const pos = pointPosMap.get(p)
         ctx.lineTo(pos.x, pos.y)
@@ -271,10 +292,13 @@ export default class LineChart {
 
     ctx.strokeStyle = '#3c4257'
 
-    xLabelRows.forEach((row, i) => {
+    let x = this.xAxisMiddle
 
-      const x = xAxisStart + ((row.value - firstX) / xRatio)
+    xLabelRows.forEach((row, i) => {
 
+      if (xRatio !== 0) {
+        x = xAxisStart + ((row.value - firstX) / xRatio)
+      }
       ctx.beginPath()
       ctx.moveTo(x, scaleStart)
       ctx.lineTo(x, scaleEnd)
@@ -293,8 +317,12 @@ export default class LineChart {
     ctx.fillStyle = '#3c4257'
     ctx.textAlign = 'right'
 
+    let y = this.yAxisMiddle
+
     yLabelRows.forEach(row => {
-      const y = yAxisStart - ((row.value - firstY) / yRatio)
+      if (yRatio !== 0) {
+        y = yAxisStart - ((row.value - firstY) / yRatio)
+      }
       ctx.fillText(row.label, x, y - halfYLabelHeight)
     })
   }
@@ -445,8 +473,13 @@ export default class LineChart {
       this.setLabelHeights()
       this.setAxisData()
       this.updateLabelSizeForAutoStep()
+
+      if (this.noData) {
+        return this.raf(() => this.clear())
+      }
+
       this.setPointPos()
-      this.draw()
+      this.raf(() => this.draw())
     })
   }
 
@@ -498,6 +531,10 @@ export default class LineChart {
     this.setLabelHeights()
     this.setAxisData()
     this.updateLabelSizeForAutoStep()
+
+    if (this.noData) {
+      return this.raf(() => this.clear())
+    }
     this.setPointPos()
     this.raf(() => this.draw())
   }
@@ -505,10 +542,20 @@ export default class LineChart {
   setPointPos() {
     const { firstX, firstY, pointPosMap, xAxisStart, xRatio, yAxisStart, yRatio } = this
 
+    // edge case: only one point
+    let x = this.xAxisMiddle
+    let y = this.yAxisMiddle
+
     this.pointsArr.forEach((points, i) => {
       points.forEach(point => {
-        const x = xAxisStart + ((point.x - firstX) / xRatio)
-        const y = yAxisStart - ((point.y - firstY) / yRatio)
+
+        if (xRatio !== 0) {
+          x = xAxisStart + ((point.x - firstX) / xRatio)
+        }
+        if (yRatio !== 0) {
+          y = yAxisStart - ((point.y - firstY) / yRatio)
+        }
+
         const pos = { x, y }
         pointPosMap.set(point, pos)
       })

data/src/sass/_main.scss

@@ -153,6 +153,15 @@ $color-active: #5469d4;
   border: 0;
 }
 
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border-top: 1px solid #e3e8ee;
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 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/_btn.scss

@@ -97,6 +97,11 @@
   @include ripple(48px, 0, 0);
 }
 
+.btn.btn-outline,
+a.btn.btn-outline {
+  color: $text-color;
+}
+
 .btn.btn-outline {
   background-color: #fff;
   font-size: 13px;
@@ -186,3 +191,18 @@ button.close {
     color: #fff;
   }
 }
+
+.btn-file {
+  position: relative;
+  input[type="file"] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+  }
+}

data/src/sass/components/_table.scss

@@ -4,6 +4,14 @@
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
+
+%disabled-td {
+  cursor: not-allowed;
+  background-color: #ddd;
+  color: #333;
+  box-shadow: inset 0 -1px #c7c7c7;
+}
+
 .table {
   width: 100%;
   margin-bottom: 1rem;
@@ -51,6 +59,11 @@
     padding: 7px;
     box-shadow: inset 0 -1px #e3e8ee;
   }
+  tr.disabled {
+    > td {
+      @extend %disabled-td;
+    }
+  }
   tr {
     transition: .3s all;
   }
@@ -61,5 +74,8 @@
     tr:nth-child(even) td {
       background-color: #f7fafc;
     }
+    tr.disabled:nth-child(even) td {
+      @extend %disabled-td;
+    }
   }
 }

data/src/sass/layout/_col.scss

@@ -49,13 +49,12 @@
 }
 
 @for $i from 1 through length($breakpoints) {
-  $breakpoint: nth($breakpoints, $i);
   $size: nth($screen-sizes, $i);
   .col-#{$size} {
     @extend %col-basic;
   }
   @for $j from 1 through $col-total {
-    .col-#{$i},
+    .col-#{$j},
     .col-#{$size}-#{$j} {
       @extend %col-basic;
     }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.223
+  version: 0.0.228
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-07 00:00:00.000000000 Z
+date: 2020-10-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc