@aplus-frontend/ui 0.2.10 → 0.2.11

package/es/src/business/ap-group-search/popover-select/index.vue2.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as O, ref as d, watchEffect as T, openBlock as z, createElementBlock as G, normalizeClass as p, unref as e, createVNode as a, withCtx as n, createElementVNode as s, mergeProps as R, createTextVNode as m, toDisplayString as f } from "vue";
-import { Popover as A, Select as D, Button as h, Space as F } from "@aplus-frontend/antdv";
+import { defineComponent as P, ref as u, watchEffect as R, openBlock as L, createElementBlock as M, normalizeClass as p, unref as e, createVNode as a, withCtx as n, createElementVNode as s, mergeProps as O, createTextVNode as d, toDisplayString as m } from "vue";
+import { Popover as T, Select as z, Button as f, Space as G } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
-import E from "../images/icon-line-select.vue.mjs";
-import { wait as K } from "@aplus-frontend/utils";
-import { useLocale as q } from "../../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as B } from "../../../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as H } from "../../../config-provider/hooks/use-namespace.mjs";
-const Z = /* @__PURE__ */ O({
+import A from "../images/icon-line-select.vue.mjs";
+import { wait as D } from "@aplus-frontend/utils";
+import { useLocale as F } from "../../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as E } from "../../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as K } from "../../../config-provider/hooks/use-namespace.mjs";
+const Y = /* @__PURE__ */ P({
   __name: "index",
   props: {
     value: {},
@@ -81,54 +81,52 @@ const Z = /* @__PURE__ */ O({
     optionFilterProp: {},
     optionLabelProp: {},
     defaultActiveFirstOption: { type: Boolean },
-    labelInValue: { type: Boolean }
+    labelInValue: { type: Boolean },
+    __parentRef: {}
   },
   emits: ["submit", "open-change"],
-  setup(b, { emit: k }) {
-    const { t: l } = q(), x = B("uiMode", "aplus"), v = b, C = k, t = d([]), c = d(!1), g = d();
-    T(() => {
-      t.value = v.value;
+  setup(S, { emit: w }) {
+    const { t: r } = F(), h = E("uiMode", "aplus"), i = S, v = w, t = u([]), c = u(!1), g = u();
+    R(() => {
+      t.value = i.value;
     });
-    const V = (o) => {
-      var S, w;
-      const u = `.${B("namespace").value}-ap-group-search`;
-      return document.querySelector(u) || ((w = (S = o == null ? void 0 : o.parentNode) == null ? void 0 : S.parentNode) == null ? void 0 : w.parentNode) || o;
-    }, _ = (o) => {
-      c.value = o, C("open-change", o);
-    }, y = () => {
+    const B = (o) => i.__parentRef || o, b = (o) => {
+      c.value = o, v("open-change", o);
+    }, C = () => {
       c.value = !1;
-    }, I = () => {
+    }, _ = () => {
       t.value = [];
-    }, N = (o) => {
-      console.log("change!!!", o), t.value = o;
-    }, P = async () => {
+    }, x = (o) => {
+      t.value = o;
+    }, k = async () => {
       var o;
-      (o = g.value) == null || o.blur(), y(), await K(150), C("submit", t.value);
-    }, { b: L, e: M, em: r } = H("ap-popover-select");
-    return (o, i) => (z(), G("div", {
-      class: p(e(L)())
+      (o = g.value) == null || o.blur(), C(), await D(150), v("submit", t.value);
+    }, { b: N, e: V, em: l } = K("ap-popover-select");
+    return (o, y) => (L(), M("div", {
+      class: p(e(N)())
     }, [
-      a(e(A), {
-        overlayClassName: e(M)("popover"),
-        "get-popup-container": V,
+      a(e(T), {
+        overlayClassName: e(V)("popover"),
+        "get-popup-container": B,
         trigger: "click",
         open: c.value,
         placement: "bottomLeft",
-        onOpenChange: _
+        onOpenChange: b
       }, {
         content: n(() => [
           s("div", null, [
             s("div", {
-              class: p(e(r)("popover", "content"))
+              class: p(e(l)("popover", "content"))
             }, [
-              a(e(D), R({ ...v }, {
+              a(e(z), O({ ...i }, {
                 mode: "tags",
                 bordered: !1,
                 value: t.value,
-                onChange: i[0] || (i[0] = (u) => N(u)),
-                placeholder: e(l)("ap.apGroupSearch.tokenSeparatorsPlaceholder"),
+                onChange: y[0] || (y[0] = (I) => x(I)),
+                placeholder: e(r)("ap.apGroupSearch.tokenSeparatorsPlaceholder"),
                 tokenSeparators: [",", `
 `, "\r"],
+                "max-tag-count": 200,
                 open: !1,
                 ref_key: "selectRef",
                 ref: g
@@ -136,36 +134,36 @@ const Z = /* @__PURE__ */ O({
             ], 2),
             s("div", {
               class: p(
-                e(x) === "aplus" ? e(r)("popover", "footer") : e(r)("popover", "footer--admin")
+                e(h) === "aplus" ? e(l)("popover", "footer") : e(l)("popover", "footer--admin")
               )
             }, [
-              a(e(h), {
+              a(e(f), {
                 size: "small",
-                onClick: y
+                onClick: C
               }, {
                 default: n(() => [
-                  m(f(e(l)("ap.apGroupSearch.close")), 1)
+                  d(m(e(r)("ap.apGroupSearch.close")), 1)
                 ]),
                 _: 1
               }),
-              a(e(F), null, {
+              a(e(G), null, {
                 default: n(() => [
-                  a(e(h), {
+                  a(e(f), {
                     size: "small",
-                    onClick: I
+                    onClick: _
                   }, {
                     default: n(() => [
-                      m(f(e(l)("ap.apGroupSearch.clear")), 1)
+                      d(m(e(r)("ap.apGroupSearch.clear")), 1)
                     ]),
                     _: 1
                   }),
-                  a(e(h), {
+                  a(e(f), {
                     size: "small",
                     type: "primary",
-                    onClick: P
+                    onClick: k
                   }, {
                     default: n(() => [
-                      m(f(e(l)("ap.apGroupSearch.confirm")), 1)
+                      d(m(e(r)("ap.apGroupSearch.confirm")), 1)
                     ]),
                     _: 1
                   })
@@ -177,9 +175,11 @@ const Z = /* @__PURE__ */ O({
         ]),
         default: n(() => [
           s("span", {
-            class: p(e(r)("popover", "trigger"))
+            class: p(
+              e(h) === "aplus" ? e(l)("popover", "trigger") : e(l)("popover", "trigger--admin")
+            )
           }, [
-            a(E)
+            a(A)
           ], 2)
         ]),
         _: 1
@@ -188,5 +188,5 @@ const Z = /* @__PURE__ */ O({
   }
 });
 export {
-  Z as default
+  Y as default
 };

package/es/src/business/ap-group-search/popover-select/style/css.js

@@ -1 +1 @@
-import '@aplus-frontend/ui-theme/src/ap-group-search/ap-group-search.css';
+import '@aplus-frontend/ui-theme/src/ap-group-search/ap-popover-select.css';

package/es/src/business/ap-group-search/popover-select/style/index.js

@@ -1 +1 @@
-import '@aplus-frontend/ui-theme/src/ap-group-search/ap-group-search.less';
+import '@aplus-frontend/ui-theme/src/ap-group-search/ap-popover-select.less';

package/es/src/business/ap-summary/ap-summary.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as S, computed as g, openBlock as o, createBlock as u, unref as r, normalizeClass as i, withCtx as c, createElementBlock as T, Fragment as _, renderList as C, normalizeStyle as b, createTextVNode as L, toDisplayString as N } from "vue";
-import { isNil as w, get as z } from "lodash-unified";
-import { TableSummaryRow as B, TableSummaryCell as A } from "@aplus-frontend/antdv";
-import { flattenColumns as D, formatDataIndex as F } from "./utils.mjs";
+import { defineComponent as I, computed as v, openBlock as m, createBlock as l, unref as r, normalizeClass as y, withCtx as f, createElementBlock as L, Fragment as w, renderList as z, normalizeStyle as B, resolveDynamicComponent as N } from "vue";
+import { isNil as R, get as c } from "lodash-unified";
+import { TableSummaryRow as A, TableSummaryCell as D } from "@aplus-frontend/antdv";
+import { flattenColumns as F, formatDataIndex as u } from "./utils.mjs";
 import "../../config-provider/index.mjs";
-import { isNumeric as I, toThousand as v, toFixed as E } from "@aplus-frontend/utils";
-import { useNamespace as P } from "../../config-provider/hooks/use-namespace.mjs";
-const J = /* @__PURE__ */ S({
+import { isNumeric as E, toThousand as P, toFixed as V } from "@aplus-frontend/utils";
+import { useNamespace as $ } from "../../config-provider/hooks/use-namespace.mjs";
+const O = /* @__PURE__ */ I({
   name: "ApSummary",
   __name: "ap-summary",
   props: {
@@ -22,45 +22,65 @@ const J = /* @__PURE__ */ S({
       default: "middle"
     }
   },
-  setup(p) {
-    const s = p, d = (e) => e === 0, f = (e, n) => {
-      var l;
-      if (!e || !I(e) || n.valueType !== "number")
-        return e;
-      const t = (l = n.fieldProps) == null ? void 0 : l.field, a = (t == null ? void 0 : t.precision) || 0;
-      return (w(t == null ? void 0 : t.thousands) ? !0 : t == null ? void 0 : t.thousands) ? v(e, a) : E(e, a);
-    }, y = g(() => {
-      let e = [];
-      s.hasSelect && e.push({
+  setup(x) {
+    const n = x, k = (a) => a === 0, h = (a, o) => {
+      var s;
+      if (!a || !E(a) || o.valueType !== "number")
+        return a;
+      const e = (s = o.fieldProps) == null ? void 0 : s.field, t = (e == null ? void 0 : e.precision) || 0;
+      return (R(e == null ? void 0 : e.thousands) ? !0 : e == null ? void 0 : e.thousands) ? P(a, t) : V(a, t);
+    }, T = v(() => {
+      let a = [];
+      n.hasSelect && a.push({
         key: "select",
         rowSpan: 1,
         align: "left",
         value: ""
       });
-      const t = D(s.columns).map((a, m) => ({
-        key: a.key,
-        rowSpan: 1,
-        align: a.align,
-        value: d(m) ? s.summaryTitle : f(z(s.data, F(a.dataIndex || a.key)), a)
-      }));
-      return e.concat(t);
+      const e = F(n.columns).map((t, d) => {
+        let s;
+        const g = c(n.data, u(t.dataIndex || t.key));
+        if (k(d))
+          s = n.summaryTitle;
+        else if (g && (t.customRender || t.renderText)) {
+          const p = c(n.data, u(t.dataIndex || t.key)), b = u(t.dataIndex || t.key), i = t.customRender || t.renderText;
+          s = i == null ? void 0 : i({
+            value: p,
+            record: {
+              [b]: p
+            },
+            text: void 0,
+            index: 0,
+            renderIndex: 0,
+            column: {}
+          });
+        } else
+          s = h(c(n.data, u(t.dataIndex || t.key)), t);
+        return {
+          key: t.key,
+          rowSpan: 1,
+          align: t.align,
+          value: s
+        };
+      });
+      return a.concat(e);
     }), {
-      b: h,
-      e: x,
-      em: k
-    } = P("ap-summary");
-    return (e, n) => (o(), u(r(B), {
-      class: i(r(h)())
+      b: C,
+      e: S,
+      em: _
+    } = $("ap-summary");
+    return (a, o) => (m(), l(r(A), {
+      class: y(r(C)())
     }, {
-      default: c(() => [(o(!0), T(_, null, C(y.value, (t, a) => (o(), u(r(A), {
-        class: i(`${s.size === "small" ? r(k)("item", "small") : r(x)("item")}`),
-        key: t.key,
-        index: a,
-        style: b({
-          textAlign: t.align
+      default: f(() => [(m(!0), L(w, null, z(T.value, (e, t) => (m(), l(r(D), {
+        class: y(`${n.size === "small" ? r(_)("item", "small") : r(S)("item")}`),
+        key: e.key,
+        index: t,
+        style: B({
+          textAlign: e.align
         })
       }, {
-        default: c(() => [L(N(t.value), 1)]),
+        default: f(() => [(m(), l(N(e.value)))]),
         _: 2
       }, 1032, ["class", "index", "style"]))), 128))]),
       _: 1
@@ -68,5 +88,5 @@ const J = /* @__PURE__ */ S({
   }
 });
 export {
-  J as default
+  O as default
 };

package/es/src/locale/lang/en.mjs

@@ -125,7 +125,7 @@ const e = {
       close: "Close",
       clear: "Clear",
       confirm: "Confirm",
-      tokenSeparatorsPlaceholder: "Supports batch input and can be separated by commas and newline symbols"
+      tokenSeparatorsPlaceholder: "A maximum of 200 entries can be entered in batches, separated by commas and newlines"
     }
   }
 };

package/es/src/locale/lang/zh-cn.mjs

@@ -134,7 +134,7 @@ const e = {
       close: "关闭",
       clear: "清空",
       confirm: "确定",
-      tokenSeparatorsPlaceholder: "支持批量输入，可用逗号、换行符号分割"
+      tokenSeparatorsPlaceholder: "支持批量输入，可用逗号、换行符号分隔，最多输入200条"
     }
   }
 };

package/es/src/path-map.mjs

@@ -78,7 +78,8 @@ const e = {
   ApScrollBar: ["ap-scroll-bar"],
   ApAppendix: ["business", "ap-appendix"],
   ApGroupSearch: ["business", "ap-group-search"],
-  ApPopoverSelect: ["business", "ap-group-search", "popover-select"]
+  ApPopoverSelect: ["business", "ap-group-search", "popover-select"],
+  ApExtensionSelect: ["business", "ap-group-search", "extension-select"]
 };
 export {
   e as default

package/es/src/utils/index.d.ts

@@ -27,3 +27,15 @@ export declare function convertReactiveToRaw(obj: Recordable<any>): Recordable<a
 export declare function omitUndefined(value: Recordable<any>): {
     [x: string]: any;
 };
+/**
+ * 如果是一个函数则执行它，否则直接返回该值
+ * @param func
+ * @param restParams
+ * @returns
+ */
+export declare function runFunction<T extends any[]>(func: any, ...restParams: T): any;
+/**
+ * 获取当前的路由类型
+ * @returns
+ */
+export declare function getRouteType(): "history" | "hash";

package/es/src/utils/index.mjs

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

package/lib/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/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"),S=require("@aplus-frontend/antdv"),W=require("./context.js"),n=require("lodash-unified"),m=require("./constant.js"),b=require("../utils/index.js"),z=require("./utils/set.js"),C=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(O,{expose:R}){const u=O;function p(e,t,l=!0){var r;if(n.isArray(e)){let s=o;for(let d=0;d<e.length-1;d++)e[d]in s||(s[e[d]]={}),s=s[e[d]];s[e[e.length-1]]=t}else o[e]=t;let i=n.isArray(e)?e[0]:e;l&&((r=u.onValuesChange)==null||r.call(u,{[i]:o[i]},o)),g()}function T(e){var l;const t=v(e,F);(l=u.onFinish)==null||l.call(u,t)}const c=a.ref();let V=u.initialValues?n.cloneDeep(u.initialValues):{},F={};const o=a.reactive(u.initialValues||{});let h=[];const q=async()=>{var e;(e=c.value)==null||e.resetFields(),await a.nextTick(()=>{Object.keys(o).forEach(t=>delete o[t]),Object.assign(o,n.cloneDeep(V)),g()})},M=e=>{var t;(t=c.value)==null||t.clearValidate(e)},j=(e,t)=>{var l;return(l=c.value)==null?void 0:l.validateFields(e,t)},w=async(e,t)=>{var i;const l=await((i=c.value)==null?void 0:i.validateFields(e,t));return v(l,F)},B=e=>{var t;return(t=c.value)==null?void 0:t.getFieldsValue(e)},I=e=>{var l;const t=(l=c.value)==null?void 0:l.getFieldsValue(e);return v(t,F)},x=(e,t)=>{var l;return(l=c.value)==null?void 0:l.validate(e,t)},E=(e,t={})=>{var l;(l=c.value)==null||l.scrollToField(e,t)},P=e=>{Object.assign(o,e),g()},_=(e,t)=>{p(e,t),g()};function y(e,t){return t||e(a.toRaw(o)),h.push(e),()=>{h=h.filter(l=>l!==e)}}function A({initialValue:e,name:t,transform:l}){if(b.isDef(e)&&b.isDef(t))if(p(t,e,!1),n.isArray(t)){let i=V;for(let r=0;r<t.length-1;r++)b.isDef(i[t[r]])||(i[t[r]]={}),i=i[t[r]];i[t[t.length-1]]=e}else V[t]=e;l&&(F=z.default(F,[t].flat(1),l,!0))}function D(e){if(e!==m.INTERNAL_FORM_INSTANCE_MARK){console.warn("getInternalInstance should only used at internal");return}return{registerField:A,registerWatch:y}}function g(){if(h.length){const e=a.toRaw(o);h.forEach(t=>{t(e)})}}function v(e,t){if(e==null)return;let l=n.isArray(e)?[]:{};return Object.keys(e).forEach(i=>{const r=e[i],s=t==null?void 0:t[i],d=n.isFunction(s)?s:s==null?void 0:s.transformer,N=n.isFunction(s)?!0:s==null?void 0:s.flat;if(n.isFunction(d)){const f=d(r);N?n.isArray(f)&&n.isArray(l)?l=[...l,...f]:n.isPlainObject(f)&&n.isPlainObject(l)?l={...l,...f}:l[i]=f:l[i]=f}else if(n.isPlainObject(r)||n.isArray(r)){const f=v(r,s);l[i]=f}else l[i]=r}),l}return W.useProvideForm({model:a.computed(()=>o),updateModel:p,internalInstance:{registerWatch:y,registerField:A,setFieldValue:_}}),R({resetFields:q,clearValidate:M,validateFields:j,getFieldsValue:B,validate:x,scrollToField:E,setFieldsValue:P,setFieldValue:_,registerWatch:y,validateFieldsReturnTransformed:w,getFieldsValueTransformed:I,getInternalInstance:D}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(S.Form),a.mergeProps({ref_key:"formRef",ref:c},a.unref(n.omit)(u,["initialValues","onValuesChange","onFinish"]),{onFinish:T,model:o}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),z=require("@aplus-frontend/antdv"),C=require("./context.js"),a=require("lodash-unified"),L=require("@vueuse/core"),$=require("./constant.js"),T=require("../utils/index.js"),k=require("./utils/set.js"),y=require("./utils/params.js"),K=l.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:{},syncToUrl:{type:[Boolean,Function],default:!1},syncToUrlPriority:{type:Boolean}},setup(R,{expose:U}){const i=R;function V(e,t,s=!0){var o;if(a.isArray(e)){let n=u;for(let d=0;d<e.length-1;d++)e[d]in n||(n[e[d]]={}),n=n[e[d]];n[e[e.length-1]]=t}else u[e]=t;let r=a.isArray(e)?e[0]:e;s&&((o=i.onValuesChange)==null||o.call(i,{[r]:u[r]},u)),p()}const c=l.ref(),P=L.useUrlSearchParams(T.getRouteType()),_=l.ref(i.syncToUrl?y.genParams(i.syncToUrl,P,"get"):{});let v=a.cloneDeep(m()),F={};const u=l.reactive(m());let g=[];function m(){const e=i.initialValues||{};return i.syncToUrlPriority?{...e,...l.unref(_)}:{...l.unref(_),...e}}function M(e){var s;const t=h(e,F);i.syncToUrl&&y.setToParams(P,y.genParams(i.syncToUrl,t,"set")),(s=i.onFinish)==null||s.call(i,t)}const O=async()=>{var e;(e=c.value)==null||e.resetFields(),await l.nextTick(()=>{Object.keys(u).forEach(t=>delete u[t]),Object.assign(u,v),p(),i.syncToUrl&&y.setToParams(P,y.genParams(i.syncToUrl,h(v,F),"set"))})},B=e=>{var t;(t=c.value)==null||t.clearValidate(e)},I=(e,t)=>{var s;return(s=c.value)==null?void 0:s.validateFields(e,t)},j=async(e,t)=>{var r;const s=await((r=c.value)==null?void 0:r.validateFields(e,t));return h(s,F)},w=e=>{var t;return(t=c.value)==null?void 0:t.getFieldsValue(e)},x=e=>{var s;const t=(s=c.value)==null?void 0:s.getFieldsValue(e);return h(t,F)},E=(e,t)=>{var s;return(s=c.value)==null?void 0:s.validate(e,t)},S=(e,t={})=>{var s;(s=c.value)==null||s.scrollToField(e,t)},N=e=>{Object.assign(u,e),p()},q=(e,t)=>{V(e,t),p()};function b(e,t){return t||e(l.toRaw(u)),g.push(e),()=>{g=g.filter(s=>s!==e)}}function A({initialValue:e,name:t,transform:s}){if(T.isDef(e)&&T.isDef(t))if(V(t,e,!1),a.isArray(t)){let r=v;for(let o=0;o<t.length-1;o++)T.isDef(r[t[o]])||(r[t[o]]={}),r=r[t[o]];r[t[t.length-1]]=e}else v[t]=e;s&&(F=k.default(F,[t].flat(1),s,!0))}function D(e){if(e!==$.INTERNAL_FORM_INSTANCE_MARK){console.warn("getInternalInstance should only used at internal");return}return{registerField:A,registerWatch:b}}function p(){if(g.length){const e=l.toRaw(u);g.forEach(t=>{t(e)})}}function h(e,t){if(e==null)return;let s=a.isArray(e)?[]:{};return Object.keys(e).forEach(r=>{const o=e[r],n=t==null?void 0:t[r],d=a.isFunction(n)?n:n==null?void 0:n.transformer,W=a.isFunction(n)?!0:n==null?void 0:n.flat;if(a.isFunction(d)){const f=d(o);W?a.isArray(f)&&a.isArray(s)?s=[...s,...f]:a.isPlainObject(f)&&a.isPlainObject(s)?s={...s,...f}:s[r]=f:s[r]=f}else if(a.isPlainObject(o)||a.isArray(o)){const f=h(o,n);s[r]=f}else s[r]=o}),s}return C.useProvideForm({model:l.computed(()=>u),updateModel:V,internalInstance:{registerWatch:b,registerField:A,setFieldValue:q}}),U({resetFields:O,clearValidate:B,validateFields:I,getFieldsValue:w,validate:E,scrollToField:S,setFieldsValue:N,setFieldValue:q,registerWatch:b,validateFieldsReturnTransformed:j,getFieldsValueTransformed:x,getInternalInstance:D}),(e,t)=>(l.openBlock(),l.createBlock(l.unref(z.Form),l.mergeProps({ref_key:"formRef",ref:c},l.unref(a.omit)(i,["initialValues","onValuesChange","onFinish"]),{onFinish:M,model:u}),{default:l.withCtx(()=>[l.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=K;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../../hooks/index.js");const j=require("../../utils/slot.js");require("../../config-provider/index.js");const g=require("lodash-unified"),E=require("../../utils/index.js"),U=require("../../hooks/useControllableValue.js"),D=require("../../config-provider/hooks/use-locale.js"),I=require("../../config-provider/hooks/use-namespace.js"),$=require("../ap-form.vue2.js");function k(f){return typeof f=="function"||Object.prototype.toString.call(f)==="[object Object]"&&!t.isVNode(f)}const A=t.defineComponent({__name:"index",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:{},onFinishFailed:{},onValidate:{},initialValues:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},drawerProps:{default:()=>({})},title:{},width:{default:378},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{},resize:{type:[Object,Boolean],default:!1}},emits:["update:open"],setup(f,{expose:x,emit:N}){const o=f,v=t.useSlots(),T=N,a=t.ref(),p=t.ref(),u=t.ref(!1),{value:V,updateValue:h}=U.useControllableValue(o,T,{valuePropName:"open",defaultValue:!1}),d=t.computed(()=>{var n,i,r,s;const e={onResize:()=>{},minWidth:300,maxWidth:window.innerWidth*.8,resizeOnOpen:!0};return g.isBoolean(o.resize)?o.resize?e:{}:{minWidth:((n=o.resize)==null?void 0:n.minWidth)??e.minWidth,maxWidth:((i=o.resize)==null?void 0:i.maxWidth)??e.maxWidth,onResize:((r=o.resize)==null?void 0:r.onResize)??e.onResize,resizeOnOpen:g.isUndefined((s=o.resize)==null?void 0:s.resizeOnOpen)?e.onResize:o.resize.resizeOnOpen}}),m=t.ref(F()),{t:b}=D.useLocale(),{e:O,em:y}=I.useNamespace("ap-form-drawer-form"),_=t.computed(()=>[O("resize-bar"),{[y("resize-bar","min-disabled")]:t.unref(m)===t.unref(d).minWidth},{[y("resize-bar","max-disabled")]:t.unref(m)===t.unref(d).maxWidth}]);t.watch(()=>a.value,e=>{var n;e&&p.value&&((n=e.setFieldsValue)==null||n.call(e,p.value),p.value=void 0)}),t.watch(()=>t.unref(V),e=>{var n;e&&(n=t.unref(d))!=null&&n.resizeOnOpen&&(m.value=F())});function F(){var n;const e=(n=t.unref(d))==null?void 0:n.minWidth;return!e||e&&e<o.width?o.width:e}const C=j.getSingleVNode(v.trigger),w=C?t.cloneVNode(C,{onClick:()=>{h(!0)}}):null,P=t.computed(()=>{var n,i,r,s;const e=[];if(o.submitter===!1)return null;if(o.showCancel){let l;e.push(t.createVNode(c.Button,{onClick:W,disabled:u.value},k(l=b("ap.common.cancelText"))?l:{default:()=>[l]}))}return((n=o.submitter)==null?void 0:n.resetButtonProps)!==!1&&e.push(t.createVNode(c.Button,t.mergeProps(((i=o.submitter)==null?void 0:i.resetButtonProps)||{},{key:"submit",disabled:u.value,onClick:q}),{default:()=>{var l;return[((l=o.submitter)==null?void 0:l.resetText)||b("ap.common.resetText")]}})),((r=o.submitter)==null?void 0:r.submitButtonProps)!==!1&&e.push(t.createVNode(c.Button,t.mergeProps({type:"primary",key:"submit"},((s=o.submitter)==null?void 0:s.submitButtonProps)||{},{loading:u.value,onClick:S}),{default:()=>{var l;return[((l=o.submitter)==null?void 0:l.submitText)||b("ap.common.okText")]}})),t.createVNode(c.Flex,{justify:"flex-end"},{default:()=>[v.submitter?v.submitter(e):t.createVNode(c.Space,null,k(e)?e:{default:()=>[e]})]})});function R(){var e,n;(n=(e=d.value)==null?void 0:e.onResize)==null||n.call(e),document.addEventListener("mousemove",z),document.addEventListener("mouseup",B)}function z(e){const n=t.unref(d),i=(document.body.offsetWidth||1e3)-(e.clientX-document.body.offsetLeft),r=(n==null?void 0:n.minWidth)??(o.width||800),s=(n==null?void 0:n.maxWidth)??window.innerWidth*.8;let l=i;i<r&&(l=r),i>s&&(l=s),m.value=l}function B(){document.removeEventListener("mousemove",z),document.removeEventListener("mouseup",B)}function q(){var e,n,i;o.submitter!==!1&&((e=a.value)==null||e.resetFields(),(i=(n=o.submitter)==null?void 0:n.onReset)==null||i.call(n))}async function S(){var e,n,i,r;if(o.submitter!==!1)try{const s=await((e=a.value)==null?void 0:e.validateFields());(i=(n=o.submitter)==null?void 0:n.onSubmit)==null||i.call(n),u.value=!0;const l=(r=o.onFinish)==null?void 0:r.call(o,E.convertReactiveToRaw(s));if(o.submitTimeout&&l instanceof Promise){const L=setTimeout(()=>u.value=!1,o.submitTimeout);l.finally(()=>{clearTimeout(L),u.value=!1})}await l&&h(!1)}finally{u.value=!1}}function W(){t.unref(u)||h(!1)}function M(e){!e&&t.unref(u)||h(e)}return x({resetFields:()=>{var e;(e=a.value)==null||e.resetFields()},clearValidate:e=>{var n;(n=a.value)==null||n.clearValidate(e)},validateFields:(e,n)=>{var i;return(i=a.value)==null?void 0:i.validateFields(e,n)},getFieldsValue:e=>{var n;return(n=a.value)==null?void 0:n.getFieldsValue(e)},validate:(e,n)=>{var i;return(i=a.value)==null?void 0:i.validate(e,n)},scrollToField:(e,n={})=>{var i;(i=a.value)==null||i.scrollToField(e,n)},setFieldValue:(e,n)=>{var i,r;(r=(i=a.value)==null?void 0:i.setFieldValue)==null||r.call(i,e,n)},setFieldsValue:e=>{var n,i;if(!a.value){p.value=e;return}(i=(n=a.value)==null?void 0:n.setFieldsValue)==null||i.call(n,e)},getInternalInstance:e=>{var n;return(n=a.value)==null?void 0:n.getInternalInstance(e)}}),(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(c.Drawer),t.mergeProps(e.drawerProps,{open:t.unref(V),"onUpdate:open":M,onCancel:W,width:m.value}),{title:t.withCtx(()=>[t.renderSlot(e.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(o.title),1)])]),footer:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(P.value)))]),default:t.withCtx(()=>[t.createVNode($.default,t.mergeProps({ref_key:"formRef",ref:a},t.unref(g.omit)(o,["drawerProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16),e.resize?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(_.value),onMousedown:t.withModifiers(R,["stop","prevent"])},null,34)):t.createCommentVNode("",!0)]),_:3},16,["open","width"]),t.unref(w)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(w)),{key:0})):t.createCommentVNode("",!0)],64))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../../hooks/index.js");const U=require("../../utils/slot.js");require("../../config-provider/index.js");const g=require("lodash-unified"),j=require("../../utils/index.js"),E=require("../../hooks/useControllableValue.js"),D=require("../../config-provider/hooks/use-locale.js"),I=require("../../config-provider/hooks/use-namespace.js"),$=require("../ap-form.vue2.js");function k(f){return typeof f=="function"||Object.prototype.toString.call(f)==="[object Object]"&&!t.isVNode(f)}const A=t.defineComponent({__name:"index",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:{},onFinishFailed:{},onValidate:{},initialValues:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},open:{type:Boolean,default:void 0},"onUpdate:open":{},drawerProps:{default:()=>({})},title:{},width:{default:378},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{},resize:{type:[Object,Boolean],default:!1}},emits:["update:open"],setup(f,{expose:x,emit:T}){const i=f,v=t.useSlots(),N=T,a=t.ref(),p=t.ref(),u=t.ref(!1),{value:y,updateValue:h}=E.useControllableValue(i,N,{valuePropName:"open",defaultValue:!1}),d=t.computed(()=>{var n,o,r,s;const e={onResize:()=>{},minWidth:300,maxWidth:window.innerWidth*.8,resizeOnOpen:!0};return g.isBoolean(i.resize)?i.resize?e:{}:{minWidth:((n=i.resize)==null?void 0:n.minWidth)??e.minWidth,maxWidth:((o=i.resize)==null?void 0:o.maxWidth)??e.maxWidth,onResize:((r=i.resize)==null?void 0:r.onResize)??e.onResize,resizeOnOpen:g.isUndefined((s=i.resize)==null?void 0:s.resizeOnOpen)?e.onResize:i.resize.resizeOnOpen}}),m=t.ref(F()),{t:b}=D.useLocale(),{e:O,em:V}=I.useNamespace("ap-form-drawer-form"),P=t.computed(()=>[O("resize-bar"),{[V("resize-bar","min-disabled")]:t.unref(m)===t.unref(d).minWidth},{[V("resize-bar","max-disabled")]:t.unref(m)===t.unref(d).maxWidth}]);t.watch(()=>a.value,e=>{var n;e&&p.value&&((n=e.setFieldsValue)==null||n.call(e,p.value),p.value=void 0)}),t.watch(()=>t.unref(y),e=>{var n;e&&(n=t.unref(d))!=null&&n.resizeOnOpen&&(m.value=F())});function F(){var n;const e=(n=t.unref(d))==null?void 0:n.minWidth;return!e||e&&e<i.width?i.width:e}const C=U.getSingleVNode(v.trigger),w=C?t.cloneVNode(C,{onClick:()=>{h(!0)}}):null,_=t.computed(()=>{var n,o,r,s;const e=[];if(i.submitter===!1)return null;if(i.showCancel){let l;e.push(t.createVNode(c.Button,{onClick:W,disabled:u.value},k(l=b("ap.common.cancelText"))?l:{default:()=>[l]}))}return((n=i.submitter)==null?void 0:n.resetButtonProps)!==!1&&e.push(t.createVNode(c.Button,t.mergeProps(((o=i.submitter)==null?void 0:o.resetButtonProps)||{},{key:"submit",disabled:u.value,onClick:q}),{default:()=>{var l;return[((l=i.submitter)==null?void 0:l.resetText)||b("ap.common.resetText")]}})),((r=i.submitter)==null?void 0:r.submitButtonProps)!==!1&&e.push(t.createVNode(c.Button,t.mergeProps({type:"primary",key:"submit"},((s=i.submitter)==null?void 0:s.submitButtonProps)||{},{loading:u.value,onClick:S}),{default:()=>{var l;return[((l=i.submitter)==null?void 0:l.submitText)||b("ap.common.okText")]}})),t.createVNode(c.Flex,{justify:"flex-end"},{default:()=>[v.submitter?v.submitter(e):t.createVNode(c.Space,null,k(e)?e:{default:()=>[e]})]})});function R(){var e,n;(n=(e=d.value)==null?void 0:e.onResize)==null||n.call(e),document.addEventListener("mousemove",B),document.addEventListener("mouseup",z)}function B(e){const n=t.unref(d),o=(document.body.offsetWidth||1e3)-(e.clientX-document.body.offsetLeft),r=(n==null?void 0:n.minWidth)??(i.width||800),s=(n==null?void 0:n.maxWidth)??window.innerWidth*.8;let l=o;o<r&&(l=r),o>s&&(l=s),m.value=l}function z(){document.removeEventListener("mousemove",B),document.removeEventListener("mouseup",z)}function q(){var e,n,o;i.submitter!==!1&&((e=a.value)==null||e.resetFields(),(o=(n=i.submitter)==null?void 0:n.onReset)==null||o.call(n))}async function S(){var e,n,o,r;if(i.submitter!==!1)try{const s=await((e=a.value)==null?void 0:e.validateFields());(o=(n=i.submitter)==null?void 0:n.onSubmit)==null||o.call(n),u.value=!0;const l=(r=i.onFinish)==null?void 0:r.call(i,j.convertReactiveToRaw(s));if(i.submitTimeout&&l instanceof Promise){const L=setTimeout(()=>u.value=!1,i.submitTimeout);l.finally(()=>{clearTimeout(L),u.value=!1})}await l&&h(!1)}finally{u.value=!1}}function W(){t.unref(u)||h(!1)}function M(e){!e&&t.unref(u)||h(e)}return x({resetFields:()=>{var e;(e=a.value)==null||e.resetFields()},clearValidate:e=>{var n;(n=a.value)==null||n.clearValidate(e)},validateFields:(e,n)=>{var o;return(o=a.value)==null?void 0:o.validateFields(e,n)},getFieldsValue:e=>{var n;return(n=a.value)==null?void 0:n.getFieldsValue(e)},validate:(e,n)=>{var o;return(o=a.value)==null?void 0:o.validate(e,n)},scrollToField:(e,n={})=>{var o;(o=a.value)==null||o.scrollToField(e,n)},setFieldValue:(e,n)=>{var o,r;(r=(o=a.value)==null?void 0:o.setFieldValue)==null||r.call(o,e,n)},setFieldsValue:e=>{var n,o;if(!a.value){p.value=e;return}(o=(n=a.value)==null?void 0:n.setFieldsValue)==null||o.call(n,e)},getInternalInstance:e=>{var n;return(n=a.value)==null?void 0:n.getInternalInstance(e)}}),(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(c.Drawer),t.mergeProps(e.drawerProps,{open:t.unref(y),"onUpdate:open":M,onCancel:W,width:m.value}),{title:t.withCtx(()=>[t.renderSlot(e.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(i.title),1)])]),footer:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(_.value)))]),default:t.withCtx(()=>[t.createVNode($.default,t.mergeProps({ref_key:"formRef",ref:a},t.unref(g.omit)(i,["drawerProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16),e.resize?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(P.value),onMousedown:t.withModifiers(R,["stop","prevent"])},null,34)):t.createCommentVNode("",!0)]),_:3},16,["open","width"]),t.unref(w)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(w)),{key:0})):t.createCommentVNode("",!0)],64))}});exports.default=A;

package/lib/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> = {