@bagelink/vue 0.0.318 → 0.0.322
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/Badge.vue.d.ts +2 -2
- package/dist/components/Badge.vue.d.ts.map +1 -1
- package/dist/components/Card.vue.d.ts +2 -2
- package/dist/components/ComboBox.vue.d.ts +13 -2
- package/dist/components/ComboBox.vue.d.ts.map +1 -1
- package/dist/components/ListView.vue.d.ts.map +1 -1
- package/dist/components/Modal.vue.d.ts.map +1 -1
- package/dist/components/form/BglField.vue.d.ts.map +1 -1
- package/dist/components/form/BglForm.vue.d.ts +4 -0
- package/dist/components/form/BglForm.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/TextInput.vue.d.ts +2 -0
- package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/layout/SidebarMenu.vue.d.ts.map +1 -1
- package/dist/components/whatsapp/index.d.ts +0 -2
- package/dist/components/whatsapp/index.d.ts.map +1 -1
- package/dist/index.cjs +415 -566
- package/dist/index.mjs +415 -566
- package/dist/style.css +179 -213
- package/dist/types/BagelForm.d.ts +1 -1
- package/dist/types/BagelForm.d.ts.map +1 -1
- package/dist/types/materialIcons.d.ts +1 -1
- package/dist/types/materialIcons.d.ts.map +1 -1
- package/dist/utils/BagelFormUtils.d.ts +23 -0
- package/dist/utils/BagelFormUtils.d.ts.map +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Badge.vue +2 -2
- package/src/components/Carousel.vue +137 -137
- package/src/components/ComboBox.vue +72 -49
- package/src/components/ListView.vue +28 -27
- package/src/components/Modal.vue +25 -23
- package/src/components/form/BglField.vue +33 -48
- package/src/components/form/BglForm.vue +34 -15
- package/src/components/form/inputs/TextInput.vue +121 -151
- package/src/components/index.ts +1 -1
- package/src/components/layout/SidebarMenu.vue +4 -5
- package/src/components/whatsapp/index.ts +2 -2
- package/src/styles/layout.css +24 -1
- package/src/styles/text.css +4 -0
- package/src/types/BagelForm.ts +7 -7
- package/src/types/materialIcons.ts +1183 -3006
- package/src/utils/BagelFormUtils.ts +58 -0
- package/src/utils/index.ts +3 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as MsgTemplate } from './form/MsgTemplate.vue';
|
|
2
|
-
export { default as TextVariableExamples } from './form/TextVariableExamples.vue';
|
|
1
|
+
// export { default as MsgTemplate } from './form/MsgTemplate.vue';
|
|
2
|
+
// export { default as TextVariableExamples } from './form/TextVariableExamples.vue';
|
package/src/styles/layout.css
CHANGED
|
@@ -150,6 +150,14 @@
|
|
|
150
150
|
width: 98%;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
+
.w100 {
|
|
154
|
+
max-width: 100px;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.w200 {
|
|
158
|
+
max-width: 200px;
|
|
159
|
+
}
|
|
160
|
+
|
|
153
161
|
.w300 {
|
|
154
162
|
max-width: 300px;
|
|
155
163
|
}
|
|
@@ -1034,7 +1042,7 @@
|
|
|
1034
1042
|
}
|
|
1035
1043
|
|
|
1036
1044
|
.absolute {
|
|
1037
|
-
position: absolute;
|
|
1045
|
+
position: absolute !important;
|
|
1038
1046
|
}
|
|
1039
1047
|
|
|
1040
1048
|
.flex {
|
|
@@ -1061,6 +1069,14 @@
|
|
|
1061
1069
|
width: 100%;
|
|
1062
1070
|
}
|
|
1063
1071
|
|
|
1072
|
+
.inline {
|
|
1073
|
+
display: inline;
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1076
|
+
.inline-block {
|
|
1077
|
+
display: inline-block;
|
|
1078
|
+
}
|
|
1079
|
+
|
|
1064
1080
|
.flex-wrap {
|
|
1065
1081
|
flex-wrap: wrap;
|
|
1066
1082
|
}
|
|
@@ -1406,6 +1422,13 @@
|
|
|
1406
1422
|
overflow-y: hidden;
|
|
1407
1423
|
}
|
|
1408
1424
|
|
|
1425
|
+
.line {
|
|
1426
|
+
background: var(--border-color);
|
|
1427
|
+
height: 1px;
|
|
1428
|
+
width: 100%;
|
|
1429
|
+
}
|
|
1430
|
+
|
|
1431
|
+
|
|
1409
1432
|
@media screen and (max-width: 910px) {
|
|
1410
1433
|
.grid-wrap-2 {
|
|
1411
1434
|
grid-template-columns: repeat(1, 1fr);
|
package/src/styles/text.css
CHANGED
package/src/types/BagelForm.ts
CHANGED
|
@@ -5,7 +5,7 @@ export type AttributeValue = string | number | boolean | null | undefined | Reco
|
|
|
5
5
|
export type AttributeFn<T = Record<string, any>> = (field: any, row: T) => AttributeValue;
|
|
6
6
|
|
|
7
7
|
export interface Attributes<T = any> {
|
|
8
|
-
|
|
8
|
+
[key: string]: AttributeValue | AttributeFn<T>
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export type BaseBagelField<T = Record<string, any>> = {
|
|
@@ -18,7 +18,7 @@ export type BaseBagelField<T = Record<string, any>> = {
|
|
|
18
18
|
attrs?: Attributes<T>;
|
|
19
19
|
required?: boolean;
|
|
20
20
|
helptext?: string;
|
|
21
|
-
options?: string | ({ label?: string; value: string | number } | string | number | Record<string, any>)[],
|
|
21
|
+
options?: string | ({ label?: string; value: string | number } | string | number | Record<string, any>)[] | ((val: any, rowData?: Record<string, any>) => void);
|
|
22
22
|
defaultValue?: any;
|
|
23
23
|
transform?: (val?: any, rowData?: Record<string, any>) => any;
|
|
24
24
|
onUpdate?: (val: any, rowData?: Record<string, any>) => void;
|
|
@@ -26,14 +26,14 @@ export type BaseBagelField<T = Record<string, any>> = {
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
export interface InputBagelField<T> extends BaseBagelField<T> {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
$el: 'text' | typeof TextInput;
|
|
30
|
+
id: string;
|
|
31
|
+
type?: string;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
export interface SelectBagelField<T> extends BaseBagelField<T> {
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
$el: 'select' | typeof SelectInput;
|
|
36
|
+
id: string;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>;
|