beyond-rails 0.0.235 → 0.0.240

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e972bbd922678dfc2e96398e28bf7c0ca244e43888bc725b3ded68ca31eba1bc
-  data.tar.gz: 385681f6de17231ca6761d7a1432f005fd8b0a44fa1384e45e67864455004ac1
+  metadata.gz: 27fa06609359c2b1ee1113771ce48fa3c2693f925e1b3f909e85d18c08766f08
+  data.tar.gz: 9ac7de120419f1aa97f874876694fe9ace1ec2239657199afff0d32980c835d3
 SHA512:
-  metadata.gz: e8b93b49eb4839c608d2d36b2b77b1b8e178b46a8af15d250a6d9aa6cae50dc35e900e42a7fb010bb4ed118d9a84b6f2b5604caceb3495ada627766b568bdc5f
-  data.tar.gz: e3771b1aff459ea89efe73b6dd7b62a4b6d3e8e7630f406b683f7b0d4e7e4c927bdcf18d19682d806875add00a0b9bfe0443dbace28874eff8f9459e330002d7
+  metadata.gz: 1a54840c057c320dce8f19ebefb6388877e20bcebdf728a50cc5b8193822cb2a948e55423ed3802d20f1fa6628486947c79c847ea63a5637462b04a1400633ef
+  data.tar.gz: 399fd279bfc53c652babd56f10e481ce33bc994df4391588f26729825b971923ce51186ffe64e48238b3135e834b58131e0fd742ab1bad49107a0397f470339a

data/src/js/components/BarChart.js

@@ -342,8 +342,11 @@ export default class BarChart {
   refresh() {
     this.raf(() => {
       this.clearBarPos()
+      this.clearCanvasSize(this.canvas)
+      this.layers.forEach(layer => this.clearCanvasSize(layer.canvas))
       this.setDomSizeIfNeeded()
       this.setCanvasSize(this.canvas)
+      this.layers.forEach(layer => this.setCanvasSize(layer.canvas))
       this.setLabelWidths()
       this.setLabelHeights()
       this.setAxisData()

data/src/js/components/LineChart.js

@@ -466,6 +466,8 @@ export default class LineChart {
   refresh() {
     this.raf(() => {
       this.clearPointPos()
+      this.clearCanvasSize(this.canvas)
+      this.layers.forEach(layer => this.clearCanvasSize(layer.canvas))
       this.setDomSizeIfNeeded()
       this.setCanvasSize(this.canvas)
       this.layers.forEach(layer => this.setCanvasSize(layer.canvas))

data/src/js/decorators/chartCommon.js

@@ -203,6 +203,13 @@ export default function chartCommon(target) {
       canvas.getContext('2d').scale(dpr, dpr)
     }
 
+    clearCanvasSize(canvas) {
+      canvas.width = 0
+      canvas.height = 0
+      canvas.style.width = 0
+      canvas.style.height = 0
+    }
+
     setDomSizeIfNeeded() {
       if (isUndef(this.options.width)) {
         this.width = this.dom.offsetWidth

data/src/js/jquery/bindBtnFn.js

@@ -1,17 +1,32 @@
 export default function bindBtnFn(beyond, $) {
 
-  const { Btn } = beyond
-
-  $.fn.btn = function() {
-
-    const btns = this.map((i, dom) => new Btn(dom))
-
-    this.showLoader = btns.each((i, a) => a.showLoader())
-
-    this.hideLoader = btns.each((i, a) => a.hideLoader())
-
-    this.destroy = () => btns.each((i, a) => a.destroy())
+  $.fn.btn = function(type) {
 
+    if (type === 'loading') {
+      initBtns(this)
+      this.each((i, dom) => dom._btn.showLoader())
+    }
+    else if (type === 'reset') {
+      initBtns(this)
+      this.each((i, dom) => dom._btn.hideLoader())
+    }
+    else if (type === 'destroy') {
+      this.each((i, dom) => {
+        if (dom._btn) {
+          dom._btn.destroy()
+          delete dom._btn
+        }
+      })
+    }
     return this
   }
 }
+
+function initBtns(self, options) {
+  const { Btn } = beyond
+  self.each((i, dom) => {
+    if (! dom._btn) {
+      dom._btn = new Btn(dom)
+    }
+  })
+}

data/src/js/utils/dom.js

@@ -5,7 +5,17 @@ const unloadRows = []
 const onPage = row => {
   const { controller, action } = row
   const { dataset } = document.body
-  return (dataset.controller === controller) && (dataset.action === action)
+
+  let controllerMatched = (dataset.controller === controller)
+  let actionMatched = (dataset.action === action)
+
+  if (controller === '*') {
+    controllerMatched = true
+  }
+  if (action === '*') {
+    actionMatched = true
+  }
+  return controllerMatched && actionMatched
 }
 
 export const $ = (selector, dom = document) => dom.querySelector(selector)

data/src/sass/components/_btn.scss

@@ -123,6 +123,10 @@ a.btn.btn-outline {
   }
 }
 
+.btn-outline .ring-loader div {
+  border-color: $text-color-light transparent transparent transparent;
+}
+
 .btn .badge {
   margin-left: .5rem;
   font-weight: 400;

data/src/sass/components/_modal.scss

@@ -20,8 +20,22 @@
     background-color: #fff;
     margin: 20px auto 0;
     max-width: 600px;
+    &.modal-sm {
+      max-width: 400px;
+    }
+    &.modal-lg {
+      max-width: 900px;
+    }
+    &.modal-xl {
+      max-width: 1140px;
+    }
     @media (max-width: $screen-sm) {
       max-width: 90%;
+      &.modal-sm,
+      &.modal-lg,
+      &.modal-xl {
+        max-width: 90%;
+      }
     }
   }
   &.js-active {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.235
+  version: 0.0.240
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-11-02 00:00:00.000000000 Z
+date: 2020-11-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc