renusify 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/avatar/index.vue +10 -10
- package/components/button/style.scss +2 -1
- package/components/calendar/index.vue +3 -1
- package/components/chip/index.vue +1 -1
- package/components/chip/style.scss +1 -1
- package/components/content/index.vue +43 -3
- package/components/form/fileUploader/single.vue +1 -1
- package/components/form/input.vue +62 -19
- package/components/form/select.vue +1 -0
- package/components/form/timepicker/index.vue +6 -0
- package/components/form/timepicker/range.vue +166 -0
- package/components/form/timepicker/timepicker.vue +633 -624
- package/components/index.js +1 -0
- package/components/progress/liner.vue +17 -15
- package/components/progress/style.scss +0 -1
- package/index.js +1 -0
- package/package.json +1 -1
- package/style/app.scss +1 -1
- package/tools/helper.js +20 -0
- package/components/content/style.scss +0 -40
package/components/index.js
CHANGED
|
@@ -78,6 +78,7 @@ const list = {
|
|
|
78
78
|
},
|
|
79
79
|
'r-text-editor-preview': {'p': 'form/text-editor/preview.vue', 'c': [], 'd': []},
|
|
80
80
|
'r-time-picker': {'p': 'form/timepicker/index.vue', 'c': ['r-input', 'r-modal', 'r-card', 'r-btn'], 'd': []},
|
|
81
|
+
'r-time-picker-range': {'p': 'form/timepicker/range.vue', 'c': ['r-input', 'r-modal', 'r-card', 'r-btn'], 'd': []},
|
|
81
82
|
'r-unique-feild': {'p': 'form/uniqueFeild/index.vue', 'c': ['r-text-input'], 'd': []},
|
|
82
83
|
'r-address': {'p': 'form/address.vue', 'c': ['r-select', 'r-text-area', 'r-text-input'], 'd': []},
|
|
83
84
|
'r-cam-input': {'p': 'form/camInput', 'c': ['r-input', 'r-btn', 'r-icon'], 'd': []},
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
}">
|
|
8
8
|
<span class="label" v-if="showPercent">{{ modelValue }} %</span>
|
|
9
9
|
<div class="progress-container" :class="{'progress-background':showBackground}">
|
|
10
|
-
<div :class="classes" :style="styles"></div>
|
|
10
|
+
<div :class="classes" :style="[styles,progressStyle]"></div>
|
|
11
11
|
</div>
|
|
12
12
|
</div>
|
|
13
13
|
</template>
|
|
@@ -18,18 +18,19 @@
|
|
|
18
18
|
export default {
|
|
19
19
|
name: 'liner',
|
|
20
20
|
props: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
21
|
+
modelValue: [Number, String],
|
|
22
|
+
color: String,
|
|
23
|
+
progressStyle: [String, Object, Array],
|
|
24
|
+
showPercent: Boolean,
|
|
25
|
+
outlined: Boolean,
|
|
26
|
+
rounded: Boolean,
|
|
27
|
+
showBackground: Boolean,
|
|
28
|
+
size: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: 'small',
|
|
31
|
+
validator: function (value) {
|
|
32
|
+
return ['small', 'medium', 'large', 'x-large'].indexOf(value) !== -1
|
|
33
|
+
}
|
|
33
34
|
}
|
|
34
35
|
},
|
|
35
36
|
computed: {
|
|
@@ -52,9 +53,10 @@
|
|
|
52
53
|
styles() {
|
|
53
54
|
let c = ''
|
|
54
55
|
if (!this.isIndeterminate) {
|
|
55
|
-
|
|
56
|
+
c += 'width:' + this.modelValue + '%;'
|
|
56
57
|
}
|
|
57
|
-
|
|
58
|
+
|
|
59
|
+
return c
|
|
58
60
|
}
|
|
59
61
|
}
|
|
60
62
|
}
|
package/index.js
CHANGED
package/package.json
CHANGED
package/style/app.scss
CHANGED
package/tools/helper.js
CHANGED
|
@@ -400,4 +400,24 @@ export function getCookie(cname) {
|
|
|
400
400
|
}
|
|
401
401
|
}
|
|
402
402
|
return "";
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
export function changeColor(vars) {
|
|
406
|
+
let head = document.head || document.getElementsByTagName('head')[0]
|
|
407
|
+
let children = head.querySelectorAll("[c='color']");
|
|
408
|
+
if (children) {
|
|
409
|
+
let childArray = Array.prototype.slice.call(children);
|
|
410
|
+
childArray.forEach(function (child) {
|
|
411
|
+
child.parentNode.removeChild(child);
|
|
412
|
+
});
|
|
413
|
+
}
|
|
414
|
+
let style = document.createElement('style');
|
|
415
|
+
style.setAttribute("c", "color");
|
|
416
|
+
head.appendChild(style);
|
|
417
|
+
let css = ':root{';
|
|
418
|
+
for (let k in vars) {
|
|
419
|
+
css += k + ':' + vars[k] + ';'
|
|
420
|
+
}
|
|
421
|
+
css += '}'
|
|
422
|
+
style.appendChild(document.createTextNode(css));
|
|
403
423
|
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
@import '../../style/_include';
|
|
2
|
-
|
|
3
|
-
.#{$prefix}content {
|
|
4
|
-
width: 100%;
|
|
5
|
-
max-width: 100%;
|
|
6
|
-
transition: 0.2s map-get($transition, 'fast-out-slow-in');
|
|
7
|
-
position: relative;
|
|
8
|
-
@include firefox() {
|
|
9
|
-
@media print {
|
|
10
|
-
display: block
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&.flipped {
|
|
15
|
-
@include rtl() {
|
|
16
|
-
padding-right: $navbar-width;
|
|
17
|
-
}
|
|
18
|
-
@include ltr() {
|
|
19
|
-
padding-left: $navbar-width;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&.moved {
|
|
24
|
-
width: calc(100% + #{$navbar-width});
|
|
25
|
-
@include rtl() {
|
|
26
|
-
margin-right: $navbar-width;
|
|
27
|
-
}
|
|
28
|
-
@include ltr() {
|
|
29
|
-
margin-left: $navbar-width;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&.below-header {
|
|
34
|
-
margin-top: $toolbar-height;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|