@bagelink/vue 1.2.81 → 1.2.83
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/Btn.vue.d.ts +1 -1
- package/dist/components/Btn.vue.d.ts.map +1 -1
- package/dist/components/DataPreview.vue.d.ts +16 -5
- package/dist/components/DataPreview.vue.d.ts.map +1 -1
- package/dist/components/Icon/Icon.vue.d.ts +4 -1
- package/dist/components/Icon/Icon.vue.d.ts.map +1 -1
- package/dist/components/ModalForm.vue.d.ts +2 -1
- package/dist/components/ModalForm.vue.d.ts.map +1 -1
- package/dist/components/dataTable/DataTable.vue.d.ts.map +1 -1
- package/dist/components/dataTable/useSorting.d.ts +1 -1
- package/dist/components/dataTable/useSorting.d.ts.map +1 -1
- package/dist/components/dataTable/useTableData.d.ts +7 -6
- package/dist/components/dataTable/useTableData.d.ts.map +1 -1
- package/dist/components/dataTable/useTableVirtualization.d.ts.map +1 -1
- package/dist/components/form/BagelForm.vue.d.ts +4 -10
- package/dist/components/form/BagelForm.vue.d.ts.map +1 -1
- package/dist/components/form/BglMultiStepForm.vue.d.ts +4 -3
- package/dist/components/form/BglMultiStepForm.vue.d.ts.map +1 -1
- package/dist/components/form/FieldArray.vue.d.ts +3 -2
- package/dist/components/form/FieldArray.vue.d.ts.map +1 -1
- package/dist/composables/index.d.ts +5 -5
- package/dist/composables/index.d.ts.map +1 -1
- package/dist/composables/useSchemaField.d.ts +5 -12
- package/dist/composables/useSchemaField.d.ts.map +1 -1
- package/dist/index.cjs +142 -228
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +143 -229
- package/dist/plugins/modalTypes.d.ts +3 -2
- package/dist/plugins/modalTypes.d.ts.map +1 -1
- package/dist/style.css +89 -89
- package/dist/types/BagelForm.d.ts +14 -11
- package/dist/types/BagelForm.d.ts.map +1 -1
- package/dist/types/TableSchema.d.ts +9 -9
- package/dist/types/TableSchema.d.ts.map +1 -1
- package/dist/utils/BagelFormUtils.d.ts +4 -3
- package/dist/utils/BagelFormUtils.d.ts.map +1 -1
- package/dist/utils/useSearch.d.ts +44 -0
- package/dist/utils/useSearch.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/DataPreview.vue +16 -5
- package/src/components/Icon/Icon.vue +12 -3
- package/src/components/ModalForm.vue +6 -9
- package/src/components/dataTable/DataTable.vue +11 -14
- package/src/components/dataTable/useSorting.ts +1 -1
- package/src/components/dataTable/useTableData.ts +19 -42
- package/src/components/dataTable/useTableVirtualization.ts +4 -8
- package/src/components/form/BagelForm.vue +32 -97
- package/src/components/form/BglMultiStepForm.vue +7 -6
- package/src/components/form/FieldArray.vue +54 -45
- package/src/components/form/inputs/RichText/index.vue +1 -1
- package/src/composables/index.ts +12 -13
- package/src/composables/useSchemaField.ts +37 -35
- package/src/index.ts +1 -1
- package/src/plugins/modalTypes.ts +3 -2
- package/src/types/BagelForm.ts +22 -14
- package/src/types/TableSchema.ts +9 -9
- package/src/utils/BagelFormUtils.ts +4 -3
- package/src/utils/{search.ts → useSearch.ts} +1 -2
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BglFormSchemaT, BtnOptions, ThemeType } from '..';
|
|
2
|
+
import { MaybeRefOrGetter } from 'vue';
|
|
2
3
|
export interface ModalOptions {
|
|
3
4
|
title?: string;
|
|
4
5
|
dismissable?: boolean;
|
|
@@ -46,7 +47,7 @@ export interface ModalFormComponentProps<T extends {
|
|
|
46
47
|
export interface ModalFormOptions<T extends {
|
|
47
48
|
[key: string]: any;
|
|
48
49
|
}> {
|
|
49
|
-
'schema':
|
|
50
|
+
'schema': MaybeRefOrGetter<BglFormSchemaT<T>>;
|
|
50
51
|
'modelValue'?: T;
|
|
51
52
|
'onUpdate:modelValue'?: (val: T) => void;
|
|
52
53
|
'onSubmit'?: (formData: T) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalTypes.d.ts","sourceRoot":"","sources":["../../src/plugins/modalTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"modalTypes.d.ts","sourceRoot":"","sources":["../../src/plugins/modalTypes.ts"],"names":[],"mappings":"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"}
|
package/dist/style.css
CHANGED
|
@@ -832,48 +832,48 @@ to {
|
|
|
832
832
|
}
|
|
833
833
|
}
|
|
834
834
|
|
|
835
|
-
.data-preview[data-v-
|
|
835
|
+
.data-preview[data-v-d084907a] {
|
|
836
836
|
display: flex;
|
|
837
837
|
flex-direction: column;
|
|
838
838
|
gap: 0.5rem;
|
|
839
839
|
}
|
|
840
|
-
.preview-field[data-v-
|
|
840
|
+
.preview-field[data-v-d084907a] {
|
|
841
841
|
display: flex;
|
|
842
842
|
flex-direction: row;
|
|
843
843
|
align-items: center;
|
|
844
844
|
gap: 0.5rem;
|
|
845
845
|
}
|
|
846
|
-
.field-label[data-v-
|
|
846
|
+
.field-label[data-v-d084907a] {
|
|
847
847
|
font-size: 0.8rem;
|
|
848
848
|
color: var(--bgl-black-tint);
|
|
849
849
|
font-weight: 500;
|
|
850
850
|
}
|
|
851
|
-
.field-value[data-v-
|
|
851
|
+
.field-value[data-v-d084907a] {
|
|
852
852
|
font-size: 0.95rem;
|
|
853
853
|
}
|
|
854
|
-
.empty-preview[data-v-
|
|
854
|
+
.empty-preview[data-v-d084907a] {
|
|
855
855
|
font-size: 0.9rem;
|
|
856
856
|
color: var(--bgl-black-tint);
|
|
857
857
|
padding: 1rem 0;
|
|
858
858
|
text-align: center;
|
|
859
859
|
}
|
|
860
860
|
|
|
861
|
-
.table-list-wrap[data-v-
|
|
861
|
+
.table-list-wrap[data-v-b10460ed] {
|
|
862
862
|
min-height: 150px;
|
|
863
863
|
}
|
|
864
|
-
.selected[data-v-
|
|
864
|
+
.selected[data-v-b10460ed] {
|
|
865
865
|
background: var(--bgl-primary-tint);
|
|
866
866
|
}
|
|
867
|
-
tbody tr.selected[data-v-
|
|
867
|
+
tbody tr.selected[data-v-b10460ed]:hover {
|
|
868
868
|
background: var(--bgl-primary-light);
|
|
869
869
|
}
|
|
870
|
-
.loading-table[data-v-
|
|
870
|
+
.loading-table[data-v-b10460ed] {
|
|
871
871
|
position: relative;
|
|
872
872
|
}
|
|
873
|
-
.inset[data-v-
|
|
873
|
+
.inset[data-v-b10460ed] {
|
|
874
874
|
inset: 0;
|
|
875
875
|
}
|
|
876
|
-
.loading-table-animation[data-v-
|
|
876
|
+
.loading-table-animation[data-v-b10460ed] {
|
|
877
877
|
--size: 60px;
|
|
878
878
|
top: 30vh;
|
|
879
879
|
inset-inline-start: calc(50% - var(--size));
|
|
@@ -881,9 +881,9 @@ tbody tr.selected[data-v-382d1c94]:hover {
|
|
|
881
881
|
border-top: 4px solid var(--bgl-primary);
|
|
882
882
|
width: var(--size);
|
|
883
883
|
height: var(--size);
|
|
884
|
-
animation: loading-table-
|
|
884
|
+
animation: loading-table-b10460ed 1s linear infinite;
|
|
885
885
|
}
|
|
886
|
-
@keyframes loading-table-
|
|
886
|
+
@keyframes loading-table-b10460ed {
|
|
887
887
|
0% {
|
|
888
888
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
889
889
|
}
|
|
@@ -891,55 +891,55 @@ tbody tr.selected[data-v-382d1c94]:hover {
|
|
|
891
891
|
transform: translate(-50%, -50%) rotate(360deg);
|
|
892
892
|
}
|
|
893
893
|
}
|
|
894
|
-
.list-arrows[data-v-
|
|
894
|
+
.list-arrows[data-v-b10460ed] {
|
|
895
895
|
opacity: 0;
|
|
896
896
|
}
|
|
897
|
-
.list-arrows .bgl_icon-font[data-v-
|
|
897
|
+
.list-arrows .bgl_icon-font[data-v-b10460ed] {
|
|
898
898
|
transition: all ease-in-out 0.2s;
|
|
899
899
|
}
|
|
900
|
-
.list-arrows.sorted[data-v-
|
|
900
|
+
.list-arrows.sorted[data-v-b10460ed] {
|
|
901
901
|
opacity: 1;
|
|
902
902
|
}
|
|
903
|
-
.col img[data-v-
|
|
903
|
+
.col img[data-v-b10460ed] {
|
|
904
904
|
height: 35px;
|
|
905
905
|
margin-top: -14px;
|
|
906
906
|
margin-bottom: -14px;
|
|
907
907
|
border-radius: 5px;
|
|
908
908
|
object-fit: cover;
|
|
909
909
|
}
|
|
910
|
-
.col[data-v-
|
|
910
|
+
.col[data-v-b10460ed]:has(img) {
|
|
911
911
|
padding-inline-end: 0.5rem;
|
|
912
912
|
}
|
|
913
|
-
.list-arrows.sorted .desc[data-v-
|
|
913
|
+
.list-arrows.sorted .desc[data-v-b10460ed] {
|
|
914
914
|
transform: rotate(180deg);
|
|
915
915
|
display: inline-block;
|
|
916
916
|
}
|
|
917
|
-
table[data-v-
|
|
917
|
+
table[data-v-b10460ed] {
|
|
918
918
|
border-spacing: 0 15px;
|
|
919
919
|
border-collapse: collapse;
|
|
920
920
|
width: 100%;
|
|
921
921
|
}
|
|
922
|
-
th[data-v-
|
|
922
|
+
th[data-v-b10460ed] {
|
|
923
923
|
font-size: 0.8rem;
|
|
924
924
|
color: var(--bgl-black-tint);
|
|
925
925
|
position: sticky;
|
|
926
926
|
top: 0;
|
|
927
927
|
z-index: 2;
|
|
928
928
|
background: var(--bgl-box-bg);
|
|
929
|
-
height: var(--
|
|
929
|
+
height: var(--6f015429);
|
|
930
930
|
vertical-align: bottom;
|
|
931
931
|
font-weight: 400;
|
|
932
932
|
text-align: start;
|
|
933
933
|
}
|
|
934
|
-
.embedded-field[data-v-
|
|
934
|
+
.embedded-field[data-v-b10460ed] {
|
|
935
935
|
margin-bottom: -0.2rem;
|
|
936
936
|
margin-top: -0.2rem;
|
|
937
937
|
}
|
|
938
|
-
.row[data-v-
|
|
938
|
+
.row[data-v-b10460ed] {
|
|
939
939
|
border-bottom: 1px solid var(--border-color);
|
|
940
940
|
cursor: pointer;
|
|
941
941
|
}
|
|
942
|
-
.row.first-row[data-v-
|
|
942
|
+
.row.first-row[data-v-b10460ed] {
|
|
943
943
|
font-size: 0.8rem;
|
|
944
944
|
color: var(--bgl-black-tint);
|
|
945
945
|
position: sticky;
|
|
@@ -948,7 +948,7 @@ th[data-v-382d1c94] {
|
|
|
948
948
|
background: var(--bgl-box-bg);
|
|
949
949
|
vertical-align: bottom;
|
|
950
950
|
}
|
|
951
|
-
.row.first-row[data-v-
|
|
951
|
+
.row.first-row[data-v-b10460ed]::after {
|
|
952
952
|
content: '';
|
|
953
953
|
border-bottom: 1px solid var(--border-color);
|
|
954
954
|
position: absolute;
|
|
@@ -956,11 +956,11 @@ th[data-v-382d1c94] {
|
|
|
956
956
|
right: 0;
|
|
957
957
|
bottom: -1px;
|
|
958
958
|
}
|
|
959
|
-
.first-row .col[data-v-
|
|
959
|
+
.first-row .col[data-v-b10460ed] {
|
|
960
960
|
cursor: pointer;
|
|
961
961
|
background: var(--bgl-box-bg);
|
|
962
962
|
}
|
|
963
|
-
.col[data-v-
|
|
963
|
+
.col[data-v-b10460ed] {
|
|
964
964
|
white-space: nowrap;
|
|
965
965
|
padding: 0.75rem 1rem;
|
|
966
966
|
transition: var(--bgl-transition);
|
|
@@ -970,19 +970,19 @@ th[data-v-382d1c94] {
|
|
|
970
970
|
overflow: hidden;
|
|
971
971
|
max-width: 30vw;
|
|
972
972
|
}
|
|
973
|
-
.col[data-v-
|
|
973
|
+
.col[data-v-b10460ed]:has(.bagel-input) {
|
|
974
974
|
padding: 0rem 0.25rem;
|
|
975
975
|
}
|
|
976
|
-
.col > div[data-v-
|
|
976
|
+
.col > div[data-v-b10460ed] {
|
|
977
977
|
display: flex;
|
|
978
978
|
gap: 0.5rem;
|
|
979
979
|
}
|
|
980
|
-
.max-col-width[data-v-
|
|
980
|
+
.max-col-width[data-v-b10460ed] {
|
|
981
981
|
max-width: 30vw;
|
|
982
982
|
overflow: hidden;
|
|
983
983
|
text-overflow: ellipsis;
|
|
984
984
|
}
|
|
985
|
-
.col.check .bgl_icon-font[data-v-
|
|
985
|
+
.col.check .bgl_icon-font[data-v-b10460ed] {
|
|
986
986
|
border-radius: 100%;
|
|
987
987
|
background: var(--bgl-blue-20);
|
|
988
988
|
color: var(--bgl-primary);
|
|
@@ -993,35 +993,35 @@ th[data-v-382d1c94] {
|
|
|
993
993
|
justify-content: center;
|
|
994
994
|
margin-top: -2px;
|
|
995
995
|
}
|
|
996
|
-
.rows[data-v-
|
|
996
|
+
.rows[data-v-b10460ed] {
|
|
997
997
|
font-size: 0.88em;
|
|
998
998
|
}
|
|
999
|
-
.table-list[data-v-
|
|
999
|
+
.table-list[data-v-b10460ed] {
|
|
1000
1000
|
height: 100%;
|
|
1001
1001
|
position: relative;
|
|
1002
1002
|
padding-left: 0 !important;
|
|
1003
1003
|
padding-right: 0 !important;
|
|
1004
1004
|
overflow: auto;
|
|
1005
1005
|
}
|
|
1006
|
-
.BagelTable .table-list[data-v-
|
|
1006
|
+
.BagelTable .table-list[data-v-b10460ed] {
|
|
1007
1007
|
overflow: unset;
|
|
1008
1008
|
}
|
|
1009
|
-
.row-item[data-v-
|
|
1010
|
-
height: var(--
|
|
1009
|
+
.row-item[data-v-b10460ed] {
|
|
1010
|
+
height: var(--6f015429);
|
|
1011
1011
|
transition: all 200ms ease;
|
|
1012
1012
|
}
|
|
1013
|
-
.row-item[data-v-
|
|
1013
|
+
.row-item[data-v-b10460ed]:hover {
|
|
1014
1014
|
background: var(--bgl-gray-light);
|
|
1015
1015
|
}
|
|
1016
|
-
.row-item input[type='checkbox'][data-v-
|
|
1016
|
+
.row-item input[type='checkbox'][data-v-b10460ed] {
|
|
1017
1017
|
margin-top: 0.45rem !important;
|
|
1018
1018
|
accent-color: var(--bgl-accent-color);
|
|
1019
1019
|
}
|
|
1020
|
-
.infinite-wrapper[data-v-
|
|
1020
|
+
.infinite-wrapper[data-v-b10460ed] {
|
|
1021
1021
|
overflow-y: auto;
|
|
1022
1022
|
width: 100%;
|
|
1023
1023
|
}
|
|
1024
|
-
input[type='checkbox'][data-v-
|
|
1024
|
+
input[type='checkbox'][data-v-b10460ed] {
|
|
1025
1025
|
margin-top: 0.3rem !important;
|
|
1026
1026
|
accent-color: var(--bgl-accent-color);
|
|
1027
1027
|
transform: scale(1.2);
|
|
@@ -1033,7 +1033,7 @@ input[type='checkbox'][data-v-382d1c94] {
|
|
|
1033
1033
|
height: 0.85rem;
|
|
1034
1034
|
width: 0.85rem;
|
|
1035
1035
|
}
|
|
1036
|
-
input[type='checkbox'][data-v-
|
|
1036
|
+
input[type='checkbox'][data-v-b10460ed]::before {
|
|
1037
1037
|
content: '';
|
|
1038
1038
|
height: 0.85rem;
|
|
1039
1039
|
width: 0.85rem;
|
|
@@ -1046,18 +1046,18 @@ input[type='checkbox'][data-v-382d1c94]::before {
|
|
|
1046
1046
|
transform: scale(1);
|
|
1047
1047
|
position: absolute;
|
|
1048
1048
|
}
|
|
1049
|
-
input[type='checkbox'][data-v-
|
|
1049
|
+
input[type='checkbox'][data-v-b10460ed]:hover::before {
|
|
1050
1050
|
opacity: 0.2;
|
|
1051
1051
|
transform: scale(2);
|
|
1052
1052
|
}
|
|
1053
|
-
[lang='he'] [dir='ltr'][data-v-
|
|
1053
|
+
[lang='he'] [dir='ltr'][data-v-b10460ed] {
|
|
1054
1054
|
text-align: right;
|
|
1055
1055
|
}
|
|
1056
|
-
th input[type='checkbox'][data-v-
|
|
1056
|
+
th input[type='checkbox'][data-v-b10460ed] {
|
|
1057
1057
|
transform: translateY(0.2rem) scale(1.2);
|
|
1058
1058
|
accent-color: var(--bgl-accent-color);
|
|
1059
1059
|
}
|
|
1060
|
-
th[data-v-
|
|
1060
|
+
th[data-v-b10460ed]::after {
|
|
1061
1061
|
content: '';
|
|
1062
1062
|
border-bottom: 1px solid var(--border-color);
|
|
1063
1063
|
position: absolute;
|
|
@@ -1065,24 +1065,24 @@ th[data-v-382d1c94]::after {
|
|
|
1065
1065
|
right: 0;
|
|
1066
1066
|
bottom: -1px;
|
|
1067
1067
|
}
|
|
1068
|
-
tr[data-v-
|
|
1068
|
+
tr[data-v-b10460ed] {
|
|
1069
1069
|
border-bottom: 1px solid var(--border-color);
|
|
1070
1070
|
cursor: pointer;
|
|
1071
1071
|
align-items: center;
|
|
1072
1072
|
}
|
|
1073
|
-
td[data-v-
|
|
1074
|
-
th[data-v-
|
|
1073
|
+
td[data-v-b10460ed],
|
|
1074
|
+
th[data-v-b10460ed] {
|
|
1075
1075
|
white-space: nowrap;
|
|
1076
1076
|
padding: 0.75rem 0.65rem;
|
|
1077
1077
|
transition: var(--bgl-transition);
|
|
1078
1078
|
line-height: 1;
|
|
1079
1079
|
}
|
|
1080
|
-
tbody tr[data-v-
|
|
1080
|
+
tbody tr[data-v-b10460ed] {
|
|
1081
1081
|
font-size: 0.88em;
|
|
1082
|
-
height: var(--
|
|
1082
|
+
height: var(--6f015429);
|
|
1083
1083
|
transition: all 200ms ease;
|
|
1084
1084
|
}
|
|
1085
|
-
tbody tr[data-v-
|
|
1085
|
+
tbody tr[data-v-b10460ed]:hover {
|
|
1086
1086
|
background: var(--bgl-gray-light);
|
|
1087
1087
|
}
|
|
1088
1088
|
|
|
@@ -1134,7 +1134,7 @@ fieldset[data-v-f7e758e5] {
|
|
|
1134
1134
|
.fi[data-v-f99f1900]:before{ content:" "
|
|
1135
1135
|
}
|
|
1136
1136
|
|
|
1137
|
-
.bgl-multi-step-form[data-v-
|
|
1137
|
+
.bgl-multi-step-form[data-v-8f701fbc] {
|
|
1138
1138
|
display: flex;
|
|
1139
1139
|
flex-direction: column;
|
|
1140
1140
|
gap: 1rem;
|
|
@@ -1145,19 +1145,19 @@ fieldset[data-v-f7e758e5] {
|
|
|
1145
1145
|
--ease-in: cubic-bezier(0.42, 0, 0.58, 1);
|
|
1146
1146
|
--ease-out: cubic-bezier(0.42, 0, 0.58, 1);
|
|
1147
1147
|
}
|
|
1148
|
-
.bgl-steps-indicator[data-v-
|
|
1148
|
+
.bgl-steps-indicator[data-v-8f701fbc] {
|
|
1149
1149
|
display: flex;
|
|
1150
1150
|
justify-content: space-between;
|
|
1151
1151
|
align-items: center;
|
|
1152
1152
|
margin-bottom: 1rem;
|
|
1153
1153
|
}
|
|
1154
|
-
.bgl-step-indicator[data-v-
|
|
1154
|
+
.bgl-step-indicator[data-v-8f701fbc] {
|
|
1155
1155
|
display: flex;
|
|
1156
1156
|
flex-direction: column;
|
|
1157
1157
|
align-items: center;
|
|
1158
1158
|
position: relative;
|
|
1159
1159
|
}
|
|
1160
|
-
.bgl-step-indicator[data-v-
|
|
1160
|
+
.bgl-step-indicator[data-v-8f701fbc]::before {
|
|
1161
1161
|
content: '';
|
|
1162
1162
|
position: absolute;
|
|
1163
1163
|
top: 50%;
|
|
@@ -1167,10 +1167,10 @@ fieldset[data-v-f7e758e5] {
|
|
|
1167
1167
|
background: #e0e0e0;
|
|
1168
1168
|
z-index: -1;
|
|
1169
1169
|
}
|
|
1170
|
-
.bgl-step-indicator[data-v-
|
|
1170
|
+
.bgl-step-indicator[data-v-8f701fbc]:first-child::before {
|
|
1171
1171
|
display: none;
|
|
1172
1172
|
}
|
|
1173
|
-
.bgl-step-indicator > span[data-v-
|
|
1173
|
+
.bgl-step-indicator > span[data-v-8f701fbc]:first-child {
|
|
1174
1174
|
width: 30px;
|
|
1175
1175
|
height: 30px;
|
|
1176
1176
|
border-radius: 50%;
|
|
@@ -1181,38 +1181,38 @@ fieldset[data-v-f7e758e5] {
|
|
|
1181
1181
|
justify-content: center;
|
|
1182
1182
|
margin-bottom: 0.5rem;
|
|
1183
1183
|
}
|
|
1184
|
-
.bgl-step-indicator.active > span[data-v-
|
|
1184
|
+
.bgl-step-indicator.active > span[data-v-8f701fbc]:first-child {
|
|
1185
1185
|
background: var(--primary-color, #4CAF50);
|
|
1186
1186
|
color: white;
|
|
1187
1187
|
}
|
|
1188
|
-
.bgl-step-indicator.completed > span[data-v-
|
|
1188
|
+
.bgl-step-indicator.completed > span[data-v-8f701fbc]:first-child {
|
|
1189
1189
|
background: var(--success-color, #8BC34A);
|
|
1190
1190
|
color: white;
|
|
1191
1191
|
}
|
|
1192
|
-
.bgl-step-indicator.clickable[data-v-
|
|
1192
|
+
.bgl-step-indicator.clickable[data-v-8f701fbc] {
|
|
1193
1193
|
cursor: pointer;
|
|
1194
1194
|
}
|
|
1195
|
-
.bgl-step-label[data-v-
|
|
1195
|
+
.bgl-step-label[data-v-8f701fbc] {
|
|
1196
1196
|
font-size: 0.8rem;
|
|
1197
1197
|
max-width: 100px;
|
|
1198
1198
|
text-align: center;
|
|
1199
1199
|
}
|
|
1200
|
-
.bgl-form-wrapper[data-v-
|
|
1200
|
+
.bgl-form-wrapper[data-v-8f701fbc] {
|
|
1201
1201
|
display: grid;
|
|
1202
1202
|
overflow: clip;
|
|
1203
1203
|
height: auto;
|
|
1204
1204
|
transition: height var(--transition-duration) ease;
|
|
1205
1205
|
interpolate-size: allow-keywords;
|
|
1206
1206
|
}
|
|
1207
|
-
.bgl-form-wrapper > div[data-v-
|
|
1207
|
+
.bgl-form-wrapper > div[data-v-8f701fbc] {
|
|
1208
1208
|
grid-area: 1 / 1;
|
|
1209
1209
|
}
|
|
1210
|
-
.bgl-form-container[data-v-
|
|
1210
|
+
.bgl-form-container[data-v-8f701fbc] {
|
|
1211
1211
|
width: 100%;
|
|
1212
1212
|
display: flex;
|
|
1213
1213
|
flex-direction: column;
|
|
1214
1214
|
}
|
|
1215
|
-
.bgl-step-controls[data-v-
|
|
1215
|
+
.bgl-step-controls[data-v-8f701fbc] {
|
|
1216
1216
|
display: flex;
|
|
1217
1217
|
justify-content: center;
|
|
1218
1218
|
gap: 1rem;
|
|
@@ -1221,37 +1221,37 @@ fieldset[data-v-f7e758e5] {
|
|
|
1221
1221
|
}
|
|
1222
1222
|
|
|
1223
1223
|
/* Slide Left Animation (going forward) */
|
|
1224
|
-
.slide-left-enter-active[data-v-
|
|
1224
|
+
.slide-left-enter-active[data-v-8f701fbc] {
|
|
1225
1225
|
transition: opacity var(--transition-duration) var(--ease-in),
|
|
1226
1226
|
transform var(--transition-duration) var(--ease-in);
|
|
1227
1227
|
}
|
|
1228
|
-
.slide-left-leave-active[data-v-
|
|
1228
|
+
.slide-left-leave-active[data-v-8f701fbc] {
|
|
1229
1229
|
transition: opacity var(--transition-duration) var(--ease-out),
|
|
1230
1230
|
transform var(--transition-duration) var(--ease-out);
|
|
1231
1231
|
}
|
|
1232
|
-
.slide-left-enter-from[data-v-
|
|
1232
|
+
.slide-left-enter-from[data-v-8f701fbc] {
|
|
1233
1233
|
opacity: 0;
|
|
1234
1234
|
transform: translateX(var(--move-distance));
|
|
1235
1235
|
}
|
|
1236
|
-
.slide-left-leave-to[data-v-
|
|
1236
|
+
.slide-left-leave-to[data-v-8f701fbc] {
|
|
1237
1237
|
opacity: 0;
|
|
1238
1238
|
transform: translateX(-30%);
|
|
1239
1239
|
}
|
|
1240
1240
|
|
|
1241
1241
|
/* Slide Right Animation (going back) */
|
|
1242
|
-
.slide-right-enter-active[data-v-
|
|
1242
|
+
.slide-right-enter-active[data-v-8f701fbc] {
|
|
1243
1243
|
transition: opacity var(--transition-duration) var(--ease-in),
|
|
1244
1244
|
transform var(--transition-duration) var(--ease-in);
|
|
1245
1245
|
}
|
|
1246
|
-
.slide-right-leave-active[data-v-
|
|
1246
|
+
.slide-right-leave-active[data-v-8f701fbc] {
|
|
1247
1247
|
transition: opacity var(--transition-duration) var(--ease-out),
|
|
1248
1248
|
transform var(--transition-duration) var(--ease-out);
|
|
1249
1249
|
}
|
|
1250
|
-
.slide-right-enter-from[data-v-
|
|
1250
|
+
.slide-right-enter-from[data-v-8f701fbc] {
|
|
1251
1251
|
opacity: 0;
|
|
1252
1252
|
transform: translateX(-30%);
|
|
1253
1253
|
}
|
|
1254
|
-
.slide-right-leave-to[data-v-
|
|
1254
|
+
.slide-right-leave-to[data-v-8f701fbc] {
|
|
1255
1255
|
opacity: 0;
|
|
1256
1256
|
transform: translateX(var(--move-distance));
|
|
1257
1257
|
}
|
|
@@ -2047,26 +2047,26 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
|
|
|
2047
2047
|
line-height: 1.65;
|
|
2048
2048
|
}
|
|
2049
2049
|
|
|
2050
|
-
.rich-text-editor[data-v-
|
|
2050
|
+
.rich-text-editor[data-v-d643f2ae] {
|
|
2051
2051
|
background: var(--input-bg);
|
|
2052
2052
|
border: 1px solid var(--border-color);
|
|
2053
2053
|
transition: all 0.3s ease;
|
|
2054
2054
|
}
|
|
2055
|
-
.editor-container[data-v-
|
|
2055
|
+
.editor-container[data-v-d643f2ae] {
|
|
2056
2056
|
display: flex;
|
|
2057
2057
|
gap: 0.5rem;
|
|
2058
2058
|
}
|
|
2059
|
-
.content-area[data-v-
|
|
2060
|
-
.preview-area[data-v-
|
|
2059
|
+
.content-area[data-v-d643f2ae],
|
|
2060
|
+
.preview-area[data-v-d643f2ae] {
|
|
2061
2061
|
flex: 1;
|
|
2062
2062
|
min-height: 200px;
|
|
2063
2063
|
background: var(--bgl-richtext-color);
|
|
2064
2064
|
}
|
|
2065
|
-
.split-view[data-v-
|
|
2065
|
+
.split-view[data-v-d643f2ae] {
|
|
2066
2066
|
display: grid;
|
|
2067
2067
|
grid-template-columns: 1fr 1fr;
|
|
2068
2068
|
}
|
|
2069
|
-
.editableContent[data-v-
|
|
2069
|
+
.editableContent[data-v-d643f2ae] {
|
|
2070
2070
|
width: 100%;
|
|
2071
2071
|
min-height: 240px;
|
|
2072
2072
|
height: 100%;
|
|
@@ -2074,7 +2074,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
|
|
|
2074
2074
|
outline: none;
|
|
2075
2075
|
background: transparent;
|
|
2076
2076
|
}
|
|
2077
|
-
.html-editor[data-v-
|
|
2077
|
+
.html-editor[data-v-d643f2ae] {
|
|
2078
2078
|
width: 100%;
|
|
2079
2079
|
height: 100%;
|
|
2080
2080
|
min-height: 200px;
|
|
@@ -2085,12 +2085,12 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
|
|
|
2085
2085
|
color: white;
|
|
2086
2086
|
background-color: var(--bgl-black);
|
|
2087
2087
|
}
|
|
2088
|
-
.preview-area[data-v-
|
|
2088
|
+
.preview-area[data-v-d643f2ae] {
|
|
2089
2089
|
font-family: monospace;
|
|
2090
2090
|
white-space: pre-wrap;
|
|
2091
2091
|
overflow-x: auto;
|
|
2092
2092
|
}
|
|
2093
|
-
.fullscreen-mode[data-v-
|
|
2093
|
+
.fullscreen-mode[data-v-d643f2ae] {
|
|
2094
2094
|
position: fixed;
|
|
2095
2095
|
top: 0;
|
|
2096
2096
|
left: 0;
|
|
@@ -2099,15 +2099,15 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
|
|
|
2099
2099
|
z-index: 9999;
|
|
2100
2100
|
padding: 2rem;
|
|
2101
2101
|
}
|
|
2102
|
-
.fullscreen-mode .editor-container[data-v-
|
|
2102
|
+
.fullscreen-mode .editor-container[data-v-d643f2ae] {
|
|
2103
2103
|
height: calc(100vh - 4rem);
|
|
2104
2104
|
}
|
|
2105
|
-
.fullscreen-mode .content-area[data-v-
|
|
2106
|
-
.fullscreen-mode .preview-area[data-v-
|
|
2105
|
+
.fullscreen-mode .content-area[data-v-d643f2ae],
|
|
2106
|
+
.fullscreen-mode .preview-area[data-v-d643f2ae] {
|
|
2107
2107
|
height: 100%;
|
|
2108
2108
|
overflow-y: auto;
|
|
2109
2109
|
}
|
|
2110
|
-
.debug-controls[data-v-
|
|
2110
|
+
.debug-controls[data-v-d643f2ae] {
|
|
2111
2111
|
display: flex;
|
|
2112
2112
|
gap: 0.5rem;
|
|
2113
2113
|
justify-content: flex-end;
|
|
@@ -4088,11 +4088,11 @@ body:has(.bg-dark.is-active) {
|
|
|
4088
4088
|
border-radius: var(--card-border-radius);
|
|
4089
4089
|
}
|
|
4090
4090
|
|
|
4091
|
-
.modal-title[data-v-
|
|
4091
|
+
.modal-title[data-v-c62c6888] {
|
|
4092
4092
|
margin-top: 0.5rem;
|
|
4093
4093
|
}
|
|
4094
4094
|
@media screen and (max-width: 910px) {
|
|
4095
|
-
.modal-title[data-v-
|
|
4095
|
+
.modal-title[data-v-c62c6888] {
|
|
4096
4096
|
margin-top: 1rem;
|
|
4097
4097
|
}
|
|
4098
4098
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SelectInput, TextInput } from '..';
|
|
2
2
|
import { Paths, Get, IterableElement, LiteralUnion } from 'type-fest';
|
|
3
|
-
import { VNode } from 'vue';
|
|
3
|
+
import { SetupContext, VNode } from 'vue';
|
|
4
4
|
import { ComponentExposed } from 'vue-component-type-helpers';
|
|
5
5
|
export type ToString<T> = T extends string | number ? `${T}` : never;
|
|
6
6
|
export type LiteralStringUnion<T> = LiteralUnion<T, string>;
|
|
@@ -27,22 +27,26 @@ export type Path<T> = (FieldVal<T, _Path<T>> extends Array<any> ? LiteralStringU
|
|
|
27
27
|
export type FieldVal<T, P extends Path<T>> = Get<T, P>;
|
|
28
28
|
/** If path P in T is an array, this gives the array's element type. */
|
|
29
29
|
export type ArrayFieldVal<T, P extends Path<T>> = IterableElement<Get<T, P>>;
|
|
30
|
-
export type
|
|
30
|
+
export type VNodeFn<T, P extends Path<T>> = (props: {
|
|
31
|
+
row?: T;
|
|
32
|
+
field: BaseBagelField<T, P>;
|
|
33
|
+
}) => VNode;
|
|
34
|
+
export type SchemaChild<T, P extends Path<T>> = Field<T> | VNode | VNodeFn<T, P> | string;
|
|
31
35
|
export interface BaseBagelField<T, P extends Path<T>> {
|
|
32
36
|
'$el'?: any;
|
|
33
37
|
'id'?: P;
|
|
34
38
|
'label'?: string;
|
|
35
39
|
'placeholder'?: string;
|
|
36
|
-
'children'?: SchemaChildrenT<T>;
|
|
37
40
|
'class'?: AttributeValue | AttributeFn<T, P>;
|
|
38
41
|
'attrs'?: Attributes<T, P>;
|
|
39
42
|
'required'?: boolean;
|
|
40
43
|
'disabled'?: boolean;
|
|
41
44
|
'helptext'?: string;
|
|
42
45
|
'options'?: BagelFieldOptions<T>;
|
|
46
|
+
'children'?: SchemaChild<T, P>[];
|
|
43
47
|
'slots'?: {
|
|
44
|
-
[key: string]:
|
|
45
|
-
};
|
|
48
|
+
[key: string]: SchemaChild<T, P>[];
|
|
49
|
+
} | SetupContext['slots'];
|
|
46
50
|
'defaultValue'?: any;
|
|
47
51
|
'vIf'?: VIfType<T, P>;
|
|
48
52
|
'v-if'?: VIfType<T, P>;
|
|
@@ -53,17 +57,16 @@ export interface BaseBagelField<T, P extends Path<T>> {
|
|
|
53
57
|
export type MappedBaseBagelField<T> = {
|
|
54
58
|
[P in Path<T>]: BaseBagelField<T, P>;
|
|
55
59
|
}[Path<T>];
|
|
56
|
-
export type
|
|
60
|
+
export type Field<T> = MappedBaseBagelField<T>;
|
|
61
|
+
export type BglFieldT<T> = Field<T>;
|
|
62
|
+
export type BglFormSchemaT<T> = Field<T>[];
|
|
63
|
+
export type InputBagelField<T> = Field<T> & {
|
|
57
64
|
$el: 'text' | ComponentExposed<typeof TextInput>;
|
|
58
65
|
type?: string;
|
|
59
66
|
};
|
|
60
|
-
export type SelectBagelField<T> =
|
|
67
|
+
export type SelectBagelField<T> = Field<T> & {
|
|
61
68
|
$el: 'select' | ComponentExposed<typeof SelectInput>;
|
|
62
69
|
};
|
|
63
|
-
export type Field<T> = MappedBaseBagelField<T>;
|
|
64
|
-
export type BglFieldT<T> = Field<T>;
|
|
65
|
-
export type BglFormSchemaT<T> = Field<T>[];
|
|
66
|
-
export type BglFormSchemaFnT<T> = (() => BglFormSchemaT<T>) | BglFormSchemaT<T>;
|
|
67
70
|
export interface ValidateInputBaseT {
|
|
68
71
|
validate?: ValidationFn<{
|
|
69
72
|
[key: string]: unknown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC1E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BglFormSchemaT } from '..';
|
|
2
|
-
import {
|
|
2
|
+
import { MaybeRefOrGetter, ComputedRef } from 'vue';
|
|
3
3
|
export type SortDirectionsT = 'ASC' | 'DESC';
|
|
4
4
|
export type EmitOrderT = `${string} ${SortDirectionsT}`;
|
|
5
5
|
export interface TableSchemaProps<T extends {
|
|
@@ -8,13 +8,13 @@ export interface TableSchemaProps<T extends {
|
|
|
8
8
|
[key: string]: any;
|
|
9
9
|
}> {
|
|
10
10
|
data: T[];
|
|
11
|
-
schema?:
|
|
12
|
-
columns?: string[]
|
|
13
|
-
useServerSort?: boolean
|
|
11
|
+
schema?: MaybeRefOrGetter<BglFormSchemaT<T>>;
|
|
12
|
+
columns?: MaybeRefOrGetter<string[]>;
|
|
13
|
+
useServerSort?: MaybeRefOrGetter<boolean>;
|
|
14
14
|
selectable?: boolean;
|
|
15
15
|
onLastItemVisible?: () => void;
|
|
16
16
|
}
|
|
17
|
-
export interface SortingOptions
|
|
17
|
+
export interface SortingOptions {
|
|
18
18
|
onSort: (field: string, direction: SortDirectionsT) => void;
|
|
19
19
|
}
|
|
20
20
|
export interface TableSelectionOptions<T> {
|
|
@@ -25,14 +25,14 @@ export interface TableSelectionOptions<T> {
|
|
|
25
25
|
onSelect: (item: T) => void;
|
|
26
26
|
}
|
|
27
27
|
export interface TableVirtualizationOptions<T> {
|
|
28
|
-
data:
|
|
28
|
+
data: ComputedRef<T[]>;
|
|
29
29
|
itemHeight: number;
|
|
30
30
|
onLastItemVisible?: () => void;
|
|
31
31
|
}
|
|
32
32
|
export interface TableDataOptions<T> {
|
|
33
|
-
data:
|
|
34
|
-
schema?:
|
|
35
|
-
columns?: string[]
|
|
33
|
+
data: MaybeRefOrGetter<T[]>;
|
|
34
|
+
schema?: MaybeRefOrGetter<BglFormSchemaT<T>>;
|
|
35
|
+
columns?: MaybeRefOrGetter<string[]>;
|
|
36
36
|
sortField: string;
|
|
37
37
|
sortDirection: SortDirectionsT;
|
|
38
38
|
useServerSort?: boolean;
|