Function: renderResourcefulRecordModelPropertyField()

function renderResourcefulRecordModelPropertyField(
  schema: ResourcefulRecordModelPropertySchema,
  validator: Schema,
  bindings: ComputedRef<ValidationFieldBindings>,
  mode: "update" | "read" | "create",
  display: {
    height: Ref<number>;
    intersecting: Ref<boolean>;
    lg: Ref<boolean>;
    lgAndDown: Ref<boolean>;
    lgAndUp: Ref<boolean>;
    md: Ref<boolean>;
    mdAndDown: Ref<boolean>;
    mdAndUp: Ref<boolean>;
    mobile: Ref<boolean>;
    mobileBreakpoint: Ref<number | DisplayBreakpoint>;
    name: Ref<DisplayBreakpoint>;
    orientation: Ref<"landscape" | "portrait" | "square">;
    platform: Ref<{
      android: boolean;
      chrome: boolean;
      cordova: boolean;
      edge: boolean;
      electron: boolean;
      firefox: boolean;
      ios: boolean;
      linux: boolean;
      mac: boolean;
      opera: boolean;
      ssr: boolean;
      touch: boolean;
      win: boolean;
    }>;
    sm: Ref<boolean>;
    smAndDown: Ref<boolean>;
    smAndUp: Ref<boolean>;
    ssr: boolean;
    thresholds: Ref<{
      lg: number;
      md: number;
      sm: number;
      xl: number;
      xs: number;
      xxl: number;
    }>;
    update: () => void;
    visible: Ref<boolean>;
    width: Ref<number>;
    xl: Ref<boolean>;
    xlAndDown: Ref<boolean>;
    xlAndUp: Ref<boolean>;
    xs: Ref<boolean>;
    xxl: Ref<boolean>;
  },
  doRefreshChoices?: () => Promise<REnumFieldLoadedChoice[]>,
): VNode;

Parameters

Parameter	Type
schema	ResourcefulRecordModelPropertySchema
validator	Schema
bindings	ComputedRef<ValidationFieldBindings>
mode	"update" | "read" | "create"
display	{ height: Ref<number>; intersecting: Ref<boolean>; lg: Ref<boolean>; lgAndDown: Ref<boolean>; lgAndUp: Ref<boolean>; md: Ref<boolean>; mdAndDown: Ref<boolean>; mdAndUp: Ref<boolean>; mobile: Ref<boolean>; mobileBreakpoint: Ref<number | DisplayBreakpoint>; name: Ref<DisplayBreakpoint>; orientation: Ref<"landscape" | "portrait" | "square">; platform: Ref<{ android: boolean; chrome: boolean; cordova: boolean; edge: boolean; electron: boolean; firefox: boolean; ios: boolean; linux: boolean; mac: boolean; opera: boolean; ssr: boolean; touch: boolean; win: boolean; }>; sm: Ref<boolean>; smAndDown: Ref<boolean>; smAndUp: Ref<boolean>; ssr: boolean; thresholds: Ref<{ lg: number; md: number; sm: number; xl: number; xs: number; xxl: number; }>; update: () => void; visible: Ref<boolean>; width: Ref<number>; xl: Ref<boolean>; xlAndDown: Ref<boolean>; xlAndUp: Ref<boolean>; xs: Ref<boolean>; xxl: Ref<boolean>; }
display.height	Ref<number>
display.intersecting?	Ref<boolean>
display.lg?	Ref<boolean>
display.lgAndDown?	Ref<boolean>
display.lgAndUp?	Ref<boolean>
display.md?	Ref<boolean>
display.mdAndDown?	Ref<boolean>
display.mdAndUp?	Ref<boolean>
display.mobile?	Ref<boolean>
display.mobileBreakpoint?	Ref<number | DisplayBreakpoint>
display.name?	Ref<DisplayBreakpoint>
display.orientation?	Ref<"landscape" | "portrait" | "square">
display.platform?	Ref<{ android: boolean; chrome: boolean; cordova: boolean; edge: boolean; electron: boolean; firefox: boolean; ios: boolean; linux: boolean; mac: boolean; opera: boolean; ssr: boolean; touch: boolean; win: boolean; }>
display.sm?	Ref<boolean>
display.smAndDown?	Ref<boolean>
display.smAndUp?	Ref<boolean>
display.ssr?	boolean
display.thresholds?	Ref<{ lg: number; md: number; sm: number; xl: number; xs: number; xxl: number; }>
display.update?	() => void
display.visible?	Ref<boolean>
display.width?	Ref<number>
display.xl?	Ref<boolean>
display.xlAndDown?	Ref<boolean>
display.xlAndUp?	Ref<boolean>
display.xs?	Ref<boolean>
display.xxl?	Ref<boolean>
doRefreshChoices?	() => Promise<REnumFieldLoadedChoice[]>

Returns

VNode