@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.
- package/dist/components/Alert.vue.d.ts +17 -2
- package/dist/components/Alert.vue.d.ts.map +1 -1
- package/dist/components/ListItem.vue.d.ts +2 -2
- package/dist/components/ListItem.vue.d.ts.map +1 -1
- package/dist/components/Loading.vue.d.ts +3 -2
- package/dist/components/Loading.vue.d.ts.map +1 -1
- package/dist/components/Modal.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/ColorInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/DateInput.vue.d.ts +1 -1
- package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/NumberInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts.map +1 -1
- package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
- package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
- package/dist/index.cjs +21 -21
- package/dist/index.mjs +21 -21
- package/dist/style.css +1 -1
- package/dist/types/BagelForm.d.ts +1 -0
- package/dist/types/BagelForm.d.ts.map +1 -1
- package/dist/types/BtnOptions.d.ts +3 -0
- package/dist/types/BtnOptions.d.ts.map +1 -1
- package/dist/utils/sizeParsing.d.ts +3 -0
- package/dist/utils/sizeParsing.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/Alert.vue +12 -9
- package/src/components/ListItem.vue +42 -35
- package/src/components/Loading.vue +73 -25
- package/src/components/Modal.vue +40 -24
- package/src/components/form/inputs/ColorInput.vue +5 -5
- package/src/components/form/inputs/DateInput.vue +0 -1
- package/src/components/form/inputs/NumberInput.vue +2 -2
- package/src/components/form/inputs/RichText/index.vue +147 -271
- package/src/components/form/inputs/Upload/UploadInput.vue +95 -212
- package/src/components/form/inputs/Upload/upload.css +36 -2
- package/src/components/layout/AppSidebar.vue +1 -1
- package/src/components/layout/TabsNav.vue +24 -22
- package/src/components/lightbox/Lightbox.vue +1 -0
- package/src/styles/colors.css +502 -3
- package/src/styles/inputs.css +12 -4
- package/src/styles/layout.css +779 -1
- package/src/styles/mobilLayout.css +779 -1
- package/src/styles/mobileColors.css +4167 -3739
- package/src/types/BagelForm.ts +1 -0
- package/src/types/BtnOptions.ts +4 -0
- package/src/utils/sizeParsing.ts +26 -0
package/src/types/BagelForm.ts
CHANGED
package/src/types/BtnOptions.ts
CHANGED
|
@@ -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
|
+
}
|