@chelone/vue 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,39 @@
+import { defineComponent, computed, renderSlot } from "vue";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { provideListContext } from "../../../list/list-context.js";
+import { useList } from "../../../list/use-list.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "array-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    perPage: {},
+    sort: {},
+    filter: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const data = computed(
+      () => Array.isArray(value.value) ? value.value : []
+    );
+    const listContext = useList({
+      data: () => data.value,
+      perPage: props.perPage,
+      sort: props.sort,
+      filter: props.filter
+    });
+    provideListContext(listContext);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/array-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./array-field.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,14 @@
+import type { LooseRecord } from "@chelone/core";
+import type { BadgeVariant } from "../../ui/badge.js";
+/** Props for {@link BadgeField}. */
+export interface BadgeFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** Badge variant. Default `outline` (parity with the React twin). */
+    variant?: BadgeVariant;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<BadgeFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,52 @@
+import { defineComponent, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementBlock, createCommentVNode } from "vue";
+import { Badge } from "../../ui/badge.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _hoisted_1 = {
+  key: 1,
+  "data-slot": "badge-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "badge-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    variant: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const variant = computed(() => props.variant ?? "outline");
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const text = computed(() => {
+      const raw = value.value;
+      if (raw == null) return null;
+      return typeof raw === "string" ? raw : String(raw);
+    });
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    return (_ctx, _cache) => {
+      return text.value != null ? (openBlock(), createBlock(unref(Badge), {
+        key: 0,
+        variant: variant.value,
+        class: normalizeClass(props.class)
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(text.value), 1)
+        ]),
+        _: 1
+      }, 8, ["variant", "class"])) : emptyText.value != null ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(emptyText.value), 1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/badge-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./badge-field.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,17 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link BooleanField}. */
+export interface BooleanFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    /** Label shown (as a native `title` tooltip) when the value is truthy. */
+    valueLabelTrue?: string;
+    /** Label shown (as a native `title` tooltip) when the value is falsy. */
+    valueLabelFalse?: string;
+    /** When true, coerce any truthy value (not just `true`) to the check icon. */
+    looseValue?: boolean;
+    empty?: string;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<BooleanFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BooleanFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,85 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, normalizeClass, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _hoisted_1 = ["title", "aria-label"];
+const _hoisted_2 = ["title", "aria-label"];
+const _hoisted_3 = {
+  key: 1,
+  "data-slot": "boolean-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "boolean-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    valueLabelTrue: {},
+    valueLabelFalse: {},
+    looseValue: { type: Boolean },
+    empty: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const renderIcon = computed(
+      () => props.looseValue || typeof value.value === "boolean"
+    );
+    const isTruthy = computed(
+      () => value.value === true || props.looseValue === true && !!value.value
+    );
+    const label = computed(() => {
+      const explicit = isTruthy.value ? props.valueLabelTrue : props.valueLabelFalse;
+      const key = explicit ?? (isTruthy.value ? "ra.boolean.true" : "ra.boolean.false");
+      return translate(key, { _: key });
+    });
+    const iconClass = computed(() => cn("size-5 text-foreground", props.class));
+    return (_ctx, _cache) => {
+      return renderIcon.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        isTruthy.value ? (openBlock(), createElementBlock("svg", {
+          key: 0,
+          "data-slot": "boolean-field",
+          "data-value": "true",
+          class: normalizeClass(iconClass.value),
+          title: label.value,
+          role: "img",
+          "aria-label": label.value,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [..._cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+        ])], 10, _hoisted_1)) : (openBlock(), createElementBlock("svg", {
+          key: 1,
+          "data-slot": "boolean-field",
+          "data-value": "false",
+          class: normalizeClass(iconClass.value),
+          title: label.value,
+          role: "img",
+          "aria-label": label.value,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [..._cache[1] || (_cache[1] = [
+          createElementVNode("path", { d: "M18 6 6 18" }, null, -1),
+          createElementVNode("path", { d: "m6 6 12 12" }, null, -1)
+        ])], 10, _hoisted_2))
+      ], 64)) : __props.empty ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.empty), 1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/boolean-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./boolean-field.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,14 @@
+import type { LooseRecord } from "@chelone/core";
+import type { BadgeVariant } from "../../ui/badge.js";
+/** Props for {@link ChipField}. */
+export interface ChipFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** Badge variant. Default `outline` (parity with the React twin). */
+    variant?: BadgeVariant;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<ChipFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChipFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,53 @@
+import { defineComponent, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementBlock, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { Badge } from "../../ui/badge.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "chip-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    variant: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const variant = computed(() => props.variant ?? "outline");
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const text = computed(() => {
+      const raw = value.value;
+      if (raw == null || raw === "") return null;
+      return typeof raw === "string" ? raw : String(raw);
+    });
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    return (_ctx, _cache) => {
+      return text.value != null ? (openBlock(), createBlock(unref(Badge), {
+        key: 0,
+        variant: variant.value,
+        class: normalizeClass(props.class)
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(text.value), 1)
+        ]),
+        _: 1
+      }, 8, ["variant", "class"])) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "data-slot": "chip-field",
+        class: normalizeClass(unref(cn)("text-muted-foreground", props.class))
+      }, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/chip-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./chip-field.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,15 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link ColorField}. */
+export interface ColorFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** When false, hides the textual color value next to the chip. Default true. */
+    showLabel?: boolean;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<ColorFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorFieldProps> & Readonly<{}>, {
+    showLabel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,57 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "font-mono text-sm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "color-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    showLabel: { type: Boolean, default: true },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const color = computed(() => {
+      const raw = value.value;
+      if (raw == null || raw === "") return null;
+      return String(raw);
+    });
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    return (_ctx, _cache) => {
+      return color.value != null ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        "data-slot": "color-field",
+        class: normalizeClass(["inline-flex items-center gap-2", props.class])
+      }, [
+        createElementVNode("span", {
+          "data-color-chip": "",
+          class: "inline-block h-4 w-4 rounded border border-border",
+          style: normalizeStyle({ backgroundColor: color.value }),
+          "aria-hidden": "true"
+        }, null, 4),
+        __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(color.value), 1)) : createCommentVNode("", true)
+      ], 2)) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "data-slot": "color-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/color-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./color-field.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,13 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link CronField}. */
+export interface CronFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** When true, render the raw cron expression below the human phrase. */
+    showExpression?: boolean;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<CronFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CronFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,59 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createElementVNode, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { describeCron } from "../inputs/cron-utils.js";
+const _hoisted_1 = { class: "text-sm" };
+const _hoisted_2 = {
+  key: 0,
+  class: "font-mono text-xs text-muted-foreground"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "cron-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    showExpression: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const isEmptyValue = computed(() => value.value == null || value.value === "");
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    const expr = computed(() => isEmptyValue.value ? null : String(value.value));
+    const phrase = computed(
+      () => expr.value != null ? describeCron(expr.value) : null
+    );
+    return (_ctx, _cache) => {
+      return expr.value != null && phrase.value == null ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        "data-slot": "cron-field",
+        class: normalizeClass(unref(cn)("font-mono text-sm text-muted-foreground", props.class))
+      }, toDisplayString(expr.value), 3)) : expr.value != null && phrase.value != null ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "data-slot": "cron-field",
+        class: normalizeClass(unref(cn)("inline-flex flex-col", props.class))
+      }, [
+        createElementVNode("span", _hoisted_1, toDisplayString(phrase.value), 1),
+        __props.showExpression ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(expr.value), 1)) : createCommentVNode("", true)
+      ], 2)) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 2,
+        "data-slot": "cron-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/cron-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./cron-field.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,19 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link CurrencyField}. */
+export interface CurrencyFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** ISO-4217 currency code (e.g. 'USD'). Required when value is a plain number. */
+    currency?: string;
+    /** BCP 47 locale for `Intl.NumberFormat`. */
+    displayLocale?: string;
+    /** Treat the stored value as minor units (cents) and divide by 100. */
+    storeAsMinorUnits?: boolean;
+    /** Extra options forwarded to `Intl.NumberFormat`. */
+    options?: Intl.NumberFormatOptions;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<CurrencyFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CurrencyFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,66 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useLocale } from "../../../i18n/use-locale.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "currency-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    currency: {},
+    displayLocale: {},
+    storeAsMinorUnits: { type: Boolean },
+    options: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const appLocale = useLocale();
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    function normalize(v) {
+      if (typeof v === "object" && v !== null && "amount" in v && "currency" in v) {
+        const obj = v;
+        return { amount: obj.amount, code: obj.currency };
+      }
+      if (!props.currency) {
+        throw new Error("<CurrencyField>: numeric value requires a `currency` prop");
+      }
+      return { amount: Number(v), code: props.currency };
+    }
+    const formatted = computed(() => {
+      const raw = value.value;
+      if (raw == null) return null;
+      const { amount, code } = normalize(raw);
+      const major = props.storeAsMinorUnits ? amount / 100 : amount;
+      return new Intl.NumberFormat(props.displayLocale ?? appLocale.value, {
+        style: "currency",
+        currency: code,
+        ...props.options
+      }).format(major);
+    });
+    return (_ctx, _cache) => {
+      return formatted.value != null ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        "data-slot": "currency-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(formatted.value), 3)) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "data-slot": "currency-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/currency-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./currency-field.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,23 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link DateField}. */
+export interface DateFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** BCP 47 locale(s) for `Intl.DateTimeFormat` (via `toLocale*String`). */
+    locales?: Intl.LocalesArgument;
+    options?: Intl.DateTimeFormatOptions;
+    /** Include the time portion. Default false. */
+    showTime?: boolean;
+    /** Include the date portion. Default true. */
+    showDate?: boolean;
+    /** Value → `Date` transform; the default parses strings/numbers via `new Date`. */
+    transform?: (value: unknown) => Date | undefined;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<DateFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DateFieldProps> & Readonly<{}>, {
+    showTime: boolean;
+    showDate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,69 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "date-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    locales: {},
+    options: {},
+    showTime: { type: Boolean, default: false },
+    showDate: { type: Boolean, default: true },
+    transform: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    function defaultTransform(v) {
+      if (v instanceof Date) return v;
+      if (typeof v === "string" || typeof v === "number") return new Date(v);
+      return void 0;
+    }
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    const dateString = computed(() => {
+      if (!props.showTime && !props.showDate) {
+        throw new Error(
+          "<DateField> cannot have showTime and showDate false at the same time"
+        );
+      }
+      const raw = value.value;
+      if (raw == null || raw === "") return null;
+      const transform = props.transform ?? defaultTransform;
+      const date = transform(raw);
+      if (!date) return "";
+      if (props.showTime && props.showDate) {
+        return date.toLocaleString(props.locales, props.options);
+      }
+      if (props.showDate) {
+        const dateOptions = props.options ?? (typeof raw === "string" && raw.length <= 10 ? { timeZone: "UTC" } : void 0);
+        return date.toLocaleDateString(props.locales, dateOptions);
+      }
+      return date.toLocaleTimeString(props.locales, props.options);
+    });
+    return (_ctx, _cache) => {
+      return dateString.value != null ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        "data-slot": "date-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(dateString.value), 3)) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "data-slot": "date-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/date-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./date-field.vue.js";
+export {
+  _sfc_main as default
+};