@avakhula/ui 0.0.343 → 0.0.345
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/dist/index.js +186 -171
- package/dist/index.umd.cjs +30 -30
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/App.vue +6 -37
- package/src/components/Pagination/LimitSelector.vue +4 -0
- package/src/components/Pagination/Pagination.vue +4 -0
- package/src/components/TreeSelect/Select.vue +8 -2
- package/src/components/TreeSelect/scss/option.scss +4 -0
- package/src/components/TreeSelect/scss/select.scss +8 -0
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -6,37 +6,6 @@
|
|
|
6
6
|
</ib-select>
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
<ib-checkbox-group
|
|
10
|
-
label-text="label"
|
|
11
|
-
info-text="info"
|
|
12
|
-
required
|
|
13
|
-
>
|
|
14
|
-
<ib-radio
|
|
15
|
-
:value="'1'"
|
|
16
|
-
name="connection_id"
|
|
17
|
-
dusk="active-radio-button"
|
|
18
|
-
label="text 1"
|
|
19
|
-
id="1"
|
|
20
|
-
v-model="checked"
|
|
21
|
-
/>
|
|
22
|
-
<ib-radio
|
|
23
|
-
:value="'2'"
|
|
24
|
-
name="connection_id"
|
|
25
|
-
dusk="active-radio-button"
|
|
26
|
-
label="text 2"
|
|
27
|
-
id="2"
|
|
28
|
-
v-model="checked"
|
|
29
|
-
/>
|
|
30
|
-
<ib-radio
|
|
31
|
-
:value="'3'"
|
|
32
|
-
name="connection_id"
|
|
33
|
-
dusk="active-radio-button"
|
|
34
|
-
label="text 3"
|
|
35
|
-
id="3"
|
|
36
|
-
v-model="checked"
|
|
37
|
-
/>
|
|
38
|
-
</ib-checkbox-group>
|
|
39
|
-
|
|
40
9
|
</template>
|
|
41
10
|
|
|
42
11
|
<script>
|
|
@@ -51,9 +20,9 @@ const testData1 = [
|
|
|
51
20
|
is_category: true,
|
|
52
21
|
initiallyVisible: true,
|
|
53
22
|
visible: true,
|
|
54
|
-
isDisabled:
|
|
55
|
-
checked:
|
|
56
|
-
isChildrenVisible:
|
|
23
|
+
isDisabled: true,
|
|
24
|
+
checked: false,
|
|
25
|
+
isChildrenVisible: false,
|
|
57
26
|
},
|
|
58
27
|
{
|
|
59
28
|
id: "2",
|
|
@@ -61,7 +30,7 @@ const testData1 = [
|
|
|
61
30
|
is_category: true,
|
|
62
31
|
initiallyVisible: true,
|
|
63
32
|
visible: true,
|
|
64
|
-
isDisabled:
|
|
33
|
+
isDisabled: true,
|
|
65
34
|
checked: false,
|
|
66
35
|
isChildrenVisible: true,
|
|
67
36
|
},
|
|
@@ -91,7 +60,7 @@ const testData1 = [
|
|
|
91
60
|
is_category: true,
|
|
92
61
|
initiallyVisible: true,
|
|
93
62
|
visible: true,
|
|
94
|
-
isDisabled:
|
|
63
|
+
isDisabled: true,
|
|
95
64
|
checked: false,
|
|
96
65
|
isChildrenVisible: true,
|
|
97
66
|
},
|
|
@@ -154,7 +123,7 @@ const testData1 = [
|
|
|
154
123
|
is_category: true,
|
|
155
124
|
initiallyVisible: true,
|
|
156
125
|
visible: true,
|
|
157
|
-
isDisabled:
|
|
126
|
+
isDisabled: true,
|
|
158
127
|
checked: false,
|
|
159
128
|
isChildrenVisible: true,
|
|
160
129
|
},
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
<ib-select
|
|
5
5
|
classList="report-limit-selector-select"
|
|
6
6
|
:value="value"
|
|
7
|
+
:vertical="vertical"
|
|
7
8
|
:options="prepareOptions"
|
|
8
9
|
:is-multiple="false"
|
|
9
10
|
:show-clear-button="false"
|
|
@@ -25,6 +26,9 @@ export default {
|
|
|
25
26
|
value: {
|
|
26
27
|
type: Number,
|
|
27
28
|
},
|
|
29
|
+
vertical: {
|
|
30
|
+
type: String
|
|
31
|
+
},
|
|
28
32
|
options: {
|
|
29
33
|
type: Array,
|
|
30
34
|
default: () => [10, 25, 50, 100],
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
<ib-limit-selector
|
|
4
4
|
@select="changeLimit"
|
|
5
5
|
:value="limitValue"
|
|
6
|
+
:vertical="vertical"
|
|
6
7
|
:label-select="labelSelect"
|
|
7
8
|
></ib-limit-selector>
|
|
8
9
|
|
|
@@ -104,6 +105,9 @@ export default {
|
|
|
104
105
|
type: Boolean,
|
|
105
106
|
default: true,
|
|
106
107
|
},
|
|
108
|
+
vertical: {
|
|
109
|
+
type: String
|
|
110
|
+
}
|
|
107
111
|
},
|
|
108
112
|
data() {
|
|
109
113
|
return {
|
|
@@ -10,9 +10,12 @@
|
|
|
10
10
|
}"
|
|
11
11
|
>
|
|
12
12
|
<ib-dropdown
|
|
13
|
-
:disabled="isLoading"
|
|
13
|
+
:disabled="isLoading || disable"
|
|
14
14
|
:is-resizable="isResizable"
|
|
15
15
|
:vertical="verticalVal"
|
|
16
|
+
:class="{
|
|
17
|
+
disable: disable
|
|
18
|
+
}"
|
|
16
19
|
ref="dropdown"
|
|
17
20
|
@close="onClose"
|
|
18
21
|
@open="onOpen"
|
|
@@ -421,6 +424,10 @@ export default {
|
|
|
421
424
|
type: Boolean,
|
|
422
425
|
default: false,
|
|
423
426
|
},
|
|
427
|
+
disable: {
|
|
428
|
+
type: Boolean,
|
|
429
|
+
default: false
|
|
430
|
+
}
|
|
424
431
|
},
|
|
425
432
|
emits: [
|
|
426
433
|
"close",
|
|
@@ -737,7 +744,6 @@ export default {
|
|
|
737
744
|
typeof option.visible === "undefined" ? true : option.visible;
|
|
738
745
|
option.visible = option.initiallyVisible;
|
|
739
746
|
option.readonly = option.readonly ? true : false;
|
|
740
|
-
option.isDisabled = false;
|
|
741
747
|
|
|
742
748
|
option.checked = this.isMultiple
|
|
743
749
|
? this.val !== null &&
|
|
@@ -20,6 +20,14 @@ $choice-opened-icon-color: $blue-900;
|
|
|
20
20
|
$choice-border-error-color: $red-800;
|
|
21
21
|
$tree-search-border-color: $gray-600;
|
|
22
22
|
|
|
23
|
+
.disable {
|
|
24
|
+
.tree-choice {
|
|
25
|
+
background-color: $gray-100 !important;
|
|
26
|
+
color: $neutral-500 !important;
|
|
27
|
+
border-bottom: 1px solid $neutral-500 !important;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
23
31
|
.tree-select-error {
|
|
24
32
|
margin-bottom: 5px;
|
|
25
33
|
}
|