@bagelink/vue 0.0.1300 → 1.0.1

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.
Files changed (33) hide show
  1. package/dist/components/AddressSearch.vue.d.ts +0 -3
  2. package/dist/components/AddressSearch.vue.d.ts.map +1 -1
  3. package/dist/components/DataPreview.vue.d.ts +1 -1
  4. package/dist/components/DataPreview.vue.d.ts.map +1 -1
  5. package/dist/components/DropDown.vue.d.ts +0 -1
  6. package/dist/components/DropDown.vue.d.ts.map +1 -1
  7. package/dist/components/form/inputs/ColorInput.vue.d.ts +21 -0
  8. package/dist/components/form/inputs/ColorInput.vue.d.ts.map +1 -0
  9. package/dist/components/form/inputs/SelectInput.vue.d.ts +0 -6
  10. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/TelInput.vue.d.ts +1 -618
  12. package/dist/components/form/inputs/TelInput.vue.d.ts.map +1 -1
  13. package/dist/components/form/inputs/index.d.ts +1 -1
  14. package/dist/components/form/inputs/index.d.ts.map +1 -1
  15. package/dist/composables/useSchemaField.d.ts.map +1 -1
  16. package/dist/index.cjs +300 -221
  17. package/dist/index.mjs +301 -222
  18. package/dist/style.css +32 -32
  19. package/dist/utils/BagelFormUtils.d.ts +5 -0
  20. package/dist/utils/BagelFormUtils.d.ts.map +1 -1
  21. package/dist/utils/timeAgo.d.ts +1 -0
  22. package/dist/utils/timeAgo.d.ts.map +1 -1
  23. package/package.json +1 -1
  24. package/src/components/DataPreview.vue +2 -2
  25. package/src/components/Dropdown.vue +20 -3
  26. package/src/components/Spreadsheet/Index.vue +2 -2
  27. package/src/components/form/FieldArray.vue +1 -1
  28. package/src/components/form/inputs/{ColorPicker.vue → ColorInput.vue} +1 -1
  29. package/src/components/form/inputs/TelInput.vue +198 -172
  30. package/src/components/form/inputs/index.ts +1 -1
  31. package/src/composables/useSchemaField.ts +6 -1
  32. package/src/utils/BagelFormUtils.ts +17 -3
  33. package/src/utils/timeAgo.ts +36 -0
package/dist/style.css CHANGED
@@ -995,23 +995,23 @@ display: block;
995
995
  }
996
996
  }
997
997
 
998
- .data-preview[data-v-550fe546] {
998
+ .data-preview[data-v-74c7df87] {
999
999
  display: flex;
1000
1000
  flex-direction: column;
1001
1001
  gap: 0.5rem;
1002
1002
  }
1003
- .preview-field[data-v-550fe546] {
1003
+ .preview-field[data-v-74c7df87] {
1004
1004
  display: flex;
1005
1005
  flex-direction: row;
1006
1006
  align-items: center;
1007
1007
  gap: 0.5rem;
1008
1008
  }
1009
- .field-label[data-v-550fe546] {
1009
+ .field-label[data-v-74c7df87] {
1010
1010
  font-size: 0.8rem;
1011
1011
  color: var(--bgl-black-tint);
1012
1012
  font-weight: 500;
1013
1013
  }
1014
- .field-value[data-v-550fe546] {
1014
+ .field-value[data-v-74c7df87] {
1015
1015
  font-size: 0.95rem;
1016
1016
  }
1017
1017
 
@@ -2365,7 +2365,7 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
2365
2365
  box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
2366
2366
  }
2367
2367
 
2368
- .tel-input[data-v-492fcc54] {
2368
+ .tel-input[data-v-a77caf64] {
2369
2369
  direction: ltr;
2370
2370
  text-align: left;
2371
2371
  background: var(--input-bg);
@@ -2376,21 +2376,21 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
2376
2376
  min-width: calc(var(--input-height) * 3);
2377
2377
  width: 100%;
2378
2378
  }
2379
- .tel-input[data-v-492fcc54]:focus-within {
2379
+ .tel-input[data-v-a77caf64]:focus-within {
2380
2380
  outline: none;
2381
2381
  box-shadow: inset 0 0 10px #00000012;
2382
2382
  }
2383
- .tel-input input[data-v-492fcc54] {
2383
+ .tel-input input[data-v-a77caf64] {
2384
2384
  background: transparent;
2385
2385
  }
2386
- .tel-input input[data-v-492fcc54]:focus-visible {
2386
+ .tel-input input[data-v-a77caf64]:focus-visible {
2387
2387
  box-shadow: none;
2388
2388
  }
2389
- .input_country-code[data-v-492fcc54] {
2389
+ .input_country-code[data-v-a77caf64] {
2390
2390
  font-size: var(--input-font-size);
2391
2391
  color: var(--input-color);
2392
2392
  }
2393
- .tel-country[data-v-492fcc54] {
2393
+ .tel-country[data-v-a77caf64] {
2394
2394
  font-size: var(--input-font-size);
2395
2395
  max-width: 200px;
2396
2396
  white-space: nowrap;
@@ -2399,7 +2399,7 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
2399
2399
  margin-top: 0;
2400
2400
  margin-bottom: 0;
2401
2401
  }
2402
- .tel-countryp-dropdown[data-v-492fcc54] {
2402
+ .tel-countryp-dropdown[data-v-a77caf64] {
2403
2403
  direction: ltr;
2404
2404
  text-align: left;
2405
2405
  }
@@ -4404,20 +4404,20 @@ body:has(.bg-dark.is-active) {
4404
4404
  background: transparent;
4405
4405
  }
4406
4406
 
4407
- .fixed-columns[data-v-2976f0c9] {
4407
+ .fixed-columns[data-v-f204ab99] {
4408
4408
  border-right: 2px solid var(--border-color);
4409
4409
  }
4410
- .spreadsheet table[data-v-2976f0c9] {
4410
+ .spreadsheet table[data-v-f204ab99] {
4411
4411
  border-collapse: collapse;
4412
4412
  }
4413
- .spreadsheet th[data-v-2976f0c9], .spreadsheet td[data-v-2976f0c9] {
4413
+ .spreadsheet th[data-v-f204ab99], .spreadsheet td[data-v-f204ab99] {
4414
4414
  border: 1px solid var(--border-color);
4415
4415
  padding: 0.1rem 0.5rem;
4416
4416
  min-width: 80px;
4417
4417
  background: var(--bgl-white);
4418
4418
  user-select: none;
4419
4419
  }
4420
- .spreadsheet th[data-v-2976f0c9] {
4420
+ .spreadsheet th[data-v-f204ab99] {
4421
4421
  background: var(--input-bg);
4422
4422
  white-space: nowrap;
4423
4423
  position: relative;
@@ -4425,27 +4425,27 @@ body:has(.bg-dark.is-active) {
4425
4425
  font-weight: 500;
4426
4426
  text-align: start;
4427
4427
  }
4428
- .spreadsheet th .bgl_icon-font[data-v-2976f0c9]{
4428
+ .spreadsheet th .bgl_icon-font[data-v-f204ab99]{
4429
4429
  vertical-align: middle;
4430
4430
  }
4431
- .spreadsheet td.selected[data-v-2976f0c9] {
4431
+ .spreadsheet td.selected[data-v-f204ab99] {
4432
4432
  background: var(--bgl-primary-light);
4433
4433
  }
4434
- .spreadsheet td.locked[data-v-2976f0c9] {
4434
+ .spreadsheet td.locked[data-v-f204ab99] {
4435
4435
  background: var(--bgl-gray-light);
4436
4436
  cursor: default;
4437
4437
  }
4438
- .spreadsheet td.locked.selected[data-v-2976f0c9] {
4438
+ .spreadsheet td.locked.selected[data-v-f204ab99] {
4439
4439
  background: var(--bgl-primary-light);
4440
4440
  }
4441
- .spreadsheet td[data-v-2976f0c9] {
4441
+ .spreadsheet td[data-v-f204ab99] {
4442
4442
  height: 40px;
4443
4443
  vertical-align: middle;
4444
4444
  }
4445
- .spreadsheet td[data-v-2976f0c9]:has(img){
4445
+ .spreadsheet td[data-v-f204ab99]:has(img){
4446
4446
  padding: 0;
4447
4447
  }
4448
- .spreadsheet td span[data-v-2976f0c9]{
4448
+ .spreadsheet td span[data-v-f204ab99]{
4449
4449
  display: block;
4450
4450
  display: -webkit-box;
4451
4451
  max-width: 100%;
@@ -4455,7 +4455,7 @@ body:has(.bg-dark.is-active) {
4455
4455
  -webkit-line-clamp: 1;
4456
4456
  word-break: break-all;
4457
4457
  }
4458
- .spreadsheet input[data-v-2976f0c9] {
4458
+ .spreadsheet input[data-v-f204ab99] {
4459
4459
  width: 100%;
4460
4460
  border: none;
4461
4461
  background: transparent;
@@ -4464,35 +4464,35 @@ body:has(.bg-dark.is-active) {
4464
4464
  min-height: 0;
4465
4465
  min-width: 0;
4466
4466
  }
4467
- .spreadsheet input[data-v-2976f0c9]:focus {
4467
+ .spreadsheet input[data-v-f204ab99]:focus {
4468
4468
  outline: 2px solid var(--bgl-primary);
4469
4469
  outline-offset: 6px;
4470
4470
  }
4471
- .spreadsheet th.sortable[data-v-2976f0c9] {
4471
+ .spreadsheet th.sortable[data-v-f204ab99] {
4472
4472
  cursor: pointer;
4473
4473
  }
4474
- .row-number-header[data-v-2976f0c9], .row-number[data-v-2976f0c9] {
4474
+ .row-number-header[data-v-f204ab99], .row-number[data-v-f204ab99] {
4475
4475
  width: fit-content;
4476
4476
  min-width: fit-content !important;
4477
4477
  padding: 0.1rem 0.7rem !important;
4478
4478
  }
4479
- .spreadsheet td .bgl-checkbox[data-v-2976f0c9]{
4479
+ .spreadsheet td .bgl-checkbox[data-v-f204ab99]{
4480
4480
  margin: 0;
4481
4481
  text-align: center;
4482
4482
  justify-content: center;
4483
4483
  }
4484
- .spreadsheet td[data-v-2976f0c9]:has(.bgl-checkbox){
4484
+ .spreadsheet td[data-v-f204ab99]:has(.bgl-checkbox){
4485
4485
  text-align: center;
4486
4486
  background: var(--input-bg);
4487
4487
  }
4488
- .spreadsheet td[data-v-2976f0c9]:has(:checked){
4488
+ .spreadsheet td[data-v-f204ab99]:has(:checked){
4489
4489
  background: var(--bgl-primary-light);
4490
4490
  }
4491
- .spreadsheetCellPlaceHolder[data-v-2976f0c9]{
4491
+ .spreadsheetCellPlaceHolder[data-v-f204ab99]{
4492
4492
  height: 0px;
4493
4493
  overflow: hidden;
4494
- opactiy: 0;
4495
- poiner-events: none;
4494
+ opacity: 0;
4495
+ pointer-events: none;
4496
4496
  user-select: none;
4497
4497
  }
4498
4498
 
@@ -109,6 +109,11 @@ export declare function telField<T extends {
109
109
  }>(id: DotNotation<T> | string, label?: string, options?: {
110
110
  [key: string]: any;
111
111
  }): Field<T>;
112
+ export declare function colorField<T extends {
113
+ [key: string]: any;
114
+ }>(id: DotNotation<T> | string, label?: string, options?: {
115
+ [key: string]: any;
116
+ }): Field<T>;
112
117
  export declare function findBglFieldById(id: string, _schema: BglFormSchemaT): Field | undefined;
113
118
  interface ArrayFieldOptions extends InputOptions {
114
119
  delete?: boolean;
@@ -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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAA;AAErF,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,CAAA;CAClD;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,GAAG,CAAA;CAClC;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC5D,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC5B,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,EAC5C,IAAI,GAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,GAC1B,KAAK,CAAC,CAAC,CAAC,CAGV;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAAC,CAAC,CAAC,CAWV;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAAC,CAAC,CAAC,CAiBV;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC3D,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAAC,CAAC,CAAC,CAmBV;AAED,eAAO,MAAM,SAAS,oBAAc,CAAA;AAEpC,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC1D,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,YAAY,GACpB,KAAK,CAAC,CAAC,CAAC,CAQV;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACzD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,WAAW,GACnB,KAAK,CAAC,CAAC,CAAC,CAcV;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAAC,CAAC,CAAC,CAqBV;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,gBAAgB,CAAA;AAE3D,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa;;;;2BAjLtD,GAAG,OAAO,GAAG,KAAK,OAAO;;mBANtC,OAAO;sBACJ,MAAM;gBACZ,MAAM;uBACC,MAAM,GAAG,MAAM;mBACnB,OAAO;mBACP,MAAM;cACX,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;;;;;;;;;;;;;;;;EA2LlD;AAED,wBAAgB,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE;;;;;;;;;;;;;;;;EAgBrE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAC9B,KAAK,CAAC,CAAC,CAAC,CASV;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC1D,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAC9B,KAAK,CAAC,CAAC,CAAC,CASV;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,KAAK,GAAG,SAAS,CAUvF;AAED,UAAU,iBAAkB,SAAQ,YAAY;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,OAAO,CAAA;CACb;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,iBAAiB,GACzB,KAAK,CAAC,CAAC,CAAC,CAQV"}
@@ -1,4 +1,5 @@
1
1
  type AvailableTimeLanguages = 'en' | 'es' | 'fr' | 'he';
2
2
  export declare function timeAgo(date: string | Date, lang?: AvailableTimeLanguages): string;
3
+ export declare function formatDate(date?: string | Date, format?: string): string;
3
4
  export {};
4
5
  //# sourceMappingURL=timeAgo.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"timeAgo.d.ts","sourceRoot":"","sources":["../../src/utils/timeAgo.ts"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAqDvD,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,sBAA6B,UAsD/E"}
1
+ {"version":3,"file":"timeAgo.d.ts","sourceRoot":"","sources":["../../src/utils/timeAgo.ts"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAqDvD,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,sBAA6B,UAsD/E;AAkBD,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,GAAE,MAAmB,UAkB3E"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.1300",
4
+ "version": "1.0.1",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -6,10 +6,10 @@ import { computed, useSlots } from 'vue'
6
6
  import { useSchemaField } from '../composables/useSchemaField'
7
7
  import { useTableData } from './DataTable/useTableData'
8
8
 
9
- const props = defineProps<Omit<TableSchemaProps<T>, 'data'> & { data: T, includeUnset?: boolean }>()
9
+ const props = defineProps<Omit<TableSchemaProps<T>, 'data'> & { modelValue: T, includeUnset?: boolean }>()
10
10
  const slots = useSlots() as Slots & Record<string, (props: { row: T, field: BaseBagelField<T> }) => any>
11
11
 
12
- const data = computed(() => Array.isArray(props.data) ? props.data : [props.data])
12
+ const data = computed(() => Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue])
13
13
 
14
14
  const {
15
15
  computedSchema,
@@ -8,7 +8,22 @@ export type Side = 'top' | 'right' | 'bottom' | 'left' | 'auto'
8
8
  export type Alignment = 'start' | 'end'
9
9
  export type AlignedPlacement = 'auto' | `${Side}-${Alignment}`
10
10
 
11
- defineProps<{
11
+ const {
12
+ value,
13
+ thin,
14
+ flat,
15
+ disabled,
16
+ icon,
17
+ triggerClass,
18
+ iconEnd,
19
+ outline,
20
+ round,
21
+ placement = 'bottom-start',
22
+ noAutoFocus,
23
+ autoHide = true,
24
+ triggers = ['click'],
25
+
26
+ } = defineProps<{
12
27
  value?: string
13
28
  thin?: boolean
14
29
  flat?: boolean
@@ -21,7 +36,6 @@ defineProps<{
21
36
  round?: boolean
22
37
  placement?: AlignedPlacement
23
38
  noAutoFocus?: boolean
24
- positioningDisabled?: boolean
25
39
  autoHide?: boolean
26
40
  triggers?: TriggerEvent[]
27
41
  // theme
@@ -79,7 +93,8 @@ defineExpose({ show, hide, shown })
79
93
  ref="ddownRef"
80
94
  v-model:shown="shown"
81
95
  :disabled="disabled"
82
- :noAutoFocus :placement
96
+ :noAutoFocus="noAutoFocus"
97
+ :placement="placement"
83
98
  :autoHide="autoHide"
84
99
  :triggers="triggers"
85
100
  @hide="emit('hide')"
@@ -94,6 +109,8 @@ defineExpose({ show, hide, shown })
94
109
  :value="value"
95
110
  :thin="thin"
96
111
  :flat="flat"
112
+ :outline="outline"
113
+ :round="round"
97
114
  />
98
115
  </slot>
99
116
  <template #popper="{ hide, show }">
@@ -857,8 +857,8 @@ const filteredRows = computed(() => {
857
857
  .spreadsheetCellPlaceHolder{
858
858
  height: 0px;
859
859
  overflow: hidden;
860
- opactiy: 0;
861
- poiner-events: none;
860
+ opacity: 0;
861
+ pointer-events: none;
862
862
  user-select: none;
863
863
  }
864
864
  </style>
@@ -91,7 +91,7 @@ const { renderField } = useSchemaField<Record<string, any>>({
91
91
  {{ label }}
92
92
  </p>
93
93
 
94
- <div v-if="schema" class="ps-025 border-start">
94
+ <div v-if="schema" class="ps-025 border-start mb-05">
95
95
  <div v-for="(_, i) in data" :key="i" outline thin class="mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden">
96
96
  <BagelForm v-model="data[i]" :schema="schema" @update:model-value="emitValue" />
97
97
  <div class="bg-gray-80 -my-05 px-025 pt-065 txt-center">
@@ -26,7 +26,7 @@ watch(
26
26
  </script>
27
27
 
28
28
  <template>
29
- <div v-if="id" class="bagel-input" :class="{ small }" :title="label">
29
+ <div class="bagel-input" :class="{ small }" :title="label">
30
30
  <label>
31
31
  {{ label }}
32
32
  <input