@aplus-frontend/ui 0.0.4 → 0.0.6

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

@@ -1,14 +1,14 @@
-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 { defineComponent as E, computed as p, unref as t, openBlock as y, createElementBlock as k, Fragment as B, createTextVNode as O, toDisplayString as C, createVNode as F, createBlock as N, mergeProps as V, createSlots as I, renderList as j, withCtx as U, renderSlot as H, normalizeProps as z, guardReactiveProps as K } from "vue";
+import { ApFieldDatePresetFormats as $, PRESET_FORMAT_MAP as L, PRESET_FORMAT_PICK_MAP as Y, PRESET_FORMAT_TIME_MAP as q } from "../date/constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as Y, omit as q, isString as s } from "lodash-unified";
+import { isNil as b, omit as G, isString as s } from "lodash-unified";
 import u from "dayjs";
-import { DatePicker as G } from "ant-design-vue";
-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({
+import { DatePicker as J } from "ant-design-vue";
+import { formatDay as f, formatValue as S } from "../date/helper.mjs";
+import { SwapRightOutlined as Q } from "@ant-design/icons-vue";
+import { omitUndefined as W } from "../../utils/index.mjs";
+import { useControllableValue as X } from "../../hooks/useControllableValue.mjs";
+const de = /* @__PURE__ */ E({
   __name: "index",
   props: {
     mode: { default: "edit" },
@@ -84,26 +84,26 @@ const ie = /* @__PURE__ */ A({
     onOk: {}
   },
   emits: ["update:value"],
-  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 = o(k)) == null ? void 0 : e[0]),
-          u((a = o(k)) == null ? void 0 : a[1])
-        ];
-    }), R = f(() => o(r) ? t.picker ?? $[t.format] : t.picker), w = f(() => {
-      const e = o(r) ? L[t.format] : {};
+  setup(T, { emit: R }) {
+    const o = T, w = R, r = p(
+      () => $.indexOf(o.format) > -1
+    ), l = p(
+      () => r.value ? L[o.format] : o.format
+    ), { value: g, updateValue: h } = X(
+      o,
+      w
+    ), m = p(() => {
+      var a, n;
+      const e = t(g);
+      return b(e) || !(e != null && e.length) ? e : [
+        u((a = t(g)) == null ? void 0 : a[0]),
+        u((n = t(g)) == null ? void 0 : n[1])
+      ];
+    }), _ = p(() => t(r) ? o.picker ?? Y[o.format] : o.picker), D = p(() => {
+      const e = t(r) ? q[o.format] : {};
       return {
-        ...Q(
-          q(t, [
+        ...W(
+          G(o, [
             "value",
             "onUpdate:value",
             "onChange",
@@ -115,46 +115,53 @@ const ie = /* @__PURE__ */ A({
         ...e
       };
     });
-    function _(e) {
-      e || g(null);
+    function M(e) {
+      if (!e) {
+        h(e);
+        return;
+      }
       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)]);
+      t(r) ? h([
+        f(a, t(l)),
+        f(n, t(l), !1)
+      ]) : h([S(a), S(n)]);
     }
-    function D(e) {
+    function A(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]);
+      const a = s(e[0]) ? u(e[0]) : e[0], n = s(e[1]) ? u(e[1]) : e[1], i = e[0] ? t(r) ? f(a, t(l)) : a.valueOf() : null, c = e[1] ? t(r) ? f(n, t(l), !1) : n.valueOf() : null;
+      (d = o.onOk) == null || d.call(o, [i, c]);
     }
-    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);
+    function x(e, a) {
+      var v, P;
+      if (b(e)) {
+        (v = o.onChange) == null || v.call(o, e, a);
+        return;
+      }
+      const n = s(e[0]) ? u(e[0]) : e[0], i = s(e[1]) ? u(e[1]) : e[1], c = e[0] ? t(r) ? f(n, t(l)) : n.valueOf() : null, d = e[1] ? t(r) ? f(i, t(l), !1) : i.valueOf() : null;
+      (P = o.onChange) == null || P.call(o, [c, d], a);
     }
     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)
+      return e.mode === "read" ? (y(), k(B, { key: 0 }, [
+        m.value ? (y(), k(B, { key: 0 }, [
+          O(C((n = m.value[0]) == null ? void 0 : n.format(l.value)) + " ", 1),
+          F(t(Q)),
+          O(" " + C((i = m.value[1]) == null ? void 0 : i.format(l.value)), 1)
+        ], 64)) : (y(), k(B, { key: 1 }, [
+          O(C(e.emptyText), 1)
         ], 64))
-      ], 64)) : (y(), E(o(G).RangePicker, F({ key: 1 }, w.value, {
+      ], 64)) : (y(), N(t(J).RangePicker, V({ key: 1 }, D.value, {
         value: m.value,
-        "onUpdate:value": _,
-        onChange: M,
-        picker: R.value,
+        "onUpdate:value": M,
+        onChange: x,
+        picker: _.value,
         format: l.value,
-        onOk: D
-      }), N({ _: 2 }, [
-        V(e.$slots, (c, d) => ({
+        onOk: A
+      }), I({ _: 2 }, [
+        j(e.$slots, (c, d) => ({
           name: d,
-          fn: I((v) => [
-            j(e.$slots, d, U(H(v || {})))
+          fn: U((v) => [
+            H(e.$slots, d, z(K(v || {})))
           ])
         }))
       ]), 1040, ["value", "picker", "format"]));
@@ -162,5 +169,5 @@ const ie = /* @__PURE__ */ A({
   }
 });
 export {
-  ie as default
+  de as default
 };

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

@@ -69,9 +69,9 @@ export type ApFieldTextAreaExpose = {
 };
 export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode'>> & {
     emptyText?: string;
-    value?: RangeValue<number>;
+    value?: RangeValue<number> | null;
     defaultValue?: RangeValue<number>;
-    onChange?: (ts: RangeValue<number>, dayStr: [string, string]) => void;
+    onChange?: (ts: RangeValue<number> | null, dayStr: [string, string]) => void;
     onOk?: (ts: RangeValue<number>) => void;
     format?: LiteralUnion<ApFormatPresetType, string>;
 };

package/es/src/ap-form/ap-form-item-group/index.vue.mjs

@@ -1,12 +1,12 @@
-import { isVNode as w, defineComponent as _, useSlots as k, watch as b, shallowRef as h, computed as x, unref as n, createVNode as R, mergeProps as u, openBlock as a, createBlock as m, withCtx as S, createElementBlock as j, Fragment as B, renderList as N, resolveDynamicComponent as P } from "vue";
-import { Col as v, Row as F } from "ant-design-vue";
-import { pick as I } from "lodash-unified";
-import { apFormItemColPropKeys as O } from "../constant.mjs";
-import { genRealChildren as i, buildColSpan as V } from "./helper.mjs";
+import { isVNode as w, defineComponent as _, useSlots as k, watch as b, onBeforeUpdate as h, shallowRef as x, computed as B, unref as p, createVNode as R, mergeProps as m, openBlock as s, createBlock as i, withCtx as S, createElementBlock as j, Fragment as v, renderList as N, resolveDynamicComponent as P } from "vue";
+import { Col as F, Row as I } from "ant-design-vue";
+import { pick as O } from "lodash-unified";
+import { apFormItemColPropKeys as V } from "../constant.mjs";
+import { genRealChildren as l, buildColSpan as A } from "./helper.mjs";
 import "../../config-provider/index.mjs";
 import "../style/ap-form-item-group.css";
-import { useNamespace as A } from "../../config-provider/hooks/use-namespace.mjs";
-function D(r) {
+import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+function E(r) {
   return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !w(r);
 }
 const M = /* @__PURE__ */ _({
@@ -29,28 +29,30 @@ const M = /* @__PURE__ */ _({
   },
   setup(r) {
     const {
-      b: s
-    } = A("ap-form-item-group"), {
+      b: c
+    } = D("ap-form-item-group"), {
       countPerRow: f,
       ...d
-    } = r, p = k();
-    b(() => p.default(), (e) => {
-      c.value = i(e);
+    } = r, n = k();
+    b(() => n.default(), (e) => {
+      a.value = l(e);
+    }), h(() => {
+      a.value = l(n.default());
     });
-    const c = h(i(p.default())), y = x(() => n(c).map((e, l) => {
-      const t = e.props, o = I(t, O), C = o != null && o.span ? {} : V(f), g = !!(t != null && t.hidden);
-      return R(v, u({
-        key: l
+    const a = x(l(n.default())), y = B(() => p(a).map((e, u) => {
+      const t = e.props, o = O(t, V), C = o != null && o.span ? {} : A(f), g = !!(t != null && t.hidden);
+      return R(F, m({
+        key: u
       }, C, o, {
-        class: g ? s("col-hidden") : ""
-      }), D(e) ? e : {
+        class: g ? c("col-hidden") : ""
+      }), E(e) ? e : {
         default: () => [e]
       });
     }));
-    return (e, l) => (a(), m(n(F), u({
-      class: n(s)()
+    return (e, u) => (s(), i(p(I), m({
+      class: p(c)()
     }, d), {
-      default: S(() => [(a(!0), j(B, null, N(y.value, (t, o) => (a(), m(P(t), {
+      default: S(() => [(s(!0), j(v, null, N(y.value, (t, o) => (s(), i(P(t), {
         key: o
       }))), 128))]),
       _: 1

package/es/src/ap-form/ap-form.vue.d.ts

@@ -1,7 +1,11 @@
-import { ApFormProps } from './interface';
+import { ApFormProps, WatchFunc } from './interface';
 import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
+/**
+ * 订阅事件
+ */
+declare function registerWatch(callback: WatchFunc): () => void;
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
     layout: string;
     hideRequiredMark: boolean;
@@ -23,7 +27,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     }> | undefined;
     scrollToField: (name: NamePath, options?: {}) => void;
     setFieldsValue: (values: Record<string, any>) => void;
-    setFieldValue: (key: string, newValue: any) => void;
+    setFieldValue: (key: any, newValue: any) => void;
+    registerWatch: typeof registerWatch;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
     layout: string;
     hideRequiredMark: boolean;

package/es/src/ap-form/ap-form.vue2.mjs

@@ -1,11 +1,10 @@
-import { defineComponent as u, ref as c, reactive as f, computed as p, openBlock as F, createBlock as m, unref as g, mergeProps as v, withCtx as h, renderSlot as V } from "vue";
-import { Form as y } from "ant-design-vue";
-import { useProvideForm as C } from "./context.mjs";
-import { isArray as B } from "lodash-unified";
-const S = /* @__PURE__ */ u({
+import { defineComponent as b, ref as k, reactive as x, computed as M, openBlock as R, createBlock as T, unref as W, mergeProps as q, withCtx as w, renderSlot as z } from "vue";
+import { Form as A } from "ant-design-vue";
+import { useProvideForm as E } from "./context.mjs";
+import { isArray as y } from "lodash-unified";
+const I = /* @__PURE__ */ b({
   __name: "ap-form",
   props: {
-    initialValues: {},
     layout: { default: "horizontal" },
     labelCol: {},
     wrapperCol: {},
@@ -28,62 +27,96 @@ const S = /* @__PURE__ */ u({
     onFieldsChange: {},
     onFinish: {},
     onFinishFailed: {},
-    onValidate: {}
+    onValidate: {},
+    initialValues: {}
   },
-  setup(s, { expose: d }) {
-    const i = s;
-    function n(e, l) {
-      if (B(e)) {
-        let t = o;
-        for (let r = 0; r < e.length - 1; r++)
-          t = t[e[r]];
-        t[e[e.length - 1]] = l;
+  setup(C, { expose: B }) {
+    const r = C;
+    function _(e, t) {
+      var V;
+      if (y(e)) {
+        let u = o;
+        for (let d = 0; d < e.length - 1; d++)
+          u = u[e[d]];
+        u[e[e.length - 1]] = t;
       } else
-        o[e] = l;
+        o[e] = t;
+      let l = y(e) ? e[0] : e;
+      (V = r.onValuesChange) == null || V.call(r, { [l]: o[l] }, o), s();
     }
-    const a = c(), o = f(i.initialValues || {});
-    return C({ model: p(() => o), updateModel: n }), d({
-      resetFields: (e) => {
-        var l;
-        (l = a.value) == null || l.resetFields(e);
-      },
-      clearValidate: (e) => {
-        var l;
-        (l = a.value) == null || l.clearValidate(e);
-      },
-      validateFields: (e, l) => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.validateFields(e, l);
-      },
-      getFieldsValue: (e) => {
-        var l;
-        return (l = a.value) == null ? void 0 : l.getFieldsValue(e);
-      },
-      validate: (e, l) => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.validate(e, l);
-      },
-      scrollToField: (e, l = {}) => {
-        var t;
-        (t = a.value) == null || t.scrollToField(e, l);
-      },
-      setFieldsValue: (e) => {
-        Object.assign(o, e);
-      },
-      setFieldValue: (e, l) => {
-        o[e] = l;
+    const a = k(), o = x(r.initialValues || {});
+    let i = [];
+    const f = (e) => {
+      var t;
+      (t = a.value) == null || t.resetFields(e), s();
+    }, c = (e) => {
+      var t;
+      (t = a.value) == null || t.clearValidate(e);
+    }, p = (e, t) => {
+      var l;
+      return (l = a.value) == null ? void 0 : l.validateFields(e, t);
+    }, n = (e) => {
+      var t;
+      return (t = a.value) == null ? void 0 : t.getFieldsValue(e);
+    }, h = (e, t) => {
+      var l;
+      return (l = a.value) == null ? void 0 : l.validate(e, t);
+    }, g = (e, t = {}) => {
+      var l;
+      (l = a.value) == null || l.scrollToField(e, t);
+    }, F = (e) => {
+      Object.assign(o, e), s();
+    }, m = (e, t) => {
+      o[e] = t, s();
+    };
+    function v(e) {
+      return i.push(e), () => {
+        i = i.filter((t) => t !== e);
+      };
+    }
+    function s() {
+      if (i.length) {
+        const e = n(!0);
+        i.forEach((t) => {
+          t(e);
+        });
+      }
+    }
+    return E({
+      model: M(() => o),
+      updateModel: _,
+      formInstance: {
+        resetFields: f,
+        clearValidate: c,
+        validateFields: p,
+        getFieldsValue: n,
+        validate: h,
+        scrollToField: g,
+        setFieldsValue: F,
+        setFieldValue: m,
+        registerWatch: v
       }
-    }), (e, l) => (F(), m(g(y), v({
+    }), B({
+      resetFields: f,
+      clearValidate: c,
+      validateFields: p,
+      getFieldsValue: n,
+      validate: h,
+      scrollToField: g,
+      setFieldsValue: F,
+      setFieldValue: m,
+      registerWatch: v
+    }), (e, t) => (R(), T(W(A), q({
       ref_key: "formRef",
       ref: a
-    }, i, { model: o }), {
-      default: h(() => [
-        V(e.$slots, "default")
+    }, r, { model: o }), {
+      default: w(() => [
+        z(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["model"]));
   }
 });
 export {
-  S as default
+  I as default
 };

package/es/src/ap-form/context.d.ts

@@ -1,9 +1,23 @@
 import { NamePath } from 'ant-design-vue/es/form/interface';
 import { ComputedRef, InjectionKey } from 'vue';
+import { ApFormExpose } from './interface';
 
 type ApFormContextProps<ModelType> = {
+    /**
+     * Form数据源
+     */
     model?: ComputedRef<ModelType>;
+    /**
+     * 更新数据源的方法
+     * @param name
+     * @param value
+     * @returns
+     */
     updateModel?: (name: NamePath, value: any) => void;
+    /**
+     * ApForm内部实例
+     */
+    formInstance?: ApFormExpose;
 };
 export declare const ApFormContextKey: InjectionKey<ApFormContextProps<any>>;
 export declare function useProvideForm<ModelType>(state: ApFormContextProps<ModelType>): void;

package/es/src/ap-form/hooks/use-watch.d.ts

@@ -0,0 +1,7 @@
+import { NamePath } from 'ant-design-vue/es/form/interface';
+import { ApFormExpose } from '../interface';
+import { Ref } from 'vue';
+
+type ApFormIns = ApFormExpose;
+declare const useWatch: <ValueType = any>(name: NamePath, form?: Ref<ApFormIns | undefined>) => Ref<ValueType | undefined>;
+export default useWatch;

package/es/src/ap-form/hooks/use-watch.mjs

@@ -0,0 +1,30 @@
+import { useInjectForm as l } from "../context.mjs";
+import { ref as g, watchEffect as h } from "vue";
+import { isArray as S } from "lodash-unified";
+function V(t, r) {
+  return S(r) ? r.reduce((e, n) => e == null ? void 0 : e[n], t) : t == null ? void 0 : t[r];
+}
+function w(t) {
+  try {
+    return JSON.stringify(t);
+  } catch {
+    return Math.random();
+  }
+}
+const M = (t, r) => {
+  const { formInstance: e } = l(), n = g();
+  let c = "";
+  return h((s) => {
+    const u = (r == null ? void 0 : r.value) || e;
+    if (!u)
+      return;
+    const o = u.registerWatch((f) => {
+      const a = V(f, t), i = w(a);
+      i !== c && (n.value = a, c = i);
+    });
+    s(o);
+  }), n;
+};
+export {
+  M as default
+};

package/es/src/ap-form/index.d.ts

@@ -4,6 +4,7 @@ import { default as ApFormItemGroup } from './ap-form-item-group/index.vue';
 import { default as ApFormList } from './ap-form-list.vue';
 import { default as ApFormSearchForm } from './search-form/index.vue';
 import { default as ApFormModalForm } from './modal-form/index.vue';
+import { default as useWatch } from './hooks/use-watch';
 
 type ApFormMixedProps = typeof _ApForm & {
     FormItem: typeof ApFormItem;
@@ -11,6 +12,7 @@ type ApFormMixedProps = typeof _ApForm & {
     FormList: typeof ApFormList;
     SearchForm: typeof ApFormSearchForm;
     ModalForm: typeof ApFormModalForm;
+    useWatch: typeof useWatch;
 };
 declare const ApForm: ApFormMixedProps;
 export * from './items';

package/es/src/ap-form/index.mjs

@@ -4,25 +4,27 @@ import "./ap-form-item-group/index.vue2.mjs";
 import "./ap-form-list.vue2.mjs";
 import "./search-form/index.vue2.mjs";
 import "./modal-form/index.vue2.mjs";
+import o from "./hooks/use-watch.mjs";
 import "./items/index.mjs";
 import "./interface.mjs";
-import o from "./ap-form.vue2.mjs";
-import r from "./ap-form-item.vue.mjs";
+import r from "./ap-form.vue2.mjs";
+import t from "./ap-form-item.vue.mjs";
 import p from "./ap-form-item-group/index.vue.mjs";
 import i from "./ap-form-list.vue.mjs";
-import t from "./search-form/index.vue.mjs";
-import a from "./modal-form/index.vue.mjs";
-const m = o;
-m.FormItem = r;
+import a from "./search-form/index.vue.mjs";
+import s from "./modal-form/index.vue.mjs";
+const m = r;
+m.FormItem = t;
 m.FormItemGroup = p;
 m.FormList = i;
-m.SearchForm = t;
-m.ModalForm = a;
+m.SearchForm = a;
+m.ModalForm = s;
+m.useWatch = o;
 export {
   m as ApForm,
-  r as ApFormItem,
+  t as ApFormItem,
   p as ApFormItemGroup,
   i as ApFormList,
-  a as ApFormModalForm,
-  t as ApFormSearchForm
+  s as ApFormModalForm,
+  a as ApFormSearchForm
 };

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

@@ -1,6 +1,7 @@
 import { ButtonProps, ColProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
 import { FormItemExpose } from 'ant-design-vue/es/form/FormItem';
-import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
+import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
+import { Recordable } from '../type';
 
 export type ApFormColProps = Omit<ColProps, 'prefixCls'>;
 export type ApFormItemProps = FormItemProps & Partial<ApFormColProps> & {
@@ -13,18 +14,27 @@ export type ApFormItemProps = FormItemProps & Partial<ApFormColProps> & {
 export type ApFormItemGroupProps = RowProps & {
     countPerRow?: number;
 };
-export type ApFormProps = {
-    initialValues?: Record<string, any>;
-} & Omit<FormProps, 'model'>;
+export type ApFormProps = Omit<FormProps, 'model'> & {
+    initialValues?: Recordable;
+    /**
+     * 字段值更新时触发
+     * @param changedValues 更改的字段值
+     * @param allValues 更改后的字段值
+     * @returns
+     */
+    onValuesChange?: (changedValues: Recordable, allValues: Recordable) => void;
+};
+export type WatchFunc = (values?: Recordable) => void;
 export type ApFormExpose<ModelType = any> = {
     setFieldsValue?: (fields: Partial<ModelType>) => void;
     setFieldValue?: (key: keyof ModelType, value: any) => void;
     resetFields: (name?: NamePath) => void;
     clearValidate: (name?: NamePath) => void;
-    validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>>;
-    getFieldsValue: (nameList?: (string | number)[] | true) => Partial<ModelType>;
-    validate: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>>;
+    validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
+    getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<ModelType> | undefined;
+    validate: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
     scrollToField: (name: NamePath, options?: any) => void;
+    registerWatch: (callback: WatchFunc) => () => void;
 };
 export type ApFormItemExpose = FormItemExpose & {
     getFieldValue: () => any;

package/es/src/ap-form/modal-form/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { ApFormModalFormProps, ApFormSubmitterConfig } from '../interface';
 import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
-import { NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
+import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { LegacyButtonType, ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
 import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     resetFields: (name?: NamePath | undefined) => void;
     clearValidate: (name?: NamePath | undefined) => void;
     validateFields: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<Partial<any>> | undefined;
-    getFieldsValue: (nameList?: true | (string | number)[] | undefined) => Partial<any> | undefined;
+    getFieldsValue: (nameList?: true | InternalNamePath[] | undefined) => Partial<any> | undefined;
     validate: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<Partial<any>> | undefined;
     scrollToField: (name: NamePath, options?: {}) => void;
     setFieldValue: (key: string, newValue: any) => void;

package/es/src/ap-form/modal-form/index.vue.mjs

@@ -17,7 +17,6 @@ function C(d) {
 const xe = /* @__PURE__ */ L({
   __name: "index",
   props: {
-    initialValues: {},
     layout: {
       default: "horizontal"
     },
@@ -59,6 +58,7 @@ const xe = /* @__PURE__ */ L({
     onFieldsChange: {},
     onFinishFailed: {},
     onValidate: {},
+    initialValues: {},
     open: {
       type: Boolean,
       default: void 0