quasar-ui-danx 0.3.12 → 0.3.13
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/danx.es.js +5976 -5904
- package/dist/danx.es.js.map +1 -1
- package/dist/danx.umd.js +5 -5
- package/dist/danx.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/ActionTable/ActionTable.vue +24 -4
- package/src/components/ActionTable/Filters/CollapsableFiltersSidebar.vue +10 -2
- package/src/components/ActionTable/Form/Fields/DateRangeField.vue +3 -5
- package/src/components/ActionTable/Layouts/ActionTableLayout.vue +1 -1
- package/src/components/ActionTable/TableSummaryRow.vue +4 -4
- package/src/components/ActionTable/listControls.ts +378 -383
- package/src/components/Utility/Layouts/CollapsableSidebar.vue +1 -1
- package/src/styles/quasar-reset.scss +63 -19
- package/src/styles/themes/danx/action-table.scss +19 -0
- package/src/styles/themes/danx/index.scss +1 -0
@@ -81,7 +81,7 @@ const isCollapsed = ref(getItem(props.name + "-is-collapsed", props.collapse));
|
|
81
81
|
|
82
82
|
function setCollapse(state) {
|
83
83
|
isCollapsed.value = state;
|
84
|
-
setItem(props.name + "-is-collapsed", isCollapsed.value
|
84
|
+
setItem(props.name + "-is-collapsed", !!isCollapsed.value);
|
85
85
|
}
|
86
86
|
|
87
87
|
function toggleCollapse() {
|
@@ -1,32 +1,76 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
#primary-layout {
|
2
|
+
.q-tab {
|
3
|
+
text-transform: capitalize
|
4
|
+
}
|
5
|
+
|
6
|
+
.q-table__card {
|
7
|
+
background: inherit;
|
8
|
+
color: inherit;
|
9
|
+
}
|
4
10
|
|
5
|
-
.q-
|
6
|
-
|
11
|
+
.q-checkbox__inner {
|
12
|
+
color: inherit;
|
13
|
+
}
|
7
14
|
|
8
|
-
.q-
|
15
|
+
.q-tab-panels {
|
9
16
|
overflow: visible;
|
10
17
|
|
11
|
-
|
12
|
-
overflow:
|
18
|
+
.q-panel {
|
19
|
+
overflow: visible;
|
20
|
+
|
21
|
+
&.scroll {
|
22
|
+
overflow: auto;
|
23
|
+
}
|
24
|
+
|
25
|
+
.q-tab-panel {
|
26
|
+
padding: 0;
|
27
|
+
}
|
13
28
|
}
|
14
29
|
|
15
|
-
|
16
|
-
|
30
|
+
&.overflow-y-auto {
|
31
|
+
overflow-y: auto;
|
17
32
|
}
|
18
33
|
}
|
19
34
|
|
20
|
-
|
21
|
-
|
35
|
+
.q-toolbar {
|
36
|
+
min-height: 0;
|
37
|
+
padding: 0;
|
22
38
|
}
|
23
|
-
}
|
24
39
|
|
25
|
-
.q-
|
26
|
-
|
27
|
-
|
28
|
-
|
40
|
+
.q-notification__actions {
|
41
|
+
color: inherit;
|
42
|
+
}
|
43
|
+
|
44
|
+
.q-date {
|
45
|
+
min-width: 100px;
|
29
46
|
|
30
|
-
.q-
|
31
|
-
|
47
|
+
.q-date__view {
|
48
|
+
min-height: 0;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
.q-field {
|
53
|
+
&.q-field--auto-height {
|
54
|
+
.q-field__control {
|
55
|
+
min-height: 0;
|
56
|
+
|
57
|
+
.q-field__native {
|
58
|
+
min-height: 0;
|
59
|
+
color: inherit;
|
60
|
+
}
|
61
|
+
}
|
62
|
+
|
63
|
+
.q-field__control-container {
|
64
|
+
padding-top: 1.1rem;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
.q-field__label {
|
69
|
+
color: inherit;
|
70
|
+
}
|
71
|
+
|
72
|
+
.q-field__marginal {
|
73
|
+
color: inherit;
|
74
|
+
}
|
75
|
+
}
|
32
76
|
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
.dx-table-summary-tr {
|
2
|
+
@apply bg-gray-100;
|
3
|
+
|
4
|
+
&.has-selection {
|
5
|
+
@apply bg-blue-600 text-white;
|
6
|
+
}
|
7
|
+
|
8
|
+
&.is-loading {
|
9
|
+
@apply opacity-50;
|
10
|
+
}
|
11
|
+
|
12
|
+
.dx-table-summary-td {
|
13
|
+
@apply font-bold bg-gray-100 pl-5;
|
14
|
+
|
15
|
+
&.has-selection {
|
16
|
+
@apply bg-blue-600 text-white pl-4;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
@import "action-table";
|