beyond-rails 0.0.234 → 0.0.239
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/src/js/components/BarChart.js +3 -0
- data/src/js/components/LineChart.js +2 -0
- data/src/js/components/TagInput.js +15 -10
- data/src/js/decorators/chartCommon.js +7 -0
- data/src/js/jquery/bindBtnFn.js +26 -11
- data/src/js/utils/dom.js +11 -1
- data/src/sass/components/_modal.scss +14 -0
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5909cd5877a32b19eab6147bd2b240bd910832d9b7138073b0ecd439a0282be8
|
4
|
+
data.tar.gz: 857fa2f0909a69fec32b1bbe6a5a02348dc3bc00b191ef0bcf26c9038025594e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e1222887fa75efd27100d2f3e45462c7b7655d50dbef27bd6e4408c249580614c8eaddad80b40e4bc760b40522c84153b7bc527063031ecc1e4ff2fb4994c849
|
7
|
+
data.tar.gz: f7704ffaf4a75dd6bb4372f4969772f621e2d91ac8ce45074545af24f6388c823133cbced360ccad789cc0c0fa624e354d9d3bf80bf0a0e6364f7e3884b7ace6
|
@@ -342,8 +342,11 @@ export default class BarChart {
|
|
342
342
|
refresh() {
|
343
343
|
this.raf(() => {
|
344
344
|
this.clearBarPos()
|
345
|
+
this.clearCanvasSize(this.canvas)
|
346
|
+
this.layers.forEach(layer => this.clearCanvasSize(layer.canvas))
|
345
347
|
this.setDomSizeIfNeeded()
|
346
348
|
this.setCanvasSize(this.canvas)
|
349
|
+
this.layers.forEach(layer => this.setCanvasSize(layer.canvas))
|
347
350
|
this.setLabelWidths()
|
348
351
|
this.setLabelHeights()
|
349
352
|
this.setAxisData()
|
@@ -466,6 +466,8 @@ export default class LineChart {
|
|
466
466
|
refresh() {
|
467
467
|
this.raf(() => {
|
468
468
|
this.clearPointPos()
|
469
|
+
this.clearCanvasSize(this.canvas)
|
470
|
+
this.layers.forEach(layer => this.clearCanvasSize(layer.canvas))
|
469
471
|
this.setDomSizeIfNeeded()
|
470
472
|
this.setCanvasSize(this.canvas)
|
471
473
|
this.layers.forEach(layer => this.setCanvasSize(layer.canvas))
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import raf from '../utils/raf'
|
2
|
-
import supportDom from '../decorators/supportDom'
|
3
1
|
import getKey from '../utils/getKey'
|
4
2
|
import noop from '../utils/noop'
|
3
|
+
import raf from '../utils/raf'
|
4
|
+
import supportDom from '../decorators/supportDom'
|
5
5
|
|
6
6
|
@supportDom
|
7
7
|
export default class TagInput {
|
@@ -74,13 +74,7 @@ export default class TagInput {
|
|
74
74
|
}, 500)
|
75
75
|
}
|
76
76
|
|
77
|
-
|
78
|
-
const { input, suggestInput, inputDiv } = this
|
79
|
-
const inputValue = suggestInput.value || input.value
|
80
|
-
const res = await this.validate(inputValue)
|
81
|
-
if (! res.isTag) {
|
82
|
-
return this.shake()
|
83
|
-
}
|
77
|
+
addTag(inputValue, res) {
|
84
78
|
const classname = res.classname ? ` ${res.classname}` : ''
|
85
79
|
const tag = document.createElement('div')
|
86
80
|
|
@@ -102,7 +96,18 @@ export default class TagInput {
|
|
102
96
|
tag.appendChild(btn)
|
103
97
|
|
104
98
|
this.tags.push({ elem: tag, remove: handleBtnClick, res })
|
105
|
-
this.dom.insertBefore(tag, inputDiv)
|
99
|
+
this.dom.insertBefore(tag, this.inputDiv)
|
100
|
+
}
|
101
|
+
|
102
|
+
async addTagIfNeeded() {
|
103
|
+
const { input, suggestInput } = this
|
104
|
+
const inputValue = suggestInput.value || input.value
|
105
|
+
const res = await this.validate(inputValue)
|
106
|
+
if (! res.isTag) {
|
107
|
+
return this.shake()
|
108
|
+
}
|
109
|
+
this.addTag(inputValue, res)
|
110
|
+
|
106
111
|
input.value = ''
|
107
112
|
suggestInput.value = ''
|
108
113
|
|
@@ -203,6 +203,13 @@ export default function chartCommon(target) {
|
|
203
203
|
canvas.getContext('2d').scale(dpr, dpr)
|
204
204
|
}
|
205
205
|
|
206
|
+
clearCanvasSize(canvas) {
|
207
|
+
canvas.width = 0
|
208
|
+
canvas.height = 0
|
209
|
+
canvas.style.width = 0
|
210
|
+
canvas.style.height = 0
|
211
|
+
}
|
212
|
+
|
206
213
|
setDomSizeIfNeeded() {
|
207
214
|
if (isUndef(this.options.width)) {
|
208
215
|
this.width = this.dom.offsetWidth
|
data/src/js/jquery/bindBtnFn.js
CHANGED
@@ -1,17 +1,32 @@
|
|
1
1
|
export default function bindBtnFn(beyond, $) {
|
2
2
|
|
3
|
-
|
4
|
-
|
5
|
-
$.fn.btn = function() {
|
6
|
-
|
7
|
-
const btns = this.map((i, dom) => new Btn(dom))
|
8
|
-
|
9
|
-
this.showLoader = btns.each((i, a) => a.showLoader())
|
10
|
-
|
11
|
-
this.hideLoader = btns.each((i, a) => a.hideLoader())
|
12
|
-
|
13
|
-
this.destroy = () => btns.each((i, a) => a.destroy())
|
3
|
+
$.fn.btn = function(type) {
|
14
4
|
|
5
|
+
if (type === 'loading') {
|
6
|
+
initBtns(this)
|
7
|
+
this.each((i, dom) => dom._btn.showLoader())
|
8
|
+
}
|
9
|
+
else if (type === 'reset') {
|
10
|
+
initBtns(this)
|
11
|
+
this.each((i, dom) => dom._btn.hideLoader())
|
12
|
+
}
|
13
|
+
else if (type === 'destroy') {
|
14
|
+
this.each((i, dom) => {
|
15
|
+
if (dom._btn) {
|
16
|
+
dom._btn.destroy()
|
17
|
+
delete dom._btn
|
18
|
+
}
|
19
|
+
})
|
20
|
+
}
|
15
21
|
return this
|
16
22
|
}
|
17
23
|
}
|
24
|
+
|
25
|
+
function initBtns(self, options) {
|
26
|
+
const { Btn } = beyond
|
27
|
+
self.each((i, dom) => {
|
28
|
+
if (! dom._btn) {
|
29
|
+
dom._btn = new Btn(dom)
|
30
|
+
}
|
31
|
+
})
|
32
|
+
}
|
data/src/js/utils/dom.js
CHANGED
@@ -5,7 +5,17 @@ const unloadRows = []
|
|
5
5
|
const onPage = row => {
|
6
6
|
const { controller, action } = row
|
7
7
|
const { dataset } = document.body
|
8
|
-
|
8
|
+
|
9
|
+
let controllerMatched = (dataset.controller === controller)
|
10
|
+
let actionMatched = (dataset.action === action)
|
11
|
+
|
12
|
+
if (controller === '*') {
|
13
|
+
controllerMatched = true
|
14
|
+
}
|
15
|
+
if (action === '*') {
|
16
|
+
actionMatched = true
|
17
|
+
}
|
18
|
+
return controllerMatched && actionMatched
|
9
19
|
}
|
10
20
|
|
11
21
|
export const $ = (selector, dom = document) => dom.querySelector(selector)
|
@@ -20,8 +20,22 @@
|
|
20
20
|
background-color: #fff;
|
21
21
|
margin: 20px auto 0;
|
22
22
|
max-width: 600px;
|
23
|
+
&.modal-sm {
|
24
|
+
max-width: 400px;
|
25
|
+
}
|
26
|
+
&.modal-lg {
|
27
|
+
max-width: 900px;
|
28
|
+
}
|
29
|
+
&.modal-xl {
|
30
|
+
max-width: 1140px;
|
31
|
+
}
|
23
32
|
@media (max-width: $screen-sm) {
|
24
33
|
max-width: 90%;
|
34
|
+
&.modal-sm,
|
35
|
+
&.modal-lg,
|
36
|
+
&.modal-xl {
|
37
|
+
max-width: 90%;
|
38
|
+
}
|
25
39
|
}
|
26
40
|
}
|
27
41
|
&.js-active {
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: beyond-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.239
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- kmsheng
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2020-
|
12
|
+
date: 2020-11-06 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sassc
|