@aplus-frontend/ui 0.0.1 → 0.0.2

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

@@ -1,6 +1,7 @@
+import { default as dayjs } from 'dayjs';
 import { ApFieldDateProps, FieldMode } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { DatePickerProps } from 'ant-design-vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
+import { SharedTimeProps } from 'ant-design-vue/es/vc-picker/panels/TimePanel';
 
 type ApFieldDataSlots = {
     dateRender: any;
@@ -18,19 +19,76 @@ type ApFieldDataSlots = {
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
     format: string;
     mode: string;
-    fieldProps: () => {};
+    emptyText: string;
+    allowClear: undefined;
+    autofocus: undefined;
+    bordered: undefined;
+    clearIcon: undefined;
+    defaultOpen: undefined;
+    disabled: undefined;
+    hideDisabledOptions: undefined;
+    inputReadOnly: undefined;
+    open: undefined;
+    showHour: undefined;
+    showMinute: undefined;
+    showNow: undefined;
+    showSecond: undefined;
+    showTime: undefined;
+    showToday: undefined;
+    suffixIcon: undefined;
+    use12Hours: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
     format: string;
     mode: string;
-    fieldProps: () => {};
+    emptyText: string;
+    allowClear: undefined;
+    autofocus: undefined;
+    bordered: undefined;
+    clearIcon: undefined;
+    defaultOpen: undefined;
+    disabled: undefined;
+    hideDisabledOptions: undefined;
+    inputReadOnly: undefined;
+    open: undefined;
+    showHour: undefined;
+    showMinute: undefined;
+    showNow: undefined;
+    showSecond: undefined;
+    showTime: undefined;
+    showToday: undefined;
+    suffixIcon: undefined;
+    use12Hours: undefined;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
+    open: boolean;
+    autofocus: boolean;
     mode: FieldMode;
+    suffixIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    bordered: boolean;
+    clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    allowClear: boolean;
+    defaultOpen: boolean;
     format: string;
-    fieldProps: Omit< DatePickerProps, "mode" | "onOk" | "onChange" | "value" | "onUpdate:value" | "defaultValue" | "format">;
+    inputReadOnly: boolean;
+    showToday: boolean;
+    showTime: boolean | SharedTimeProps<dayjs.Dayjs>;
+    emptyText: string;
 }, {}>, Readonly<ApFieldDataSlots> & ApFieldDataSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,18 +1,79 @@
-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 { defineComponent as b, computed as u, unref as t, openBlock as c, createElementBlock as _, Fragment as w, createTextVNode as M, toDisplayString as R, createBlock as T, mergeProps as A, createSlots as F, renderList as x, withCtx as E, renderSlot as V, normalizeProps as D, 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 { DatePicker as j } from "ant-design-vue";
+import { ApFieldDatePresetFormats as I, PRESET_FORMAT_MAP as H, PRESET_FORMAT_PICK_MAP as U, PRESET_FORMAT_TIME_MAP as z } from "./constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as P } from "lodash-unified";
-import { formatDay as d } from "./helper.mjs";
-import { useControllableValue as K } from "../../hooks/useControllableValue.mjs";
-const X = /* @__PURE__ */ C({
+import { isNil as v, omit as K } from "lodash-unified";
+import { formatDay as f } from "./helper.mjs";
+import { useControllableValue as $ } from "../../hooks/useControllableValue.mjs";
+const Z = /* @__PURE__ */ b({
   name: "ApFieldDate",
   __name: "index",
   props: {
     mode: { default: "edit" },
-    fieldProps: { default: () => ({}) },
-    emptyText: {},
+    dropdownClassName: {},
+    dropdownAlign: {},
+    popupStyle: {},
+    transitionName: {},
+    placeholder: {},
+    allowClear: { type: Boolean, default: void 0 },
+    autofocus: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    tabindex: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: void 0 },
+    inputReadOnly: { type: Boolean, default: void 0 },
+    id: {},
+    presets: {},
+    suffixIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
+    clearIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
+    getPopupContainer: {},
+    panelRender: {},
+    inputRender: {},
+    onOpenChange: {},
+    onPanelChange: {},
+    onFocus: {},
+    onBlur: {},
+    onMousedown: {},
+    onMouseup: {},
+    onMouseenter: {},
+    onMouseleave: {},
+    onClick: {},
+    onContextmenu: {},
+    onKeydown: {},
+    role: {},
+    name: {},
+    autocomplete: {},
+    direction: {},
+    showToday: { type: Boolean, default: void 0 },
+    showTime: { type: Boolean, default: void 0 },
+    picker: {},
+    prefixCls: {},
+    defaultPickerValue: {},
+    disabledDate: {},
+    dateRender: {},
+    monthCellRender: {},
+    renderExtraFooter: {},
+    onSelect: {},
+    locale: {},
+    size: {},
+    bordered: { type: Boolean, default: void 0 },
+    showNow: { type: Boolean, default: void 0 },
+    disabledTime: {},
+    defaultOpenValue: {},
+    showHour: { type: Boolean, default: void 0 },
+    showMinute: { type: Boolean, default: void 0 },
+    showSecond: { type: Boolean, default: void 0 },
+    use12Hours: { type: Boolean, default: void 0 },
+    hourStep: {},
+    minuteStep: {},
+    secondStep: {},
+    hideDisabledOptions: { type: Boolean, default: void 0 },
+    disabledHours: {},
+    disabledMinutes: {},
+    disabledSeconds: {},
+    valueFormat: {},
+    emptyText: { default: "-" },
     value: {},
     defaultValue: {},
     onChange: {},
@@ -20,55 +81,63 @@ const X = /* @__PURE__ */ C({
     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), y = s(() => {
-      const t = o(n) ? z[e.format] : {};
+  setup(y, { emit: h }) {
+    const e = y, B = h, { value: s, updateValue: m } = $(e, B), l = u(
+      () => I.indexOf(e.format) > -1
+    ), r = u(
+      () => l.value ? H[e.format] : e.format
+    ), k = u(() => v(t(s)) ? void 0 : i(t(s))), O = u(() => t(l) ? e.picker ?? U[e.format] : e.picker), P = u(() => {
+      const o = t(l) ? z[e.format] : {};
       return {
-        ...e.fieldProps,
-        ...t
+        ...K(e, [
+          "value",
+          "defaultValue",
+          "onChange",
+          "onOk",
+          "format",
+          "onUpdate:value",
+          "mode"
+        ]),
+        ...o
       };
     });
-    function T(t) {
-      if (P(t)) {
-        c(null);
+    function C(o) {
+      if (v(o)) {
+        m(null);
         return;
       }
-      const a = i(t);
-      o(n) ? c(d(a, o(l))) : c(a.valueOf());
+      const a = i(o);
+      t(l) ? m(f(a, t(r))) : m(a.valueOf());
     }
-    function h(t, a) {
-      var f;
-      const m = i(t), r = o(n) ? d(m, o(l)) : t ? m.valueOf() : null;
-      (f = e.onChange) == null || f.call(e, r, a);
+    function g(o, a) {
+      var p;
+      const d = i(o), n = t(l) ? f(d, t(r)) : o ? d.valueOf() : null;
+      (p = e.onChange) == null || p.call(e, n, a);
     }
-    function A(t) {
-      var r;
-      const a = i(t), m = o(n) ? d(a, o(l)) : t ? a.valueOf() : null;
-      (r = e.onOk) == null || r.call(e, m);
+    function S(o) {
+      var n;
+      const a = i(o), d = t(l) ? f(a, t(r)) : o ? a.valueOf() : null;
+      (n = e.onOk) == null || n.call(e, d);
     }
-    return (t, a) => 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 }, y.value, {
-      value: O.value,
-      format: l.value,
-      "onUpdate:value": T,
-      onChange: h,
-      onOk: A,
-      picker: g.value
-    }), V({ _: 2 }, [
-      x(t.$slots, (m, r) => ({
-        name: r,
-        fn: j((f) => [
-          B(t.$slots, r, I(N(f || {})))
+    return (o, a) => o.mode === "read" ? (c(), _(w, { key: 0 }, [
+      M(R(t(s) ? t(i)(t(s)).format(r.value) : o.emptyText), 1)
+    ], 64)) : (c(), T(t(j), A({ key: 1 }, P.value, {
+      value: k.value,
+      format: r.value,
+      "onUpdate:value": C,
+      onChange: g,
+      onOk: S,
+      picker: O.value
+    }), F({ _: 2 }, [
+      x(o.$slots, (d, n) => ({
+        name: n,
+        fn: E((p) => [
+          V(o.$slots, n, D(N(p || {})))
         ])
       }))
     ]), 1040, ["value", "format", "picker"]));
   }
 });
 export {
-  X as default
+  Z as default
 };

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

@@ -1,6 +1,7 @@
 import { ApFieldDateRangeProps, FieldMode } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { RangePickerProps } from 'ant-design-vue/es/date-picker';
+import { default as dayjs } from 'dayjs';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
+import { CustomFormat } from 'ant-design-vue/es/vc-picker/interface';
 
 type ApFieldDateRangeSlots = {
     suffixIcon?: any;
@@ -18,21 +19,82 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     emptyText: string;
     mode: string;
     format: string;
-    fieldProps: () => {};
+    allowClear: undefined;
+    autofocus: undefined;
+    clearIcon: undefined;
+    defaultOpen: undefined;
+    disabled: undefined;
+    hideDisabledOptions: undefined;
+    inputReadOnly: undefined;
+    open: undefined;
+    order: undefined;
+    separator: undefined;
+    showHour: undefined;
+    showMinute: undefined;
+    showNow: undefined;
+    showSecond: undefined;
+    showTime: undefined;
+    suffixIcon: undefined;
+    use12Hours: undefined;
+    bordered: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateRangeProps>, {
     emptyText: string;
     mode: string;
     format: string;
-    fieldProps: () => {};
+    allowClear: undefined;
+    autofocus: undefined;
+    clearIcon: undefined;
+    defaultOpen: undefined;
+    disabled: undefined;
+    hideDisabledOptions: undefined;
+    inputReadOnly: undefined;
+    open: undefined;
+    order: undefined;
+    separator: undefined;
+    showHour: undefined;
+    showMinute: undefined;
+    showNow: undefined;
+    showSecond: undefined;
+    showTime: undefined;
+    suffixIcon: undefined;
+    use12Hours: undefined;
+    bordered: undefined;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean | [boolean, boolean];
+    open: boolean;
+    autofocus: boolean;
     mode: FieldMode;
-    format: string;
+    suffixIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    bordered: boolean;
+    clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    allowClear: boolean;
+    defaultOpen: boolean;
+    separator: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    format: (string | CustomFormat<dayjs.Dayjs> | (string | CustomFormat<dayjs.Dayjs>)[]) & string;
+    inputReadOnly: boolean;
     emptyText: string;
-    fieldProps: Omit< RangePickerProps, "onOk" | "onChange" | "value" | "onUpdate:value" | "defaultValue" | "renderExtraFooter" | "onPanelChange">;
 }, {}>, Readonly<ApFieldDateRangeSlots> & ApFieldDateRangeSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,87 +1,160 @@
-import { defineComponent as V, computed as c, unref as t, openBlock as k, createElementBlock as _, Fragment as g, createTextVNode as O, toDisplayString as D, createVNode as x, createBlock as B, mergeProps as N, createSlots as w, renderList as I, withCtx as U, renderSlot as $, normalizeProps as b, guardReactiveProps as j } from "vue";
-import { ApFieldDatePresetFormats as z, PRESET_FORMAT_MAP as K, PRESET_FORMAT_PICK_MAP as L, PRESET_FORMAT_TIME_MAP as Y } from "../date/constant.mjs";
+import { defineComponent as A, computed as f, unref as o, openBlock as y, createElementBlock as h, Fragment as B, createTextVNode as O, toDisplayString as P, createVNode as x, createBlock as E, mergeProps as F, createSlots as N, renderList as V, withCtx as I, renderSlot as j, normalizeProps as U, guardReactiveProps as H } from "vue";
+import { ApFieldDatePresetFormats as z, PRESET_FORMAT_MAP as K, PRESET_FORMAT_PICK_MAP as $, PRESET_FORMAT_TIME_MAP as L } from "../date/constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as q, isString as m } from "lodash-unified";
+import { isNil as Y, omit as q, isString as s } from "lodash-unified";
 import u from "dayjs";
 import { DatePicker as G } from "ant-design-vue";
-import { formatDay as s, formatValue as h } from "../date/helper.mjs";
-import { SwapRightOutlined as H } from "@ant-design/icons-vue";
-import { useControllableValue as J } from "../../hooks/useControllableValue.mjs";
-const ne = /* @__PURE__ */ V({
+import { formatDay as p, formatValue as C } from "../date/helper.mjs";
+import { SwapRightOutlined as J } from "@ant-design/icons-vue";
+import { omitUndefined as Q } from "../../utils/index.mjs";
+import { useControllableValue as W } from "../../hooks/useControllableValue.mjs";
+const ie = /* @__PURE__ */ A({
   __name: "index",
   props: {
     mode: { default: "edit" },
-    fieldProps: { default: () => ({}) },
+    id: {},
+    defaultPickerValue: {},
+    placeholder: {},
+    disabled: { type: [Boolean, Array], default: void 0 },
+    disabledTime: {},
+    presets: {},
+    ranges: {},
+    separator: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
+    allowEmpty: {},
+    onCalendarChange: {},
+    onFocus: {},
+    onBlur: {},
+    onMousedown: {},
+    onMouseup: {},
+    onMouseenter: {},
+    onMouseleave: {},
+    onClick: {},
+    direction: {},
+    autocomplete: {},
+    activePickerIndex: {},
+    dateRender: {},
+    panelRender: {},
+    dropdownClassName: {},
+    dropdownAlign: {},
+    popupStyle: {},
+    transitionName: {},
+    allowClear: { type: Boolean, default: void 0 },
+    autofocus: { type: Boolean, default: void 0 },
+    tabindex: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: void 0 },
+    inputReadOnly: { type: Boolean, default: void 0 },
+    format: { default: "Y-D" },
+    suffixIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
+    clearIcon: { type: [Object, String, Number, Boolean, null, Array], default: void 0 },
+    getPopupContainer: {},
+    inputRender: {},
+    onOpenChange: {},
+    onContextmenu: {},
+    onKeydown: {},
+    role: {},
+    name: {},
+    picker: {},
+    prefixCls: {},
+    disabledDate: {},
+    monthCellRender: {},
+    locale: {},
+    size: {},
+    bordered: { type: Boolean, default: void 0 },
+    showTime: { type: Boolean, default: void 0 },
+    showNow: { type: Boolean, default: void 0 },
+    order: { type: Boolean, default: void 0 },
+    defaultOpenValue: {},
+    showHour: { type: Boolean, default: void 0 },
+    showMinute: { type: Boolean, default: void 0 },
+    showSecond: { type: Boolean, default: void 0 },
+    use12Hours: { type: Boolean, default: void 0 },
+    hourStep: {},
+    minuteStep: {},
+    secondStep: {},
+    hideDisabledOptions: { type: Boolean, default: void 0 },
+    disabledHours: {},
+    disabledMinutes: {},
+    disabledSeconds: {},
+    valueFormat: {},
     emptyText: { default: "-" },
     value: {},
     defaultValue: {},
     onChange: {},
-    onOk: {},
-    format: { default: "Y-D" }
+    onOk: {}
   },
   emits: ["update:value"],
-  setup(R, { emit: y }) {
-    const o = R, C = y, l = c(
-      () => z.indexOf(o.format) > -1
-    ), n = c(
-      () => l.value ? K[o.format] : o.format
-    ), { value: d, updateValue: T } = J(
-      o,
-      C
-    ), p = c(() => {
-      var e, r;
-      if (!q(t(d)))
+  setup(S, { emit: b }) {
+    const t = S, T = b, r = f(
+      () => z.indexOf(t.format) > -1
+    ), l = f(
+      () => r.value ? K[t.format] : t.format
+    ), { value: k, updateValue: g } = W(
+      t,
+      T
+    ), m = f(() => {
+      var e, a;
+      if (!Y(o(k)))
         return [
-          u((e = t(d)) == null ? void 0 : e[0]),
-          u((r = t(d)) == null ? void 0 : r[1])
+          u((e = o(k)) == null ? void 0 : e[0]),
+          u((a = o(k)) == null ? void 0 : a[1])
         ];
-    }), E = c(() => t(l) ? o.fieldProps.picker ?? L[o.format] : o.fieldProps.picker), S = c(() => {
-      const e = t(l) ? Y[o.format] : {};
+    }), R = f(() => o(r) ? t.picker ?? $[t.format] : t.picker), w = f(() => {
+      const e = o(r) ? L[t.format] : {};
       return {
-        ...o.fieldProps,
+        ...Q(
+          q(t, [
+            "value",
+            "onUpdate:value",
+            "onChange",
+            "onOk",
+            "format",
+            "mode"
+          ])
+        ),
         ...e
       };
     });
-    function A(e) {
-      e || T(null);
-      const r = m(e[0]) ? u(e[0]) : e[0], a = m(e[1]) ? u(e[1]) : e[1];
-      t(l) ? T([
-        s(r, t(n)),
-        s(a, t(n), !1)
-      ]) : T([h(r), h(a)]);
+    function _(e) {
+      e || g(null);
+      const a = s(e[0]) ? u(e[0]) : e[0], n = s(e[1]) ? u(e[1]) : e[1];
+      o(r) ? g([
+        p(a, o(l)),
+        p(n, o(l), !1)
+      ]) : g([C(a), C(n)]);
     }
-    function F(e) {
-      var i;
-      const r = m(e[0]) ? u(e[0]) : e[0], a = m(e[1]) ? u(e[1]) : e[1], f = e[0] ? t(l) ? s(r, t(n)) : r.valueOf() : null, v = e[1] ? t(l) ? s(a, t(n), !1) : a.valueOf() : null;
-      (i = o.onOk) == null || i.call(o, [f, v]);
+    function D(e) {
+      var d;
+      const a = s(e[0]) ? u(e[0]) : e[0], n = s(e[1]) ? u(e[1]) : e[1], i = e[0] ? o(r) ? p(a, o(l)) : a.valueOf() : null, c = e[1] ? o(r) ? p(n, o(l), !1) : n.valueOf() : null;
+      (d = t.onOk) == null || d.call(t, [i, c]);
     }
-    function M(e, r) {
-      var P;
-      const a = m(e[0]) ? u(e[0]) : e[0], f = m(e[1]) ? u(e[1]) : e[1], v = e[0] ? t(l) ? s(a, t(n)) : a.valueOf() : null, i = e[1] ? t(l) ? s(f, t(n), !1) : f.valueOf() : null;
-      (P = o.onChange) == null || P.call(o, [v, i], r);
+    function M(e, a) {
+      var v;
+      const n = s(e[0]) ? u(e[0]) : e[0], i = s(e[1]) ? u(e[1]) : e[1], c = e[0] ? o(r) ? p(n, o(l)) : n.valueOf() : null, d = e[1] ? o(r) ? p(i, o(l), !1) : i.valueOf() : null;
+      (v = t.onChange) == null || v.call(t, [c, d], a);
     }
-    return (e, r) => {
-      var a, f;
-      return e.mode === "read" ? (k(), _(g, { key: 0 }, [
-        p.value ? (k(), _(g, { key: 0 }, [
-          O(D((a = p.value[0]) == null ? void 0 : a.format(n.value)) + " ", 1),
-          x(t(H)),
-          O(" " + D((f = p.value[1]) == null ? void 0 : f.format(n.value)), 1)
-        ], 64)) : (k(), _(g, { key: 1 }, [
-          O(D(e.emptyText), 1)
+    return (e, a) => {
+      var n, i;
+      return e.mode === "read" ? (y(), h(B, { key: 0 }, [
+        m.value ? (y(), h(B, { key: 0 }, [
+          O(P((n = m.value[0]) == null ? void 0 : n.format(l.value)) + " ", 1),
+          x(o(J)),
+          O(" " + P((i = m.value[1]) == null ? void 0 : i.format(l.value)), 1)
+        ], 64)) : (y(), h(B, { key: 1 }, [
+          O(P(e.emptyText), 1)
         ], 64))
-      ], 64)) : (k(), B(t(G).RangePicker, N({ key: 1 }, S.value, {
-        value: p.value,
-        "onUpdate:value": A,
+      ], 64)) : (y(), E(o(G).RangePicker, F({ key: 1 }, w.value, {
+        value: m.value,
+        "onUpdate:value": _,
         onChange: M,
-        picker: E.value,
-        format: n.value,
-        onOk: F
-      }), w({ _: 2 }, [
-        I(e.$slots, (v, i) => ({
-          name: i,
-          fn: U((P) => [
-            $(e.$slots, i, b(j(P || {})))
+        picker: R.value,
+        format: l.value,
+        onOk: D
+      }), N({ _: 2 }, [
+        V(e.$slots, (c, d) => ({
+          name: d,
+          fn: I((v) => [
+            j(e.$slots, d, U(H(v || {})))
           ])
         }))
       ]), 1040, ["value", "picker", "format"]));
@@ -89,5 +162,5 @@ const ne = /* @__PURE__ */ V({
   }
 });
 export {
-  ne as default
+  ie as default
 };

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

@@ -9,10 +9,6 @@ export type FieldMode = 'read' | 'edit';
 export type BasicApFieldProps<FieldPropsType = any> = {
     mode?: FieldMode;
 } & FieldPropsType;
-export type ApFieldComposedProps<FieldPropsType = any> = {
-    mode?: FieldMode;
-    fieldProps?: FieldPropsType;
-};
 export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
     emptyText?: string;
 };
@@ -27,7 +23,7 @@ export type ApFieldCheckboxProps = BasicApFieldProps<CheckboxGroupProps> & {
     emptyText?: string;
     request?: () => Promise<CheckboxGroupProps['options']>;
 };
-export type ApFieldDateProps = ApFieldComposedProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue' | 'onChange' | 'onOk' | 'format' | 'onUpdate:value'>> & {
+export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue' | 'onChange' | 'onOk' | 'format' | 'onUpdate:value'>> & {
     emptyText?: string;
     value?: number | null;
     defaultValue?: number;
@@ -71,7 +67,7 @@ export type ApFieldTextAreaExpose = {
     blur: () => void;
     resizableTextArea: any;
 };
-export type ApFieldDateRangeProps = ApFieldComposedProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value'>> & {
+export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode'>> & {
     emptyText?: string;
     value?: RangeValue<number>;
     defaultValue?: RangeValue<number>;
@@ -79,7 +75,7 @@ export type ApFieldDateRangeProps = ApFieldComposedProps<Omit<RangePickerProps,
     onOk?: (ts: RangeValue<number>) => void;
     format?: LiteralUnion<ApFormatPresetType, string>;
 };
-export type ApFieldSelectProps = ApFieldComposedProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
+export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
     emptyText?: string;
     request?: (value?: string) => Promise<SelectProps['options']>;
     multiple?: boolean;