@bagelink/vue 0.0.562 → 0.0.566
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/components/DataPreview.vue.d.ts.map +1 -1
- package/dist/components/MaterialIcon.vue.d.ts +2 -0
- package/dist/components/MaterialIcon.vue.d.ts.map +1 -1
- package/dist/components/TableSchema.vue.d.ts +34 -21
- package/dist/components/TableSchema.vue.d.ts.map +1 -1
- package/dist/components/form/BglForm.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/CheckInput.vue.d.ts +21 -11
- package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/DateInput.vue.d.ts +2 -0
- package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/FileUpload.vue.d.ts +31 -41
- package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/RadioPillsInput.vue.d.ts +1 -1
- package/dist/components/form/inputs/RadioPillsInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/TelInput.vue.d.ts +11 -11
- package/dist/components/form/inputs/TelInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/ToggleInput.vue.d.ts +18 -3
- package/dist/components/form/inputs/ToggleInput.vue.d.ts.map +1 -1
- package/dist/components/layout/TabbedLayout.vue.d.ts.map +1 -1
- package/dist/composables/index.d.ts +10 -0
- package/dist/composables/index.d.ts.map +1 -0
- package/dist/index.cjs +620 -201
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +621 -202
- package/dist/style.css +262 -119
- package/dist/types/BagelForm.d.ts +1 -0
- package/dist/types/BagelForm.d.ts.map +1 -1
- package/dist/utils/index.d.ts +4 -2
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +15 -14
- package/src/components/Btn.vue +1 -1
- package/src/components/DataPreview.vue +12 -13
- package/src/components/MapEmbed.vue +2 -2
- package/src/components/MaterialIcon.vue +7 -3
- package/src/components/TableSchema.vue +294 -108
- package/src/components/form/BglFieldSet.vue +0 -2
- package/src/components/form/BglForm.vue +2 -4
- package/src/components/form/inputs/CheckInput.vue +13 -6
- package/src/components/form/inputs/DateInput.vue +2 -0
- package/src/components/form/inputs/FileUpload.vue +63 -47
- package/src/components/form/inputs/ToggleInput.vue +22 -5
- package/src/components/layout/TabbedLayout.vue +1 -1
- package/src/composables/index.ts +24 -0
- package/src/index.ts +1 -0
- package/src/styles/layout.css +24 -0
- package/src/styles/mobilLayout.css +23 -0
- package/src/styles/text.css +0 -2
- package/src/styles/theme.css +2 -1
- package/src/types/BagelForm.ts +2 -0
- package/src/utils/index.ts +24 -2
|
@@ -37,4 +37,5 @@ export interface SelectBagelField<T> extends BaseBagelField<T> {
|
|
|
37
37
|
}
|
|
38
38
|
export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>;
|
|
39
39
|
export type BglFormSchemaT<T = Record<string, any>> = Field<T>[];
|
|
40
|
+
export type BglFormSchemaFnT<T = Record<string, any>> = (() => BglFormSchemaT<T>) | BglFormSchemaT<T>;
|
|
40
41
|
//# sourceMappingURL=BagelForm.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Attributes } from '
|
|
1
|
+
import { Attributes, BglFormSchemaT } from '..';
|
|
2
2
|
|
|
3
3
|
export declare function debounce(fn: () => void, delay?: number): void;
|
|
4
4
|
export declare function keyToLabel(key?: string): string | undefined;
|
|
@@ -8,8 +8,10 @@ export declare function useEscape(event: KeyboardEvent, closeModel: () => void):
|
|
|
8
8
|
export declare function classify(fieldVal?: any, row?: any, ...classes: any[]): string;
|
|
9
9
|
export declare function bindAttrs<T = Record<string, any>>(attrs?: Attributes, fieldVal?: any, row?: T): any;
|
|
10
10
|
export declare function iffer(field: any, itemData: any): any;
|
|
11
|
-
export declare
|
|
11
|
+
export declare function denullify(itemData?: Record<string, any>, fieldID?: string): any;
|
|
12
|
+
export declare const isDate: (dateToTest: any) => boolean;
|
|
12
13
|
export { formatString } from './strings';
|
|
13
14
|
export * as bagelFormUtils from './BagelFormUtils';
|
|
14
15
|
export { useLang } from './lang';
|
|
16
|
+
export declare function getFallbackSchema(data?: any[], showFields?: string[]): BglFormSchemaT;
|
|
15
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,QAGnD;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,OAGzE;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAerF"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bagelink/vue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.566",
|
|
5
5
|
"description": "Bagel core sdk packages",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Neveh Allon",
|
|
@@ -51,10 +51,10 @@
|
|
|
51
51
|
"./vite.config.ts"
|
|
52
52
|
],
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@vue-macros/reactivity-transform": "^0.4.6",
|
|
55
|
-
"vue": "^3.4.31",
|
|
56
54
|
"@types/leaflet": "^1.9.12",
|
|
57
|
-
"@types/signature_pad": "^2.3.6"
|
|
55
|
+
"@types/signature_pad": "^2.3.6",
|
|
56
|
+
"@vue-macros/reactivity-transform": "^0.4.6",
|
|
57
|
+
"vue": "^3.4.31"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
60
|
"@bagelink/sdk": "*",
|
|
@@ -105,22 +105,23 @@
|
|
|
105
105
|
"access": "public"
|
|
106
106
|
},
|
|
107
107
|
"dependencies": {
|
|
108
|
-
"signature_pad": "^5.0.2",
|
|
109
|
-
"@vuepic/vue-datepicker": "^8.8.1",
|
|
110
|
-
"@tiptap/pm": "^2.4.0",
|
|
111
|
-
"@tiptap/starter-kit": "^2.4.0",
|
|
112
108
|
"@tiptap/extension-image": "^2.4.0",
|
|
113
|
-
"@tiptap/extension-youtube": "^2.4.0",
|
|
114
109
|
"@tiptap/extension-table": "^2.4.0",
|
|
115
|
-
"@tiptap/extension-table-row": "^2.4.0",
|
|
116
|
-
"@tiptap/extension-table-header": "^2.4.0",
|
|
117
110
|
"@tiptap/extension-table-cell": "^2.4.0",
|
|
111
|
+
"@tiptap/extension-table-header": "^2.4.0",
|
|
112
|
+
"@tiptap/extension-table-row": "^2.4.0",
|
|
113
|
+
"@tiptap/extension-youtube": "^2.4.0",
|
|
114
|
+
"@tiptap/pm": "^2.4.0",
|
|
115
|
+
"@tiptap/starter-kit": "^2.4.0",
|
|
118
116
|
"@tiptap/vue-3": "^2.4.0",
|
|
117
|
+
"@vuepic/vue-datepicker": "^8.8.1",
|
|
118
|
+
"@vueuse/core": "^10.11.0",
|
|
119
|
+
"axios": "^1.7.2",
|
|
120
|
+
"floating-vue": "^5.2.2",
|
|
119
121
|
"leaflet": "^1.9.4",
|
|
120
122
|
"libphonenumber-js": "1.11.4",
|
|
121
|
-
"
|
|
122
|
-
"type-fest": "^4.21.0"
|
|
123
|
-
"axios": "^1.7.2"
|
|
123
|
+
"signature_pad": "^5.0.2",
|
|
124
|
+
"type-fest": "^4.21.0"
|
|
124
125
|
},
|
|
125
126
|
"scripts": {
|
|
126
127
|
"dev": "tsx watch src/index.ts",
|
package/src/components/Btn.vue
CHANGED
|
@@ -70,7 +70,7 @@ function getThemeColors(theme: Partial<typeof computedDefaultColors>): typeof co
|
|
|
70
70
|
})
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
const themes: Partial<
|
|
73
|
+
const themes: Partial<Record<ThemeType, typeof computedDefaultColors>> = {
|
|
74
74
|
'red': getThemeColors({ backgroundColor: 'var(--bgl-red)' }),
|
|
75
75
|
'white': getThemeColors({ backgroundColor: 'var(--bgl-white)' }),
|
|
76
76
|
'black': getThemeColors({ backgroundColor: 'var(--bgl-black)' }),
|
|
@@ -3,8 +3,9 @@ import {
|
|
|
3
3
|
BglField,
|
|
4
4
|
type BglFormSchemaT,
|
|
5
5
|
Title,
|
|
6
|
+
getFallbackSchema,
|
|
6
7
|
iffer,
|
|
7
|
-
keyToLabel
|
|
8
|
+
keyToLabel
|
|
8
9
|
} from '@bagelink/vue'
|
|
9
10
|
|
|
10
11
|
const props = defineProps<{
|
|
@@ -14,15 +15,13 @@ const props = defineProps<{
|
|
|
14
15
|
}>()
|
|
15
16
|
|
|
16
17
|
const itemData = defineModel<Record<string, any>>('data', { default: {} })
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return schema
|
|
25
|
-
})
|
|
18
|
+
|
|
19
|
+
const computedSchema = $computed(
|
|
20
|
+
() => getFallbackSchema(
|
|
21
|
+
[itemData.value],
|
|
22
|
+
props.showFields
|
|
23
|
+
),
|
|
24
|
+
)
|
|
26
25
|
</script>
|
|
27
26
|
|
|
28
27
|
<template>
|
|
@@ -37,12 +36,12 @@ const computedSchema = $computed(() => {
|
|
|
37
36
|
</div>
|
|
38
37
|
</template>
|
|
39
38
|
<div v-if="!schema?.length">
|
|
40
|
-
<div v-for="
|
|
39
|
+
<div v-for="({ id, label }) in computedSchema" :key="id" class="data-row">
|
|
41
40
|
<div class="key">
|
|
42
|
-
{{
|
|
41
|
+
{{ label }}
|
|
43
42
|
</div>
|
|
44
43
|
<div class="vlue">
|
|
45
|
-
{{ itemData[
|
|
44
|
+
{{ itemData[id ?? ''] }}
|
|
46
45
|
</div>
|
|
47
46
|
</div>
|
|
48
47
|
</div>
|
|
@@ -26,7 +26,6 @@ function initializeMap() {
|
|
|
26
26
|
if (props.address) {
|
|
27
27
|
geocodeAddress(props.address).catch(console.error)
|
|
28
28
|
}
|
|
29
|
-
console.log(props.zoomControl, props.center)
|
|
30
29
|
map = L.map(id, {
|
|
31
30
|
center: props.center,
|
|
32
31
|
zoom: props.zoom,
|
|
@@ -51,7 +50,8 @@ function addMarker(latlng: LatLngExpression) {
|
|
|
51
50
|
}
|
|
52
51
|
|
|
53
52
|
async function geocodeAddress(address: string) {
|
|
54
|
-
const
|
|
53
|
+
const addressURL = address.replace(/\s+/g, '+')
|
|
54
|
+
const geocodeUrl = `https://nominatim.openstreetmap.org/search?format=json&q=${encodeURI(addressURL)}`
|
|
55
55
|
const res = await fetch(geocodeUrl)
|
|
56
56
|
const data: any[] = await res.json() || []
|
|
57
57
|
data.forEach((element) => {
|
|
@@ -6,13 +6,17 @@ defineProps<{
|
|
|
6
6
|
name?: MaterialIcons
|
|
7
7
|
size?: number | string
|
|
8
8
|
color?: string
|
|
9
|
+
weight?: number | string
|
|
9
10
|
}>()
|
|
10
11
|
</script>
|
|
11
12
|
|
|
12
13
|
<template>
|
|
13
|
-
<
|
|
14
|
+
<span class="bgl_icon-font" :style="{ fontSize: `${size}rem`, color, 'font-variation-settings': `'wght' ${weight || 400}`}">
|
|
14
15
|
{{ icon || name }}
|
|
15
|
-
</
|
|
16
|
+
</span>
|
|
16
17
|
</template>
|
|
17
18
|
|
|
18
|
-
|
|
19
|
+
|
|
20
|
+
<style scoped>
|
|
21
|
+
|
|
22
|
+
</style>
|