@aplus-frontend/ui 0.2.10 → 0.2.12

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

@@ -1,19 +1,19 @@
-import { isVNode as K, defineComponent as Q, useSlots as Y, ref as v, computed as w, unref as l, watch as N, cloneVNode as Z, createVNode as d, mergeProps as b, openBlock as g, createElementBlock as P, Fragment as ee, withCtx as F, renderSlot as M, createTextVNode as te, toDisplayString as ie, createBlock as S, resolveDynamicComponent as _, normalizeClass as ne, withModifiers as oe, createCommentVNode as L } from "vue";
+import { isVNode as K, defineComponent as Q, useSlots as Y, ref as v, computed as w, unref as l, watch as P, cloneVNode as Z, createVNode as d, mergeProps as b, openBlock as y, createElementBlock as N, Fragment as ee, withCtx as g, renderSlot as M, createTextVNode as te, toDisplayString as ie, createBlock as S, resolveDynamicComponent as _, normalizeClass as ne, withModifiers as oe, createCommentVNode as L } from "vue";
 import { Button as V, Flex as le, Space as ae, Drawer as se } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
 import { getSingleVNode as re } from "../../utils/slot.mjs";
 import "../../config-provider/index.mjs";
-import { isBoolean as ue, isUndefined as de, omit as me } from "lodash-unified";
-import { convertReactiveToRaw as ce } from "../../utils/index.mjs";
+import { isBoolean as ue, isUndefined as de, omit as ce } from "lodash-unified";
+import { convertReactiveToRaw as me } from "../../utils/index.mjs";
 import { useControllableValue as fe } from "../../hooks/useControllableValue.mjs";
 import { useLocale as pe } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as he } from "../../config-provider/hooks/use-namespace.mjs";
 import ve from "../ap-form.vue2.mjs";
-function j(c) {
-  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !K(c);
+function U(m) {
+  return typeof m == "function" || Object.prototype.toString.call(m) === "[object Object]" && !K(m);
 }
-const Ee = /* @__PURE__ */ Q({
+const je = /* @__PURE__ */ Q({
   __name: "index",
   props: {
     layout: {
@@ -58,6 +58,12 @@ const Ee = /* @__PURE__ */ Q({
     onFinishFailed: {},
     onValidate: {},
     initialValues: {},
+    syncToUrl: {
+      type: [Boolean, Function]
+    },
+    syncToUrlPriority: {
+      type: Boolean
+    },
     open: {
       type: Boolean,
       default: void 0
@@ -88,17 +94,17 @@ const Ee = /* @__PURE__ */ Q({
     }
   },
   emits: ["update:open"],
-  setup(c, {
-    expose: E,
-    emit: U
+  setup(m, {
+    expose: j,
+    emit: E
   }) {
-    const n = c, y = Y(), D = U, a = v(), p = v(), u = v(!1), {
+    const n = m, F = Y(), D = E, a = v(), p = v(), u = v(!1), {
       value: C,
       updateValue: h
     } = fe(n, D, {
       valuePropName: "open",
       defaultValue: !1
-    }), m = w(() => {
+    }), c = w(() => {
       var t, i, s, r;
       const e = {
         onResize: () => {
@@ -113,29 +119,29 @@ const Ee = /* @__PURE__ */ Q({
         onResize: ((s = n.resize) == null ? void 0 : s.onResize) ?? e.onResize,
         resizeOnOpen: de((r = n.resize) == null ? void 0 : r.resizeOnOpen) ? e.onResize : n.resize.resizeOnOpen
       };
-    }), f = v(x()), {
+    }), f = v(B()), {
       t: z
     } = pe(), {
       e: $,
       em: W
     } = he("ap-form-drawer-form"), q = w(() => [$("resize-bar"), {
-      [W("resize-bar", "min-disabled")]: l(f) === l(m).minWidth
+      [W("resize-bar", "min-disabled")]: l(f) === l(c).minWidth
     }, {
-      [W("resize-bar", "max-disabled")]: l(f) === l(m).maxWidth
+      [W("resize-bar", "max-disabled")]: l(f) === l(c).maxWidth
     }]);
-    N(() => a.value, (e) => {
+    P(() => a.value, (e) => {
       var t;
       e && p.value && ((t = e.setFieldsValue) == null || t.call(e, p.value), p.value = void 0);
-    }), N(() => l(C), (e) => {
+    }), P(() => l(C), (e) => {
       var t;
-      e && (t = l(m)) != null && t.resizeOnOpen && (f.value = x());
+      e && (t = l(c)) != null && t.resizeOnOpen && (f.value = B());
     });
-    function x() {
+    function B() {
       var t;
-      const e = (t = l(m)) == null ? void 0 : t.minWidth;
+      const e = (t = l(c)) == null ? void 0 : t.minWidth;
       return !e || e && e < n.width ? n.width : e;
     }
-    const B = re(y.trigger), k = B ? Z(B, {
+    const x = re(F.trigger), T = x ? Z(x, {
       onClick: () => {
         h(!0);
       }
@@ -149,7 +155,7 @@ const Ee = /* @__PURE__ */ Q({
         e.push(d(V, {
           onClick: R,
           disabled: u.value
-        }, j(o = z("ap.common.cancelText")) ? o : {
+        }, U(o = z("ap.common.cancelText")) ? o : {
           default: () => [o]
         }));
       }
@@ -176,22 +182,22 @@ const Ee = /* @__PURE__ */ Q({
       })), d(le, {
         justify: "flex-end"
       }, {
-        default: () => [y.submitter ? y.submitter(e) : d(ae, null, j(e) ? e : {
+        default: () => [F.submitter ? F.submitter(e) : d(ae, null, U(e) ? e : {
           default: () => [e]
         })]
       });
     });
     function A() {
       var e, t;
-      (t = (e = m.value) == null ? void 0 : e.onResize) == null || t.call(e), document.addEventListener("mousemove", T), document.addEventListener("mouseup", O);
+      (t = (e = c.value) == null ? void 0 : e.onResize) == null || t.call(e), document.addEventListener("mousemove", k), document.addEventListener("mouseup", O);
     }
-    function T(e) {
-      const t = l(m), i = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), s = (t == null ? void 0 : t.minWidth) ?? (n.width || 800), r = (t == null ? void 0 : t.maxWidth) ?? window.innerWidth * 0.8;
+    function k(e) {
+      const t = l(c), i = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), s = (t == null ? void 0 : t.minWidth) ?? (n.width || 800), r = (t == null ? void 0 : t.maxWidth) ?? window.innerWidth * 0.8;
       let o = i;
       i < s && (o = s), i > r && (o = r), f.value = o;
     }
     function O() {
-      document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", O);
+      document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", O);
     }
     function X() {
       var e, t, i;
@@ -203,7 +209,7 @@ const Ee = /* @__PURE__ */ Q({
         try {
           const r = await ((e = a.value) == null ? void 0 : e.validateFields());
           (i = (t = n.submitter) == null ? void 0 : t.onSubmit) == null || i.call(t), u.value = !0;
-          const o = (s = n.onFinish) == null ? void 0 : s.call(n, ce(r));
+          const o = (s = n.onFinish) == null ? void 0 : s.call(n, me(r));
           if (n.submitTimeout && o instanceof Promise) {
             const J = setTimeout(() => u.value = !1, n.submitTimeout);
             o.finally(() => {
@@ -221,7 +227,7 @@ const Ee = /* @__PURE__ */ Q({
     function H(e) {
       !e && l(u) || h(e);
     }
-    return E({
+    return j({
       resetFields: () => {
         var e;
         (e = a.value) == null || e.resetFields();
@@ -262,31 +268,31 @@ const Ee = /* @__PURE__ */ Q({
         var t;
         return (t = a.value) == null ? void 0 : t.getInternalInstance(e);
       }
-    }), (e, t) => (g(), P(ee, null, [d(l(se), b(e.drawerProps, {
+    }), (e, t) => (y(), N(ee, null, [d(l(se), b(e.drawerProps, {
       open: l(C),
       "onUpdate:open": H,
       onCancel: R,
       width: f.value
     }), {
-      title: F(() => [M(e.$slots, "title", {}, () => [te(ie(n.title), 1)])]),
-      footer: F(() => [(g(), S(_(I.value)))]),
-      default: F(() => [d(ve, b({
+      title: g(() => [M(e.$slots, "title", {}, () => [te(ie(n.title), 1)])]),
+      footer: g(() => [(y(), S(_(I.value)))]),
+      default: g(() => [d(ve, b({
         ref_key: "formRef",
         ref: a
-      }, l(me)(n, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: F(() => [M(e.$slots, "default")]),
+      }, l(ce)(n, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: g(() => [M(e.$slots, "default")]),
         _: 3
-      }, 16), e.resize ? (g(), P("div", {
+      }, 16), e.resize ? (y(), N("div", {
         key: 0,
         class: ne(q.value),
         onMousedown: oe(A, ["stop", "prevent"])
       }, null, 34)) : L("", !0)]),
       _: 3
-    }, 16, ["open", "width"]), l(k) ? (g(), S(_(l(k)), {
+    }, 16, ["open", "width"]), l(T) ? (y(), S(_(l(T)), {
       key: 0
     })) : L("", !0)], 64));
   }
 });
 export {
-  Ee as default
+  je as default
 };

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

@@ -46,6 +46,14 @@ export type ApFormProps = Omit<FormProps, 'model'> & {
      * @returns
      */
     onValuesChange?: (changedValues: Recordable, allValues: Recordable) => void;
+    /**
+     * 同步表单数据到url中
+     */
+    syncToUrl?: boolean | ((values: Recordable, type: 'get' | 'set') => Recordable);
+    /**
+     * syncToUrl和initialValues合并是否优先，默认为false
+     */
+    syncToUrlPriority?: boolean;
 };
 export type WatchFunc = (values?: Recordable) => void;
 export type ApFormExpose<ModelType = any> = {

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

@@ -1,11 +1,11 @@
 import { ApFormModalFormProps } from '../interface';
 import { VNode, ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, PublicProps, CSSProperties } from 'vue';
 import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity } from '@aplus-frontend/antdv/es/form/interface';
+import { Recordable } from '../../type';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
 import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { Options } from '../../../node_modules/scroll-into-view-if-needed';
-import { Recordable } from '../../type';
 import { WatchFunc, RegistedFieldType, ApFormInternalInstance, ApFormSubmitterConfig } from '..';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { LegacyButtonType, ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
@@ -31,6 +31,7 @@ declare function __VLS_template(): {
                 validateTrigger: string | string[];
                 hideRequiredMark: boolean;
                 validateOnRuleChange: boolean;
+                syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
             }> & Omit<{
                 readonly layout: string;
                 readonly colon: boolean;
@@ -38,6 +39,7 @@ declare function __VLS_template(): {
                 readonly validateTrigger: string | string[];
                 readonly hideRequiredMark: boolean;
                 readonly validateOnRuleChange: boolean;
+                readonly syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
                 readonly size?: "small" | "large" | "middle" | undefined;
                 readonly onSubmit?: ((e: Event) => void) | undefined;
                 readonly disabled?: boolean | undefined;
@@ -122,6 +124,7 @@ declare function __VLS_template(): {
                 readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
                 readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
                 readonly initialValues?: Recordable | undefined;
+                readonly syncToUrlPriority?: boolean | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
                 size: {
                     type: PropType<"small" | "large" | "middle">;
@@ -267,7 +270,14 @@ declare function __VLS_template(): {
                 initialValues: {
                     type: PropType<Recordable>;
                 };
-            }>>, "layout" | "colon" | "labelAlign" | "validateTrigger" | "hideRequiredMark" | "validateOnRuleChange">;
+                syncToUrl: {
+                    type: PropType<boolean | ((values: Recordable, type: "get" | "set") => Recordable)>;
+                    default: boolean;
+                };
+                syncToUrlPriority: {
+                    type: PropType<boolean>;
+                };
+            }>>, "layout" | "colon" | "labelAlign" | "validateTrigger" | "hideRequiredMark" | "validateOnRuleChange" | "syncToUrl">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -426,6 +436,13 @@ declare function __VLS_template(): {
                 initialValues: {
                     type: PropType<Recordable>;
                 };
+                syncToUrl: {
+                    type: PropType<boolean | ((values: Recordable, type: "get" | "set") => Recordable)>;
+                    default: boolean;
+                };
+                syncToUrlPriority: {
+                    type: PropType<boolean>;
+                };
             }>>, {
                 resetFields: () => Promise<void>;
                 clearValidate: (name?: NamePath | NamePath[]) => void;
@@ -455,6 +472,7 @@ declare function __VLS_template(): {
                 validateTrigger: string | string[];
                 hideRequiredMark: boolean;
                 validateOnRuleChange: boolean;
+                syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
             }, {}, string, {}> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -620,6 +638,13 @@ declare function __VLS_template(): {
             initialValues: {
                 type: PropType<Recordable>;
             };
+            syncToUrl: {
+                type: PropType<boolean | ((values: Recordable, type: "get" | "set") => Recordable)>;
+                default: boolean;
+            };
+            syncToUrlPriority: {
+                type: PropType<boolean>;
+            };
         }>>, "validate" | "setFieldValue" | "setFieldsValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch"> & ShallowUnwrapRef<{
             resetFields: () => Promise<void>;
             clearValidate: (name?: NamePath | NamePath[]) => void;

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

@@ -1,4 +1,4 @@
-import { isVNode as q, defineComponent as D, useSlots as L, ref as h, watch as A, cloneVNode as G, computed as I, createVNode as u, mergeProps as p, unref as n, openBlock as F, createElementBlock as W, Fragment as H, withCtx as y, renderSlot as w, createTextVNode as J, toDisplayString as K, createElementVNode as Q, normalizeClass as X, createBlock as x, resolveDynamicComponent as N, createCommentVNode as Y } from "vue";
+import { isVNode as q, defineComponent as D, useSlots as L, ref as g, watch as A, cloneVNode as G, computed as I, createVNode as u, mergeProps as p, unref as n, openBlock as F, createElementBlock as W, Fragment as H, withCtx as h, renderSlot as w, createTextVNode as J, toDisplayString as K, createElementVNode as Q, normalizeClass as X, createBlock as x, resolveDynamicComponent as P, createCommentVNode as Y } from "vue";
 import { Button as V, Flex as Z, Space as ee, Modal as te } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
@@ -11,7 +11,7 @@ import { useLocale as ne } from "../../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as se } from "../../config-provider/hooks/use-global-config.mjs";
 import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
 import ue from "../ap-form.vue2.mjs";
-function P(d) {
+function N(d) {
   return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !q(d);
 }
 const Me = /* @__PURE__ */ D({
@@ -59,6 +59,12 @@ const Me = /* @__PURE__ */ D({
     onFinishFailed: {},
     onValidate: {},
     initialValues: {},
+    syncToUrl: {
+      type: [Boolean, Function]
+    },
+    syncToUrlPriority: {
+      type: Boolean
+    },
     open: {
       type: Boolean,
       default: void 0
@@ -89,7 +95,7 @@ const Me = /* @__PURE__ */ D({
     expose: S,
     emit: _
   }) {
-    const a = d, b = L(), R = _, o = h(), c = h(), s = h(!1), {
+    const a = d, b = L(), R = _, o = g(), c = g(), s = g(!1), {
       value: M,
       updateValue: m
     } = ie(a, R, {
@@ -97,7 +103,7 @@ const Me = /* @__PURE__ */ D({
       defaultValue: !1
     }), {
       t: v
-    } = ne(), g = se("uiMode", "aplus"), {
+    } = ne(), y = se("uiMode", "aplus"), {
       b: j,
       e: C
     } = re("ap-form-modal-form");
@@ -119,14 +125,14 @@ const Me = /* @__PURE__ */ D({
         e.push(u(V, {
           onClick: k,
           disabled: s.value
-        }, P(i = v("ap.common.cancelText")) ? i : {
+        }, N(i = v("ap.common.cancelText")) ? i : {
           default: () => [i]
         }));
       }
       return ((t = a.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(u(V, p(((l = a.submitter) == null ? void 0 : l.resetButtonProps) || {}, {
         key: "submit",
         disabled: s.value,
-        onClick: z
+        onClick: U
       }), {
         default: () => {
           var i;
@@ -137,7 +143,7 @@ const Me = /* @__PURE__ */ D({
         key: "submit"
       }, ((f = a.submitter) == null ? void 0 : f.submitButtonProps) || {}, {
         loading: s.value,
-        onClick: E
+        onClick: z
       }), {
         default: () => {
           var i;
@@ -145,18 +151,18 @@ const Me = /* @__PURE__ */ D({
         }
       })), u(Z, {
         justify: "flex-end",
-        class: C(n(g) === "admin" ? "footer-admin" : "footer")
+        class: C(n(y) === "admin" ? "footer-admin" : "footer")
       }, {
-        default: () => [b.submitter ? b.submitter(e) : u(ee, null, P(e) ? e : {
+        default: () => [b.submitter ? b.submitter(e) : u(ee, null, N(e) ? e : {
           default: () => [e]
         })]
       });
     });
-    function z() {
+    function U() {
       var e, t, l;
       a.submitter !== !1 && ((e = o.value) == null || e.resetFields(), (l = (t = a.submitter) == null ? void 0 : t.onReset) == null || l.call(t));
     }
-    async function E() {
+    async function z() {
       var e, t, l, r;
       if (a.submitter !== !1)
         try {
@@ -177,7 +183,7 @@ const Me = /* @__PURE__ */ D({
     function k() {
       n(s) || m(!1);
     }
-    function U(e) {
+    function E(e) {
       !e && n(s) || m(e);
     }
     return S({
@@ -223,29 +229,29 @@ const Me = /* @__PURE__ */ D({
       }
     }), (e, t) => (F(), W(H, null, [u(n(te), p(e.modalProps, {
       open: n(M),
-      "onUpdate:open": U,
+      "onUpdate:open": E,
       onCancel: k,
       footer: null,
       width: e.width,
       class: n(j)(),
       "body-style": {
-        padding: n(g) === "admin" ? "0px !important" : "20px !important"
+        padding: n(y) === "admin" ? "0px !important" : "20px !important"
         // 这里使用内联样式目的是为了使用最高优先级覆盖设置的全局样式
         // 使用ModalForm你可能无法再自定义body的样式
       }
     }), {
-      title: y(() => [w(e.$slots, "title", {}, () => [J(K(a.title), 1)])]),
-      default: y(() => [Q("div", {
-        class: X(n(C)(n(g) === "admin" ? "content-admin" : "content"))
+      title: h(() => [w(e.$slots, "title", {}, () => [J(K(a.title), 1)])]),
+      default: h(() => [Q("div", {
+        class: X(n(C)(n(y) === "admin" ? "content-admin" : "content"))
       }, [u(ue, p({
         ref_key: "formRef",
         ref: o
       }, n(ae)(a, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: y(() => [w(e.$slots, "default")]),
+        default: h(() => [w(e.$slots, "default")]),
         _: 3
-      }, 16)], 2), (F(), x(N(O.value)))]),
+      }, 16)], 2), (F(), x(P(O.value)))]),
       _: 3
-    }, 16, ["open", "width", "class", "body-style"]), n(T) ? (F(), x(N(n(T)), {
+    }, 16, ["open", "width", "class", "body-style"]), n(T) ? (F(), x(P(n(T)), {
       key: 0
     })) : Y("", !0)], 64));
   }

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

@@ -1,11 +1,11 @@
 import { ApFormExpose, ApFormSearchFormProps } from '../interface';
 import { ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, ComputedRef, PublicProps } from 'vue';
 import { FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity, NamePath, ValidateOptions, InternalNamePath } from '@aplus-frontend/antdv/es/form/interface';
+import { Recordable } from '../../type';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
 import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { Options } from '../../../node_modules/scroll-into-view-if-needed';
-import { Recordable } from '../../type';
 import { WatchFunc, RegistedFieldType } from '..';
 declare function __VLS_template(): {
     slots: Readonly<{
@@ -26,6 +26,7 @@ declare function __VLS_template(): {
                 validateTrigger: string | string[];
                 hideRequiredMark: boolean;
                 validateOnRuleChange: boolean;
+                syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
             }> & Omit<{
                 readonly layout: string;
                 readonly colon: boolean;
@@ -33,6 +34,7 @@ declare function __VLS_template(): {
                 readonly validateTrigger: string | string[];
                 readonly hideRequiredMark: boolean;
                 readonly validateOnRuleChange: boolean;
+                readonly syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
                 readonly size?: "small" | "large" | "middle" | undefined;
                 readonly onSubmit?: ((e: Event) => void) | undefined;
                 readonly disabled?: boolean | undefined;
@@ -117,6 +119,7 @@ declare function __VLS_template(): {
                 readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
                 readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
                 readonly initialValues?: Recordable | undefined;
+                readonly syncToUrlPriority?: boolean | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
                 size: {
                     type: PropType<"small" | "large" | "middle">;
@@ -262,7 +265,14 @@ declare function __VLS_template(): {
                 initialValues: {
                     type: PropType<Recordable>;
                 };
-            }>>, "layout" | "colon" | "labelAlign" | "validateTrigger" | "hideRequiredMark" | "validateOnRuleChange">;
+                syncToUrl: {
+                    type: PropType<boolean | ((values: Recordable, type: "get" | "set") => Recordable)>;
+                    default: boolean;
+                };
+                syncToUrlPriority: {
+                    type: PropType<boolean>;
+                };
+            }>>, "layout" | "colon" | "labelAlign" | "validateTrigger" | "hideRequiredMark" | "validateOnRuleChange" | "syncToUrl">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -421,6 +431,13 @@ declare function __VLS_template(): {
                 initialValues: {
                     type: PropType<Recordable>;
                 };
+                syncToUrl: {
+                    type: PropType<boolean | ((values: Recordable, type: "get" | "set") => Recordable)>;
+                    default: boolean;
+                };
+                syncToUrlPriority: {
+                    type: PropType<boolean>;
+                };
             }>>, {
                 resetFields: () => Promise<void>;
                 clearValidate: (name?: NamePath | NamePath[]) => void;
@@ -450,6 +467,7 @@ declare function __VLS_template(): {
                 validateTrigger: string | string[];
                 hideRequiredMark: boolean;
                 validateOnRuleChange: boolean;
+                syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
             }, {}, string, {}> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -615,6 +633,13 @@ declare function __VLS_template(): {
             initialValues: {
                 type: PropType<Recordable>;
             };
+            syncToUrl: {
+                type: PropType<boolean | ((values: Recordable, type: "get" | "set") => Recordable)>;
+                default: boolean;
+            };
+            syncToUrlPriority: {
+                type: PropType<boolean>;
+            };
         }>>, "validate" | "setFieldValue" | "setFieldsValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | "registerWatch"> & ShallowUnwrapRef<{
             resetFields: () => Promise<void>;
             clearValidate: (name?: NamePath | NamePath[]) => void;