@bagelink/vue 0.0.316 → 0.0.322

package/src/utils/BagelFormUtils.ts

@@ -0,0 +1,58 @@
+import type { Field } from '@bagelink/vue';
+
+export type Option = string | number | Record<string, any> | { label: string, value: string | number };
+
+type TextInputOptions = {
+  required?: boolean;
+  type?: 'text' | 'tel' | 'email';
+  placeholder?: string;
+  class?: string
+  defaultValue?: string;
+  disabled?: boolean;
+}
+
+export function txtField(id: string, label?: string, options?: TextInputOptions): Field {
+	return {
+		$el: 'text',
+		class: options?.class,
+		required: options?.required,
+		id,
+		label,
+		placeholder: options?.placeholder,
+		attrs: { type: options?.type },
+	};
+}
+
+export function slctField(id: string, label?: string, options?: Option[] | (() => Option[]), config?: TextInputOptions): Field {
+	return {
+		$el: 'select',
+		id,
+		options,
+		class: config?.class,
+		placeholder: config?.placeholder,
+		required: config?.required,
+		label,
+		defaultValue: config?.defaultValue,
+		attrs: { disabled: config?.disabled },
+	};
+}
+
+export function numField(id: string, label?: string, options?: TextInputOptions): Field {
+	return {
+		$el: 'text',
+		class: options?.class,
+		required: options?.required,
+		id,
+		label,
+		placeholder: options?.placeholder,
+		attrs: { type: 'number' },
+	};
+}
+
+export function frmRow(...children: Field[]) {
+	return {
+		$el: 'div',
+		class: 'flex gap-1',
+		children,
+	};
+}

package/src/utils/index.ts

@@ -44,6 +44,7 @@ export function bindAttrs<T = Record<string, any>>(attrs?: Attributes, fieldVal?
 		key,
 		typeof value === 'function' ? value(fieldVal, row) : value,
 	]);
+	if (attrs.options) console.log('arr', arr);
 	const resolvedAttrs = Object.fromEntries(arr);
 	return resolvedAttrs;
 }
@@ -59,3 +60,5 @@ export const iffer = (field: any, itemData: any) => {
 export const denullify = (itemData?: Record<string, any>, fieldID?: string) => (fieldID && itemData ? itemData[fieldID] : null);
 
 export { formatString } from './strings';
+
+export * as bagelFormUtils from './BagelFormUtils';