@avakhula/ui 0.0.337 → 0.0.339
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 +5833 -5170
- package/dist/index.umd.cjs +71 -70
- package/dist/style.css +1 -1
- package/package.json +2 -1
- package/src/assets/scss/mixins/dropdown-list-item.scss +8 -1
- package/src/components/Button/button.scss +1 -0
- package/src/components/Dropdown/DropdownItem.vue +9 -3
- package/src/components/Form/Checkbox/Checkbox.vue +3 -5
- package/src/components/Form/DatePicker/DatePicker.scss +259 -261
- package/src/components/Form/DatePicker/DatePicker.vue +1 -1
- package/src/components/Form/Label/Label.vue +7 -4
- package/src/components/Form/Radio/Radio.vue +1 -0
- package/src/components/Form/Radio/radio.scss +2 -3
- package/src/components/IconButton/IconButton.vue +1 -9
- package/src/components/Pagination/Pagination.vue +3 -0
- package/src/components/Popover/Popover.vue +31 -15
- package/src/components/Popover/popover.scss +27 -7
- package/src/directives/tooltip/TooltipController.js +2 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@avakhula/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.339",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.umd.cjs",
|
|
6
6
|
"source": "src/index.js",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"build-storybook": "storybook build"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
+
"@floating-ui/dom": "^1.5.4",
|
|
24
25
|
"@vueup/vue-quill": "^1.2.0",
|
|
25
26
|
"mitt": "^3.0.0",
|
|
26
27
|
"vue": "^3.2.45"
|
|
@@ -20,7 +20,14 @@
|
|
|
20
20
|
cursor: pointer;
|
|
21
21
|
transition: background-color 0.3s, border-color 0.3s;
|
|
22
22
|
@include lineClamp(1);
|
|
23
|
-
|
|
23
|
+
display: flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
|
|
26
|
+
ion-icon {
|
|
27
|
+
font-size: 16px;
|
|
28
|
+
margin-right: 15px;
|
|
29
|
+
}
|
|
30
|
+
|
|
24
31
|
p {
|
|
25
32
|
@include lineClamp(1);
|
|
26
33
|
}
|
|
@@ -6,7 +6,12 @@
|
|
|
6
6
|
v-bind="attrs"
|
|
7
7
|
tabindex="0"
|
|
8
8
|
>
|
|
9
|
-
<
|
|
9
|
+
<p>
|
|
10
|
+
<div class="dropdown-item-icon">
|
|
11
|
+
<slot name="icon"></slot>
|
|
12
|
+
</div>
|
|
13
|
+
<slot ref="slot"></slot>
|
|
14
|
+
</p>
|
|
10
15
|
</component>
|
|
11
16
|
</li>
|
|
12
17
|
</template>
|
|
@@ -38,7 +43,7 @@ export default {
|
|
|
38
43
|
};
|
|
39
44
|
</script>
|
|
40
45
|
|
|
41
|
-
<style lang="scss">
|
|
46
|
+
<style lang="scss" scoped>
|
|
42
47
|
@import "../../assets/scss/mixins/dropdown-list-item.scss";
|
|
43
48
|
@include DropdownListItem;
|
|
44
49
|
|
|
@@ -50,8 +55,9 @@ export default {
|
|
|
50
55
|
display: flex;
|
|
51
56
|
align-items: center;
|
|
52
57
|
|
|
53
|
-
.
|
|
58
|
+
.dropdown-item-icon {
|
|
54
59
|
font-size: 16px;
|
|
60
|
+
height: 16px;
|
|
55
61
|
color: inherit;
|
|
56
62
|
margin-right: 15px;
|
|
57
63
|
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
v-bind="attrs"
|
|
5
5
|
:for="id"
|
|
6
6
|
:tabindex="disabled | disableFocus ? -1 : 0"
|
|
7
|
+
@click.prevent.stop="onChange"
|
|
7
8
|
@keypress.prevent="onChange"
|
|
8
9
|
>
|
|
9
10
|
<input
|
|
@@ -117,10 +118,7 @@ export default {
|
|
|
117
118
|
},
|
|
118
119
|
methods: {
|
|
119
120
|
onChange(e) {
|
|
120
|
-
if (this.readonly)
|
|
121
|
-
e.preventDefault();
|
|
122
|
-
return;
|
|
123
|
-
};
|
|
121
|
+
if (this.disabled || this.readonly) return;
|
|
124
122
|
|
|
125
123
|
this.checked = !this.checked;
|
|
126
124
|
this.$emit("update:modelValue", this.checked);
|
|
@@ -156,6 +154,6 @@ export default {
|
|
|
156
154
|
};
|
|
157
155
|
</script>
|
|
158
156
|
|
|
159
|
-
<style lang="scss">
|
|
157
|
+
<style lang="scss" scoped>
|
|
160
158
|
@import "./Checkbox.scss";
|
|
161
159
|
</style>
|