@bagelink/vue 0.0.266 → 0.0.270

package/src/types/BagelForm.ts

@@ -5,35 +5,35 @@ export type AttributeValue = string | number | boolean | null | undefined | Reco
 export type AttributeFn<T = Record<string, any>> = (field: any, row: T) => AttributeValue;
 
 export interface Attributes<T = any> {
-  [key: string]: AttributeValue | AttributeFn<T>
+	[key: string]: AttributeValue | AttributeFn<T>
 }
 
 export type BaseBagelField<T = Record<string, any>> = {
-  $el?: any;
-  id?: string;
-  label?: string;
-  placeholder?: string;
-  children?: Field<T>[];
-  class?: AttributeValue | AttributeFn<T>,
-  attrs?: Attributes<T>;
-  required?: boolean;
-  helptext?: string;
-  options?: string | ({ label?: string; value: string | number } | string | number | Record<string, any>)[],
-  defaultValue?: any;
-  transform?: (val?: any, rowData?: Record<string, any>) => any;
-  onUpdate?: (val: any, fieldData?: any, rowData?: Record<string, any>) => void;
-  'v-if'?: string | boolean | ((val: any, row: T) => boolean);
+	$el?: any;
+	id?: string;
+	label?: string;
+	placeholder?: string;
+	children?: Field<T>[];
+	class?: AttributeValue | AttributeFn<T>,
+	attrs?: Attributes<T>;
+	required?: boolean;
+	helptext?: string;
+	options?: string | ({ label?: string; value: string | number } | string | number | Record<string, any>)[],
+	defaultValue?: any;
+	transform?: (val?: any, rowData?: Record<string, any>) => any;
+	onUpdate?: (val: any, rowData?: Record<string, any>) => void;
+	'v-if'?: string | boolean | ((val: any, row: T) => boolean);
 }
 
 export interface InputBagelField<T> extends BaseBagelField<T> {
-  $el: 'text' | typeof TextInput;
-  id: string;
-  type?: string;
+	$el: 'text' | typeof TextInput;
+	id: string;
+	type?: string;
 }
 
 export interface SelectBagelField<T> extends BaseBagelField<T> {
-  $el: 'select' | typeof SelectInput;
-  id: string;
+	$el: 'select' | typeof SelectInput;
+	id: string;
 }
 
 export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>;

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

@@ -1,81 +0,0 @@
-<template>
-	<div
-		class="bagel-input"
-		:title="description"
-		:class="{ small: small }"
-	>
-		<label v-if="label">
-			<LangText :input="label" />
-		</label>
-		<span
-			class="character-limit"
-			v-if="showCharacterLimit"
-		>
-			{{ modelValue?.length }}
-			{{ nativeInputAttrs?.maxlength ? `/${nativeInputAttrs.maxlength}` : '' }}
-		</span>
-		<textarea
-			:value="modelValue"
-			@input="handleInput"
-			:class="{ 'no-edit': !editMode }"
-			v-bind="nativeInputAttrs"
-			:required
-		/>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { LangText } from '@bagelink/vue';
-
-const emits = defineEmits(['update:modelValue']);
-
-withDefaults(
-	defineProps<{
-		description?: string;
-		label?: string;
-		modelValue: any;
-		placeholder?: string;
-		editMode?: boolean;
-		small?: boolean;
-		nativeInputAttrs?: Record<string, any>;
-		showCharacterLimit?: boolean;
-		required?: boolean;
-	}>(),
-	{
-		description: '',
-		editMode: true,
-		placeholder: '',
-		label: '',
-	},
-);
-const handleInput = (e: Event) => {
-	const el = e.target as HTMLInputElement;
-	emits('update:modelValue', el.value);
-};
-</script>
-
-<style scoped>
-.bagel-input {
-	height: 100%;
-	margin: 0;
-}
-
-.bagel-input label {
-	margin-bottom: 0;
-}
-
-.bagel-input textarea {
-	height: 100%;
-	resize: none;
-	background: var(--input-bg);
-	margin-bottom: 0.5rem;
-}
-
-.character-limit {
-	font-size: 0.6rem;
-	color: var(--input-color);
-	position: absolute;
-	top: 0.25rem;
-	inset-inline-end: 0;
-}
-</style>