npm - @movk/nuxt - Versions diffs - 1.2.0 → 1.3.0 - Mend

@movk/nuxt 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (293) hide show

package/dist/runtime/domains/api/fetch-key.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { simpleHash } from "@movk/core";
+export function buildApiFetchKey(input) {
+  const { endpoint, skipUnwrap, skipBusinessCheck, toast, method, url, query, body } = input;
+  const payload = {
+    e: endpoint ?? null,
+    su: skipUnwrap === true,
+    sbc: skipBusinessCheck === true,
+    t: toast ?? null,
+    m: method ?? "GET",
+    u: url,
+    q: query ?? null,
+    b: body ?? null
+  };
+  let raw;
+  try {
+    raw = JSON.stringify(payload);
+  } catch {
+    const toastTag = toast === false ? "off" : toast ? "obj" : "";
+    const urlTag = typeof url === "string" ? url : "<req>";
+    raw = `${endpoint ?? ""}|${skipUnwrap}|${skipBusinessCheck}|${toastTag}|${payload.m}|${urlTag}|<body>`;
+  }
+  return `mvk-api:${simpleHash(raw)}`;
+}

package/dist/runtime/domains/api/interceptors/error.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { FetchContext } from 'ofetch';
+import type { MovkApiPublicConfig } from '../../../types/api';
+import type { ResolvedEndpointConfig } from '../../../types/api/module';
+import type { useNuxtApp } from '#imports';
+type NuxtApp = ReturnType<typeof useNuxtApp>;
+/**
+ * 构造 onResponseError 拦截器
+ *
+ * @description 401 优先派发 `movk:api:unauthorized` hook 让业务侧自定义处理；
+ * `result.handled === true` 时**跳过** `movk:api:error` 派发，避免全局错误上报双计 401。
+ */
+export declare function createOnResponseError(resolvedConfig: ResolvedEndpointConfig, publicConfig: MovkApiPublicConfig, nuxtApp: NuxtApp): (context: FetchContext) => Promise<void>;
+export {};

package/dist/runtime/domains/api/interceptors/error.js ADDED Viewed

@@ -0,0 +1,49 @@
+import { navigateTo, useUserSession } from "#imports";
+import { showToast } from "../toast.js";
+function readApiContext(options) {
+  return options.context || {};
+}
+async function handleUnauthorized(authConfig, nuxtApp) {
+  const unauthorizedConfig = authConfig.unauthorized;
+  if (!unauthorizedConfig) return;
+  if (unauthorizedConfig.clearSession) {
+    try {
+      const userSession = nuxtApp.vueApp.runWithContext(() => useUserSession());
+      if (userSession?.clear) {
+        await userSession.clear();
+        await userSession.fetch();
+      }
+    } catch {
+    }
+  }
+  if (unauthorizedConfig.redirect) {
+    const loginPath = unauthorizedConfig.loginPath || "/login";
+    await nuxtApp.runWithContext(() => navigateTo(loginPath));
+  }
+}
+export function createOnResponseError(resolvedConfig, publicConfig, nuxtApp) {
+  const { auth: authConfig, toast: toastConfig, response: responseConfig } = resolvedConfig;
+  return async function onResponseError(context) {
+    const { response } = context;
+    if (!response) return;
+    const { toast } = readApiContext(context.options);
+    let unauthorizedHandled = false;
+    if (response.status === 401) {
+      const result = { handled: false };
+      await nuxtApp.callHook("movk:api:unauthorized", context, result);
+      unauthorizedHandled = result.handled;
+      if (!unauthorizedHandled) {
+        await handleUnauthorized(authConfig, nuxtApp);
+      }
+    }
+    if (!unauthorizedHandled) {
+      await nuxtApp.callHook("movk:api:error", context);
+    }
+    const data = response._data;
+    const fallback = `\u8BF7\u6C42\u5931\u8D25 (${response.status})`;
+    showToast("error", data ?? fallback, toast, toastConfig, responseConfig);
+    if (publicConfig.debug) {
+      console.error("[@movk/nuxt] Error:", response.status, response._data);
+    }
+  };
+}

package/dist/runtime/domains/api/interceptors/request.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { FetchContext } from 'ofetch';
+import type { MovkApiPublicConfig } from '../../../types/api';
+import type { ResolvedEndpointConfig } from '../../../types/api/module';
+import type { useNuxtApp } from '#imports';
+type NuxtApp = ReturnType<typeof useNuxtApp>;
+/**
+ * 构造 onRequest 拦截器：注入认证头、debug 日志、派发 movk:api:request hook
+ *
+ * @description Headers 重建前会过滤 undefined 值，规避 ofetch 某些版本 `Record<string, string | undefined>` 导致的 TypeError
+ */
+export declare function createOnRequest(resolvedConfig: ResolvedEndpointConfig, publicConfig: MovkApiPublicConfig, nuxtApp: NuxtApp): (context: FetchContext) => Promise<void>;
+export {};

package/dist/runtime/domains/api/interceptors/request.js ADDED Viewed

@@ -0,0 +1,46 @@
+import { getAuthHeaders } from "../auth.js";
+function toHeaderRecord(headers) {
+  const out = {};
+  if (!headers) return out;
+  if (headers instanceof Headers) {
+    headers.forEach((value, key) => {
+      out[key] = value;
+    });
+    return out;
+  }
+  if (Array.isArray(headers)) {
+    for (const entry of headers) {
+      if (entry && entry[1] !== void 0) out[entry[0]] = entry[1];
+    }
+    return out;
+  }
+  for (const [key, value] of Object.entries(headers)) {
+    if (value !== void 0) out[key] = value;
+  }
+  return out;
+}
+export function createOnRequest(resolvedConfig, publicConfig, nuxtApp) {
+  const { auth: authConfig } = resolvedConfig;
+  return async function onRequest(context) {
+    if (authConfig.enabled) {
+      const authHeaders = getAuthHeaders(authConfig);
+      const normalized = toHeaderRecord(context.options.headers);
+      const headers = new Headers(normalized);
+      for (const [key, value] of Object.entries(authHeaders)) {
+        headers.set(key, value);
+      }
+      context.options.headers = headers;
+    }
+    if (publicConfig.debug) {
+      const h = context.options.headers;
+      const headersLog = h instanceof Headers ? Object.fromEntries(h.entries()) : h;
+      console.info("[@movk/nuxt] Request:", {
+        method: context.options.method || "GET",
+        url: `${resolvedConfig.baseURL}${context.request}`,
+        headers: headersLog,
+        body: context.options.body ? "(body present)" : void 0
+      });
+    }
+    await nuxtApp.callHook("movk:api:request", context);
+  };
+}

package/dist/runtime/domains/api/interceptors/response.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import type { FetchContext } from 'ofetch';
+import type { MovkApiPublicConfig } from '../../../types/api';
+import type { ResolvedEndpointConfig } from '../../../types/api/module';
+import type { useNuxtApp } from '#imports';
+type NuxtApp = ReturnType<typeof useNuxtApp>;
+/**
+ * 构造 onResponse 拦截器
+ *
+ * @description 业务校验链路：
+ * - 校验通过（或 skipBusinessCheck）→ 按 skipUnwrap 决定是否解包 _data → 派发 movk:api:response hook → 触发成功 toast
+ * - 校验失败 → 派发 movk:api:error hook → 触发错误 toast → 抛 createApiError
+ *
+ * **契约**：拦截器输出 = 业务数据。`movk:api:response` hook 收到的 `context.response._data` 已解包；
+ * 调用方设置 `skipUnwrap: true` 时不重写 `_data`，保留原始响应。
+ */
+export declare function createOnResponse(resolvedConfig: ResolvedEndpointConfig, publicConfig: MovkApiPublicConfig, nuxtApp: NuxtApp): (context: FetchContext) => Promise<void>;
+export {};

package/dist/runtime/domains/api/interceptors/response.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { extractData, extractMessage, isBusinessSuccess } from "../response.js";
+import { createApiError } from "../errors.js";
+import { showToast } from "../toast.js";
+function readApiContext(options) {
+  return options.context || {};
+}
+export function createOnResponse(resolvedConfig, publicConfig, nuxtApp) {
+  const { toast: toastConfig, response: responseConfig } = resolvedConfig;
+  return async function onResponse(context) {
+    const raw = context.response?._data;
+    const { toast, skipBusinessCheck, skipUnwrap } = readApiContext(context.options);
+    if (publicConfig.debug) {
+      console.info("[@movk/nuxt] Response:", raw);
+    }
+    if (skipBusinessCheck || isBusinessSuccess(raw, responseConfig)) {
+      if (!skipUnwrap && context.response) {
+        context.response._data = extractData(raw, responseConfig);
+      }
+      await nuxtApp.callHook("movk:api:response", context);
+      showToast("success", raw, toast, toastConfig, responseConfig);
+      return;
+    }
+    await nuxtApp.callHook("movk:api:error", context);
+    showToast("error", raw, toast, toastConfig, responseConfig);
+    throw createApiError(raw, extractMessage(raw, responseConfig));
+  };
+}

package/dist/runtime/domains/api/response.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { ApiResponse, ApiResponseConfig } from '../../types/api';
+export declare function isBusinessSuccess(response: ApiResponse, config?: Partial<ApiResponseConfig>): boolean;
+export declare function extractMessage(response: ApiResponse, config?: Partial<ApiResponseConfig>): string | undefined;
+export declare function extractData(response: ApiResponse, config?: Partial<ApiResponseConfig>): unknown;

package/dist/runtime/domains/api/response.js ADDED Viewed

@@ -0,0 +1,14 @@
+export function isBusinessSuccess(response, config = {}) {
+  const codeKey = config.codeKey || "code";
+  const successCodes = config.successCodes || [200, 0];
+  const code = response[codeKey];
+  return successCodes.includes(code);
+}
+export function extractMessage(response, config = {}) {
+  const messageKey = config.messageKey || "message";
+  return response[messageKey] || response.message || response.msg;
+}
+export function extractData(response, config = {}) {
+  const dataKey = config.dataKey || "data";
+  return dataKey in response ? response[dataKey] : void 0;
+}

package/dist/runtime/domains/api/toast.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import type { ApiResponse, ApiResponseConfig, ApiToastConfig, RequestToastOptions } from '../../types/api';
+type ToastType = 'success' | 'error';
+/**
+ * 触发 Toast 提示
+ *
+ * @description 决策收敛在本函数内：是否启用 / 类型是否启用 / 提示文案选择 / payload 构造。
+ *
+ * @param type 提示类型
+ * @param source 字符串作为 fallback 文案；ApiResponse 时按 responseConfig 抽取 message；undefined 走类型默认文案
+ * @param requestOptions 单次请求覆盖配置；为 false 时整体禁用
+ * @param globalConfig 全局 Toast 配置（已合并端点级覆盖）
+ * @param responseConfig 用于从 ApiResponse 抽取 message 的字段映射；source 为字符串时可省略
+ */
+export declare function showToast(type: ToastType, source: ApiResponse | string | undefined, requestOptions: RequestToastOptions | false | undefined, globalConfig: Partial<ApiToastConfig>, responseConfig?: Partial<ApiResponseConfig>): void;
+export {};

package/dist/runtime/domains/api/toast.js ADDED Viewed

@@ -0,0 +1,46 @@
+import { extractMessage } from "./response.js";
+import { useNuxtApp, useToast } from "#imports";
+function getToast() {
+  try {
+    const nuxtApp = useNuxtApp();
+    return nuxtApp.vueApp.runWithContext(() => useToast());
+  } catch {
+    return null;
+  }
+}
+function pickMessage(type, source, requestOptions, responseConfig) {
+  if (typeof requestOptions === "object") {
+    const custom = requestOptions[`${type}Message`];
+    if (custom) return custom;
+  }
+  if (typeof source === "string") return source;
+  if (source && responseConfig) {
+    const extracted = extractMessage(source, responseConfig);
+    if (extracted) return extracted;
+  }
+  return type === "success" ? "\u64CD\u4F5C\u6210\u529F" : "\u8BF7\u6C42\u5931\u8D25";
+}
+function compact(obj) {
+  const out = {};
+  for (const [k, v] of Object.entries(obj)) {
+    if (v !== void 0) out[k] = v;
+  }
+  return out;
+}
+export function showToast(type, source, requestOptions, globalConfig, responseConfig) {
+  if (globalConfig.enabled === false || requestOptions === false) return;
+  const typeConfig = globalConfig[type];
+  if (typeConfig?.show === false) return;
+  if (requestOptions?.[type] === false) return;
+  const message = pickMessage(type, source, requestOptions, responseConfig);
+  if (!message) return;
+  const toast = getToast();
+  if (!toast) return;
+  const { show: _show, ...typeConfigProps } = typeConfig ?? {};
+  const requestTypeConfig = typeof requestOptions?.[type] === "object" ? requestOptions[type] : {};
+  toast.add(compact({
+    title: message,
+    ...typeConfigProps,
+    ...requestTypeConfig
+  }));
+}

package/dist/runtime/domains/api/transfer.d.ts ADDED Viewed

@@ -0,0 +1,69 @@
+import type { FetchContext, FetchOptions } from 'ofetch';
+import type { ApiResponse, MovkApiPublicConfig, RequestToastOptions, TransferRequestOptions, TransferResult } from '../../types/api';
+import type { ResolvedEndpointConfig } from '../../types/api/module';
+import type { useNuxtApp } from '#imports';
+type NuxtApp = ReturnType<typeof useNuxtApp>;
+/**
+ * 预备传输上下文
+ */
+export interface PreparedTransfer {
+    fullUrl: string;
+    headers: Record<string, string>;
+    config: ResolvedEndpointConfig;
+}
+/**
+ * 解析端点 + 拼装 URL + 合并 headers（auth 在前、用户在后，用户优先）
+ */
+export declare function prepareTransfer(publicConfig: MovkApiPublicConfig, url: string, options: TransferRequestOptions): PreparedTransfer;
+/**
+ * 解析下载文件名
+ * @description 优先级：override > content-disposition > URL pathname 末段 > 'download'
+ */
+export declare function resolveFilename(headers: Headers, url: string, override?: string): string;
+/**
+ * 安全解析 JSON 响应
+ * @description content-type 含 application/json 时尝试 JSON.parse；失败或非 JSON 返回 null
+ */
+export declare function tryParseJsonResponse(headers: Headers, text: string): ApiResponse | null;
+/**
+ * 把 XHR 的 getAllResponseHeaders() 字符串解析为标准 Headers
+ */
+export declare function parseXhrHeaders(raw: string): Headers;
+/**
+ * finalizeTransfer 入参
+ */
+export interface FinalizeTransferContext<T> {
+    /** JSON 响应体；纯二进制成功时为 null */
+    raw: ApiResponse | null;
+    /** 无 JSON 时由调用方提供成功/失败判定与默认数据 */
+    fallback?: {
+        isSuccess: boolean;
+        data: T | null;
+        message?: string;
+    };
+    config: ResolvedEndpointConfig;
+    publicConfig: MovkApiPublicConfig;
+    /** 单次请求 toast 覆盖；false 整体禁用 */
+    requestToast: RequestToastOptions | false | undefined;
+    skipBusinessCheck?: boolean;
+    /** 合成的 FetchContext，用于派发 movk:api:* hook */
+    fetchContext: FetchContext;
+}
+/**
+ * 统一处理传输结果：业务校验 → 派发 hook → 触发 toast → 构造 TransferResult
+ *
+ * @description 本函数**不抛异常**，所有错误以 result.error 形式返回，由 composable 自行决定是否 throw。
+ *  中止场景应由调用方在调用本函数前短路，不要进入此函数。
+ */
+export declare function finalizeTransfer<T>(nuxtApp: NuxtApp, ctx: FinalizeTransferContext<T>): Promise<TransferResult<T>>;
+/**
+ * 合成一个最小可用的 FetchContext，供 hook 订阅者使用
+ *
+ * @description 由于上传/下载基于 XHR / fetch，不经 ofetch；此处提供必要字段以与 $api 的 hook 契约对齐。
+ */
+export declare function buildFetchContext(request: string, options: FetchOptions, response?: {
+    status: number;
+    headers: Headers;
+    _data?: unknown;
+}): FetchContext;
+export {};

package/dist/runtime/domains/api/transfer.js ADDED Viewed

@@ -0,0 +1,81 @@
+import { extractFilename } from "@movk/core";
+import { getAuthHeaders } from "./auth.js";
+import { resolveEndpointConfig } from "./endpoint-config.js";
+import { createApiError } from "./errors.js";
+import { extractData, extractMessage, isBusinessSuccess } from "./response.js";
+import { showToast } from "./toast.js";
+export function prepareTransfer(publicConfig, url, options) {
+  const config = resolveEndpointConfig(publicConfig, options.endpoint);
+  const fullUrl = `${config.baseURL || ""}${url}`;
+  const authHeaders = getAuthHeaders(config.auth);
+  const headers = { ...authHeaders, ...options.headers || {} };
+  return { fullUrl, headers, config };
+}
+export function resolveFilename(headers, url, override) {
+  if (override) return override;
+  const fromHeader = extractFilename(headers, "");
+  if (fromHeader) return fromHeader;
+  try {
+    const base = typeof location !== "undefined" ? location.origin : "http://localhost";
+    const pathname = new URL(url, base).pathname;
+    const last = pathname.split("/").filter(Boolean).pop();
+    if (last) return last;
+  } catch {
+  }
+  return "download";
+}
+export function tryParseJsonResponse(headers, text) {
+  const contentType = headers.get("content-type") || "";
+  if (!contentType.toLowerCase().includes("application/json")) return null;
+  try {
+    return JSON.parse(text);
+  } catch {
+    return null;
+  }
+}
+export function parseXhrHeaders(raw) {
+  const headers = new Headers();
+  if (!raw) return headers;
+  for (const line of raw.trim().split(/\r?\n/)) {
+    const idx = line.indexOf(":");
+    if (idx <= 0) continue;
+    const name = line.slice(0, idx).trim();
+    const value = line.slice(idx + 1).trim();
+    if (name) headers.append(name, value);
+  }
+  return headers;
+}
+export async function finalizeTransfer(nuxtApp, ctx) {
+  const { raw, fallback, config, publicConfig, requestToast, skipBusinessCheck, fetchContext } = ctx;
+  const { response: responseConfig, toast: toastConfig } = config;
+  if (publicConfig.debug) {
+    console.info("[@movk/nuxt] Transfer response:", raw ?? fallback);
+  }
+  const hasRaw = raw !== null;
+  const isSuccess = hasRaw ? skipBusinessCheck || isBusinessSuccess(raw, responseConfig) : fallback?.isSuccess ?? false;
+  if (isSuccess) {
+    const data = hasRaw ? skipBusinessCheck ? raw : extractData(raw, responseConfig) : fallback?.data ?? null;
+    if (fetchContext.response) {
+      fetchContext.response._data = data;
+    }
+    await nuxtApp.callHook("movk:api:response", fetchContext);
+    showToast("success", raw ?? fallback?.message, requestToast, toastConfig, responseConfig);
+    return { data, error: null, aborted: false };
+  }
+  const message = hasRaw ? extractMessage(raw, responseConfig) || fallback?.message : fallback?.message;
+  const apiError = hasRaw ? createApiError(raw, message) : Object.assign(new Error(message || "\u8BF7\u6C42\u5931\u8D25"), { isBusinessError: false });
+  if (fetchContext.response) {
+    fetchContext.response._data = raw ?? void 0;
+  }
+  fetchContext.error = apiError;
+  await nuxtApp.callHook("movk:api:error", fetchContext);
+  showToast("error", raw ?? message, requestToast, toastConfig, responseConfig);
+  return { data: null, error: apiError, aborted: false };
+}
+export function buildFetchContext(request, options, response) {
+  return {
+    request,
+    options,
+    response
+  };
+}

package/dist/runtime/domains/auto-form/actions.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { SearchFormAction } from '../../types/auto-form/search-form';
2	+ export declare const DEFAULT_SEARCH_ACTIONS: SearchFormAction[];

package/dist/runtime/domains/auto-form/actions.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const DEFAULT_SEARCH_ACTIONS = [
+  { key: "search", label: "\u641C\u7D22", icon: "i-lucide-search", type: "submit" },
+  { key: "reset", label: "\u91CD\u7F6E", icon: "i-lucide-rotate-ccw", color: "neutral", variant: "outline" }
+];

package/dist/runtime/domains/auto-form/components/Array.d.vue.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { z } from 'zod';
+import type { ButtonProps } from '@nuxt/ui';
+import type { AutoFormField } from '../../../types/auto-form';
+import type { AnyObject } from '@movk/core';
+interface AutoFormRendererArrayProps {
+    schema: z.ZodObject;
+    field: AutoFormField;
+    extraProps?: AnyObject;
+    addButtonProps?: Partial<ButtonProps>;
+}
+declare const __VLS_export: import("vue").DefineComponent<AutoFormRendererArrayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AutoFormRendererArrayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/{components/auto-form-renderer/AutoFormRendererArray.vue → domains/auto-form/components/Array.vue} RENAMED Viewed

@@ -1,28 +1,23 @@
 <script setup>
 import { UButton, UCollapsible } from "#components";
 import { computed, ref } from "vue";
-import { useAutoFormInjector } from "../../auto-form/provider";
+import { useAutoFormInjector } from "../provider";
 import { joinPath } from "@movk/core";
-import { collectFieldDefaults, createHintSlotFactory } from "../../auto-form/field-utils";
-import { VNodeRender } from "../../auto-form/reactive-utils";
-import AutoFormRendererField from "./AutoFormRendererField.vue";
-import AutoFormRendererNested from "./AutoFormRendererNested.vue";
-const {
-  extraProps,
-  field,
-  schema,
-  addButtonProps: customAddButtonProps
-} = defineProps({
+import { collectFieldDefaults, createHintSlotFactory } from "../fields";
+import { VNodeRender } from "../reactive";
+import AutoFormRendererField from "./Field.vue";
+import AutoFormRendererNested from "./Nested.vue";
+const props = defineProps({
+  schema: { type: null, required: true },
   field: { type: Object, required: true },
   extraProps: { type: Object, required: false },
-  addButtonProps: { type: Object, required: false },
-  schema: { type: null, required: false }
+  addButtonProps: { type: Object, required: false }
 });
-const { createCollapsibleEnhancer, createFieldContext, createSlotResolver, createSlotProps } = useAutoFormInjector();
-const context = createFieldContext(field);
-const slotResolver = computed(() => createSlotResolver(field, extraProps));
-const slotProps = computed(() => createSlotProps(field, extraProps));
-const elementTemplate = computed(() => field.arrayElement);
+const { createCollapsibleEnhancer, createFieldContext, createSlotResolver, createSlotProps, resolveFieldProp } = useAutoFormInjector();
+const context = createFieldContext(props.field);
+const slotResolver = computed(() => createSlotResolver(props.field, props.extraProps));
+const slotProps = computed(() => createSlotProps(props.field, props.extraProps));
+const elementTemplate = computed(() => props.field.arrayElement);
 const isObjectElement = computed(() => elementTemplate.value?.meta.type === "object");
 const arrayValue = computed(() => {
   const value = context.value;
@@ -33,7 +28,7 @@ const idCounter = ref(0);
 function ensureItemIds() {
   const arr = arrayValue.value;
   while (itemIds.value.length < arr.length) {
-    itemIds.value.push(`${field.path}-${idCounter.value++}`);
+    itemIds.value.push(`${props.field.path}-${idCounter.value++}`);
   }
 }
 function getItemId(_item, index) {
@@ -52,7 +47,7 @@ function updateFieldPaths(template, oldBasePath, newBasePath, hintSlotFactory) {
       fieldSlots: isNested && !isObject ? {
         ...template.meta?.fieldSlots
       } : {
-        hint: (props) => hintSlotFactory(template, props.path, props.open, props.count),
+        hint: (props2) => hintSlotFactory(template, props2.path, props2.open, props2.count),
         ...template.meta?.fieldSlots
       }
     }
@@ -71,8 +66,8 @@ const arrayItemFields = computed(() => {
     return [];
   const factory = createHintSlotFactory(removeItem);
   return arr.map((_, index) => {
-    const newBasePath = joinPath([field.path, index]);
-    return updateFieldPaths(template, field.path, newBasePath, factory);
+    const newBasePath = joinPath([props.field.path, index]);
+    return updateFieldPaths(template, props.field.path, newBasePath, factory);
   });
 });
 function createDefaultValue() {
@@ -93,7 +88,7 @@ function removeItem(count) {
   itemIds.value = [...itemIds.value.slice(0, count), ...itemIds.value.slice(count + 1)];
   context.setValue(newArray);
 }
-const { collapsibleConfig, shouldShowCollapsible, isHidden, enhancedField } = createCollapsibleEnhancer(field, extraProps);
+const { collapsibleConfig, shouldShowCollapsible, isHidden, enhancedField } = createCollapsibleEnhancer(props.field, props.extraProps);
 const DEFAULT_ADD_BUTTON_PROPS = {
   icon: "i-lucide-plus",
   color: "info",
@@ -102,14 +97,15 @@ const DEFAULT_ADD_BUTTON_PROPS = {
 };
 const addButtonProps = computed(() => ({
   ...DEFAULT_ADD_BUTTON_PROPS,
-  ...customAddButtonProps
+  size: resolveFieldProp(props.field, "size", "sm", props.extraProps),
+  ...props.addButtonProps
 }));
 </script>
 <template>
   <UCollapsible v-if="shouldShowCollapsible" v-show="!isHidden" v-bind="collapsibleConfig || {}">
     <template #default="{ open }">
-      <AutoFormRendererField :field="enhancedField" :schema="schema" :extra-props="{ ...extraProps, open }" />
+      <AutoFormRendererField :field="enhancedField" :schema="props.schema" :extra-props="{ ...props.extraProps, open }" />
     </template>
     <template v-if="elementTemplate" #content>
@@ -120,8 +116,8 @@ const addButtonProps = computed(() => ({
           <component
             :is="isObjectElement ? AutoFormRendererNested : AutoFormRendererField"
             :field="itemField"
-            :schema="schema"
-            :extra-props="{ ...extraProps, count }"
+            :schema="props.schema"
+            :extra-props="{ ...props.extraProps, count }"
           />
         </template>
       </template>
@@ -137,8 +133,8 @@ const addButtonProps = computed(() => ({
       <component
         :is="isObjectElement ? AutoFormRendererNested : AutoFormRendererField"
         :field="itemField"
-        :schema="schema"
-        :extra-props="{ ...extraProps, count }"
+        :schema="props.schema"
+        :extra-props="{ ...props.extraProps, count }"
       />
     </template>
     <UButton v-bind="addButtonProps" @click="addItem">

package/dist/runtime/domains/auto-form/components/Array.vue.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { z } from 'zod';
+import type { ButtonProps } from '@nuxt/ui';
+import type { AutoFormField } from '../../../types/auto-form';
+import type { AnyObject } from '@movk/core';
+interface AutoFormRendererArrayProps {
+    schema: z.ZodObject;
+    field: AutoFormField;
+    extraProps?: AnyObject;
+    addButtonProps?: Partial<ButtonProps>;
+}
+declare const __VLS_export: import("vue").DefineComponent<AutoFormRendererArrayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AutoFormRendererArrayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/domains/auto-form/components/Children.d.vue.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { z } from 'zod';
+import type { AutoFormField } from '../../../types/auto-form';
+import type { AnyObject } from '@movk/core';
+interface AutoFormRendererChildrenProps {
+    schema: z.ZodObject;
+    fields: AutoFormField[];
+    extraProps?: AnyObject;
+}
+declare const __VLS_export: import("vue").DefineComponent<AutoFormRendererChildrenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AutoFormRendererChildrenProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;