@bagelink/vue 0.0.1224 → 0.0.1232
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/BglComponent.vue.d.ts.map +1 -1
- package/dist/components/Btn.vue.d.ts.map +1 -1
- package/dist/components/Calendar/components/week/DayEvent.vue.d.ts.map +1 -1
- package/dist/components/Spreadsheet/Index.vue.d.ts +1 -0
- package/dist/components/Spreadsheet/Index.vue.d.ts.map +1 -1
- package/dist/components/form/BagelForm.vue.d.ts +1 -0
- package/dist/components/form/BagelForm.vue.d.ts.map +1 -1
- package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
- package/dist/components/lightbox/lightbox.types.d.ts +8 -2
- package/dist/components/lightbox/lightbox.types.d.ts.map +1 -1
- package/dist/composables/useSchemaField.d.ts +9 -5
- package/dist/composables/useSchemaField.d.ts.map +1 -1
- package/dist/index.cjs +70 -38
- package/dist/index.mjs +71 -39
- package/dist/style.css +84 -81
- package/dist/types/BagelForm.d.ts +2 -1
- package/dist/types/BagelForm.d.ts.map +1 -1
- package/dist/utils/BagelFormUtils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Btn.vue +3 -0
- package/src/components/Calendar/components/week/DayEvent.vue +0 -1
- package/src/components/Spreadsheet/Index.vue +41 -20
- package/src/components/form/BagelForm.vue +6 -2
- package/src/components/lightbox/Lightbox.vue +5 -5
- package/src/components/lightbox/lightbox.types.ts +3 -2
- package/src/composables/useSchemaField.ts +32 -12
- package/src/types/BagelForm.ts +2 -1
- package/src/utils/BagelFormUtils.ts +2 -1
package/dist/style.css
CHANGED
|
@@ -55,62 +55,62 @@
|
|
|
55
55
|
max-height: 300px;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.bgl_btn[data-v-
|
|
58
|
+
.bgl_btn[data-v-bfc435b3] {
|
|
59
59
|
--btn-bg: var(--bgl-primary);
|
|
60
60
|
--btn-color: var(--bgl-light-text);
|
|
61
61
|
--btn-flat-color: var(--bgl-text-color);
|
|
62
62
|
}
|
|
63
|
-
.bgl_btn-green[data-v-
|
|
63
|
+
.bgl_btn-green[data-v-bfc435b3] {
|
|
64
64
|
--btn-bg: var(--bgl-green);
|
|
65
65
|
--btn-color: var(--bgl-light-text);
|
|
66
66
|
--btn-flat-color: var(--bgl-green);
|
|
67
67
|
}
|
|
68
|
-
.bgl_btn-yellow[data-v-
|
|
68
|
+
.bgl_btn-yellow[data-v-bfc435b3] {
|
|
69
69
|
--btn-bg: var(--bgl-yellow);
|
|
70
70
|
--btn-color: var(--bgl-black);
|
|
71
71
|
--btn-flat-color: var(--bgl-yellow);
|
|
72
72
|
}
|
|
73
|
-
.bgl_btn-blue[data-v-
|
|
73
|
+
.bgl_btn-blue[data-v-bfc435b3] {
|
|
74
74
|
--btn-bg: var(--bgl-blue);
|
|
75
75
|
--btn-color: var(--bgl-light-text);
|
|
76
76
|
--btn-flat-color: var(--bgl-blue);
|
|
77
77
|
}
|
|
78
|
-
.bgl_btn-primary[data-v-
|
|
78
|
+
.bgl_btn-primary[data-v-bfc435b3] {
|
|
79
79
|
--btn-bg: var(--bgl-primary);
|
|
80
80
|
--btn-color: var(--bgl-light-text);
|
|
81
81
|
--btn-flat-color: var(--bgl-primary);
|
|
82
82
|
}
|
|
83
|
-
.bgl_btn-red[data-v-
|
|
83
|
+
.bgl_btn-red[data-v-bfc435b3] {
|
|
84
84
|
--btn-bg: var(--bgl-red);
|
|
85
85
|
--btn-color: var(--bgl-light-text);
|
|
86
86
|
--btn-flat-color: var(--bgl-red);
|
|
87
87
|
}
|
|
88
|
-
.bgl_btn-white[data-v-
|
|
88
|
+
.bgl_btn-white[data-v-bfc435b3] {
|
|
89
89
|
--btn-bg: var(--bgl-white);
|
|
90
90
|
--btn-color: var(--bgl-black);
|
|
91
91
|
--btn-flat-color: var(--bgl-white);
|
|
92
92
|
}
|
|
93
|
-
.bgl_btn-black[data-v-
|
|
93
|
+
.bgl_btn-black[data-v-bfc435b3] {
|
|
94
94
|
--btn-bg: var(--bgl-black);
|
|
95
95
|
--btn-color: var(--bgl-light-text);
|
|
96
96
|
--btn-flat-color: var(--bgl-black);
|
|
97
97
|
}
|
|
98
|
-
.bgl_btn-gray[data-v-
|
|
98
|
+
.bgl_btn-gray[data-v-bfc435b3] {
|
|
99
99
|
--btn-bg: var(--bgl-gray-light);
|
|
100
100
|
--btn-color: var(--bgl-black);
|
|
101
101
|
--btn-flat-color: var(--bgl-gray);
|
|
102
102
|
}
|
|
103
|
-
.bgl_btn-light[data-v-
|
|
103
|
+
.bgl_btn-light[data-v-bfc435b3] {
|
|
104
104
|
--btn-bg: var(--bgl-primary-light);
|
|
105
105
|
--btn-color: var(--bgl-primary);
|
|
106
106
|
--btn-flat-color: var(--bgl-primary-light);
|
|
107
107
|
}
|
|
108
|
-
.bgl_btn-gray-light[data-v-
|
|
108
|
+
.bgl_btn-gray-light[data-v-bfc435b3] {
|
|
109
109
|
--btn-bg: var(--bgl-gray-light);
|
|
110
110
|
--btn-color: var(--bgl-gray);
|
|
111
111
|
--btn-flat-color: var(--bgl-gray-light);
|
|
112
112
|
}
|
|
113
|
-
.bgl_btn[data-v-
|
|
113
|
+
.bgl_btn[data-v-bfc435b3] {
|
|
114
114
|
padding-left: var(--btn-padding);
|
|
115
115
|
padding-right: var(--btn-padding);
|
|
116
116
|
transition: var(--bgl-transition);
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
color: var(--btn-color);
|
|
119
119
|
text-decoration: none;
|
|
120
120
|
}
|
|
121
|
-
.bgl_btn.bgl_btn-icon[data-v-
|
|
121
|
+
.bgl_btn.bgl_btn-icon[data-v-bfc435b3] {
|
|
122
122
|
padding-left: 0;
|
|
123
123
|
padding-right: 0;
|
|
124
124
|
height: var(--btn-height);
|
|
@@ -127,69 +127,72 @@
|
|
|
127
127
|
font-size: 1rem;
|
|
128
128
|
flex-shrink: 0;
|
|
129
129
|
}
|
|
130
|
-
a[data-v-
|
|
130
|
+
a[data-v-bfc435b3] {
|
|
131
131
|
text-decoration: none;
|
|
132
132
|
}
|
|
133
|
-
.bgl_btn-flex[data-v-
|
|
133
|
+
.bgl_btn-flex[data-v-bfc435b3] {
|
|
134
134
|
display: flex;
|
|
135
135
|
align-items: center;
|
|
136
136
|
gap: 0.5rem;
|
|
137
137
|
justify-content: center;
|
|
138
138
|
height: 100%;
|
|
139
139
|
}
|
|
140
|
-
.bgl_btn .bgl_btn-icon[data-v-
|
|
140
|
+
.bgl_btn .bgl_btn-icon[data-v-bfc435b3]{
|
|
141
141
|
font-size: calc(var(--input-font-size) * 1.3);
|
|
142
142
|
}
|
|
143
|
-
.bgl_btn[data-v-
|
|
144
|
-
.bgl_btn-icon[data-v-
|
|
143
|
+
.bgl_btn[data-v-bfc435b3]:hover,
|
|
144
|
+
.bgl_btn-icon[data-v-bfc435b3]:hover {
|
|
145
145
|
filter: var(--bgl-hover-filter);
|
|
146
146
|
}
|
|
147
|
-
.bgl_btn[data-v-
|
|
148
|
-
.bgl_btn-icon[data-v-
|
|
147
|
+
.bgl_btn[data-v-bfc435b3]:active:not(:disabled),
|
|
148
|
+
.bgl_btn-icon[data-v-bfc435b3]:active:not(:disabled) {
|
|
149
149
|
filter: var(--bgl-active-filter);
|
|
150
150
|
}
|
|
151
|
-
.bgl_btn.bgl_btn_flat[data-v-
|
|
151
|
+
.bgl_btn.bgl_btn_flat[data-v-bfc435b3] {
|
|
152
152
|
background: transparent;
|
|
153
153
|
color: var(--btn-flat-color);
|
|
154
154
|
}
|
|
155
|
-
.bgl_btn_flat[data-v-
|
|
156
|
-
.bgl_btn-icon.bgl_btn_flat[data-v-
|
|
155
|
+
.bgl_btn_flat[data-v-bfc435b3]:hover:not(:disabled),
|
|
156
|
+
.bgl_btn-icon.bgl_btn_flat[data-v-bfc435b3]:hover:not(:disabled) {
|
|
157
157
|
background: var(--bgl-gray-20);
|
|
158
158
|
}
|
|
159
|
-
.bgl_btn.bgl_btn_flat[data-v-
|
|
160
|
-
.bgl_btn-icon.bgl_btn_flat[data-v-
|
|
159
|
+
.bgl_btn.bgl_btn_flat[data-v-bfc435b3]:active:not(:disabled),
|
|
160
|
+
.bgl_btn-icon.bgl_btn_flat[data-v-bfc435b3]:active:not(:disabled) {
|
|
161
161
|
background: var(--bgl-gray-40);
|
|
162
162
|
}
|
|
163
|
-
.bgl_btn.thin[data-v-
|
|
163
|
+
.bgl_btn.thin[data-v-bfc435b3] {
|
|
164
164
|
padding-inline: calc(var(--btn-padding) / 3);
|
|
165
165
|
border-radius: calc(var(--btn-border-radius) / 1.5);
|
|
166
166
|
}
|
|
167
|
-
.bgl_btn.round[data-v-
|
|
167
|
+
.bgl_btn.round[data-v-bfc435b3] {
|
|
168
168
|
border-radius: 1000px;
|
|
169
169
|
}
|
|
170
|
-
.bgl_btn-icon.thin[data-v-
|
|
170
|
+
.bgl_btn-icon.thin[data-v-bfc435b3] {
|
|
171
171
|
height: calc(var(--btn-height) / 1.5);
|
|
172
172
|
width: calc(var(--btn-height) / 1.5);
|
|
173
173
|
line-height: normal;
|
|
174
174
|
}
|
|
175
|
-
.bgl_btn-icon.thin .bgl_btn-flex[data-v-
|
|
175
|
+
.bgl_btn-icon.thin .bgl_btn-flex[data-v-bfc435b3] {
|
|
176
176
|
height: 100%;
|
|
177
177
|
}
|
|
178
|
-
[dir="rtl"] .bgl_btn-icon[data-v-
|
|
178
|
+
[dir="rtl"] .bgl_btn-icon[data-v-bfc435b3]{
|
|
179
179
|
transform: rotateY(180deg);
|
|
180
180
|
}
|
|
181
|
-
|
|
181
|
+
[dir="rtl"] .ltr .bgl_btn-icon[data-v-bfc435b3]{
|
|
182
|
+
transform: rotateY(0deg);
|
|
183
|
+
}
|
|
184
|
+
.bgl_btn-border[data-v-bfc435b3], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-bfc435b3] {
|
|
182
185
|
border: 1px solid var(--btn-flat-color);
|
|
183
186
|
background: transparent;
|
|
184
187
|
color: var(--btn-flat-color);
|
|
185
188
|
}
|
|
186
|
-
.bgl_btn-border[data-v-
|
|
189
|
+
.bgl_btn-border[data-v-bfc435b3]:hover {
|
|
187
190
|
color: var(--btn-flat-color);
|
|
188
191
|
}
|
|
189
|
-
.bgl_btn-border[data-v-
|
|
192
|
+
.bgl_btn-border[data-v-bfc435b3]:active:not(:disabled) {
|
|
190
193
|
filter: brightness(80%);
|
|
191
194
|
}
|
|
192
|
-
.bgl_btn[data-v-
|
|
195
|
+
.bgl_btn[data-v-bfc435b3]:disabled {
|
|
193
196
|
opacity: 0.6;
|
|
194
197
|
filter: grayscale(0.3);
|
|
195
198
|
cursor: not-allowed;
|
|
@@ -510,7 +513,7 @@ display: block;
|
|
|
510
513
|
border-top: var(--qalendar-border-gray-thin);
|
|
511
514
|
}
|
|
512
515
|
|
|
513
|
-
.calendar-week__event[data-v-
|
|
516
|
+
.calendar-week__event[data-v-6b5ab9be] {
|
|
514
517
|
position: absolute;
|
|
515
518
|
width: 100%;
|
|
516
519
|
border-radius: 4px;
|
|
@@ -519,22 +522,22 @@ display: block;
|
|
|
519
522
|
user-select: none;
|
|
520
523
|
overflow: hidden;
|
|
521
524
|
}
|
|
522
|
-
.calendar-week__event.is-editable[data-v-
|
|
525
|
+
.calendar-week__event.is-editable[data-v-6b5ab9be] {
|
|
523
526
|
cursor: grab;
|
|
524
527
|
}
|
|
525
|
-
.calendar-week__event.has-disabled-dnd[data-v-
|
|
528
|
+
.calendar-week__event.has-disabled-dnd[data-v-6b5ab9be] {
|
|
526
529
|
cursor: initial;
|
|
527
530
|
}
|
|
528
|
-
.calendar-week__event .calendar-week__event-row[data-v-
|
|
531
|
+
.calendar-week__event .calendar-week__event-row[data-v-6b5ab9be] {
|
|
529
532
|
display: flex;
|
|
530
533
|
align-items: flex-start;
|
|
531
534
|
margin-bottom: 0.25em;
|
|
532
535
|
}
|
|
533
|
-
.calendar-week__event .calendar-week__event-row p[data-v-
|
|
536
|
+
.calendar-week__event .calendar-week__event-row p[data-v-6b5ab9be] {
|
|
534
537
|
margin: 0;
|
|
535
538
|
padding: 0;
|
|
536
539
|
}
|
|
537
|
-
.calendar-week__event .calendar-week__event-info-wrapper[data-v-
|
|
540
|
+
.calendar-week__event .calendar-week__event-info-wrapper[data-v-6b5ab9be] {
|
|
538
541
|
position: relative;
|
|
539
542
|
padding: var(--qalendar-spacing-half);
|
|
540
543
|
font-size: var(--qalendar-font-xs);
|
|
@@ -542,27 +545,27 @@ display: block;
|
|
|
542
545
|
box-sizing: border-box;
|
|
543
546
|
user-select: none;
|
|
544
547
|
}
|
|
545
|
-
.calendar-week__event .calendar-week__event-blend-out[data-v-
|
|
548
|
+
.calendar-week__event .calendar-week__event-blend-out[data-v-6b5ab9be] {
|
|
546
549
|
position: absolute;
|
|
547
550
|
bottom: 0;
|
|
548
551
|
height: 20px;
|
|
549
552
|
width: 100%;
|
|
550
553
|
transform: translateX(calc(var(--qalendar-spacing-half) * -1));
|
|
551
554
|
}
|
|
552
|
-
.calendar-week__event .calendar-week__event-icon[data-v-
|
|
555
|
+
.calendar-week__event .calendar-week__event-icon[data-v-6b5ab9be] {
|
|
553
556
|
margin: 2px 4px 0 0;
|
|
554
557
|
font-size: var(--qalendar-font-xs);
|
|
555
558
|
}
|
|
556
|
-
.calendar-week__event .calendar-week__event-resize[data-v-
|
|
559
|
+
.calendar-week__event .calendar-week__event-resize[data-v-6b5ab9be] {
|
|
557
560
|
position: absolute;
|
|
558
561
|
width: 100%;
|
|
559
562
|
cursor: ns-resize;
|
|
560
563
|
height: 5px;
|
|
561
564
|
}
|
|
562
|
-
.calendar-week__event .calendar-week__event-resize-up[data-v-
|
|
565
|
+
.calendar-week__event .calendar-week__event-resize-up[data-v-6b5ab9be] {
|
|
563
566
|
top: 0;
|
|
564
567
|
}
|
|
565
|
-
.calendar-week__event .calendar-week__event-resize-down[data-v-
|
|
568
|
+
.calendar-week__event .calendar-week__event-resize-down[data-v-6b5ab9be] {
|
|
566
569
|
bottom: 0;
|
|
567
570
|
}
|
|
568
571
|
|
|
@@ -4305,20 +4308,20 @@ body:has(.bg-dark.is-active) {
|
|
|
4305
4308
|
background: transparent;
|
|
4306
4309
|
}
|
|
4307
4310
|
|
|
4308
|
-
.fixed-columns[data-v-
|
|
4311
|
+
.fixed-columns[data-v-ea9bc123] {
|
|
4309
4312
|
border-right: 2px solid var(--border-color);
|
|
4310
4313
|
}
|
|
4311
|
-
.spreadsheet table[data-v-
|
|
4314
|
+
.spreadsheet table[data-v-ea9bc123] {
|
|
4312
4315
|
border-collapse: collapse;
|
|
4313
4316
|
}
|
|
4314
|
-
.spreadsheet th[data-v-
|
|
4317
|
+
.spreadsheet th[data-v-ea9bc123], .spreadsheet td[data-v-ea9bc123] {
|
|
4315
4318
|
border: 1px solid var(--border-color);
|
|
4316
4319
|
padding: 0.1rem 0.5rem;
|
|
4317
4320
|
min-width: 80px;
|
|
4318
4321
|
background: var(--bgl-white);
|
|
4319
4322
|
user-select: none;
|
|
4320
4323
|
}
|
|
4321
|
-
.spreadsheet th[data-v-
|
|
4324
|
+
.spreadsheet th[data-v-ea9bc123] {
|
|
4322
4325
|
background: var(--input-bg);
|
|
4323
4326
|
white-space: nowrap;
|
|
4324
4327
|
position: relative;
|
|
@@ -4326,27 +4329,27 @@ body:has(.bg-dark.is-active) {
|
|
|
4326
4329
|
font-weight: 500;
|
|
4327
4330
|
text-align: start;
|
|
4328
4331
|
}
|
|
4329
|
-
.spreadsheet th .bgl_icon-font[data-v-
|
|
4332
|
+
.spreadsheet th .bgl_icon-font[data-v-ea9bc123]{
|
|
4330
4333
|
vertical-align: middle;
|
|
4331
4334
|
}
|
|
4332
|
-
.spreadsheet td.selected[data-v-
|
|
4335
|
+
.spreadsheet td.selected[data-v-ea9bc123] {
|
|
4333
4336
|
background: var(--bgl-primary-light);
|
|
4334
4337
|
}
|
|
4335
|
-
.spreadsheet td.locked[data-v-
|
|
4338
|
+
.spreadsheet td.locked[data-v-ea9bc123] {
|
|
4336
4339
|
background: var(--bgl-gray-light);
|
|
4337
4340
|
cursor: default;
|
|
4338
4341
|
}
|
|
4339
|
-
.spreadsheet td.locked.selected[data-v-
|
|
4342
|
+
.spreadsheet td.locked.selected[data-v-ea9bc123] {
|
|
4340
4343
|
background: var(--bgl-primary-light);
|
|
4341
4344
|
}
|
|
4342
|
-
.spreadsheet td[data-v-
|
|
4345
|
+
.spreadsheet td[data-v-ea9bc123] {
|
|
4343
4346
|
height: 40px;
|
|
4344
4347
|
vertical-align: middle;
|
|
4345
4348
|
}
|
|
4346
|
-
.spreadsheet td[data-v-
|
|
4349
|
+
.spreadsheet td[data-v-ea9bc123]:has(img){
|
|
4347
4350
|
padding: 0;
|
|
4348
4351
|
}
|
|
4349
|
-
.spreadsheet td span[data-v-
|
|
4352
|
+
.spreadsheet td span[data-v-ea9bc123]{
|
|
4350
4353
|
display: block;
|
|
4351
4354
|
display: -webkit-box;
|
|
4352
4355
|
max-width: 100%;
|
|
@@ -4356,7 +4359,7 @@ body:has(.bg-dark.is-active) {
|
|
|
4356
4359
|
-webkit-line-clamp: 1;
|
|
4357
4360
|
word-break: break-all;
|
|
4358
4361
|
}
|
|
4359
|
-
.spreadsheet input[data-v-
|
|
4362
|
+
.spreadsheet input[data-v-ea9bc123] {
|
|
4360
4363
|
width: 100%;
|
|
4361
4364
|
border: none;
|
|
4362
4365
|
background: transparent;
|
|
@@ -4365,31 +4368,31 @@ body:has(.bg-dark.is-active) {
|
|
|
4365
4368
|
min-height: 0;
|
|
4366
4369
|
min-width: 0;
|
|
4367
4370
|
}
|
|
4368
|
-
.spreadsheet input[data-v-
|
|
4371
|
+
.spreadsheet input[data-v-ea9bc123]:focus {
|
|
4369
4372
|
outline: 2px solid var(--bgl-primary);
|
|
4370
4373
|
outline-offset: 6px;
|
|
4371
4374
|
}
|
|
4372
|
-
.spreadsheet th.sortable[data-v-
|
|
4375
|
+
.spreadsheet th.sortable[data-v-ea9bc123] {
|
|
4373
4376
|
cursor: pointer;
|
|
4374
4377
|
}
|
|
4375
|
-
.row-number-header[data-v-
|
|
4378
|
+
.row-number-header[data-v-ea9bc123], .row-number[data-v-ea9bc123] {
|
|
4376
4379
|
width: fit-content;
|
|
4377
4380
|
min-width: fit-content !important;
|
|
4378
4381
|
padding: 0.1rem 0.7rem !important;
|
|
4379
4382
|
}
|
|
4380
|
-
.spreadsheet td .bgl-checkbox[data-v-
|
|
4383
|
+
.spreadsheet td .bgl-checkbox[data-v-ea9bc123]{
|
|
4381
4384
|
margin: 0;
|
|
4382
4385
|
text-align: center;
|
|
4383
4386
|
justify-content: center;
|
|
4384
4387
|
}
|
|
4385
|
-
.spreadsheet td[data-v-
|
|
4388
|
+
.spreadsheet td[data-v-ea9bc123]:has(.bgl-checkbox){
|
|
4386
4389
|
text-align: center;
|
|
4387
4390
|
background: var(--input-bg);
|
|
4388
4391
|
}
|
|
4389
|
-
.spreadsheet td[data-v-
|
|
4392
|
+
.spreadsheet td[data-v-ea9bc123]:has(:checked){
|
|
4390
4393
|
background: var(--bgl-primary-light);
|
|
4391
4394
|
}
|
|
4392
|
-
.spreadsheetCellPlaceHolder[data-v-
|
|
4395
|
+
.spreadsheetCellPlaceHolder[data-v-ea9bc123]{
|
|
4393
4396
|
height: 0px;
|
|
4394
4397
|
overflow: hidden;
|
|
4395
4398
|
opactiy: 0;
|
|
@@ -4427,19 +4430,19 @@ body:has(.bg-dark.is-active) {
|
|
|
4427
4430
|
-moz-user-drag: none;
|
|
4428
4431
|
}
|
|
4429
4432
|
|
|
4430
|
-
.lightbox-image[data-v-
|
|
4433
|
+
.lightbox-image[data-v-194584ac]{
|
|
4431
4434
|
object-fit: contain;
|
|
4432
4435
|
}
|
|
4433
|
-
.bgl-lightbox-overlay[data-v-
|
|
4436
|
+
.bgl-lightbox-overlay[data-v-194584ac] {
|
|
4434
4437
|
background: rgba(0, 0, 0, 0.8);
|
|
4435
4438
|
}
|
|
4436
|
-
.bgl-lightbox[data-v-
|
|
4439
|
+
.bgl-lightbox[data-v-194584ac] {
|
|
4437
4440
|
max-height: 90%;
|
|
4438
4441
|
}
|
|
4439
|
-
.bgl-lightbox-item[data-v-
|
|
4440
|
-
animation: 500ms ease bgl-lightbox-load-
|
|
4442
|
+
.bgl-lightbox-item[data-v-194584ac]{
|
|
4443
|
+
animation: 500ms ease bgl-lightbox-load-194584ac;
|
|
4441
4444
|
}
|
|
4442
|
-
@keyframes bgl-lightbox-load-
|
|
4445
|
+
@keyframes bgl-lightbox-load-194584ac {
|
|
4443
4446
|
from {
|
|
4444
4447
|
scale:0.7;
|
|
4445
4448
|
}
|
|
@@ -4447,44 +4450,44 @@ to {
|
|
|
4447
4450
|
scale:1;
|
|
4448
4451
|
}
|
|
4449
4452
|
}
|
|
4450
|
-
.bgl-lightbox-item[data-v-
|
|
4453
|
+
.bgl-lightbox-item[data-v-194584ac] * {
|
|
4451
4454
|
max-height: calc(80vh - 90px);
|
|
4452
4455
|
border-radius: 3px;
|
|
4453
4456
|
margin: auto;
|
|
4454
|
-
animation: 200ms ease bgl-lightbox-load-
|
|
4457
|
+
animation: 200ms ease bgl-lightbox-load-194584ac;
|
|
4455
4458
|
transition: max-height 200ms ease;
|
|
4456
4459
|
}
|
|
4457
|
-
.bgl-lightbox-item.zoomed[data-v-
|
|
4460
|
+
.bgl-lightbox-item.zoomed[data-v-194584ac] * {
|
|
4458
4461
|
max-height: calc(100vh - 90px);
|
|
4459
4462
|
height: calc(100vh - 90px);
|
|
4460
4463
|
}
|
|
4461
|
-
.navigation[data-v-
|
|
4464
|
+
.navigation[data-v-194584ac] {
|
|
4462
4465
|
top: 50%;
|
|
4463
4466
|
transform: translateY(-50%);
|
|
4464
4467
|
}
|
|
4465
|
-
.thumbnail[data-v-
|
|
4468
|
+
.thumbnail[data-v-194584ac] {
|
|
4466
4469
|
height: 50px;
|
|
4467
4470
|
width: 50px;
|
|
4468
4471
|
}
|
|
4469
|
-
.thumbnail[data-v-
|
|
4472
|
+
.thumbnail[data-v-194584ac]:hover {
|
|
4470
4473
|
opacity: 1;
|
|
4471
4474
|
}
|
|
4472
|
-
.thumbnail[data-v-
|
|
4475
|
+
.thumbnail[data-v-194584ac]:active {
|
|
4473
4476
|
opacity: 0.8;
|
|
4474
4477
|
}
|
|
4475
|
-
.thumbnail.active[data-v-
|
|
4478
|
+
.thumbnail.active[data-v-194584ac] {
|
|
4476
4479
|
opacity: 1;
|
|
4477
4480
|
outline: 2px solid white;
|
|
4478
4481
|
}
|
|
4479
|
-
.file-info[data-v-
|
|
4482
|
+
.file-info[data-v-194584ac]{
|
|
4480
4483
|
max-width: 420px
|
|
4481
4484
|
}
|
|
4482
4485
|
@media screen and (max-width: 910px) {
|
|
4483
|
-
.file-info[data-v-
|
|
4486
|
+
.file-info[data-v-194584ac]{
|
|
4484
4487
|
max-width: 220px;
|
|
4485
4488
|
text-align: center !important;
|
|
4486
4489
|
}
|
|
4487
|
-
.file-info[data-v-
|
|
4490
|
+
.file-info[data-v-194584ac] *{
|
|
4488
4491
|
text-align: center !important;
|
|
4489
4492
|
margin-inline: 0 !important;;
|
|
4490
4493
|
max-width: 100% !important;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { SelectInput, TextInput } from '..';
|
|
2
|
+
import { VNode } from 'vue';
|
|
2
3
|
export type AttributeValue = string | number | boolean | undefined | undefined | {
|
|
3
4
|
[key: string]: any;
|
|
4
5
|
};
|
|
@@ -24,7 +25,7 @@ export interface BaseBagelField<T = {
|
|
|
24
25
|
'id'?: keyof T extends string ? keyof T : string;
|
|
25
26
|
'label'?: string;
|
|
26
27
|
'placeholder'?: string;
|
|
27
|
-
'children'?: (Field<T> | string)[];
|
|
28
|
+
'children'?: (Field<T> | string | VNode)[];
|
|
28
29
|
'class'?: AttributeValue | AttributeFn<T>;
|
|
29
30
|
'attrs'?: Attributes<T>;
|
|
30
31
|
'required'?: boolean;
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/components/Btn.vue
CHANGED
|
@@ -239,6 +239,9 @@ a {
|
|
|
239
239
|
[dir="rtl"] .bgl_btn-icon{
|
|
240
240
|
transform: rotateY(180deg);
|
|
241
241
|
}
|
|
242
|
+
[dir="rtl"] .ltr .bgl_btn-icon{
|
|
243
|
+
transform: rotateY(0deg);
|
|
244
|
+
}
|
|
242
245
|
|
|
243
246
|
.bgl_btn-border, .bgl_btn-icon.bgl_btn_flat.bgl_btn-border {
|
|
244
247
|
border: 1px solid var(--btn-flat-color);
|
|
@@ -76,7 +76,6 @@ const clientYDragStart = ref<null | number>(null)
|
|
|
76
76
|
const clientXDragStart = ref<null | number>(null)
|
|
77
77
|
const changeInQuartersOnDrag = ref(0)
|
|
78
78
|
const changeInDaysOnDrag = ref(0)
|
|
79
|
-
const isDragging = ref(false)
|
|
80
79
|
const timeStartDragStart = ref(props.eventProp.time.start)
|
|
81
80
|
const timeEndDragStart = ref(props.eventProp.time.end)
|
|
82
81
|
|
|
@@ -14,6 +14,7 @@ interface ColumnConfig {
|
|
|
14
14
|
width?: string
|
|
15
15
|
fixed?: boolean
|
|
16
16
|
hidden?: boolean
|
|
17
|
+
defaultValue?: any
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
// Define props interface with column configuration
|
|
@@ -119,7 +120,8 @@ const columns = computed(() => {
|
|
|
119
120
|
format: configuredColumn?.format ?? 'text',
|
|
120
121
|
width: configuredColumn?.width,
|
|
121
122
|
fixed: configuredColumn?.fixed ?? false,
|
|
122
|
-
hidden: configuredColumn?.hidden ?? false
|
|
123
|
+
hidden: configuredColumn?.hidden ?? false,
|
|
124
|
+
defaultValue: configuredColumn?.defaultValue
|
|
123
125
|
} as ColumnConfig
|
|
124
126
|
})
|
|
125
127
|
})
|
|
@@ -213,9 +215,6 @@ const isSelecting = ref(false)
|
|
|
213
215
|
const selectionStart = ref<CellPosition | null>(null)
|
|
214
216
|
const selectionEnd = ref<CellPosition | null>(null)
|
|
215
217
|
|
|
216
|
-
// Variable to hold copied cell data
|
|
217
|
-
const copiedData = ref<string[][]>([])
|
|
218
|
-
|
|
219
218
|
// Reactive variable to track the currently editing cell
|
|
220
219
|
const editingCell = ref<CellPosition | null>(null)
|
|
221
220
|
|
|
@@ -352,7 +351,8 @@ function updateCell(rowIndex: number, key: string, newValue: string | boolean) {
|
|
|
352
351
|
|
|
353
352
|
saveState('cell')
|
|
354
353
|
const parsedValue = parseValueForFormat(newValue, column?.format)
|
|
355
|
-
|
|
354
|
+
// If the parsed value is null/undefined, use the default value
|
|
355
|
+
localRows.value[rowIndex][key] = parsedValue ?? column?.defaultValue ?? (column?.format === 'boolean' ? false : '')
|
|
356
356
|
emitUpdate()
|
|
357
357
|
}
|
|
358
358
|
|
|
@@ -365,12 +365,16 @@ const scrollableColumns = computed(() => {
|
|
|
365
365
|
return columns.value.filter(col => !col.fixed && !col.hidden)
|
|
366
366
|
})
|
|
367
367
|
|
|
368
|
-
// Update createEmptyRow to
|
|
368
|
+
// Update createEmptyRow to use defaultValue from column config
|
|
369
369
|
function createEmptyRow(): Record<string, any> {
|
|
370
370
|
const newRow: Record<string, any> = {}
|
|
371
371
|
columns.value.forEach((col) => {
|
|
372
|
-
//
|
|
373
|
-
|
|
372
|
+
// Use defaultValue if provided, otherwise use format-specific defaults
|
|
373
|
+
if (col.defaultValue !== undefined) {
|
|
374
|
+
newRow[col.key] = col.defaultValue
|
|
375
|
+
} else {
|
|
376
|
+
newRow[col.key] = col.format === 'boolean' ? false : ''
|
|
377
|
+
}
|
|
374
378
|
})
|
|
375
379
|
return newRow
|
|
376
380
|
}
|
|
@@ -460,7 +464,7 @@ async function pasteSelection() {
|
|
|
460
464
|
// Add a variable to track the original value before editing
|
|
461
465
|
const editingOriginalValue = ref<string | null>(null)
|
|
462
466
|
|
|
463
|
-
// Update the startEditing function to
|
|
467
|
+
// Update the startEditing function to handle focus properly
|
|
464
468
|
function startEditing(row: number, col: number, initialKey?: string) {
|
|
465
469
|
const columnKey = columns.value[col]?.key
|
|
466
470
|
if (!columnKey) return
|
|
@@ -474,11 +478,17 @@ function startEditing(row: number, col: number, initialKey?: string) {
|
|
|
474
478
|
if (initialKey !== undefined) {
|
|
475
479
|
updateCell(row, columnKey, initialKey)
|
|
476
480
|
}
|
|
481
|
+
|
|
482
|
+
// Focus the input on the next tick after Vue has updated the DOM
|
|
477
483
|
nextTick(() => {
|
|
478
484
|
const inputKey = `cell-${row}-${col}`
|
|
479
485
|
const input = editInputRef.value.get(inputKey)
|
|
480
486
|
if (input) {
|
|
481
487
|
input.focus()
|
|
488
|
+
// If we have an initial key, set the selection to the end
|
|
489
|
+
if (initialKey !== undefined) {
|
|
490
|
+
input.value = initialKey
|
|
491
|
+
}
|
|
482
492
|
}
|
|
483
493
|
})
|
|
484
494
|
}
|
|
@@ -494,7 +504,20 @@ function stopEditing(cancelled = false) {
|
|
|
494
504
|
}
|
|
495
505
|
editingCell.value = null
|
|
496
506
|
editingOriginalValue.value = null
|
|
497
|
-
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
// Update the handleStopEditingAndBlur function
|
|
510
|
+
function handleStopEditingAndBlur(cancelled = false) {
|
|
511
|
+
nextTick(() => {
|
|
512
|
+
stopEditing(cancelled)
|
|
513
|
+
nextTick(() => {
|
|
514
|
+
// Force focus back to the main spreadsheet container
|
|
515
|
+
const spreadsheet = document.querySelector('.spreadsheet') as HTMLElement
|
|
516
|
+
if (spreadsheet) {
|
|
517
|
+
spreadsheet.focus()
|
|
518
|
+
}
|
|
519
|
+
})
|
|
520
|
+
})
|
|
498
521
|
}
|
|
499
522
|
|
|
500
523
|
window.addEventListener('mouseup', handleMouseUp)
|
|
@@ -619,7 +642,7 @@ const filteredRows = computed(() => {
|
|
|
619
642
|
locked: !isCellEditable(col.key),
|
|
620
643
|
}"
|
|
621
644
|
:style="{ width: col.width }"
|
|
622
|
-
tabindex="0"
|
|
645
|
+
:tabindex="col.hidden ? undefined : 0"
|
|
623
646
|
@mousedown="handleMouseDown(rowIndex, fixedColumns.indexOf(col))"
|
|
624
647
|
@mouseover="handleMouseOver(rowIndex, fixedColumns.indexOf(col))"
|
|
625
648
|
@focusin="handleMouseOver(rowIndex, fixedColumns.indexOf(col))"
|
|
@@ -632,11 +655,10 @@ const filteredRows = computed(() => {
|
|
|
632
655
|
:value="row[col.key]"
|
|
633
656
|
type="text"
|
|
634
657
|
class="spreadsheet-input"
|
|
635
|
-
autofocus
|
|
636
658
|
@input="(e: Event) => updateCell(rowIndex, col.key, (e.target as HTMLInputElement).value)"
|
|
637
|
-
@blur="
|
|
638
|
-
@keydown.
|
|
639
|
-
@keydown.
|
|
659
|
+
@blur="handleStopEditingAndBlur(false)"
|
|
660
|
+
@keydown.enter.prevent="handleStopEditingAndBlur(false)"
|
|
661
|
+
@keydown.esc.prevent="handleStopEditingAndBlur(true)"
|
|
640
662
|
@mousedown.stop
|
|
641
663
|
>
|
|
642
664
|
<span class="spreadsheet-cell spreadsheetCellPlaceHolder">{{ formatCellValue(row[col.key], col.format) }}</span>
|
|
@@ -695,7 +717,7 @@ const filteredRows = computed(() => {
|
|
|
695
717
|
locked: !isCellEditable(col.key),
|
|
696
718
|
}"
|
|
697
719
|
:style="{ width: col.width }"
|
|
698
|
-
tabindex="0"
|
|
720
|
+
:tabindex="col.hidden ? undefined : 0"
|
|
699
721
|
@mousedown="handleMouseDown(rowIndex, fixedColumns.length + colIndex)"
|
|
700
722
|
@mouseover="handleMouseOver(rowIndex, fixedColumns.length + colIndex)"
|
|
701
723
|
@focusin="handleMouseOver(rowIndex, fixedColumns.length + colIndex)"
|
|
@@ -708,11 +730,10 @@ const filteredRows = computed(() => {
|
|
|
708
730
|
:value="row[col.key]"
|
|
709
731
|
type="text"
|
|
710
732
|
class="spreadsheet-input"
|
|
711
|
-
autofocus
|
|
712
733
|
@input="(e: Event) => updateCell(rowIndex, col.key, (e.target as HTMLInputElement).value)"
|
|
713
|
-
@blur="
|
|
714
|
-
@keydown.
|
|
715
|
-
@keydown.
|
|
734
|
+
@blur="handleStopEditingAndBlur(false)"
|
|
735
|
+
@keydown.enter.prevent="handleStopEditingAndBlur(false)"
|
|
736
|
+
@keydown.esc.prevent="handleStopEditingAndBlur(true)"
|
|
716
737
|
@mousedown.stop
|
|
717
738
|
>
|
|
718
739
|
<span class="spreadsheet-cell spreadsheetCellPlaceHolder">{{ formatCellValue(row[col.key], col.format) }}</span>
|