@chelone/vue 0.2.0 → 0.4.0

package/dist/array/use-array-input.d.ts

@@ -18,11 +18,11 @@
  * array field's error/meta ride a separate {@link useSubscribable} over the field
  * binding, projected through `computed`.
  */
-import type { ArrayBindingUpdateOptions, ArrayRow, SourceScope, TranslatableMessage } from "@chelone/core";
+import type { ArrayBindingUpdateOptions, ArrayRow, SourcePath, SourceScope, TranslatableMessage } from "@chelone/core";
 import { type ComputedRef, type Ref } from "vue";
-export interface UseArrayInputOptions extends ArrayBindingUpdateOptions {
+export interface UseArrayInputOptions<TRecord = unknown> extends ArrayBindingUpdateOptions {
     /** The array field path RELATIVE to the ambient source scope. */
-    source: string;
+    source: SourcePath<TRecord>;
 }
 /** The array field's own reactive error state (min-length validators, etc.). */
 export interface ArrayFieldState {
@@ -52,4 +52,5 @@ export interface UseArrayInputResult {
     clear(): void;
     fieldState: ArrayFieldState;
 }
+export declare function useArrayInput<TRecord>(options: UseArrayInputOptions<TRecord>): UseArrayInputResult;
 export declare function useArrayInput(options: UseArrayInputOptions): UseArrayInputResult;

package/dist/choices/use-choices.d.ts

@@ -13,30 +13,37 @@
  * comes from the ambient i18n via {@link useTranslate}, so `useChoices` must be
  * called in `setup`.
  */
+import { type SourcePath } from "@chelone/core";
 /** An erased choice record — choices carry arbitrary shapes (`{id, name, ...}`). */
 export type ChoiceRecord = Record<string, unknown>;
-/** The display path (dotted) or a formatter over the whole choice. */
-export type OptionText = string | ((choice: ChoiceRecord) => string);
-export interface UseChoicesOptions {
+/** The display path (dot or bracket) or a formatter over the whole choice. */
+export type OptionText<TChoice extends ChoiceRecord = ChoiceRecord> = SourcePath<TChoice> | ((choice: TChoice) => string);
+export interface UseChoicesOptions<TChoice extends ChoiceRecord = ChoiceRecord> {
     /** The display path or a formatter. Default `'name'`. */
-    optionText?: OptionText;
+    optionText?: OptionText<TChoice>;
     /** The value path. Default `'id'`. */
-    optionValue?: string;
+    optionValue?: SourcePath<TChoice>;
     /** The disabled-flag path. Default `'disabled'`. */
-    disableValue?: string;
+    disableValue?: SourcePath<TChoice>;
     /** Translate a string-path text through the catalog (default `true`). */
     translateChoice?: boolean;
 }
 /** The choice accessors a choice input needs. */
-export interface UseChoicesResult {
+export interface UseChoicesResult<TChoice extends ChoiceRecord = ChoiceRecord> {
     /** The display text: string path (optionally translated) or the formatter's output. */
-    getChoiceText(choice: ChoiceRecord): string;
+    getChoiceText(choice: TChoice): string;
     /** The value: `get(choice, optionValue)`, falling back to `choice.id`. */
-    getChoiceValue(choice: ChoiceRecord): unknown;
+    getChoiceValue(choice: TChoice): unknown;
     /** The disabled flag: `get(choice, disableValue)`. */
-    getDisableValue(choice: ChoiceRecord): unknown;
+    getDisableValue(choice: TChoice): unknown;
 }
-/** Reads a dotted path off a record (`get(choice, 'a.b')`), else `undefined`. */
+/**
+ * Read a choice path off a record with core's one path grammar
+ * ({@link getAtPath}): dot members (`author.name`), bracket indices
+ * (`tags[0].label`) and numeric-dot indices all resolve, and an own flat key
+ * equal to the whole path wins. An empty path reads nothing, where core's
+ * reader returns the record itself. Public in the package barrel.
+ */
 export declare function getChoicePath(record: ChoiceRecord, path: string): unknown;
 /**
  * The choice accessors (ra's `useChoices`): text (string path or formatter,
@@ -44,4 +51,4 @@ export declare function getChoicePath(record: ChoiceRecord, path: string): unkno
  * value (`optionValue` path or `id`), and disabled flag. Defaults are read live
  * off `options`, so a reactive props object stays live between reads.
  */
-export declare function useChoices(options?: UseChoicesOptions): UseChoicesResult;
+export declare function useChoices<TChoice extends ChoiceRecord = ChoiceRecord>(options?: UseChoicesOptions<TChoice>): UseChoicesResult<TChoice>;

package/dist/choices/use-choices.js

@@ -1,31 +1,28 @@
+import { getAtPath } from "@chelone/core";
 import { useTranslate } from "../i18n/use-translate.js";
 function getChoicePath(record, path) {
-  if (path in record) return record[path];
-  let current = record;
-  for (const key of path.split(".")) {
-    if (current == null || typeof current !== "object") return void 0;
-    current = current[key];
-  }
-  return current;
+  if (path === "") return void 0;
+  return getAtPath(record, path);
 }
 function useChoices(options = {}) {
   const translate = useTranslate();
+  const loose = () => options;
   return {
     getChoiceText(choice) {
-      const optionText = options.optionText ?? "name";
+      const optionText = loose().optionText ?? "name";
       if (typeof optionText === "function") return optionText(choice);
       const raw = getChoicePath(choice, optionText);
       const text = raw == null ? "" : String(raw);
-      if (options.translateChoice === false) return text;
+      if (loose().translateChoice === false) return text;
       const translated = translate(text, { _: text });
       return translated === text ? text : translated;
     },
     getChoiceValue(choice) {
-      const value = getChoicePath(choice, options.optionValue ?? "id");
+      const value = getChoicePath(choice, loose().optionValue ?? "id");
       return value !== void 0 ? value : choice.id;
     },
     getDisableValue(choice) {
-      return getChoicePath(choice, options.disableValue ?? "disabled");
+      return getChoicePath(choice, loose().disableValue ?? "disabled");
     }
   };
 }

package/dist/components/admin/auth/auth-error.vue.d.ts

@@ -7,7 +7,7 @@ export interface AuthErrorProps {
     class?: string;
 }
 declare const _default: import("vue").DefineComponent<AuthErrorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AuthErrorProps> & Readonly<{}>, {
-    message: string;
     title: string;
+    message: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/admin/buttons/dual-approval-button.vue.d.ts

@@ -1,12 +1,12 @@
-import type { LooseRecord, MutationMode } from "@chelone/core";
+import type { MutationMode, SourceKey } from "@chelone/core";
 /** Props for {@link DualApprovalButton}. */
-export interface DualApprovalButtonProps {
+export interface DualApprovalButtonProps<TRecord extends Record<string, unknown> = Record<string, unknown>> {
     /** Approvals needed. Floored, minimum 1. Default `2`. */
     required?: number;
-    /** Record field holding the approver list. Default `"approvers"`. */
-    approverSource?: string;
-    /** Record field the status is written to. Default `"status"`. */
-    statusSource?: string;
+    /** Record field holding the approver list, a top-level key. Default `"approvers"`. */
+    approverSource?: SourceKey<TRecord>;
+    /** Record field the status is written to, a top-level key. Default `"status"`. */
+    statusSource?: SourceKey<TRecord>;
     /** Status written while approvals are short of `required`. Default `"pending"`. */
     pendingValue?: unknown;
     /** Status written once approvals reach `required`. Default `"approved"`. */
@@ -14,18 +14,22 @@ export interface DualApprovalButtonProps {
     /** Override the ambient `<Resource>`. */
     resource?: string;
     /** Override the ambient record. */
-    record?: LooseRecord;
+    record?: TRecord;
     /** How the update is dispatched. Default `"pessimistic"`. */
     mutationMode?: MutationMode;
     /** Extra CSS class appended to the button. */
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<DualApprovalButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DualApprovalButtonProps> & Readonly<{}>, {
-    required: number;
-    mutationMode: MutationMode;
-    approverSource: string;
-    statusSource: string;
-    pendingValue: "pending";
-    approvedValue: "approved";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <TRecord extends Record<string, unknown> = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & DualApprovalButtonProps<TRecord> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/admin/buttons/dual-approval-button.vue.js

@@ -36,7 +36,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const resource = useResourceContext(props);
     const injectedRecord = inject(RecordContextKey, null);
-    const record = computed(() => props.record ?? injectedRecord?.value);
+    const record = computed(
+      () => props.record ?? injectedRecord?.value
+    );
     const translate = useTranslate();
     const notifications = useCheloneNotifications();
     const { identity } = useOptionalIdentity();

package/dist/components/admin/buttons/save-button.vue.d.ts

@@ -7,8 +7,8 @@ export interface SaveButtonProps {
     class?: string;
 }
 declare const _default: import("vue").DefineComponent<SaveButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SaveButtonProps> & Readonly<{}>, {
-    label: string;
     variant: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    label: string;
     alwaysEnable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/admin/buttons/sort-button.vue.d.ts

@@ -1,7 +1,8 @@
+import type { SourceProp } from "@chelone/core";
 /** Props for {@link SortButton}. */
 export interface SortButtonProps {
     /** The sortable field names offered in the dropdown. */
-    fields: string[];
+    fields: SourceProp[];
     /** Override the auto-translated button label. */
     label?: string;
     /** Extra CSS class appended to the trigger. */

package/dist/components/admin/buttons/status-transition-button.vue.d.ts

@@ -1,8 +1,8 @@
-import type { LooseRecord, MutationMode } from "@chelone/core";
+import type { MutationMode, SourceKey } from "@chelone/core";
 /** Props for {@link StatusTransitionButton}. */
-export interface StatusTransitionButtonProps {
-    /** Record field holding the status. Default `"status"`. */
-    source?: string;
+export interface StatusTransitionButtonProps<TRecord extends Record<string, unknown> = Record<string, unknown>> {
+    /** Record field holding the status, a top-level key. Default `"status"`. */
+    source?: SourceKey<TRecord>;
     /** Next states by current state. */
     transitions: Record<string, readonly string[]>;
     /** Predicates keyed `"<from>-><to>"`. A transition with no guard is allowed. */
@@ -12,7 +12,7 @@ export interface StatusTransitionButtonProps {
     /** Override the ambient `<Resource>`. */
     resource?: string;
     /** Override the ambient record. */
-    record?: LooseRecord;
+    record?: TRecord;
     /** Ask for confirmation before moving the record. Default `false`. */
     confirm?: boolean;
     /** How the update is dispatched. Default `"pessimistic"`. */
@@ -20,13 +20,18 @@ export interface StatusTransitionButtonProps {
     /** Extra CSS class appended to the trigger. */
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<StatusTransitionButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    transition: (from: string, to: string, record: LooseRecord) => any;
-}, string, import("vue").PublicProps, Readonly<StatusTransitionButtonProps> & Readonly<{
-    onTransition?: ((from: string, to: string, record: LooseRecord) => any) | undefined;
-}>, {
-    source: string;
-    confirm: boolean;
-    mutationMode: MutationMode;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <TRecord extends Record<string, unknown> = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onTransition?: ((from: string, to: string, record: TRecord) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onTransition"> & StatusTransitionButtonProps<TRecord> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (event: "transition", from: string, to: string, record: TRecord) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/admin/buttons/status-transition-button.vue.js

@@ -37,7 +37,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const resource = useResourceContext(props);
     const injectedRecord = inject(RecordContextKey, null);
-    const record = computed(() => props.record ?? injectedRecord?.value);
+    const record = computed(
+      () => props.record ?? injectedRecord?.value
+    );
     const translate = useTranslate();
     const notifications = useCheloneNotifications();
     const { canAccess, isPending: isAccessPending } = useMenuAccess(

package/dist/components/admin/buttons/update-button.vue.d.ts

@@ -29,16 +29,16 @@ export interface UpdateButtonProps {
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<UpdateButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (e?: MouseEvent | undefined) => any;
-    error: (error: unknown) => any;
     success: (data: LooseRecord) => any;
+    error: (error: unknown) => any;
 }, string, import("vue").PublicProps, Readonly<UpdateButtonProps> & Readonly<{
     onClick?: ((e?: MouseEvent | undefined) => any) | undefined;
-    onError?: ((error: unknown) => any) | undefined;
     onSuccess?: ((data: LooseRecord) => any) | undefined;
+    onError?: ((error: unknown) => any) | undefined;
 }>, {
     variant: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
-    confirmColor: "primary" | "warning";
     mutationMode: MutationMode;
+    confirmColor: "primary" | "warning";
     confirmTitle: string;
     confirmContent: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/admin/feedback/linear-progress.vue.d.ts

@@ -10,7 +10,7 @@ export interface LinearProgressProps {
     class?: string;
 }
 declare const _default: import("vue").DefineComponent<LinearProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinearProgressProps> & Readonly<{}>, {
-    timeout: number;
     max: number;
+    timeout: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/admin/fields/api-key-field.vue.d.ts

@@ -1,16 +1,34 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceKey, SourceProp } from "@chelone/core";
 /** Props for {@link ApiKeyField}. */
-export interface ApiKeyFieldProps {
-    source: string;
-    record?: LooseRecord;
+export interface ApiKeyFieldProps<RecordType extends LooseRecord = LooseRecord> {
+    source: SourceProp;
+    /** The record to render. Defaults to the ambient `RecordContext` value. */
+    record?: RecordType;
     defaultValue?: unknown;
-    /** Record field with scope strings. Renders chips when set. */
-    scopesSource?: string;
-    /** Record field with an ISO last-used timestamp. */
-    lastUsedSource?: string;
+    /**
+     * Sibling record field with scope strings; renders chips when set. A
+     * top-level key, not a path: the read is `record[scopesSource]`.
+     */
+    scopesSource?: SourceKey<RecordType>;
+    /**
+     * Sibling record field with an ISO last-used timestamp. A top-level key, not
+     * a path: the read is `record[lastUsedSource]`.
+     */
+    lastUsedSource?: SourceKey<RecordType>;
     /** 'last4' shows the trailing 4 chars; 'full' masks everything. */
     maskedFormat?: "last4" | "full";
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<ApiKeyFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ApiKeyFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ApiKeyFieldProps<RecordType> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/admin/fields/api-key-field.vue.js

@@ -61,7 +61,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       defaultValue: props.defaultValue
     });
     const injectedRecord = inject(RecordContextKey, null);
-    const ctxRecord = computed(() => props.record ?? injectedRecord?.value);
+    const ctxRecord = computed(
+      () => props.record ?? injectedRecord?.value
+    );
     const revealed = ref(false);
     const copied = ref(false);
     const key = computed(() => value.value == null ? null : String(value.value));

package/dist/components/admin/fields/array-field.vue.d.ts

@@ -1,8 +1,8 @@
-import type { FilterPayload, LooseRecord, SortPayload } from "@chelone/core";
+import type { FilterPayload, LooseRecord, SortPayload, SourceProp } from "@chelone/core";
 /** Props for {@link ArrayField}. */
 export interface ArrayFieldProps {
     /** The field path to the array on the current record. */
-    source: string;
+    source: SourceProp;
     /** The record to read. Defaults to the ambient `RecordContext` value. */
     record?: LooseRecord;
     /** Returned when the resolved value is `undefined`. */

package/dist/components/admin/fields/badge-field.vue.d.ts

@@ -1,8 +1,8 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 import type { BadgeVariant } from "../../ui/badge.js";
 /** Props for {@link BadgeField}. */
 export interface BadgeFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/boolean-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link BooleanField}. */
 export interface BooleanFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     /** Label shown (as a native `title` tooltip) when the value is truthy. */

package/dist/components/admin/fields/chip-field.vue.d.ts

@@ -1,8 +1,8 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 import type { BadgeVariant } from "../../ui/badge.js";
 /** Props for {@link ChipField}. */
 export interface ChipFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/color-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link ColorField}. */
 export interface ColorFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/cron-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link CronField}. */
 export interface CronFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/currency-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link CurrencyField}. */
 export interface CurrencyFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/date-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link DateField}. */
 export interface DateFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/duration-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link DurationField}. */
 export interface DurationFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/email-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link EmailField}. */
 export interface EmailFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/file-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link FileField}. */
 export interface FileFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/file-field.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, Fragment, renderList, createElementVNode, createCommentVNode } from "vue";
-import { getPath } from "./get-path.js";
+import { getAtPath } from "@chelone/core";
 import { cn } from "../../../lib/utils.js";
 import { useFieldValue } from "../../../record/use-field-value.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
@@ -46,8 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const links = computed(() => {
       if (!Array.isArray(sourceValue.value)) return [];
       return sourceValue.value.map((file, index) => {
-        const fileTitleValue = props.title ? getPath(file, props.title) ?? props.title : props.title;
-        const srcValue = props.src ? getPath(file, props.src) ?? props.title : props.title;
+        const fileTitleValue = props.title ? getAtPath(file, props.title) ?? props.title : props.title;
+        const srcValue = props.src ? getAtPath(file, props.src) ?? props.title : props.title;
         return { href: srcValue, title: fileTitleValue, key: srcValue ?? index };
       });
     });

package/dist/components/admin/fields/function-field.vue.d.ts

@@ -1,9 +1,9 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link FunctionField}. */
-export interface FunctionFieldProps<RecordType = LooseRecord> {
+export interface FunctionFieldProps<RecordType extends LooseRecord = LooseRecord> {
     record?: RecordType;
     /** Optional source, forwarded to the default slot for convenience. */
-    source?: string;
+    source?: SourceProp<RecordType>;
     class?: string;
 }
 declare const _default: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/dist/components/admin/fields/image-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link ImageField}. */
 export interface ImageFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/image-field.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createElementVNode, Fragment, renderList, createCommentVNode } from "vue";
-import { getPath } from "./get-path.js";
+import { getAtPath } from "@chelone/core";
 import { cn } from "../../../lib/utils.js";
 import { useFieldValue } from "../../../record/use-field-value.js";
 import { useTranslate } from "../../../i18n/use-translate.js";
@@ -39,8 +39,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const items = computed(() => {
       if (!Array.isArray(value.value)) return [];
       return value.value.map((file, index) => {
-        const fileTitleValue = props.title ? getPath(file, props.title) ?? props.title : props.title;
-        const srcValue = props.src ? getPath(file, props.src) ?? props.title : props.title;
+        const fileTitleValue = props.title ? getAtPath(file, props.title) ?? props.title : props.title;
+        const srcValue = props.src ? getAtPath(file, props.src) ?? props.title : props.title;
         return { src: srcValue, title: fileTitleValue, key: srcValue ?? index };
       });
     });

package/dist/components/admin/fields/json-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link JsonField}. */
 export interface JsonFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/number-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link NumberField}. */
 export interface NumberFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;

package/dist/components/admin/fields/phone-field.vue.d.ts

@@ -1,7 +1,7 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 /** Props for {@link PhoneField}. */
 export interface PhoneFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     defaultValue?: unknown;
     empty?: string;