@aplus-frontend/ui 0.0.4 → 0.0.5

package/es/src/ap-table/ap-table.vue.mjs

@@ -1,19 +1,19 @@
-import { defineComponent as K, computed as u, createVNode as d, mergeProps as m, unref as n, watch as $, openBlock as p, createElementBlock as c, normalizeClass as b, normalizeStyle as T, withCtx as f, Fragment as H, renderList as x, createBlock as G, resolveDynamicComponent as Q, createCommentVNode as B, createElementVNode as P, renderSlot as I, createSlots as U, toDisplayString as J, normalizeProps as X, guardReactiveProps as Y } from "vue";
-import { Typography as Z, Table as ee, Tooltip as ae } from "ant-design-vue";
-import { ApForm as te } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as oe, noRenderAsFormItemValueList as v, apTableFormItemMap as ne } from "./constants.mjs";
+import { defineComponent as $, computed as u, createVNode as d, mergeProps as m, unref as l, watch as H, openBlock as p, createElementBlock as c, normalizeClass as h, normalizeStyle as T, withCtx as f, Fragment as G, renderList as x, createBlock as Q, resolveDynamicComponent as U, createCommentVNode as B, createElementVNode as P, renderSlot as I, createSlots as J, toDisplayString as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { Typography as ee, Table as ae, Tooltip as te } from "ant-design-vue";
+import { ApForm as oe } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as le, noRenderAsFormItemValueList as v, apTableFormItemMap as ne } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as le } from "./hooks/use-table-paging.mjs";
-import { isUndefined as re, omit as de } from "lodash-unified";
+import { useTablePaging as re } from "./hooks/use-table-paging.mjs";
+import { isUndefined as de, omit as se } from "lodash-unified";
 import "./style/ap-table.css";
-import { QuestionCircleOutlined as se } from "@ant-design/icons-vue";
-import { apColumnToColumn as ue, getTableRenderType as pe, getTableRenderProps as ie, getColumnOrder as k, updateFormProps as me, getFieldProps as ce, getPlaceholder as fe } from "./utils.mjs";
-import { useLocale as ge } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ye } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as be } from "../config-provider/hooks/use-global-config.mjs";
-const he = {
+import { QuestionCircleOutlined as ue } from "@ant-design/icons-vue";
+import { apColumnToColumn as pe, getTableRenderType as ie, getTableRenderProps as me, getColumnOrder as k, updateFormProps as ce, getFieldProps as fe, getPlaceholder as ge } from "./utils.mjs";
+import { useLocale as ye } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as be } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as he } from "../config-provider/hooks/use-global-config.mjs";
+const Ce = {
   key: 0
-}, ze = /* @__PURE__ */ K({
+}, Ee = /* @__PURE__ */ $({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -125,126 +125,131 @@ const he = {
   setup(O, {
     expose: z
   }) {
-    const l = O, {
+    const n = O, {
       t: E
-    } = ge(), {
-      e: h,
+    } = ye(), {
+      e: C,
       b: g
-    } = ye("ap-table"), L = be("uiMode"), y = u(() => {
-      var o;
-      let e = ((o = l.columns) == null ? void 0 : o.filter((a) => !a.hideInTable)) || [];
+    } = be("ap-table"), L = he("uiMode"), y = u(() => {
+      var t;
+      let e = ((t = n.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
       return e = e.map((a) => ({
-        ...ue(a),
+        ...pe(a),
         customRender({
-          value: t,
+          value: o,
           ...r
         }) {
           let s;
           if (a.customRender)
             s = a.customRender({
-              value: t,
+              value: o,
               ...r,
               column: a
             });
           else {
-            const w = pe(a), _ = oe[w], q = ie(a, {
-              value: t,
+            const w = ie(a), q = le[w], K = me(a, {
+              value: o,
               ...r
             });
-            s = d(_, m(q, {
+            s = d(q, m(K, {
               mode: "read"
             }), null);
           }
-          return A(a, t, s);
+          return A(a, o, s);
         }
       })), e;
-    }), C = u(() => {
-      var e, o, a;
-      return ((a = (o = (e = l.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !v.includes(t.valueType))) == null ? void 0 : o.sort((t, r) => {
-        let s = k(t.order);
+    }), F = u(() => {
+      var e, t, a;
+      return ((a = (t = (e = n.columns) == null ? void 0 : e.filter((o) => !o.hideInSearch && o.dataIndex && (o.valueType || o.customRenderFormItem) && !v.includes(o.valueType))) == null ? void 0 : t.sort((o, r) => {
+        let s = k(o.order);
         return k(r.order) - s;
-      })) == null ? void 0 : a.map((t) => {
-        const r = me(t, ce(t.fieldProps));
+      })) == null ? void 0 : a.map((o) => {
+        const r = ce(o, fe(o.fieldProps));
         return {
-          ...t,
+          ...o,
           fieldProps: {
-            label: t.title,
-            name: t.dataIndex,
+            label: o.title,
+            name: o.dataIndex,
             ...r || {},
             // 格式化placeholder
-            placeholder: fe(E, t.valueType, r == null ? void 0 : r.placeholder)
+            placeholder: ge(E, o.valueType, r == null ? void 0 : r.placeholder)
           }
         };
       })) || [];
-    }), N = u(() => n(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), D = u(() => n(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
-      formRef: F,
-      submit: R,
-      reset: S,
+    }), V = u(() => l(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), N = u(() => l(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
+      formRef: b,
+      submit: S,
+      reset: R,
       tableProps: i,
-      handleTableChange: V,
+      handleTableChange: D,
       data: j
-    } = le({
+    } = re({
       async request(e) {
-        var a, t;
-        const o = await ((a = l.request) == null ? void 0 : a.call(l, e));
-        return (t = l.onLoad) == null || t.call(l, (o == null ? void 0 : o.data) || []), {
-          data: (o == null ? void 0 : o.data) || [],
-          total: (o == null ? void 0 : o.total) || 0
+        var a, o;
+        const t = await ((a = n.request) == null ? void 0 : a.call(n, e));
+        return (o = n.onLoad) == null || o.call(n, (t == null ? void 0 : t.data) || []), {
+          data: (t == null ? void 0 : t.data) || [],
+          total: (t == null ? void 0 : t.total) || 0
         };
       },
-      filterFields: n(D),
-      sortFields: n(N),
-      defaultParams: l.params,
-      defaultData: l.defaultData,
-      manual: l.manual,
-      defaultCurrent: l.pagination ? l.pagination.defaultCurrent : void 0,
-      defaultPageSize: l.pagination ? l.pagination.defaultPageSize : void 0,
-      formatParams: l.beforeSearchSubmit
+      filterFields: l(N),
+      sortFields: l(V),
+      defaultParams: n.params,
+      defaultData: n.defaultData,
+      manual: n.manual,
+      defaultCurrent: n.pagination ? n.pagination.defaultCurrent : void 0,
+      defaultPageSize: n.pagination ? n.pagination.defaultPageSize : void 0,
+      formatParams: n.beforeSearchSubmit
     }), W = u(() => ({
-      ...l,
-      ...n(i),
-      loading: re(l.loading) ? n(i).loading : l.loading,
-      pagination: l.pagination === !1 ? !1 : n(i).pagination
+      ...n,
+      ...l(i),
+      loading: de(n.loading) ? l(i).loading : n.loading,
+      pagination: n.pagination === !1 ? !1 : l(i).pagination
     }));
-    function A(e, o, a) {
-      return v.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(Z.Text, {
+    function A(e, t, a) {
+      return v.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(ee.Text, {
         copyable: e.copyable ? {
-          text: o,
+          text: t,
           tooltip: !1
         } : !1,
         ellipsis: e.ellipsis ? {
-          tooltip: o
+          tooltip: t
         } : !1,
         content: a
       }, null) : a;
     }
-    $(() => n(j).loading, (e) => {
-      var o;
-      (o = l.onLoadingChange) == null || o.call(l, e);
+    H(() => l(j).loading, (e) => {
+      var t;
+      (t = n.onLoadingChange) == null || t.call(n, e);
     });
     function M(e) {
-      var o, a, t;
-      (t = (a = (o = F.value) == null ? void 0 : o.apForm) == null ? void 0 : a.setFieldsValue) == null || t.call(a, e);
+      var t, a, o;
+      (o = (a = (t = b.value) == null ? void 0 : t.apForm) == null ? void 0 : a.setFieldsValue) == null || o.call(a, e);
+    }
+    function _() {
+      var e, t, a;
+      return (a = (t = (e = b.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValue) == null ? void 0 : a.call(t, !0);
     }
     return z({
-      submit: () => R(),
-      reset: () => S(),
-      setSearchFormValues: M
-    }), (e, o) => (p(), c("div", {
-      class: b(e.card ? null : n(g)("wrapper"))
-    }, [e.searchForm !== !1 && C.value.length > 0 ? (p(), c("div", {
+      submit: () => S(),
+      reset: () => R(),
+      setSearchFormValues: M,
+      getSearchFormValues: _
+    }), (e, t) => (p(), c("div", {
+      class: h(e.card ? null : l(g)("wrapper"))
+    }, [e.searchForm !== !1 && F.value.length > 0 ? (p(), c("div", {
       key: 0,
-      class: b(e.card ? n(h)("search-wrapper") : null),
+      class: h(e.card ? l(C)("search-wrapper") : null),
       style: T(e.searchFormWrapperStyle)
-    }, [d(n(te).SearchForm, m(e.searchForm || {}, {
+    }, [d(l(oe).SearchForm, m(e.searchForm || {}, {
       ref_key: "formRef",
-      ref: F,
+      ref: b,
       "custom-reset": "",
-      onSubmit: n(R),
-      onReset: n(S),
-      "submit-loading": n(i).loading
+      onSubmit: l(S),
+      onReset: l(R),
+      "submit-loading": l(i).loading
     }), {
-      default: f(() => [(p(!0), c(H, null, x(C.value, (a) => (p(), G(Q(a.customRenderFormItem ? a.customRenderFormItem(a) : n(ne)[a.valueType || "text"]), m({
+      default: f(() => [(p(!0), c(G, null, x(F.value, (a) => (p(), Q(U(a.customRenderFormItem ? a.customRenderFormItem(a) : l(ne)[a.valueType || "text"]), m({
         key: a.dataIndex,
         ref_for: !0
       }, a.fieldProps || {}, {
@@ -252,22 +257,22 @@ const he = {
       }), null, 16, ["span"]))), 128))]),
       _: 1
     }, 16, ["onSubmit", "onReset", "submit-loading"])], 6)) : B("", !0), P("div", {
-      class: b(e.card ? n(h)("table-wrapper") : null),
+      class: h(e.card ? l(C)("table-wrapper") : null),
       style: T(e.tableWrapperStyle)
-    }, [I(e.$slots, "title"), d(n(ee), m({
-      class: n(L) === "admin" ? n(g)("table-admin") : n(g)("table")
+    }, [I(e.$slots, "title"), d(l(ae), m({
+      class: l(L) === "admin" ? l(g)("table-admin") : l(g)("table")
     }, W.value, {
-      onChange: n(V),
+      onChange: l(D),
       columns: y.value
-    }), U({
+    }), J({
       headerCell: f(({
         column: a,
-        title: t
-      }) => [a.tooltip ? (p(), c("span", he, [P("span", null, J(t), 1), d(n(ae), {
+        title: o
+      }) => [a.tooltip ? (p(), c("span", Ce, [P("span", null, X(o), 1), d(l(te), {
         title: a.tooltip,
         placement: "bottom"
       }, {
-        default: f(() => [d(n(se), {
+        default: f(() => [d(l(ue), {
           style: {
             color: "#0070ff",
             "padding-left": "4px"
@@ -276,12 +281,12 @@ const he = {
         _: 2
       }, 1032, ["title"])])) : B("", !0)]),
       _: 2
-    }, [x(n(de)(e.$slots, "title"), (a, t) => ({
-      name: t,
-      fn: f((r) => [I(e.$slots, t, X(Y(r || {})))])
+    }, [x(l(se)(e.$slots, "title"), (a, o) => ({
+      name: o,
+      fn: f((r) => [I(e.$slots, o, Y(Z(r || {})))])
     }))]), 1040, ["class", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  ze as default
+  Ee as default
 };

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

@@ -196,9 +196,26 @@ export type ApTableProps<RecordType = any, ParamsType = any, ValueType extends k
      */
     size?: 'middle' | 'small';
 };
-export type ApTableExpose = {
+export type ApTableExpose<SearchParamsType = Recordable> = {
+    /**
+     * 查询表单提交
+     */
     submit: () => void;
+    /**
+     * 查询表单重置
+     */
     reset: () => void;
+    /**
+     * 设置查询表单的值
+     * @param fields
+     * @returns
+     */
+    setSearchFormValues: (fields: Partial<SearchParamsType>) => void;
+    /**
+     * 获取查询表单值
+     * @returns
+     */
+    getSearchFormValues: () => Partial<SearchParamsType>;
 };
 export type FixedApColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = Omit<ApColumnType<ValueType, RecordType>, 'filters'> & {
     filters?: ColumnType<RecordType>['filters'];

package/es/src/pro-form/helper.mjs

@@ -3,12 +3,12 @@ const n = ["Divider", "BasicTitle"];
 function p(e) {
   return n.includes(e || "");
 }
-function d(e, i, r) {
+function a(e, i, r) {
   Reflect.has(e, "type") || (["DatePicker", "MonthPicker", "WeekPicker", "TimePicker"].includes(
     i
   ) ? e.type = r ? "string" : "object" : ["RangePicker", "Upload", "CheckboxGroup", "TimePicker"].includes(i) ? e.type = "array" : ["InputNumber"].includes(i) && (e.type = "number"));
 }
-const a = [
+const l = [
   "ApiTransfer",
   "ApiTree",
   "ApiTreeSelect",
@@ -18,8 +18,8 @@ const a = [
   "RadioButtonGroup",
   "ApiSelect"
 ];
-function l(e, i = "", r) {
-  return e.includes("Input") || e.includes("Complete") ? r("ap.common.inputText") + i : e.includes("Picker") || e.includes("Select") || e.includes("Cascader") || e.includes("Checkbox") || e.includes("Radio") || e.includes("Switch") ? r("ap.common.chooseText") + i : "";
+function d(e, i = "", r) {
+  return e.includes("Input") || e.includes("Complete") ? r("ap.common.inputText") : e.includes("Picker") || e.includes("Select") || e.includes("Cascader") || e.includes("Checkbox") || e.includes("Radio") || e.includes("Switch") ? r("ap.common.chooseText") : "";
 }
 const u = ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker"];
 function c() {
@@ -36,12 +36,12 @@ function T(e, i) {
   return e && s.includes(e) && i && t(i) ? `${i}` : i;
 }
 export {
-  a as NO_AUTO_LINK_COMPONENTS,
-  l as createPlaceholderMessage,
+  l as NO_AUTO_LINK_COMPONENTS,
+  d as createPlaceholderMessage,
   f as dateItemType,
   s as defaultValueComponents,
   T as handleInputNumberValue,
   p as isIncludeSimpleComponents,
-  d as setComponentRuleType,
+  a as setComponentRuleType,
   n as simpleComponents
 };

package/es/src/theme/antd-global-overwrite/admin/alert.css

@@ -4,6 +4,9 @@
   padding: 6px 12px;
   border-radius: 4px;
 }
+.ant-alert .ant-alert-close-icon {
+  line-height: 18px;
+}
 .ant-alert .ant-alert-icon {
   font-size: 16px;
   transform: translateY(1px);

package/es/src/theme/antd-global-overwrite/admin/index.css

@@ -4,6 +4,9 @@
   padding: 6px 12px;
   border-radius: 4px;
 }
+.ant-alert .ant-alert-close-icon {
+  line-height: 18px;
+}
 .ant-alert .ant-alert-icon {
   font-size: 16px;
   transform: translateY(1px);

package/es/src/theme/antd-global-overwrite/aplus/alert.css

@@ -4,6 +4,9 @@
   padding: 6px 12px;
   border-radius: 4px;
 }
+.ant-alert .ant-alert-close-icon {
+  line-height: 18px;
+}
 .ant-alert .ant-alert-icon {
   font-size: 16px;
   transform: translateY(1px);

package/es/src/theme/antd-global-overwrite/aplus/index.css

@@ -4,6 +4,9 @@
   padding: 6px 12px;
   border-radius: 4px;
 }
+.ant-alert .ant-alert-close-icon {
+  line-height: 18px;
+}
 .ant-alert .ant-alert-icon {
   font-size: 16px;
   transform: translateY(1px);

package/es/src/utils/index.mjs

@@ -1,50 +1,50 @@
 import { unref as s, markRaw as u } from "vue";
 import { isUndefined as a } from "lodash-unified";
-function p(e) {
-  return (e == null ? void 0 : e.parentNode) ?? document.body;
+function m(t) {
+  return (t == null ? void 0 : t.parentNode) ?? document.body;
 }
-function m(e) {
-  return typeof e < "u";
+function p(t) {
+  return typeof t < "u";
 }
-function d(e) {
-  const t = {};
-  return Object.keys(e).map((n) => {
-    t[n] = s(e[n]);
-  }), t;
+function d(t) {
+  const e = {};
+  return Object.keys(t).map((n) => {
+    e[n] = s(t[n]);
+  }), e;
 }
-function g(e, t = [], n) {
-  const r = Object.assign({}, e), i = Object.keys(r);
-  for (let c = 0; c < i.length; c += 1) {
-    const o = i[c];
-    (t.includes(o) || n != null && n(o, r[o])) && delete r[o];
+function g(t, e = [], n) {
+  const r = Object.assign({}, t), c = Object.keys(r);
+  for (let o = 0; o < c.length; o += 1) {
+    const i = c[o];
+    (e.includes(i) || n != null && n(i, r[i])) && delete r[i];
   }
   return r;
 }
-function k(e) {
-  return /^[A-Z][A-Za-z]*$/.test(e);
+function k(t) {
+  return /^[A-Z][A-Za-z]*$/.test(t);
 }
-function f(e) {
-  if (Array.isArray(e))
-    return e.map((t) => f(t));
-  if (typeof e == "object" && e !== null) {
-    const t = {};
-    for (const n in e)
-      t[n] = f(e[n]);
-    return u(t);
+function f(t) {
+  if (Array.isArray(t))
+    return t.map((e) => f(e));
+  if (typeof t == "object" && t !== null) {
+    const e = {};
+    for (const n in t)
+      e[n] = f(t[n]);
+    return u(e);
   }
-  return e;
+  return t;
 }
-function O(e) {
-  const t = { ...e };
-  for (const n of Object.keys(t))
-    a(t[n]) && delete t[n];
-  return console.log("copy", t), t;
+function O(t) {
+  const e = { ...t };
+  for (const n of Object.keys(e))
+    a(e[n]) && delete e[n];
+  return e;
 }
 export {
   f as convertReactiveToRaw,
   d as getDynamicProps,
-  p as getPopupContainer,
-  m as isDef,
+  m as getPopupContainer,
+  p as isDef,
   k as isPascalCase,
   O as omitUndefined,
   g as omitWhen

package/lib/src/ap-form/ap-form-item-group/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue"),k=require("lodash-unified"),y=require("../constant.js"),s=require("./helper.js");require("../../config-provider/index.js");require("../style/ap-form-item-group.css");const C=require("../../config-provider/hooks/use-namespace.js");function _(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const h=e.defineComponent({name:"ApFormItemGroup",__name:"index",props:{align:{},justify:{},prefixCls:{},gutter:{default:16},wrap:{type:Boolean,default:void 0},countPerRow:{default:3}},setup(r){const{b:u}=C.useNamespace("ap-form-item-group"),{countPerRow:p,...d}=r,c=e.useSlots();e.watch(()=>c.default(),t=>{a.value=s.genRealChildren(t)});const a=e.shallowRef(s.genRealChildren(c.default())),f=e.computed(()=>e.unref(a).map((t,l)=>{const o=t.props,n=k.pick(o,y.apFormItemColPropKeys),m=n!=null&&n.span?{}:s.buildColSpan(p),g=!!(o!=null&&o.hidden);return e.createVNode(i.Col,e.mergeProps({key:l},m,n,{class:g?u("col-hidden"):""}),_(t)?t:{default:()=>[t]})}));return(t,l)=>(e.openBlock(),e.createBlock(e.unref(i.Row),e.mergeProps({class:e.unref(u)()},d),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:n}))),128))]),_:1},16,["class"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue"),C=require("lodash-unified"),h=require("../constant.js"),u=require("./helper.js");require("../../config-provider/index.js");require("../style/ap-form-item-group.css");const k=require("../../config-provider/hooks/use-namespace.js");function y(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const _=e.defineComponent({name:"ApFormItemGroup",__name:"index",props:{align:{},justify:{},prefixCls:{},gutter:{default:16},wrap:{type:Boolean,default:void 0},countPerRow:{default:3}},setup(r){const{b:l}=k.useNamespace("ap-form-item-group"),{countPerRow:p,...d}=r,s=e.useSlots();e.watch(()=>s.default(),t=>{a.value=u.genRealChildren(t)}),e.onBeforeUpdate(()=>{a.value=u.genRealChildren(s.default())});const a=e.shallowRef(u.genRealChildren(s.default())),f=e.computed(()=>e.unref(a).map((t,c)=>{const o=t.props,n=C.pick(o,h.apFormItemColPropKeys),m=n!=null&&n.span?{}:u.buildColSpan(p),g=!!(o!=null&&o.hidden);return e.createVNode(i.Col,e.mergeProps({key:c},m,n,{class:g?l("col-hidden"):""}),y(t)?t:{default:()=>[t]})}));return(t,c)=>(e.openBlock(),e.createBlock(e.unref(i.Row),e.mergeProps({class:e.unref(l)()},d),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:n}))),128))]),_:1},16,["class"]))}});exports.default=_;

package/lib/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/lib/src/ap-form/ap-form.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),c=require("ant-design-vue"),f=require("./context.js"),F=require("lodash-unified"),p=a.defineComponent({__name:"ap-form",props:{initialValues:{},layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{}},setup(d,{expose:n}){const s=d;function u(e,l){if(F.isArray(e)){let t=r;for(let i=0;i<e.length-1;i++)t=t[e[i]];t[e[e.length-1]]=l}else r[e]=l}const o=a.ref(),r=a.reactive(s.initialValues||{});return f.useProvideForm({model:a.computed(()=>r),updateModel:u}),n({resetFields:e=>{var l;(l=o.value)==null||l.resetFields(e)},clearValidate:e=>{var l;(l=o.value)==null||l.clearValidate(e)},validateFields:(e,l)=>{var t;return(t=o.value)==null?void 0:t.validateFields(e,l)},getFieldsValue:e=>{var l;return(l=o.value)==null?void 0:l.getFieldsValue(e)},validate:(e,l)=>{var t;return(t=o.value)==null?void 0:t.validate(e,l)},scrollToField:(e,l={})=>{var t;(t=o.value)==null||t.scrollToField(e,l)},setFieldsValue:e=>{Object.assign(r,e)},setFieldValue:(e,l)=>{r[e]=l}}),(e,l)=>(a.openBlock(),a.createBlock(a.unref(c.Form),a.mergeProps({ref_key:"formRef",ref:o},s,{model:r}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),q=require("ant-design-vue"),M=require("./context.js"),C=require("lodash-unified"),T=a.defineComponent({__name:"ap-form",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{}},setup(_,{expose:b}){const i=_;function B(e,t){var m;if(C.isArray(e)){let d=o;for(let c=0;c<e.length-1;c++)d=d[e[c]];d[e[e.length-1]]=t}else o[e]=t;let l=C.isArray(e)?e[0]:e;(m=i.onValuesChange)==null||m.call(i,{[l]:o[l]},o),n()}const r=a.ref(),o=a.reactive(i.initialValues||{});let s=[];const f=e=>{var t;(t=r.value)==null||t.resetFields(e),n()},g=e=>{var t;(t=r.value)==null||t.clearValidate(e)},h=(e,t)=>{var l;return(l=r.value)==null?void 0:l.validateFields(e,t)},u=e=>{var t;return(t=r.value)==null?void 0:t.getFieldsValue(e)},p=(e,t)=>{var l;return(l=r.value)==null?void 0:l.validate(e,t)},v=(e,t={})=>{var l;(l=r.value)==null||l.scrollToField(e,t)},F=e=>{Object.assign(o,e),n()},y=(e,t)=>{o[e]=t,n()};function V(e){return s.push(e),()=>{s=s.filter(t=>t!==e)}}function n(){if(s.length){const e=u(!0);s.forEach(t=>{t(e)})}}return M.useProvideForm({model:a.computed(()=>o),updateModel:B,formInstance:{resetFields:f,clearValidate:g,validateFields:h,getFieldsValue:u,validate:p,scrollToField:v,setFieldsValue:F,setFieldValue:y,registerWatch:V}}),b({resetFields:f,clearValidate:g,validateFields:h,getFieldsValue:u,validate:p,scrollToField:v,setFieldsValue:F,setFieldValue:y,registerWatch:V}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(q.Form),a.mergeProps({ref_key:"formRef",ref:r},i,{model:o}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=T;

package/lib/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/lib/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/lib/src/ap-form/hooks/use-watch.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("../context.js"),a=require("vue"),h=require("lodash-unified");function S(t,e){return h.isArray(e)?e.reduce((r,n)=>r==null?void 0:r[n],t):t==null?void 0:t[e]}function d(t){try{return JSON.stringify(t)}catch{return Math.random()}}const y=(t,e)=>{const{formInstance:r}=g.useInjectForm(),n=a.ref();let u="";return a.watchEffect(o=>{const c=(e==null?void 0:e.value)||r;if(!c)return;const l=c.registerWatch(f=>{const s=S(f,t),i=d(s);i!==u&&(n.value=s,u=i)});o(l)}),n};exports.default=y;

package/lib/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/lib/src/ap-form/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./ap-form.vue.js");require("./ap-form-item.vue2.js");require("./ap-form-item-group/index.vue2.js");require("./ap-form-list.vue2.js");require("./search-form/index.vue2.js");require("./modal-form/index.vue2.js");require("./items/index.js");require("./interface.js");const p=require("./ap-form.vue2.js"),r=require("./ap-form-item.vue.js"),t=require("./ap-form-item-group/index.vue.js"),u=require("./ap-form-list.vue.js"),_=require("./search-form/index.vue.js"),o=require("./modal-form/index.vue.js"),e=p.default;e.FormItem=r.default;e.FormItemGroup=t.default;e.FormList=u.default;e.SearchForm=_.default;e.ModalForm=o.default;exports.ApFormItem=r.default;exports.ApFormItemGroup=t.default;exports.ApFormList=u.default;exports.ApFormSearchForm=_.default;exports.ApFormModalForm=o.default;exports.ApForm=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./ap-form.vue.js");require("./ap-form-item.vue2.js");require("./ap-form-item-group/index.vue2.js");require("./ap-form-list.vue2.js");require("./search-form/index.vue2.js");require("./modal-form/index.vue2.js");const p=require("./hooks/use-watch.js");require("./items/index.js");require("./interface.js");const i=require("./ap-form.vue2.js"),r=require("./ap-form-item.vue.js"),t=require("./ap-form-item-group/index.vue.js"),u=require("./ap-form-list.vue.js"),_=require("./search-form/index.vue.js"),o=require("./modal-form/index.vue.js"),e=i.default;e.FormItem=r.default;e.FormItemGroup=t.default;e.FormList=u.default;e.SearchForm=_.default;e.ModalForm=o.default;e.useWatch=p.default;exports.ApFormItem=r.default;exports.ApFormItemGroup=t.default;exports.ApFormList=u.default;exports.ApFormSearchForm=_.default;exports.ApFormModalForm=o.default;exports.ApForm=e;

package/lib/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;