@bagelink/vue 1.6.31 → 1.6.34
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/LICENSE +1 -1
- package/dist/components/Menu.vue.d.ts +28 -0
- package/dist/components/Menu.vue.d.ts.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +10 -10
- package/dist/index.mjs +4439 -4380
- package/dist/style.css +1 -1
- package/package.json +3 -4
- package/src/components/Menu.vue +55 -0
- package/src/components/form/inputs/ArrayInput.vue +1 -1
- package/src/components/index.ts +1 -0
package/package.json
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bagelink/vue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.6.
|
|
4
|
+
"version": "1.6.34",
|
|
5
5
|
"description": "Bagel core sdk packages",
|
|
6
6
|
"author": {
|
|
7
|
-
"name": "
|
|
8
|
-
"email": "
|
|
9
|
-
"url": "https://github.com/nevehallon"
|
|
7
|
+
"name": "Bagel Studio",
|
|
8
|
+
"email": "hi@bagelstudio.co.il"
|
|
10
9
|
},
|
|
11
10
|
"license": "MIT",
|
|
12
11
|
"homepage": "https://github.com/bageldb/bagelink/tree/master/packages/vue#readme",
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { IconType } from '@bagelink/vue'
|
|
3
|
+
import { Btn, Icon, Dropdown } from '@bagelink/vue'
|
|
4
|
+
|
|
5
|
+
export interface MenuItem {
|
|
6
|
+
icon: IconType
|
|
7
|
+
value: string
|
|
8
|
+
to: string
|
|
9
|
+
items?: MenuItem[]
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
defineProps<{ items: MenuItem[] }>()
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<template>
|
|
16
|
+
<div class="flex space-between m_w-100vw overflow m_-ms-05 m_px-05">
|
|
17
|
+
<div class="flex gap-025 m_gap-05">
|
|
18
|
+
<template v-for="item in items" :key="item.value">
|
|
19
|
+
<Dropdown v-if="item.items" :value="item.value" iconEnd="keyboard_arrow_down">
|
|
20
|
+
<template #trigger="{ show }">
|
|
21
|
+
<Btn thin flat @click="show()">
|
|
22
|
+
<Icon :name="item.icon" size="0.8" style="margin-bottom: -0.1rem" />
|
|
23
|
+
<p class="-ms-025">
|
|
24
|
+
{{ item.value }}
|
|
25
|
+
</p>
|
|
26
|
+
<Icon name="keyboard_arrow_down" size="0.8" style="margin-bottom: -0.1rem" />
|
|
27
|
+
</Btn>
|
|
28
|
+
</template>
|
|
29
|
+
<Btn
|
|
30
|
+
v-for="subItem in item.items" :key="subItem.value" thin flat :to="subItem.to"
|
|
31
|
+
class="block m_px-025"
|
|
32
|
+
>
|
|
33
|
+
<Icon :name="subItem.icon" size="0.8" style="margin-bottom: -0.1rem" />
|
|
34
|
+
<p class="-ms-025">
|
|
35
|
+
{{ subItem.value }}
|
|
36
|
+
</p>
|
|
37
|
+
</Btn>
|
|
38
|
+
</Dropdown>
|
|
39
|
+
<Btn v-else thin flat :to="item.to" class="m_px-025">
|
|
40
|
+
<Icon :name="item.icon" size="0.9" style="margin-bottom: -0.1rem" />
|
|
41
|
+
<p class="-ms-025">
|
|
42
|
+
{{ item.value }}
|
|
43
|
+
</p>
|
|
44
|
+
</Btn>
|
|
45
|
+
</template>
|
|
46
|
+
</div>
|
|
47
|
+
<slot name="end" />
|
|
48
|
+
</div>
|
|
49
|
+
</template>
|
|
50
|
+
|
|
51
|
+
<style scoped>
|
|
52
|
+
.bgl_btn.router-link-active {
|
|
53
|
+
background-color: var(--bgl-gray-40);
|
|
54
|
+
}
|
|
55
|
+
</style>
|
|
@@ -61,7 +61,7 @@ function getItemRef(i: number) {
|
|
|
61
61
|
|
|
62
62
|
<template>
|
|
63
63
|
<div>
|
|
64
|
-
<label v-if="label" class="txt12 txt-gray-90 mb-025">
|
|
64
|
+
<label v-if="label" class="txt12 txt-gray-90 mb-025 block">
|
|
65
65
|
{{ label }}
|
|
66
66
|
</label>
|
|
67
67
|
<p v-if="helpText" class="txt12 txt-gray-50 mb-05">
|
package/src/components/index.ts
CHANGED
|
@@ -30,6 +30,7 @@ export { default as ListItem } from './ListItem.vue'
|
|
|
30
30
|
export { default as ListView } from './ListView.vue'
|
|
31
31
|
export { default as Loading } from './Loading.vue'
|
|
32
32
|
export { default as MapEmbed } from './MapEmbed/Index.vue'
|
|
33
|
+
export { default as Menu } from './Menu.vue'
|
|
33
34
|
export { default as Modal } from './Modal.vue'
|
|
34
35
|
export { default as ModalConfirm } from './ModalConfirm.vue'
|
|
35
36
|
export { default as ModalForm } from './ModalForm.vue'
|