@bagelink/vue 0.0.815 → 0.0.819

package/src/components/Pill.vue

@@ -3,40 +3,34 @@ import type { MaterialIcons, ThemeType } from '@bagelink/vue'
 import { Btn, MaterialIcon } from '@bagelink/vue'
 import { useSlots } from 'vue'
 
-const props = withDefaults(
-	defineProps<{
-		disabled?: boolean
-		icon?: MaterialIcons
-		iconEnd?: MaterialIcons
-		color?: ThemeType
-		theme?: ThemeType
-		flat?: boolean
-		border?: boolean
-		outline?: boolean
-		loading?: boolean
-		value?: string
-		round?: boolean
-		btnStart?: boolean
-		btnEnd?: boolean
-
-	}>(),
-	{
-		onClick: () => '',
-		loading: false,
-		round: false,
-		disabled: false,
-		border: false,
-		outline: false,
-		btnStart: true
-	},
-)
+interface BtnProp {
+	icon: MaterialIcons
+	onClick: () => void
+	value: string
+}
+
+const props = defineProps<{
+	disabled?: boolean
+	icon?: MaterialIcons
+	iconEnd: MaterialIcons
+	color?: ThemeType
+	theme?: ThemeType
+	flat?: boolean
+	border?: boolean
+	outline?: boolean
+	loading?: boolean
+	value?: string
+	round?: boolean
+	btn: BtnProp
+	btnEnd: BtnProp
+}>()
 
 const slots = useSlots()
 
 const computedTheme = $computed(
 	() => {
 		if (props.disabled) return 'gray-light'
-		return (props.color || props.theme)
+		return (props.color || props.theme) as ThemeType
 	},
 )
 
@@ -91,8 +85,8 @@ const computedBackgroundColor = $computed(
 		<div class="bgl_pill-flex">
 			<div v-if="loading" class="loading" />
 			<div v-else>
-				<div v-if="btnStart" class="flex h-100">
-					<Btn class="bgl_pill-btn " thin icon="close" />
+				<div v-if="btn" class="flex h-100">
+					<Btn class="bgl_pill-btn" thin v-bind="btn" />
 				</div>
 			</div>
 			<MaterialIcon v-if="icon" :icon="icon" />
@@ -100,11 +94,11 @@ const computedBackgroundColor = $computed(
 			<template v-if="!slots.default && value">
 				{{ value }}
 			</template>
-			<MaterialIcon v-if="props.iconEnd" :icon="props.iconEnd" />
+			<MaterialIcon v-if="iconEnd" :icon="iconEnd" />
 			<div v-if="loading" class="loading" />
 			<div v-else>
-				<div v-if="props.btnEnd" class="flex h-100">
-					<Btn class="bgl_pill-btn" thin icon="close" />
+				<div v-if="btnEnd" class="flex h-100">
+					<Btn class="bgl_pill-btn" thin v-bind="btnEnd" />
 				</div>
 			</div>
 		</div>

package/src/components/form/inputs/FileUpload.vue

@@ -48,6 +48,12 @@ onMounted(() => {
 	if (!props.files && [file_bindkeys].flat().length > 0) {
 		const ids = [file_bindkeys].flat().filter(Boolean) as (string | number)[] | undefined
 		if (!ids?.length) return
+		if (bindKey === 'url') {
+			ids.forEach((url) => {
+				storageFiles.push({ url } as StorageFile)
+			})
+			return
+		}
 		if (props.multiple) {
 			ids.forEach((id) => {
 				void bagel