@aplus-frontend/ui 0.0.1-beta.4 → 0.0.1-beta.6

package/es/index.mjs

@@ -1,34 +1,34 @@
 import * as e from "./src/index.mjs";
-import { useMessage as f } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as l } from "./src/hooks/useControllableValue.mjs";
+import { useMessage as l } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as n } from "./src/hooks/useControllableValue.mjs";
 import { Icon as m, SvgIcon as x } from "./src/icon/index.mjs";
 import { configProviderProps as u } from "./src/config-provider/config-provider-props.mjs";
 import { configProviderContextKey as T, tableDefaultConfig as C } from "./src/config-provider/constants.mjs";
-import { keysOf as A, provideGlobalConfig as b, useGlobalConfig as g } from "./src/config-provider/hooks/use-global-config.mjs";
-import { buildLocaleContext as P, buildTranslator as B, localeContextKey as I, translate as F, useLocale as M } from "./src/config-provider/hooks/use-locale.mjs";
-import { defaultNamespace as G, namespaceContextKey as D, useGetDerivedNamespace as X, useNamespace as h } from "./src/config-provider/hooks/use-namespace.mjs";
-import { ConfigProvider as y } from "./src/config-provider/config-provider.mjs";
-import { APConfigProvider as E } from "./src/config-provider/index.mjs";
-import { Scrollbar as N } from "./src/scroll-bar/index.mjs";
+import { keysOf as S, provideGlobalConfig as F, useGlobalConfig as b } from "./src/config-provider/hooks/use-global-config.mjs";
+import { buildLocaleContext as v, buildTranslator as P, localeContextKey as B, translate as I, useLocale as R } from "./src/config-provider/hooks/use-locale.mjs";
+import { defaultNamespace as M, namespaceContextKey as h, useGetDerivedNamespace as G, useNamespace as k } from "./src/config-provider/hooks/use-namespace.mjs";
+import { ConfigProvider as X } from "./src/config-provider/config-provider.mjs";
+import { APConfigProvider as N } from "./src/config-provider/index.mjs";
+import { Scrollbar as E } from "./src/scroll-bar/index.mjs";
 import { CollapseContainer as H, ScrollContainer as L } from "./src/container/index.mjs";
 import { IconPicker as O } from "./src/icon-picker/index.mjs";
 import { default as $ } from "./src/locale/lang/zh-cn.mjs";
 import { default as q } from "./src/locale/lang/en.mjs";
 import { BasicArrow as Q, BasicHelp as U, BasicTitle as W } from "./src/basic/index.mjs";
 import { default as _ } from "./src/transition/collapse-transition.vue.mjs";
-import { ExpandTransition as eo, ExpandXTransition as ro, FadeTransition as to, ScaleRotateTransition as ao, ScaleTransition as no, ScrollXReverseTransition as po, ScrollXTransition as fo, ScrollYReverseTransition as io, ScrollYTransition as lo, SlideXReverseTransition as so, SlideXTransition as mo, SlideYReverseTransition as xo, SlideYTransition as uo } from "./src/transition/index.mjs";
+import { ExpandTransition as eo, ExpandXTransition as ro, FadeTransition as to, ScaleRotateTransition as ao, ScaleTransition as po, ScrollXReverseTransition as fo, ScrollXTransition as lo, ScrollYReverseTransition as io, ScrollYTransition as no, SlideXReverseTransition as so, SlideXTransition as mo, SlideYReverseTransition as xo, SlideYTransition as uo } from "./src/transition/index.mjs";
 import { useDescription as To } from "./src/description/use-description.mjs";
-import { Description as So } from "./src/description/index.mjs";
-import { useForm as bo } from "./src/pro-form/hooks/use-form.mjs";
-import { isComponentFormSchema as vo, isSlotFormSchema as Po } from "./src/pro-form/types/form.mjs";
-import { Field as Io } from "./src/pro-form/index.mjs";
-import { default as Mo } from "./src/pro-form/components/api-cascader.vue.mjs";
-import { default as Go } from "./src/pro-form/components/api-radio-group.vue.mjs";
-import { default as Xo } from "./src/pro-form/components/api-select.vue.mjs";
+import { Description as Ao } from "./src/description/index.mjs";
+import { useForm as Fo } from "./src/pro-form/hooks/use-form.mjs";
+import { isComponentFormSchema as go, isSlotFormSchema as vo } from "./src/pro-form/types/form.mjs";
+import { Field as Bo } from "./src/pro-form/index.mjs";
+import { default as Ro } from "./src/pro-form/components/api-cascader.vue.mjs";
+import { default as Mo } from "./src/pro-form/components/api-radio-group.vue.mjs";
+import { default as Go } from "./src/pro-form/components/api-select.vue.mjs";
 import { default as wo } from "./src/pro-form/components/api-transfer.vue.mjs";
-import { default as Yo } from "./src/pro-form/components/api-tree.vue.mjs";
-import { default as Ko } from "./src/pro-form/components/radio-button-group.vue.mjs";
-import { default as ko } from "./src/pro-form/pro-form.vue.mjs";
+import { default as yo } from "./src/pro-form/components/api-tree.vue.mjs";
+import { default as Yo } from "./src/pro-form/components/radio-button-group.vue.mjs";
+import { default as Ko } from "./src/pro-form/pro-form.vue.mjs";
 import { default as Lo } from "./src/pro-form/components/api-tree-select.vue.mjs";
 import { default as Oo } from "./src/base-button/modal-button.vue.mjs";
 import { default as $o } from "./src/base-button/pop-confirm-button.vue.mjs";
@@ -37,16 +37,26 @@ import { StrengthMeter as Qo } from "./src/strength-meter/index.mjs";
 import { useModalContext as Wo } from "./src/modal/hooks/use-modal-context.mjs";
 import { useModal as _o, useModalInner as oe } from "./src/modal/hooks/use-modal.mjs";
 import { BaseModal as re } from "./src/modal/index.mjs";
-import { CropperAvatar as ae, CropperImage as ne } from "./src/cropper/index.mjs";
-import { CountdownButton as fe, CountdownInput as ie } from "./src/count-down/index.mjs";
+import { CropperAvatar as ae, CropperImage as pe } from "./src/cropper/index.mjs";
+import { CountdownButton as le, CountdownInput as ie } from "./src/count-down/index.mjs";
 import { createPrompt as se } from "./src/prompt/index.mjs";
 import { Dropdown as xe } from "./src/dropdown/index.mjs";
 import { default as ue } from "./src/pro-table/pro-table.vue.mjs";
 import { default as Te } from "./src/pro-table/components/table-action.vue.mjs";
-import { default as Se } from "./src/pro-table/components/edit-table-header-icon.vue.mjs";
-import { default as be } from "./src/pro-table/components/table-image.vue.mjs";
-import { useTable as ve } from "./src/pro-table/hooks/use-table.mjs";
-import { ApForm as Be, ApFormItem as Ie, ApFormItemGroup as Fe } from "./src/ap-form/index.mjs";
+import { default as Ae } from "./src/pro-table/components/edit-table-header-icon.vue.mjs";
+import { default as Fe } from "./src/pro-table/components/table-image.vue.mjs";
+import { useTable as ge } from "./src/pro-table/hooks/use-table.mjs";
+import { ApForm as Pe, ApFormItem as Be, ApFormItemGroup as Ie } from "./src/ap-form/index.mjs";
+import { default as De } from "./src/ap-field/text/index.vue.mjs";
+import { default as he } from "./src/ap-field/checkbox/index.vue.mjs";
+import { default as ke } from "./src/ap-field/date/index.vue.mjs";
+import { default as Xe } from "./src/ap-field/number/index.vue.mjs";
+import { default as Ne } from "./src/ap-field/radio/index.vue.mjs";
+import { default as Ee } from "./src/ap-field/switch/index.vue.mjs";
+import { default as He } from "./src/ap-field/text-area/index.vue.mjs";
+import { default as ze } from "./src/ap-field/date-range/index.vue.mjs";
+import { default as Ve } from "./src/ap-field/select/index.vue.mjs";
+import { adminToken as je, aplusToken as qe } from "./src/design-token/index.mjs";
 const a = {
   install: (r) => {
     for (const t in e) {
@@ -56,15 +66,24 @@ const a = {
   }
 };
 export {
-  E as APConfigProvider,
-  Be as ApForm,
-  Ie as ApFormItem,
-  Fe as ApFormItemGroup,
-  Mo as ApiCascader,
-  Go as ApiRadioGroup,
-  Xo as ApiSelect,
+  N as APConfigProvider,
+  he as ApFieldCheckbox,
+  ke as ApFieldDate,
+  ze as ApFieldDateRange,
+  Xe as ApFieldNumber,
+  Ne as ApFieldRadio,
+  Ve as ApFieldSelect,
+  Ee as ApFieldSwitch,
+  De as ApFieldText,
+  He as ApFieldTextArea,
+  Pe as ApForm,
+  Be as ApFormItem,
+  Ie as ApFormItemGroup,
+  Ro as ApiCascader,
+  Mo as ApiRadioGroup,
+  Go as ApiSelect,
   wo as ApiTransfer,
-  Yo as ApiTree,
+  yo as ApiTree,
   Lo as ApiTreeSelect,
   qo as BaseButton,
   re as BaseModal,
@@ -73,33 +92,33 @@ export {
   W as BasicTitle,
   H as CollapseContainer,
   _ as CollapseTransition,
-  y as ConfigProvider,
-  fe as CountdownButton,
+  X as ConfigProvider,
+  le as CountdownButton,
   ie as CountdownInput,
   ae as CropperAvatar,
-  ne as CropperImage,
-  So as Description,
+  pe as CropperImage,
+  Ao as Description,
   xe as Dropdown,
-  Se as EditTableHeaderIcon,
+  Ae as EditTableHeaderIcon,
   eo as ExpandTransition,
   ro as ExpandXTransition,
   to as FadeTransition,
-  Io as Field,
+  Bo as Field,
   m as Icon,
   O as IconPicker,
   Oo as ModalButton,
   $o as PopConfirmButton,
-  ko as ProForm,
+  Ko as ProForm,
   ue as ProTable,
-  Ko as RadioButtonGroup,
+  Yo as RadioButtonGroup,
   ao as ScaleRotateTransition,
-  no as ScaleTransition,
+  po as ScaleTransition,
   L as ScrollContainer,
-  po as ScrollXReverseTransition,
-  fo as ScrollXTransition,
+  fo as ScrollXReverseTransition,
+  lo as ScrollXTransition,
   io as ScrollYReverseTransition,
-  lo as ScrollYTransition,
-  N as Scrollbar,
+  no as ScrollYTransition,
+  E as Scrollbar,
   so as SlideXReverseTransition,
   mo as SlideXTransition,
   xo as SlideYReverseTransition,
@@ -107,34 +126,36 @@ export {
   Qo as StrengthMeter,
   x as SvgIcon,
   Te as TableAction,
-  be as TableImg,
-  P as buildLocaleContext,
-  B as buildTranslator,
+  Fe as TableImg,
+  je as adminToken,
+  qe as aplusToken,
+  v as buildLocaleContext,
+  P as buildTranslator,
   T as configProviderContextKey,
   u as configProviderProps,
   se as createPrompt,
   a as default,
-  G as defaultNamespace,
+  M as defaultNamespace,
   q as en,
-  vo as isComponentFormSchema,
-  Po as isSlotFormSchema,
-  A as keysOf,
-  I as localeContextKey,
-  D as namespaceContextKey,
-  b as provideGlobalConfig,
+  go as isComponentFormSchema,
+  vo as isSlotFormSchema,
+  S as keysOf,
+  B as localeContextKey,
+  h as namespaceContextKey,
+  F as provideGlobalConfig,
   C as tableDefaultConfig,
-  F as translate,
-  l as useControllableValue,
+  I as translate,
+  n as useControllableValue,
   To as useDescription,
-  bo as useForm,
-  X as useGetDerivedNamespace,
-  g as useGlobalConfig,
-  M as useLocale,
-  f as useMessage,
+  Fo as useForm,
+  G as useGetDerivedNamespace,
+  b as useGlobalConfig,
+  R as useLocale,
+  l as useMessage,
   _o as useModal,
   Wo as useModalContext,
   oe as useModalInner,
-  h as useNamespace,
-  ve as useTable,
+  k as useNamespace,
+  ge as useTable,
   $ as zhCn
 };

package/es/src/ap-field/checkbox/helper.mjs

@@ -0,0 +1,5 @@
+const t = (e) => typeof e == "object" ? e.value : e, o = (e) => typeof e == "object" ? e.label : e;
+export {
+  o as getOptionLabel,
+  t as getOptionValue
+};

package/es/src/ap-field/checkbox/index.vue.d.ts

@@ -0,0 +1,39 @@
+import { ApFieldCheckboxProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { CheckboxOptionType } from 'ant-design-vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldCheckboxProps>, {
+    emptyText: string;
+    mode: string;
+    options: () => never[];
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldCheckboxProps>, {
+    emptyText: string;
+    mode: string;
+    options: () => never[];
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    options: (string | number | CheckboxOptionType)[];
+    emptyText: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/ap-field/checkbox/index.vue.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as x, ref as k, onMounted as y, openBlock as o, createElementBlock as i, Fragment as p, unref as e, createTextVNode as m, toDisplayString as s, createBlock as g, mergeProps as h } from "vue";
+import { isFunction as C, isNil as V } from "lodash-unified";
+import { CheckboxGroup as b } from "ant-design-vue";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as _ } from "../../hooks/useControllableValue.mjs";
+import { getOptionValue as B, getOptionLabel as T } from "./helper.mjs";
+const D = /* @__PURE__ */ x({
+  name: "ApFieldCheckbox",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    mode: { default: "edit" },
+    defaultValue: {},
+    value: {},
+    onChange: {},
+    "onUpdate:value": {},
+    name: {},
+    prefixCls: {},
+    options: { default: () => [] },
+    disabled: { type: Boolean },
+    id: {},
+    emptyText: { default: "-" },
+    request: {}
+  },
+  emits: ["update:value"],
+  setup(d, { emit: f }) {
+    const c = f, t = d, a = k(t.options);
+    y(() => {
+      C(t.request) && t.request().then((l) => a.value = l);
+    });
+    const { value: n, updateValue: v } = _(
+      t,
+      c,
+      {
+        defaultValue: []
+      }
+    );
+    return (l, q) => {
+      var u;
+      return l.mode === "read" ? (o(), i(p, { key: 0 }, [
+        e(V)(e(n)) ? (o(), i(p, { key: 0 }, [
+          m(s(t.emptyText), 1)
+        ], 64)) : (o(), i(p, { key: 1 }, [
+          m(s(((u = a.value) == null ? void 0 : u.filter((r) => e(n).indexOf(e(B)(r)) > -1).map((r) => e(T)(r)).join("、")) || t.emptyText), 1)
+        ], 64))
+      ], 64)) : (o(), g(e(b), h({ key: 1 }, t, {
+        options: a.value,
+        value: e(n),
+        "onUpdate:value": e(v)
+      }), null, 16, ["options", "value", "onUpdate:value"]));
+    };
+  }
+});
+export {
+  D as default
+};

package/es/src/ap-field/checkbox/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-field/date/constant.d.ts

@@ -1 +1,11 @@
-export declare const ProFieldDatePresetFormats: string[];
+import { PickerMode } from 'ant-design-vue/es/vc-picker/interface';
+import { ApFormatPresetType } from './interface';
+
+export declare const ApFieldDatePresetFormats: string[];
+export declare const PRESET_FORMAT_MAP: Record<ApFormatPresetType, string>;
+export declare const PRESET_FORMAT_PICK_MAP: Record<ApFormatPresetType, PickerMode>;
+export declare const PRESET_FORMAT_TIME_MAP: Record<ApFormatPresetType, {
+    showTime: boolean;
+    showSecond?: boolean;
+    showMinute?: boolean;
+}>;

package/es/src/ap-field/date/constant.mjs

@@ -0,0 +1,50 @@
+const Y = [
+  "Y",
+  "Y-M",
+  "Y-D",
+  "Y-h",
+  "Y-m",
+  "Y-s"
+], e = {
+  Y: "YYYY",
+  "Y-M": "YYYY-MM",
+  "Y-D": "YYYY-MM-DD",
+  "Y-h": "YYYY-MM-DD HH",
+  "Y-m": "YYYY-MM-DD HH:mm",
+  "Y-s": "YYYY-MM-DD HH:mm:ss"
+}, s = {
+  Y: "year",
+  "Y-M": "month",
+  "Y-D": "date",
+  "Y-h": "date",
+  "Y-m": "date",
+  "Y-s": "date"
+}, M = {
+  Y: {
+    showTime: !1
+  },
+  "Y-M": {
+    showTime: !1
+  },
+  "Y-D": {
+    showTime: !1
+  },
+  "Y-h": {
+    showTime: !0,
+    showSecond: !1,
+    showMinute: !1
+  },
+  "Y-m": {
+    showTime: !0,
+    showSecond: !1
+  },
+  "Y-s": {
+    showTime: !0
+  }
+};
+export {
+  Y as ApFieldDatePresetFormats,
+  e as PRESET_FORMAT_MAP,
+  s as PRESET_FORMAT_PICK_MAP,
+  M as PRESET_FORMAT_TIME_MAP
+};

package/es/src/ap-field/date/helper.d.ts

@@ -0,0 +1,5 @@
+import { EventValue } from 'ant-design-vue/es/vc-picker/interface';
+import { Dayjs } from 'dayjs';
+
+export declare const formatDay: (d: Dayjs, f: string, begin?: boolean) => number | null;
+export declare const formatValue: (v: EventValue<Dayjs>) => number | null;

package/es/src/ap-field/date/helper.mjs

@@ -0,0 +1,10 @@
+const o = (e, n, f = !0) => {
+  if (!e)
+    return null;
+  let t = e.clone();
+  return t = t.millisecond(0), n.indexOf("ss") === -1 && (t = t.second(f ? 0 : 59)), n.indexOf("mm") === -1 && (t = t.minute(f ? 0 : 59)), n.indexOf("HH") === -1 && (t = t.hour(f ? 0 : 23)), n.indexOf("DD") === -1 && (t = t.date(f ? 1 : 0), f || (t = t.month(t.month() + 1))), n.indexOf("MM") === -1 && (t = t.month(f ? 0 : 12)), t.valueOf();
+}, i = (e) => e && e.valueOf();
+export {
+  o as formatDay,
+  i as formatValue
+};

package/es/src/ap-field/date/index.vue.d.ts

@@ -0,0 +1,57 @@
+import { ApFieldDateProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { DatePickerProps } from 'ant-design-vue';
+
+type ApFieldDataSlots = {
+    dateRender: any;
+    suffixIcon?: any;
+    prevIcon?: any;
+    nextIcon?: any;
+    superPrevIcon?: any;
+    superNextIcon?: any;
+    renderExtraFooter?: any;
+    monthCellRender?: any;
+    monthCellContentRender?: any;
+    clearIcon?: any;
+    default?: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
+    format: string;
+    mode: string;
+    fieldProps: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
+    format: string;
+    mode: string;
+    fieldProps: () => {};
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    format: string;
+    fieldProps: Omit< DatePickerProps, "value" | "defaultValue" | "onChange" | "mode" | "format" | "onOk">;
+}, {}>, Readonly<ApFieldDataSlots> & ApFieldDataSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-field/date/index.vue.mjs

@@ -0,0 +1,75 @@
+import { defineComponent as C, computed as s, unref as o, openBlock as p, createElementBlock as E, Fragment as F, createTextVNode as R, toDisplayString as M, createBlock as D, mergeProps as S, createSlots as V, renderList as x, withCtx as j, renderSlot as B, normalizeProps as I, guardReactiveProps as N } from "vue";
+import i from "dayjs";
+import { DatePicker as U } from "ant-design-vue";
+import { ApFieldDatePresetFormats as $, PRESET_FORMAT_MAP as b, PRESET_FORMAT_PICK_MAP as w, PRESET_FORMAT_TIME_MAP as z } from "./constant.mjs";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as K } from "../../hooks/useControllableValue.mjs";
+import { isNil as P } from "lodash-unified";
+import { formatDay as d } from "./helper.mjs";
+const X = /* @__PURE__ */ C({
+  name: "ApFieldDate",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    mode: { default: "edit" },
+    fieldProps: { default: () => ({}) },
+    emptyText: {},
+    value: {},
+    defaultValue: {},
+    onChange: {},
+    onOk: {},
+    format: { default: "Y-D" }
+  },
+  emits: ["update:value"],
+  setup(k, { emit: v }) {
+    const e = k, _ = v, { value: u, updateValue: c } = K(e, _), n = s(
+      () => $.indexOf(e.format) > -1
+    ), l = s(
+      () => n.value ? b[e.format] : e.format
+    ), O = s(() => P(o(u)) ? void 0 : i(o(u))), g = s(() => o(n) ? e.fieldProps.picker ?? w[e.format] : e.fieldProps.picker), h = s(() => {
+      const t = o(n) ? z[e.format] : {};
+      return {
+        ...e.fieldProps,
+        ...t
+      };
+    });
+    function y(t) {
+      if (P(t)) {
+        c(null);
+        return;
+      }
+      const r = i(t);
+      o(n) ? c(d(r, o(l))) : c(r.valueOf());
+    }
+    function T(t, r) {
+      var f;
+      const m = i(t), a = o(n) ? d(m, o(l)) : t ? m.valueOf() : null;
+      (f = e.onChange) == null || f.call(e, a, r);
+    }
+    function A(t) {
+      var a;
+      const r = i(t), m = o(n) ? d(r, o(l)) : t ? r.valueOf() : null;
+      (a = e.onOk) == null || a.call(e, m);
+    }
+    return (t, r) => t.mode === "read" ? (p(), E(F, { key: 0 }, [
+      R(M(o(u) ? o(i)(o(u)).format(l.value) : t.emptyText), 1)
+    ], 64)) : (p(), D(o(U), S({ key: 1 }, h.value, {
+      value: O.value,
+      format: l.value,
+      "onUpdate:value": y,
+      onChange: T,
+      onOk: A,
+      picker: g.value
+    }), V({ _: 2 }, [
+      x(t.$slots, (m, a) => ({
+        name: a,
+        fn: j((f) => [
+          B(t.$slots, a, I(N(f || {})))
+        ])
+      }))
+    ]), 1040, ["value", "format", "picker"]));
+  }
+});
+export {
+  X as default
+};

package/es/src/ap-field/date/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-field/date/interface.d.ts

@@ -1 +1,2 @@
 export type OmitValue<T> = Omit<T, 'value' | 'defaultValue' | 'onChange' | 'mode' | 'format'>;
+export type ApFormatPresetType = 'Y' | 'Y-M' | 'Y-D' | 'Y-h' | 'Y-m' | 'Y-s';

package/es/src/ap-field/date-range/index.vue.d.ts

@@ -0,0 +1,59 @@
+import { ApFieldDateRangeProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { RangePickerProps } from 'ant-design-vue/es/date-picker';
+
+type ApFieldDateRangeSlots = {
+    suffixIcon?: any;
+    prevIcon?: any;
+    nextIcon?: any;
+    superPrevIcon?: any;
+    superNextIcon?: any;
+    dateRender?: any;
+    renderExtraFooter?: any;
+    default?: any;
+    separator?: any;
+    clearIcon?: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateRangeProps>, {
+    emptyText: string;
+    mode: string;
+    format: string;
+    fieldProps: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateRangeProps>, {
+    emptyText: string;
+    mode: string;
+    format: string;
+    fieldProps: () => {};
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    format: string;
+    emptyText: string;
+    fieldProps: Omit< RangePickerProps, "value" | "defaultValue" | "onChange" | "renderExtraFooter" | "onPanelChange" | "onOk">;
+}, {}>, Readonly<ApFieldDateRangeSlots> & ApFieldDateRangeSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};