@avakhula/ui 0.1.0 → 0.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/dist/index.js +93 -90
- package/dist/index.umd.cjs +29 -29
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/App.vue +9 -24
- package/src/components/Sorting/Sorting.vue +1 -1
- package/src/components/TreeSelect/Select.vue +4 -2
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -1,34 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div style="width: 200px;height: 200px;display: flex;align-items: center;justify-content: center;">
|
|
3
|
-
<ib-dropdown-list
|
|
4
|
-
>
|
|
5
|
-
<template #trigger>
|
|
6
|
-
<ib-icon-button
|
|
7
|
-
kind="ghost"
|
|
8
|
-
v-tooltip="'test'"
|
|
9
|
-
>
|
|
10
|
-
X
|
|
11
|
-
</ib-icon-button>
|
|
12
|
-
</template>
|
|
13
|
-
|
|
14
|
-
<template #body>
|
|
15
|
-
test
|
|
16
|
-
</template>
|
|
17
|
-
</ib-dropdown-list>
|
|
18
|
-
</div>
|
|
19
2
|
|
|
3
|
+
<ib-input
|
|
4
|
+
type="email"
|
|
5
|
+
name="email"
|
|
6
|
+
@input="val => console.log(val)"
|
|
7
|
+
@blur="val => console.log(val)"
|
|
8
|
+
/>
|
|
20
9
|
</template>
|
|
21
10
|
|
|
22
11
|
<script>
|
|
23
|
-
import
|
|
24
|
-
import IbDropdownList from "./components/Dropdown/DropdownList.vue"
|
|
25
|
-
import { TooltipDirective as Tooltip } from "./directives/tooltip/tooltip"
|
|
12
|
+
import IbInput from "./components/Form/Input/Input.vue"
|
|
26
13
|
|
|
27
14
|
export default {
|
|
28
15
|
components: {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
},
|
|
32
|
-
directives: { Tooltip },
|
|
16
|
+
IbInput
|
|
17
|
+
}
|
|
33
18
|
}
|
|
34
19
|
</script>
|
|
@@ -409,12 +409,15 @@ export default {
|
|
|
409
409
|
"search",
|
|
410
410
|
"resize",
|
|
411
411
|
"submit",
|
|
412
|
+
"clearValue",
|
|
412
413
|
"update:modelValue",
|
|
413
414
|
],
|
|
414
415
|
watch: {
|
|
415
416
|
value(value) {
|
|
416
417
|
this.val = value;
|
|
417
|
-
this.
|
|
418
|
+
if (!Array.isArray(value) || value.join(',') !== Object.keys(this.selected).join(',')) {
|
|
419
|
+
this.setPreparedValues(this.actualOptions, false);
|
|
420
|
+
}
|
|
418
421
|
},
|
|
419
422
|
modelValue(value) {
|
|
420
423
|
this.val = value;
|
|
@@ -657,7 +660,6 @@ export default {
|
|
|
657
660
|
this.setPreparedValues();
|
|
658
661
|
this.allOptionsIsChecked = false;
|
|
659
662
|
this.selected = [];
|
|
660
|
-
const values = Object.keys(this.selected);
|
|
661
663
|
|
|
662
664
|
if (this.isMultiple) {
|
|
663
665
|
this.$emit("update:modelValue", null);
|