@nuxt/ui 3.0.0-alpha.8 → 3.0.0-alpha.9

package/dist/runtime/locale/pl.js

@@ -0,0 +1,46 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Polski",
+  code: "pl",
+  messages: {
+    inputMenu: {
+      noMatch: "Brak pasuj\u0105cych danych",
+      noData: "Brak danych",
+      create: 'Utw\xF3rz "{label}"'
+    },
+    inputNumber: {
+      increment: "Zwi\u0119ksz",
+      decrement: "Zmniejsz"
+    },
+    commandPalette: {
+      noMatch: "Brak pasuj\u0105cych danych",
+      noData: "Brak danych",
+      close: "Zamknij"
+    },
+    selectMenu: {
+      noMatch: "Brak pasuj\u0105cych danych",
+      noData: "Brak danych",
+      create: 'Utw\xF3rz "{label}"'
+    },
+    toast: {
+      close: "Zamknij"
+    },
+    carousel: {
+      prev: "Poprzedni",
+      next: "Nast\u0119pny",
+      goto: "Id\u017A do {slide}"
+    },
+    modal: {
+      close: "Zamknij"
+    },
+    slideover: {
+      close: "Zamknij"
+    },
+    alert: {
+      close: "Zamknij"
+    },
+    table: {
+      noData: "Brak danych"
+    }
+  }
+});

package/dist/runtime/locale/ru.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/ru.js

@@ -0,0 +1,46 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
+  code: "ru",
+  messages: {
+    inputMenu: {
+      noMatch: "\u0421\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
+      noData: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445",
+      create: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C "{label}"'
+    },
+    inputNumber: {
+      increment: "\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C",
+      decrement: "\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C"
+    },
+    commandPalette: {
+      noMatch: "\u0421\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
+      noData: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445",
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    selectMenu: {
+      noMatch: "\u0421\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
+      noData: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445",
+      create: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C "{label}"'
+    },
+    toast: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    carousel: {
+      prev: "\u041D\u0430\u0437\u0430\u0434",
+      next: "\u0414\u0430\u043B\u0435\u0435",
+      goto: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043A {slide}"
+    },
+    modal: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    slideover: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    alert: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    table: {
+      noData: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"
+    }
+  }
+});

package/dist/runtime/locale/zh_hans.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/zh_hans.js

@@ -0,0 +1,46 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u7B80\u4F53\u4E2D\u6587",
+  code: "zh-Hans",
+  messages: {
+    inputMenu: {
+      noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6570\u636E",
+      noData: "\u6CA1\u6709\u6570\u636E",
+      create: '\u521B\u5EFA "{label}"'
+    },
+    inputNumber: {
+      increment: "\u589E\u52A0",
+      decrement: "\u51CF\u5C11"
+    },
+    commandPalette: {
+      noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6570\u636E",
+      noData: "\u6CA1\u6709\u6570\u636E",
+      close: "\u5173\u95ED"
+    },
+    selectMenu: {
+      noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6570\u636E",
+      noData: "\u6CA1\u6709\u6570\u636E",
+      create: '\u521B\u5EFA "{label}"'
+    },
+    toast: {
+      close: "\u5173\u95ED"
+    },
+    carousel: {
+      prev: "\u4E0A\u4E00\u9875",
+      next: "\u4E0B\u4E00\u9875",
+      goto: "\u8DF3\u8F6C\u5230\u7B2C {slide} \u9875"
+    },
+    modal: {
+      close: "\u5173\u95ED"
+    },
+    slideover: {
+      close: "\u5173\u95ED"
+    },
+    alert: {
+      close: "\u5173\u95ED"
+    },
+    table: {
+      noData: "\u6CA1\u6709\u6570\u636E"
+    }
+  }
+});

package/dist/runtime/locale/zh_hant.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/zh_hant.js

@@ -0,0 +1,46 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u7E41\u4F53\u4E2D\u6587",
+  code: "zh-Hant",
+  messages: {
+    inputMenu: {
+      noMatch: "\u6C92\u6709\u5339\u914D\u7684\u8CC7\u6599",
+      noData: "\u6C92\u6709\u8CC7\u6599",
+      create: '\u5275\u5EFA "{label}"'
+    },
+    inputNumber: {
+      increment: "\u589E\u52A0",
+      decrement: "\u51CF\u5C11"
+    },
+    commandPalette: {
+      noMatch: "\u6C92\u6709\u5339\u914D\u7684\u8CC7\u6599",
+      noData: "\u6C92\u6709\u8CC7\u6599",
+      close: "\u95DC\u9589"
+    },
+    selectMenu: {
+      noMatch: "\u6C92\u6709\u5339\u914D\u7684\u8CC7\u6599",
+      noData: "\u6C92\u6709\u8CC7\u6599",
+      create: '\u5275\u5EFA "{label}"'
+    },
+    toast: {
+      close: "\u95DC\u9589"
+    },
+    carousel: {
+      prev: "\u4E0A\u4E00\u9801",
+      next: "\u4E0B\u4E00\u9801",
+      goto: "\u8DF3\u8F49\u5230\u7B2C {slide} \u9801"
+    },
+    modal: {
+      close: "\u95DC\u9589"
+    },
+    slideover: {
+      close: "\u95DC\u9589"
+    },
+    alert: {
+      close: "\u95DC\u9589"
+    },
+    table: {
+      noData: "\u6C92\u6709\u8CC7\u6599"
+    }
+  }
+});

package/dist/runtime/types/form.d.ts

@@ -1,4 +1,4 @@
-import type { StandardSchema } from '@standard-schema/spec';
+import type { v1 } from '@standard-schema/spec';
 import type { ComputedRef, Ref } from 'vue';
 import type { ZodSchema } from 'zod';
 import type { Schema as JoiSchema } from 'joi';
@@ -19,7 +19,7 @@ export interface Form<T> {
     submit(): Promise<void>;
     disabled: ComputedRef<boolean>;
 }
-export type FormSchema<T extends Record<string, any>> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchema;
+export type FormSchema<T extends Record<string, any>> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | v1.StandardSchema;
 export type FormInputEvents = 'input' | 'blur' | 'change';
 export interface FormError<P extends string = string> {
     name: P;
@@ -61,6 +61,11 @@ export interface FormFieldInjectedOptions<T> {
     error?: string | boolean;
     eagerValidation?: boolean;
     validateOnInputDelay?: number;
+    errorPattern?: RegExp;
+}
+export interface ValidateReturnSchema<T> {
+    result: T;
+    errors: FormError[] | null;
 }
 export declare class FormValidationException extends Error {
     formId: string | number;

package/dist/runtime/types/index.d.ts

@@ -20,11 +20,13 @@ export * from '../components/Form.vue';
 export * from '../components/FormField.vue';
 export * from '../components/Input.vue';
 export * from '../components/InputMenu.vue';
+export * from '../components/InputNumber.vue';
 export * from '../components/Kbd.vue';
 export * from '../components/Link.vue';
 export * from '../components/Modal.vue';
 export * from '../components/NavigationMenu.vue';
 export * from '../components/Pagination.vue';
+export * from '../components/PinInput.vue';
 export * from '../components/Popover.vue';
 export * from '../components/Progress.vue';
 export * from '../components/RadioGroup.vue';
@@ -42,3 +44,4 @@ export * from '../components/Toast.vue';
 export * from '../components/Toaster.vue';
 export * from '../components/Tooltip.vue';
 export * from './form';
+export * from './locale';

package/dist/runtime/types/index.js

@@ -20,11 +20,13 @@ export * from "../components/Form.vue";
 export * from "../components/FormField.vue";
 export * from "../components/Input.vue";
 export * from "../components/InputMenu.vue";
+export * from "../components/InputNumber.vue";
 export * from "../components/Kbd.vue";
 export * from "../components/Link.vue";
 export * from "../components/Modal.vue";
 export * from "../components/NavigationMenu.vue";
 export * from "../components/Pagination.vue";
+export * from "../components/PinInput.vue";
 export * from "../components/Popover.vue";
 export * from "../components/Progress.vue";
 export * from "../components/RadioGroup.vue";
@@ -42,3 +44,4 @@ export * from "../components/Toast.vue";
 export * from "../components/Toaster.vue";
 export * from "../components/Tooltip.vue";
 export * from "./form.js";
+export * from "./locale.js";

package/dist/runtime/types/locale.d.ts

@@ -0,0 +1,48 @@
+export type Messages = {
+    inputMenu: {
+        noMatch: string;
+        noData: string;
+        create: string;
+    };
+    inputNumber: {
+        increment: string;
+        decrement: string;
+    };
+    commandPalette: {
+        noMatch: string;
+        noData: string;
+        close: string;
+    };
+    selectMenu: {
+        noMatch: string;
+        noData: string;
+        create: string;
+    };
+    toast: {
+        close: string;
+    };
+    carousel: {
+        prev: string;
+        next: string;
+        goto: string;
+    };
+    modal: {
+        close: string;
+    };
+    slideover: {
+        close: string;
+    };
+    alert: {
+        close: string;
+    };
+    table: {
+        noData: string;
+    };
+};
+export type Direction = 'ltr' | 'rtl';
+export type Locale = {
+    name: string;
+    code: string;
+    dir: Direction;
+    messages: Messages;
+};

package/dist/runtime/utils/form.d.ts

@@ -1,21 +1,17 @@
-import type { StandardSchema } from '@standard-schema/spec';
+import type { v1 } from '@standard-schema/spec';
 import type { ZodSchema } from 'zod';
 import type { ValidationError as JoiError, Schema as JoiSchema } from 'joi';
 import type { ObjectSchema as YupObjectSchema, ValidationError as YupError } from 'yup';
 import type { GenericSchema as ValibotSchema, GenericSchemaAsync as ValibotSchemaAsync, SafeParser as ValibotSafeParser, SafeParserAsync as ValibotSafeParserAsync } from 'valibot';
 import type { Struct } from 'superstruct';
-import type { FormError } from '../types/form';
+import type { FormSchema, ValidateReturnSchema } from '../types/form';
 export declare function isYupSchema(schema: any): schema is YupObjectSchema<any>;
 export declare function isYupError(error: any): error is YupError;
-export declare function getYupErrors(state: any, schema: YupObjectSchema<any>): Promise<FormError[]>;
 export declare function isSuperStructSchema(schema: any): schema is Struct<any, any>;
 export declare function isZodSchema(schema: any): schema is ZodSchema;
-export declare function getZodErrors(state: any, schema: ZodSchema): Promise<FormError[]>;
 export declare function isJoiSchema(schema: any): schema is JoiSchema;
 export declare function isJoiError(error: any): error is JoiError;
-export declare function getJoiErrors(state: any, schema: JoiSchema): Promise<FormError[]>;
 export declare function isValibotSchema(schema: any): schema is ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>;
-export declare function getValibotErrors(state: any, schema: ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>): Promise<FormError[]>;
-export declare function isStandardSchema(schema: any): schema is StandardSchema;
-export declare function getStandardErrors(state: any, schema: StandardSchema): Promise<FormError[]>;
-export declare function getSuperStructErrors(state: any, schema: Struct<any, any>): Promise<FormError[]>;
+export declare function isStandardSchema(schema: any): schema is v1.StandardSchema;
+export declare function validateStandarSchema(state: any, schema: v1.StandardSchema): Promise<ValidateReturnSchema<typeof state>>;
+export declare function parseSchema<T extends object>(state: T, schema: FormSchema<T>): Promise<ValidateReturnSchema<typeof state>>;

package/dist/runtime/utils/form.js

@@ -4,87 +4,152 @@ export function isYupSchema(schema) {
 export function isYupError(error) {
   return error.inner !== void 0;
 }
-export async function getYupErrors(state, schema) {
+export function isSuperStructSchema(schema) {
+  return "schema" in schema && typeof schema.coercer === "function" && typeof schema.validator === "function" && typeof schema.refiner === "function";
+}
+export function isZodSchema(schema) {
+  return schema.parse !== void 0;
+}
+export function isJoiSchema(schema) {
+  return schema.validateAsync !== void 0 && schema.id !== void 0;
+}
+export function isJoiError(error) {
+  return error.isJoi === true;
+}
+export function isValibotSchema(schema) {
+  return "_run" in schema || typeof schema === "function" && "schema" in schema;
+}
+export function isStandardSchema(schema) {
+  return "~standard" in schema;
+}
+export async function validateStandarSchema(state, schema) {
+  const result = await schema["~standard"].validate({
+    value: state
+  });
+  if (result.issues) {
+    return {
+      errors: result.issues?.map((issue) => ({
+        name: issue.path?.map((item) => typeof item === "object" ? item.key : item).join(".") || "",
+        message: issue.message
+      })) || [],
+      result: null
+    };
+  }
+  return {
+    errors: null,
+    result: result.value
+  };
+}
+async function validateYupSchema(state, schema) {
   try {
-    await schema.validate(state, { abortEarly: false });
-    return [];
+    const result = schema.validateSync(state, { abortEarly: false });
+    return {
+      errors: null,
+      result
+    };
   } catch (error) {
     if (isYupError(error)) {
-      return error.inner.map((issue) => ({
+      const errors = error.inner.map((issue) => ({
         name: issue.path ?? "",
         message: issue.message
       }));
+      return {
+        errors,
+        result: null
+      };
     } else {
       throw error;
     }
   }
 }
-export function isSuperStructSchema(schema) {
-  return "schema" in schema && typeof schema.coercer === "function" && typeof schema.validator === "function" && typeof schema.refiner === "function";
-}
-export function isZodSchema(schema) {
-  return schema.parse !== void 0;
+async function validateSuperstructSchema(state, schema) {
+  const [err, result] = schema.validate(state);
+  if (err) {
+    const errors = err.failures().map((error) => ({
+      message: error.message,
+      name: error.path.join(".")
+    }));
+    return {
+      errors,
+      result: null
+    };
+  }
+  return {
+    errors: null,
+    result
+  };
 }
-export async function getZodErrors(state, schema) {
+async function validateZodSchema(state, schema) {
   const result = await schema.safeParseAsync(state);
   if (result.success === false) {
-    return result.error.issues.map((issue) => ({
+    const errors = result.error.issues.map((issue) => ({
       name: issue.path.join("."),
       message: issue.message
     }));
+    return {
+      errors,
+      result: null
+    };
   }
-  return [];
+  return {
+    result: result.data,
+    errors: null
+  };
 }
-export function isJoiSchema(schema) {
-  return schema.validateAsync !== void 0 && schema.id !== void 0;
-}
-export function isJoiError(error) {
-  return error.isJoi === true;
-}
-export async function getJoiErrors(state, schema) {
+async function validateJoiSchema(state, schema) {
   try {
-    await schema.validateAsync(state, { abortEarly: false });
-    return [];
+    const result = await schema.validateAsync(state, { abortEarly: false });
+    return {
+      errors: null,
+      result
+    };
   } catch (error) {
     if (isJoiError(error)) {
-      return error.details.map((detail) => ({
-        name: detail.path.join("."),
-        message: detail.message
+      const errors = error.details.map((issue) => ({
+        name: issue.path.join("."),
+        message: issue.message
       }));
+      return {
+        errors,
+        result: null
+      };
     } else {
       throw error;
     }
   }
 }
-export function isValibotSchema(schema) {
-  return "_run" in schema || typeof schema === "function" && "schema" in schema;
-}
-export async function getValibotErrors(state, schema) {
+async function validateValibotSchema(state, schema) {
   const result = await ("_run" in schema ? schema._run({ typed: false, value: state }, {}) : schema(state));
-  return result.issues?.map((issue) => ({
-    // We know that the key for a form schema is always a string or a number
+  if (!result.issues || result.issues.length === 0) {
+    const output = "output" in result ? result.output : "value" in result ? result.value : null;
+    return {
+      errors: null,
+      result: output
+    };
+  }
+  const errors = result.issues.map((issue) => ({
     name: issue.path?.map((item) => item.key).join(".") || "",
     message: issue.message
-  })) || [];
-}
-export function isStandardSchema(schema) {
-  return "~standard" in schema;
-}
-export async function getStandardErrors(state, schema) {
-  const result = await schema["~validate"]({ value: state });
-  return result.issues?.map((issue) => ({
-    name: issue.path?.map((item) => typeof item === "object" ? item.key : item).join(".") || "",
-    message: issue.message
-  })) || [];
+  }));
+  return {
+    errors,
+    result: null
+  };
 }
-export async function getSuperStructErrors(state, schema) {
-  const [err] = schema.validate(state);
-  if (err) {
-    const errors = err.failures();
-    return errors.map((error) => ({
-      message: error.message,
-      name: error.path.join(".")
-    }));
+export function parseSchema(state, schema) {
+  if (isZodSchema(schema)) {
+    return validateZodSchema(state, schema);
+  } else if (isJoiSchema(schema)) {
+    return validateJoiSchema(state, schema);
+  } else if (isValibotSchema(schema)) {
+    return validateValibotSchema(state, schema);
+  } else if (isYupSchema(schema)) {
+    return validateYupSchema(state, schema);
+  } else if (isSuperStructSchema(schema)) {
+    return validateSuperstructSchema(state, schema);
+  } else if (isStandardSchema(schema)) {
+    return validateStandarSchema(state, schema);
+  } else {
+    throw new Error("Form validation failed: Unsupported form schema");
   }
-  return [];
 }

package/dist/runtime/utils/link.d.ts

@@ -6,13 +6,13 @@ export declare function pickLinkProps(link: LinkProps & {
     replace: any;
     type: any;
     title: any;
+    exact: any;
     active: any;
     activeClass: any;
     ariaCurrentValue: any;
     ariaLabel: any;
     as: any;
     disabled: any;
-    exact: any;
     exactActiveClass: any;
     exactHash: any;
     exactQuery: any;

package/dist/runtime/utils/locale.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'vue';
+import type { Locale, Direction } from '../types/locale';
+import type { MaybeRef } from '@vueuse/core';
+export type TranslatorOption = Record<string, string | number>;
+export type Translator = (path: string, option?: TranslatorOption) => string;
+export type LocaleContext = {
+    locale: Ref<Locale>;
+    lang: Ref<string>;
+    dir: Ref<Direction>;
+    code: Ref<string>;
+    t: Translator;
+};
+export declare function buildTranslator(locale: MaybeRef<Locale>): Translator;
+export declare function translate(path: string, option: undefined | TranslatorOption, locale: Locale): string;
+export declare function buildLocaleContext(locale: MaybeRef<Locale>): LocaleContext;

package/dist/runtime/utils/locale.js

@@ -0,0 +1,25 @@
+import { computed, isRef, ref, unref } from "vue";
+import { get } from "./index.js";
+export function buildTranslator(locale) {
+  return (path, option) => translate(path, option, unref(locale));
+}
+export function translate(path, option, locale) {
+  const prop = get(locale, `messages.${path}`, path);
+  return prop.replace(
+    /\{(\w+)\}/g,
+    (_, key) => `${option?.[key] ?? `{${key}}`}`
+  );
+}
+export function buildLocaleContext(locale) {
+  const lang = computed(() => unref(locale).name);
+  const code = computed(() => unref(locale).code);
+  const dir = computed(() => unref(locale).dir);
+  const localeRef = isRef(locale) ? locale : ref(locale);
+  return {
+    lang,
+    code,
+    dir,
+    locale: localeRef,
+    t: buildTranslator(locale)
+  };
+}