@aplus-frontend/ui 0.2.10 → 0.2.11

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

@@ -1,5 +1,6 @@
 import { ApFormProps, RegistedFieldType, WatchFunc } from './interface';
 import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign, RuleObject, ValidateMessages, FieldData, ValidateErrorEntity } from '@aplus-frontend/antdv/es/form/interface';
+import { Recordable } from '../type';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, HTMLAttributes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, DefineComponent, PublicProps } from 'vue';
 import { VueTypeDef, VueTypeValidableDef } from '../../node_modules/vue-types';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
@@ -895,6 +896,7 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     labelAlign: string;
     validateOnRuleChange: boolean;
     validateTrigger: string;
+    syncToUrl: boolean;
 }>, {
     resetFields: () => Promise<void>;
     clearValidate: (name?: NamePath | NamePath[]) => void;
@@ -921,6 +923,7 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     labelAlign: string;
     validateOnRuleChange: boolean;
     validateTrigger: string;
+    syncToUrl: boolean;
 }>>>, {
     layout: string;
     colon: boolean;
@@ -928,6 +931,7 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     validateTrigger: string | string[];
     hideRequiredMark: boolean;
     validateOnRuleChange: boolean;
+    syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,11 +1,13 @@
-import { defineComponent as D, ref as L, reactive as k, nextTick as K, toRaw as b, computed as $, openBlock as G, createBlock as H, unref as B, mergeProps as J, withCtx as Q, renderSlot as U } from "vue";
-import { Form as X } from "@aplus-frontend/antdv";
-import { useProvideForm as Y } from "./context.mjs";
-import { isArray as f, cloneDeep as I, isFunction as m, isPlainObject as _, omit as Z } from "lodash-unified";
-import { INTERNAL_FORM_INSTANCE_MARK as ee } from "./constant.mjs";
-import { isDef as y } from "../utils/index.mjs";
-import te from "./utils/set.mjs";
-const ue = /* @__PURE__ */ D({
+import { defineComponent as $, ref as M, reactive as G, unref as m, nextTick as H, toRaw as O, computed as J, openBlock as Q, createBlock as X, mergeProps as Y, withCtx as Z, renderSlot as ee } from "vue";
+import { Form as te } from "@aplus-frontend/antdv";
+import { useProvideForm as le } from "./context.mjs";
+import { isArray as f, cloneDeep as oe, isFunction as V, isPlainObject as R, omit as re } from "lodash-unified";
+import { useUrlSearchParams as se } from "@vueuse/core";
+import { INTERNAL_FORM_INSTANCE_MARK as ie } from "./constant.mjs";
+import { getRouteType as ne, isDef as U } from "../utils/index.mjs";
+import ae from "./utils/set.mjs";
+import { genParams as _, setToParams as w } from "./utils/params.mjs";
+const ye = /* @__PURE__ */ $({
   __name: "ap-form",
   props: {
     layout: { default: "horizontal" },
@@ -31,101 +33,122 @@ const ue = /* @__PURE__ */ D({
     onFinish: {},
     onFinishFailed: {},
     onValidate: {},
-    initialValues: {}
+    initialValues: {},
+    syncToUrl: { type: [Boolean, Function], default: !1 },
+    syncToUrlPriority: { type: Boolean }
   },
-  setup(M, { expose: O }) {
-    const a = M;
-    function g(e, t, l = !0) {
-      var s;
+  setup(E, { expose: j }) {
+    const s = E;
+    function y(e, t, l = !0) {
+      var i;
       if (f(e)) {
-        let o = r;
+        let r = n;
         for (let u = 0; u < e.length - 1; u++)
-          e[u] in o || (o[e[u]] = {}), o = o[e[u]];
-        o[e[e.length - 1]] = t;
+          e[u] in r || (r[e[u]] = {}), r = r[e[u]];
+        r[e[e.length - 1]] = t;
       } else
-        r[e] = t;
-      let i = f(e) ? e[0] : e;
-      l && ((s = a.onValuesChange) == null || s.call(a, { [i]: r[i] }, r)), h();
+        n[e] = t;
+      let o = f(e) ? e[0] : e;
+      l && ((i = s.onValuesChange) == null || i.call(s, { [o]: n[o] }, n)), g();
+    }
+    const a = M(), v = se(ne()), B = M(
+      s.syncToUrl ? _(s.syncToUrl, v, "get") : {}
+    );
+    let h = oe(I()), d = {};
+    const n = G(I());
+    let F = [];
+    function I() {
+      const e = s.initialValues || {};
+      return s.syncToUrlPriority ? {
+        ...e,
+        ...m(B)
+      } : {
+        ...m(B),
+        ...e
+      };
     }
-    function w(e) {
+    function x(e) {
       var l;
-      const t = p(e, c);
-      (l = a.onFinish) == null || l.call(a, t);
+      const t = p(e, d);
+      s.syncToUrl && w(v, _(s.syncToUrl, t, "set")), (l = s.onFinish) == null || l.call(s, t);
     }
-    const n = L();
-    let v = a.initialValues ? I(a.initialValues) : {}, c = {};
-    const r = k(a.initialValues || {});
-    let F = [];
-    const E = async () => {
+    const A = async () => {
       var e;
-      (e = n.value) == null || e.resetFields(), await K(() => {
-        Object.keys(r).forEach((t) => delete r[t]), Object.assign(r, I(v)), h();
+      (e = a.value) == null || e.resetFields(), await H(() => {
+        Object.keys(n).forEach((t) => delete n[t]), Object.assign(n, h), g(), s.syncToUrl && w(
+          v,
+          _(
+            s.syncToUrl,
+            p(h, d),
+            "set"
+          )
+        );
       });
-    }, j = (e) => {
+    }, N = (e) => {
       var t;
-      (t = n.value) == null || t.clearValidate(e);
-    }, x = (e, t) => {
+      (t = a.value) == null || t.clearValidate(e);
+    }, S = (e, t) => {
       var l;
-      return (l = n.value) == null ? void 0 : l.validateFields(e, t);
-    }, A = async (e, t) => {
-      var i;
-      const l = await ((i = n.value) == null ? void 0 : i.validateFields(
+      return (l = a.value) == null ? void 0 : l.validateFields(e, t);
+    }, W = async (e, t) => {
+      var o;
+      const l = await ((o = a.value) == null ? void 0 : o.validateFields(
         e,
         t
       ));
-      return p(l, c);
-    }, N = (e) => {
+      return p(l, d);
+    }, q = (e) => {
       var t;
-      return (t = n.value) == null ? void 0 : t.getFieldsValue(e);
-    }, P = (e) => {
+      return (t = a.value) == null ? void 0 : t.getFieldsValue(e);
+    }, z = (e) => {
       var l;
-      const t = (l = n.value) == null ? void 0 : l.getFieldsValue(e);
-      return p(t, c);
-    }, S = (e, t) => {
+      const t = (l = a.value) == null ? void 0 : l.getFieldsValue(e);
+      return p(t, d);
+    }, C = (e, t) => {
       var l;
-      return (l = n.value) == null ? void 0 : l.validate(e, t);
-    }, W = (e, t = {}) => {
+      return (l = a.value) == null ? void 0 : l.validate(e, t);
+    }, D = (e, t = {}) => {
       var l;
-      (l = n.value) == null || l.scrollToField(e, t);
-    }, q = (e) => {
-      Object.assign(r, e), h();
-    }, R = (e, t) => {
-      g(e, t), h();
+      (l = a.value) == null || l.scrollToField(e, t);
+    }, L = (e) => {
+      Object.assign(n, e), g();
+    }, P = (e, t) => {
+      y(e, t), g();
     };
-    function V(e, t) {
-      return t || e(b(r)), F.push(e), () => {
+    function T(e, t) {
+      return t || e(O(n)), F.push(e), () => {
         F = F.filter((l) => l !== e);
       };
     }
-    function T({ initialValue: e, name: t, transform: l }) {
-      if (y(e) && y(t))
-        if (g(t, e, !1), f(t)) {
-          let i = v;
-          for (let s = 0; s < t.length - 1; s++)
-            y(i[t[s]]) || (i[t[s]] = {}), i = i[t[s]];
-          i[t[t.length - 1]] = e;
+    function b({ initialValue: e, name: t, transform: l }) {
+      if (U(e) && U(t))
+        if (y(t, e, !1), f(t)) {
+          let o = h;
+          for (let i = 0; i < t.length - 1; i++)
+            U(o[t[i]]) || (o[t[i]] = {}), o = o[t[i]];
+          o[t[t.length - 1]] = e;
         } else
-          v[t] = e;
-      l && (c = te(
-        c,
+          h[t] = e;
+      l && (d = ae(
+        d,
         [t].flat(1),
         l,
         !0
       ));
     }
-    function z(e) {
-      if (e !== ee) {
+    function k(e) {
+      if (e !== ie) {
         console.warn("getInternalInstance should only used at internal");
         return;
       }
       return {
-        registerField: T,
-        registerWatch: V
+        registerField: b,
+        registerWatch: T
       };
     }
-    function h() {
+    function g() {
       if (F.length) {
-        const e = b(r);
+        const e = O(n);
         F.forEach((t) => {
           t(e);
         });
@@ -135,59 +158,59 @@ const ue = /* @__PURE__ */ D({
       if (e == null)
         return;
       let l = f(e) ? [] : {};
-      return Object.keys(e).forEach((i) => {
-        const s = e[i], o = t == null ? void 0 : t[i], u = m(o) ? o : o == null ? void 0 : o.transformer, C = m(o) ? !0 : o == null ? void 0 : o.flat;
-        if (m(u)) {
-          const d = u(s);
-          C ? f(d) && f(l) ? l = [...l, ...d] : _(d) && _(l) ? l = {
+      return Object.keys(e).forEach((o) => {
+        const i = e[o], r = t == null ? void 0 : t[o], u = V(r) ? r : r == null ? void 0 : r.transformer, K = V(r) ? !0 : r == null ? void 0 : r.flat;
+        if (V(u)) {
+          const c = u(i);
+          K ? f(c) && f(l) ? l = [...l, ...c] : R(c) && R(l) ? l = {
             ...l,
-            ...d
-          } : l[i] = d : l[i] = d;
-        } else if (_(s) || f(s)) {
-          const d = p(
-            s,
-            o
+            ...c
+          } : l[o] = c : l[o] = c;
+        } else if (R(i) || f(i)) {
+          const c = p(
+            i,
+            r
           );
-          l[i] = d;
+          l[o] = c;
         } else
-          l[i] = s;
+          l[o] = i;
       }), l;
     }
-    return Y({
-      model: $(() => r),
-      updateModel: g,
+    return le({
+      model: J(() => n),
+      updateModel: y,
       internalInstance: {
-        registerWatch: V,
-        registerField: T,
-        setFieldValue: R
+        registerWatch: T,
+        registerField: b,
+        setFieldValue: P
       }
-    }), O({
-      resetFields: E,
-      clearValidate: j,
-      validateFields: x,
-      getFieldsValue: N,
-      validate: S,
-      scrollToField: W,
-      setFieldsValue: q,
-      setFieldValue: R,
-      registerWatch: V,
-      validateFieldsReturnTransformed: A,
-      getFieldsValueTransformed: P,
-      getInternalInstance: z
-    }), (e, t) => (G(), H(B(X), J({
+    }), j({
+      resetFields: A,
+      clearValidate: N,
+      validateFields: S,
+      getFieldsValue: q,
+      validate: C,
+      scrollToField: D,
+      setFieldsValue: L,
+      setFieldValue: P,
+      registerWatch: T,
+      validateFieldsReturnTransformed: W,
+      getFieldsValueTransformed: z,
+      getInternalInstance: k
+    }), (e, t) => (Q(), X(m(te), Y({
       ref_key: "formRef",
-      ref: n
-    }, B(Z)(a, ["initialValues", "onValuesChange", "onFinish"]), {
-      onFinish: w,
-      model: r
+      ref: a
+    }, m(re)(s, ["initialValues", "onValuesChange", "onFinish"]), {
+      onFinish: x,
+      model: n
     }), {
-      default: Q(() => [
-        U(e.$slots, "default")
+      default: Z(() => [
+        ee(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["model"]));
   }
 });
 export {
-  ue as default
+  ye as default
 };

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

@@ -1,11 +1,11 @@
 import { ApFormDrawerFormProps, CustomizeResizeType } 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, VueTypeDef } from '../../../node_modules/vue-types';
 import { PushState } from '@aplus-frontend/antdv/es/drawer';
@@ -29,6 +29,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;
@@ -36,6 +37,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;
@@ -120,6 +122,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">;
@@ -265,7 +268,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;
             };
@@ -424,6 +434,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;
@@ -453,6 +470,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)[];
@@ -618,6 +636,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/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> = {