abckit 0.0.1

package/dist/runtime/components/ui/auto-form/AutoFormFieldEnum.vue.d.ts

@@ -0,0 +1,17 @@
+import type { FieldProps } from './interface.js';
+type __VLS_Props = FieldProps & {
+    options?: string[];
+};
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldFile.d.vue.ts

@@ -0,0 +1,14 @@
+import type { FieldProps } from './interface.js';
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldFile.vue

@@ -0,0 +1,77 @@
+<script setup>
+import { Button } from "abckit/shadcn/button";
+import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "abckit/shadcn/form";
+import { Input } from "abckit/shadcn/input";
+import { Trash } from "lucide-vue-next";
+import { ref } from "vue";
+import AutoFormLabel from "./AutoFormLabel.vue";
+import { beautifyObjectName } from "./utils";
+defineProps({
+  fieldName: { type: String, required: true },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  config: { type: Object, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const inputFile = ref();
+async function parseFileAsString(file) {
+  return new Promise((resolve, reject) => {
+    if (file) {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        resolve(reader.result);
+      };
+      reader.onerror = (err) => {
+        reject(err);
+      };
+      reader.readAsDataURL(file);
+    }
+  });
+}
+</script>
+
+<template>
+  <FormField v-slot="slotProps" :name="fieldName">
+    <FormItem v-bind="$attrs">
+      <AutoFormLabel v-if="!config?.hideLabel" :required="required">
+        {{ config?.label || beautifyObjectName(label ?? fieldName) }}
+      </AutoFormLabel>
+      <FormControl>
+        <slot v-bind="slotProps">
+          <Input
+            v-if="!inputFile"
+            type="file"
+            v-bind="{ ...config?.inputProps }"
+            :disabled="config?.inputProps?.disabled ?? disabled"
+            @change="async (ev) => {
+  const file = ev.target.files?.[0];
+  inputFile = file;
+  const parsed = await parseFileAsString(file);
+  slotProps.componentField.onInput(parsed);
+}"
+          />
+          <div v-else class="flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent pl-3 pr-1 py-1 text-sm shadow-sm transition-colors">
+            <p>{{ inputFile?.name }}</p>
+            <Button
+              :size="'icon'"
+              :variant="'ghost'"
+              class="h-[26px] w-[26px]"
+              aria-label="Remove file"
+              type="button"
+              @click="() => {
+  inputFile = void 0;
+  slotProps.componentField.onInput(void 0);
+}"
+            >
+              <Trash />
+            </Button>
+          </div>
+        </slot>
+      </FormControl>
+      <FormDescription v-if="config?.description">
+        {{ config.description }}
+      </FormDescription>
+      <FormMessage />
+    </FormItem>
+  </FormField>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormFieldFile.vue.d.ts

@@ -0,0 +1,14 @@
+import type { FieldProps } from './interface.js';
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldInput.d.vue.ts

@@ -0,0 +1,17 @@
+import type { FieldProps } from './interface.js';
+type __VLS_Props = FieldProps & {
+    id?: string;
+};
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldInput.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "abckit/shadcn/form";
+import { Input } from "abckit/shadcn/input";
+import { Textarea } from "abckit/shadcn/textarea";
+import { computed } from "vue";
+import AutoFormLabel from "./AutoFormLabel.vue";
+import { beautifyObjectName } from "./utils";
+const props = defineProps({
+  fieldName: { type: String, required: true },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  config: { type: Object, required: false },
+  disabled: { type: Boolean, required: false },
+  id: { type: String, required: false }
+});
+const inputComponent = computed(() => props.config?.component === "textarea" ? Textarea : Input);
+</script>
+
+<template>
+  <FormField v-slot="slotProps" :name="fieldName">
+    <FormItem v-bind="$attrs">
+      <AutoFormLabel v-if="!config?.hideLabel" :required="required" :for="id">
+        {{ config?.label || beautifyObjectName(label ?? fieldName) }}
+      </AutoFormLabel>
+      <FormControl>
+        <slot v-bind="slotProps">
+          <component
+            :is="inputComponent"
+            type="text"
+            v-bind="{ ...slotProps.componentField, ...config?.inputProps }"
+            :disabled="config?.inputProps?.disabled ?? disabled"
+            :id="id"
+            :name="fieldName"
+          />
+        </slot>
+      </FormControl>
+      <FormDescription v-if="config?.description">
+        {{ config.description }}
+      </FormDescription>
+      <FormMessage />
+    </FormItem>
+  </FormField>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormFieldInput.vue.d.ts

@@ -0,0 +1,17 @@
+import type { FieldProps } from './interface.js';
+type __VLS_Props = FieldProps & {
+    id?: string;
+};
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldNumber.d.vue.ts

@@ -0,0 +1,14 @@
+import type { FieldProps } from './interface.js';
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldNumber.vue

@@ -0,0 +1,35 @@
+<script setup>
+import { FormControl, FormDescription, FormField, FormItem, FormMessage } from "abckit/shadcn/form";
+import { Input } from "abckit/shadcn/input";
+import AutoFormLabel from "./AutoFormLabel.vue";
+import { beautifyObjectName } from "./utils";
+defineOptions({
+  inheritAttrs: false
+});
+defineProps({
+  fieldName: { type: String, required: true },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  config: { type: Object, required: false },
+  disabled: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+  <FormField v-slot="slotProps" :name="fieldName">
+    <FormItem>
+      <AutoFormLabel v-if="!config?.hideLabel" :required="required">
+        {{ config?.label || beautifyObjectName(label ?? fieldName) }}
+      </AutoFormLabel>
+      <FormControl>
+        <slot v-bind="slotProps">
+          <Input type="number" v-bind="{ ...slotProps.componentField, ...config?.inputProps }" :disabled="config?.inputProps?.disabled ?? disabled" />
+        </slot>
+      </FormControl>
+      <FormDescription v-if="config?.description">
+        {{ config.description }}
+      </FormDescription>
+      <FormMessage />
+    </FormItem>
+  </FormField>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormFieldNumber.vue.d.ts

@@ -0,0 +1,14 @@
+import type { FieldProps } from './interface.js';
+declare var __VLS_25: any;
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormFieldObject.vue

@@ -0,0 +1,70 @@
+<script setup>
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "abckit/shadcn/accordion";
+import { FormItem } from "abckit/shadcn/form";
+import { FieldContextKey, useField } from "vee-validate";
+import { computed, provide } from "vue";
+import AutoFormField from "./AutoFormField.vue";
+import AutoFormLabel from "./AutoFormLabel.vue";
+import { beautifyObjectName, getBaseSchema, getBaseType, getDefaultValueInZodStack } from "./utils";
+const props = defineProps({
+  fieldName: { type: String, required: true },
+  required: { type: Boolean, required: false },
+  config: { type: null, required: false },
+  schema: { type: null, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const shapes = computed(() => {
+  const val = {};
+  if (!props.schema)
+    return;
+  const shape = getBaseSchema(props.schema)?.shape;
+  if (!shape)
+    return;
+  Object.keys(shape).forEach((name) => {
+    const item = shape[name];
+    const baseItem = getBaseSchema(item);
+    let options = baseItem && "values" in baseItem._def ? baseItem._def.values : void 0;
+    if (!Array.isArray(options) && typeof options === "object")
+      options = Object.values(options);
+    val[name] = {
+      type: getBaseType(item),
+      default: getDefaultValueInZodStack(item),
+      options,
+      // @ts-ignore
+      required: !["ZodOptional", "ZodNullable"].includes(item._def.typeName),
+      schema: item
+    };
+  });
+  return val;
+});
+const fieldContext = useField(props.fieldName);
+provide(FieldContextKey, fieldContext);
+</script>
+
+<template>
+  <section>
+    <slot v-bind="props">
+      <Accordion type="single" as-child class="w-full" collapsible :disabled="disabled">
+        <FormItem>
+          <AccordionItem :value="fieldName" class="border-none">
+            <AccordionTrigger>
+              <AutoFormLabel class="text-base" :required="required">
+                {{ schema?.description || beautifyObjectName(fieldName) }}
+              </AutoFormLabel>
+            </AccordionTrigger>
+            <AccordionContent class="p-1 space-y-5">
+              <template v-for="(shape, key) in shapes" :key="key">
+                <AutoFormField
+                  :config="config?.[key]"
+                  :field-name="`${fieldName}.${key.toString()}`"
+                  :label="key.toString()"
+                  :shape="shape"
+                />
+              </template>
+            </AccordionContent>
+          </AccordionItem>
+        </FormItem>
+      </Accordion>
+    </slot>
+  </section>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormLabel.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    required?: boolean;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/AutoFormLabel.vue

@@ -0,0 +1,13 @@
+<script setup>
+import { FormLabel } from "abckit/shadcn/form";
+defineProps({
+  required: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+  <FormLabel>
+    <slot />
+    <span v-if="required" class="text-destructive"> *</span>
+  </FormLabel>
+</template>

package/dist/runtime/components/ui/auto-form/AutoFormLabel.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    required?: boolean;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/auto-form/constant.d.ts

@@ -0,0 +1,9 @@
+import type { InputComponents } from './interface.js';
+export declare const INPUT_COMPONENTS: InputComponents;
+/**
+ * Define handlers for specific Zod types.
+ * You can expand this object to support more types.
+ */
+export declare const DEFAULT_ZOD_HANDLERS: {
+    [key: string]: keyof typeof INPUT_COMPONENTS;
+};

package/dist/runtime/components/ui/auto-form/constant.js

@@ -0,0 +1,31 @@
+import AutoFormFieldArray from "./AutoFormFieldArray.vue";
+import AutoFormFieldBoolean from "./AutoFormFieldBoolean.vue";
+import AutoFormFieldDate from "./AutoFormFieldDate.vue";
+import AutoFormFieldEnum from "./AutoFormFieldEnum.vue";
+import AutoFormFieldFile from "./AutoFormFieldFile.vue";
+import AutoFormFieldInput from "./AutoFormFieldInput.vue";
+import AutoFormFieldNumber from "./AutoFormFieldNumber.vue";
+import AutoFormFieldObject from "./AutoFormFieldObject.vue";
+export const INPUT_COMPONENTS = {
+  date: AutoFormFieldDate,
+  select: AutoFormFieldEnum,
+  radio: AutoFormFieldEnum,
+  checkbox: AutoFormFieldBoolean,
+  switch: AutoFormFieldBoolean,
+  textarea: AutoFormFieldInput,
+  number: AutoFormFieldNumber,
+  string: AutoFormFieldInput,
+  file: AutoFormFieldFile,
+  array: AutoFormFieldArray,
+  object: AutoFormFieldObject
+};
+export const DEFAULT_ZOD_HANDLERS = {
+  ZodString: "string",
+  ZodBoolean: "checkbox",
+  ZodDate: "date",
+  ZodEnum: "select",
+  ZodNativeEnum: "select",
+  ZodNumber: "number",
+  ZodArray: "array",
+  ZodObject: "object"
+};

package/dist/runtime/components/ui/auto-form/dependencies.d.ts

@@ -0,0 +1,9 @@
+import type { Ref } from 'vue';
+import { type Dependency, type EnumValues } from './interface.js';
+export declare const injectDependencies: <T extends Ref<Dependency<Record<string, unknown>>[] | undefined, Dependency<Record<string, unknown>>[] | undefined> | null | undefined = Ref<Dependency<Record<string, unknown>>[] | undefined, Dependency<Record<string, unknown>>[] | undefined>>(fallback?: T | undefined) => T extends null ? Ref<Dependency<Record<string, unknown>>[] | undefined, Dependency<Record<string, unknown>>[] | undefined> | null : Ref<Dependency<Record<string, unknown>>[] | undefined, Dependency<Record<string, unknown>>[] | undefined>, provideDependencies: (contextValue: Ref<Dependency<Record<string, unknown>>[] | undefined, Dependency<Record<string, unknown>>[] | undefined>) => Ref<Dependency<Record<string, unknown>>[] | undefined, Dependency<Record<string, unknown>>[] | undefined>;
+export default function useDependencies(fieldName: string): {
+    isDisabled: Ref<boolean, boolean>;
+    isHidden: Ref<boolean, boolean>;
+    isRequired: Ref<boolean, boolean>;
+    overrideOptions: Ref<EnumValues | undefined, EnumValues | undefined>;
+};

package/dist/runtime/components/ui/auto-form/dependencies.js

@@ -0,0 +1,70 @@
+import { createContext } from "reka-ui";
+import { useFieldValue, useFormValues } from "vee-validate";
+import { computed, ref, watch } from "vue";
+import { DependencyType } from "./interface.js";
+import { getFromPath, getIndexIfArray } from "./utils.js";
+export const [injectDependencies, provideDependencies] = createContext("AutoFormDependencies");
+export default function useDependencies(fieldName) {
+  const form = useFormValues();
+  const currentFieldName = fieldName.replace(/\[\d+\]/g, "");
+  const currentFieldValue = useFieldValue(fieldName);
+  if (!form)
+    throw new Error("useDependencies should be used within <AutoForm>");
+  const dependencies = injectDependencies();
+  const isDisabled = ref(false);
+  const isHidden = ref(false);
+  const isRequired = ref(false);
+  const overrideOptions = ref();
+  const currentFieldDependencies = computed(() => dependencies.value?.filter(
+    (dependency) => dependency.targetField === currentFieldName
+  ));
+  function getSourceValue(dep) {
+    const source = dep.sourceField;
+    const index = getIndexIfArray(fieldName) ?? -1;
+    const [sourceLast, ...sourceInitial] = source.split(".").toReversed();
+    const [_targetLast, ...targetInitial] = dep.targetField.split(".").toReversed();
+    if (index >= 0 && sourceInitial.join(",") === targetInitial.join(",")) {
+      const [_currentLast, ...currentInitial] = fieldName.split(".").toReversed();
+      return getFromPath(form.value, currentInitial.join(".") + sourceLast);
+    }
+    return getFromPath(form.value, source);
+  }
+  const sourceFieldValues = computed(() => currentFieldDependencies.value?.map((dep) => getSourceValue(dep)));
+  const resetConditionState = () => {
+    isDisabled.value = false;
+    isHidden.value = false;
+    isRequired.value = false;
+    overrideOptions.value = void 0;
+  };
+  watch([sourceFieldValues, dependencies], () => {
+    resetConditionState();
+    currentFieldDependencies.value?.forEach((dep) => {
+      const sourceValue = getSourceValue(dep);
+      const conditionMet = dep.when(sourceValue, currentFieldValue.value);
+      switch (dep.type) {
+        case DependencyType.DISABLES:
+          if (conditionMet)
+            isDisabled.value = true;
+          break;
+        case DependencyType.REQUIRES:
+          if (conditionMet)
+            isRequired.value = true;
+          break;
+        case DependencyType.HIDES:
+          if (conditionMet)
+            isHidden.value = true;
+          break;
+        case DependencyType.SETS_OPTIONS:
+          if (conditionMet)
+            overrideOptions.value = dep.options;
+          break;
+      }
+    });
+  }, { immediate: true, deep: true });
+  return {
+    isDisabled,
+    isHidden,
+    isRequired,
+    overrideOptions
+  };
+}

package/dist/runtime/components/ui/auto-form/index.d.ts

@@ -0,0 +1,13 @@
+export { default as AutoForm } from './AutoForm.vue.js';
+export { default as AutoFormField } from './AutoFormField.vue.js';
+export { default as AutoFormFieldArray } from './AutoFormFieldArray.vue.js';
+export { default as AutoFormFieldBoolean } from './AutoFormFieldBoolean.vue.js';
+export { default as AutoFormFieldDate } from './AutoFormFieldDate.vue.js';
+export { default as AutoFormFieldEnum } from './AutoFormFieldEnum.vue.js';
+export { default as AutoFormFieldFile } from './AutoFormFieldFile.vue.js';
+export { default as AutoFormFieldInput } from './AutoFormFieldInput.vue.js';
+export { default as AutoFormFieldNumber } from './AutoFormFieldNumber.vue.js';
+export { default as AutoFormFieldObject } from './AutoFormFieldObject.vue.js';
+export { default as AutoFormLabel } from './AutoFormLabel.vue.js';
+export type { Config, ConfigItem, FieldProps } from './interface.js';
+export { getBaseSchema, getBaseType, getObjectFormSchema } from './utils.js';

package/dist/runtime/components/ui/auto-form/index.js

@@ -0,0 +1,12 @@
+export { default as AutoForm } from "./AutoForm.vue";
+export { default as AutoFormField } from "./AutoFormField.vue";
+export { default as AutoFormFieldArray } from "./AutoFormFieldArray.vue";
+export { default as AutoFormFieldBoolean } from "./AutoFormFieldBoolean.vue";
+export { default as AutoFormFieldDate } from "./AutoFormFieldDate.vue";
+export { default as AutoFormFieldEnum } from "./AutoFormFieldEnum.vue";
+export { default as AutoFormFieldFile } from "./AutoFormFieldFile.vue";
+export { default as AutoFormFieldInput } from "./AutoFormFieldInput.vue";
+export { default as AutoFormFieldNumber } from "./AutoFormFieldNumber.vue";
+export { default as AutoFormFieldObject } from "./AutoFormFieldObject.vue";
+export { default as AutoFormLabel } from "./AutoFormLabel.vue";
+export { getBaseSchema, getBaseType, getObjectFormSchema } from "./utils.js";

package/dist/runtime/components/ui/auto-form/interface.d.ts

@@ -0,0 +1,67 @@
+import type { Component, InputHTMLAttributes } from 'vue';
+import type { z, ZodAny } from 'zod';
+import type { INPUT_COMPONENTS } from './constant.js';
+export interface FieldProps {
+    fieldName: string;
+    label?: string;
+    required?: boolean;
+    config?: ConfigItem;
+    disabled?: boolean;
+}
+export interface Shape {
+    type: string;
+    default?: any;
+    required?: boolean;
+    options?: string[];
+    schema?: ZodAny;
+}
+export interface InputComponents {
+    date: Component;
+    select: Component;
+    radio: Component;
+    checkbox: Component;
+    switch: Component;
+    textarea: Component;
+    number: Component;
+    string: Component;
+    file: Component;
+    array: Component;
+    object: Component;
+}
+export interface ConfigItem {
+    /** Value for the `FormLabel` */
+    label?: string;
+    /** Value for the `FormDescription` */
+    description?: string;
+    /** Pick which component to be rendered. */
+    component?: keyof typeof INPUT_COMPONENTS | Component;
+    /** Hide `FormLabel`. */
+    hideLabel?: boolean;
+    inputProps?: InputHTMLAttributes;
+}
+type UnwrapArray<T> = T extends (infer U)[] ? U : never;
+export type Config<SchemaType extends object> = {
+    [Key in keyof SchemaType]?: SchemaType[Key] extends any[] ? UnwrapArray<Config<SchemaType[Key]>> : SchemaType[Key] extends object ? Config<SchemaType[Key]> : ConfigItem;
+};
+export declare enum DependencyType {
+    DISABLES = 0,
+    REQUIRES = 1,
+    HIDES = 2,
+    SETS_OPTIONS = 3
+}
+interface BaseDependency<SchemaType extends z.infer<z.ZodObject<any, any>>> {
+    sourceField: keyof SchemaType;
+    type: DependencyType;
+    targetField: keyof SchemaType;
+    when: (sourceFieldValue: any, targetFieldValue: any) => boolean;
+}
+export type ValueDependency<SchemaType extends z.infer<z.ZodObject<any, any>>> = BaseDependency<SchemaType> & {
+    type: DependencyType.DISABLES | DependencyType.REQUIRES | DependencyType.HIDES;
+};
+export type EnumValues = readonly [string, ...string[]];
+export type OptionsDependency<SchemaType extends z.infer<z.ZodObject<any, any>>> = BaseDependency<SchemaType> & {
+    type: DependencyType.SETS_OPTIONS;
+    options: EnumValues;
+};
+export type Dependency<SchemaType extends z.infer<z.ZodObject<any, any>>> = ValueDependency<SchemaType> | OptionsDependency<SchemaType>;
+export {};

package/dist/runtime/components/ui/auto-form/interface.js

@@ -0,0 +1,7 @@
+export var DependencyType = /* @__PURE__ */ ((DependencyType2) => {
+  DependencyType2[DependencyType2["DISABLES"] = 0] = "DISABLES";
+  DependencyType2[DependencyType2["REQUIRES"] = 1] = "REQUIRES";
+  DependencyType2[DependencyType2["HIDES"] = 2] = "HIDES";
+  DependencyType2[DependencyType2["SETS_OPTIONS"] = 3] = "SETS_OPTIONS";
+  return DependencyType2;
+})(DependencyType || {});