@bagelink/vue 1.4.153 → 1.4.159

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 (46) hide show
  1. package/dist/components/Alert.vue.d.ts +17 -2
  2. package/dist/components/Alert.vue.d.ts.map +1 -1
  3. package/dist/components/ListItem.vue.d.ts +2 -2
  4. package/dist/components/ListItem.vue.d.ts.map +1 -1
  5. package/dist/components/Loading.vue.d.ts +3 -2
  6. package/dist/components/Loading.vue.d.ts.map +1 -1
  7. package/dist/components/Modal.vue.d.ts.map +1 -1
  8. package/dist/components/form/inputs/ColorInput.vue.d.ts.map +1 -1
  9. package/dist/components/form/inputs/DateInput.vue.d.ts +1 -1
  10. package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/NumberInput.vue.d.ts.map +1 -1
  12. package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
  13. package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts.map +1 -1
  14. package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
  15. package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
  16. package/dist/index.cjs +21 -21
  17. package/dist/index.mjs +21 -21
  18. package/dist/style.css +1 -1
  19. package/dist/types/BagelForm.d.ts +1 -0
  20. package/dist/types/BagelForm.d.ts.map +1 -1
  21. package/dist/types/BtnOptions.d.ts +3 -0
  22. package/dist/types/BtnOptions.d.ts.map +1 -1
  23. package/dist/utils/sizeParsing.d.ts +3 -0
  24. package/dist/utils/sizeParsing.d.ts.map +1 -0
  25. package/package.json +1 -1
  26. package/src/components/Alert.vue +12 -9
  27. package/src/components/ListItem.vue +42 -35
  28. package/src/components/Loading.vue +73 -25
  29. package/src/components/Modal.vue +40 -24
  30. package/src/components/form/inputs/ColorInput.vue +5 -5
  31. package/src/components/form/inputs/DateInput.vue +0 -1
  32. package/src/components/form/inputs/NumberInput.vue +2 -2
  33. package/src/components/form/inputs/RichText/index.vue +147 -271
  34. package/src/components/form/inputs/Upload/UploadInput.vue +95 -212
  35. package/src/components/form/inputs/Upload/upload.css +36 -2
  36. package/src/components/layout/AppSidebar.vue +1 -1
  37. package/src/components/layout/TabsNav.vue +24 -22
  38. package/src/components/lightbox/Lightbox.vue +1 -0
  39. package/src/styles/colors.css +502 -3
  40. package/src/styles/inputs.css +12 -4
  41. package/src/styles/layout.css +779 -1
  42. package/src/styles/mobilLayout.css +779 -1
  43. package/src/styles/mobileColors.css +4167 -3739
  44. package/src/types/BagelForm.ts +1 -0
  45. package/src/types/BtnOptions.ts +4 -0
  46. package/src/utils/sizeParsing.ts +26 -0
@@ -297,4 +297,5 @@ export interface UploadInputProps {
297
297
  dropPlaceholder?: string
298
298
  noFilePlaceholder?: string
299
299
  btnPlaceholder?: string
300
+ showFileList?: boolean
300
301
  }
@@ -14,3 +14,7 @@ export interface BtnOptions {
14
14
  value?: string
15
15
  border?: boolean
16
16
  }
17
+
18
+ export type UnitSize = 'px' | 'rem' | 'vh' | 'vw'
19
+ export type SizeType = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge'
20
+ export type SizeUnit = `${number}` | number | `${number}${UnitSize}`
@@ -0,0 +1,26 @@
1
+ import type { SizeType, UnitSize } from '../types'
2
+
3
+ // Ensure size and units are correctly formatted
4
+ export function standardSize(value: number | string | undefined, unit: UnitSize = 'px') {
5
+ if (value === undefined || value === '') return ''
6
+
7
+ // Handle SizeType values
8
+ if (typeof value === 'string') {
9
+ const sizeTypeMap: Record<SizeType, number> = {
10
+ xSmall: 16,
11
+ small: 24,
12
+ medium: 32,
13
+ large: 48,
14
+ xLarge: 64
15
+ }
16
+
17
+ if (value in sizeTypeMap) {
18
+ return `${sizeTypeMap[value as SizeType]}${unit}`
19
+ }
20
+
21
+ // Handle existing string values with units
22
+ return value.endsWith(unit) ? value : `${value}${unit}`
23
+ }
24
+
25
+ return `${value}${unit}`
26
+ }