@aplus-frontend/ui 6.12.0 → 6.13.0

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as N, ref as g, computed as u, unref as n, createElementBlock as $, openBlock as B, normalizeStyle as b, normalizeClass as K, createVNode as c, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as G } from "vue";
+import { defineComponent as T, ref as g, computed as r, unref as l, createElementBlock as $, openBlock as B, normalizeStyle as b, normalizeClass as K, createVNode as c, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as G } from "vue";
 import "../../ap-field/index.mjs";
 import { Space as q } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
@@ -7,13 +7,14 @@ import "./popover-input/index.vue.mjs";
 import "../../hooks/index.mjs";
 import { isDef as J } from "../../utils/index.mjs";
 import { useDefaultPlaceholder as Q } from "../../ap-field/hooks/use-default-placeholder.mjs";
-import { useControllableValue as W } from "../../hooks/useControllableValue.mjs";
-import { useLocale as X } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
-import ee from "../../ap-field/select/index.vue.mjs";
-import { ApFieldText as te } from "../../ap-field/text/index.mjs";
-import oe from "./popover-input/index.vue2.mjs";
-const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
+import { splitValue as W } from "./utils.mjs";
+import { useControllableValue as X } from "../../hooks/useControllableValue.mjs";
+import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
+import te from "../../ap-field/select/index.vue.mjs";
+import { ApFieldText as oe } from "../../ap-field/text/index.mjs";
+import ne from "./popover-input/index.vue2.mjs";
+const m = "GROUP_SEARCH_ALL", be = /* @__PURE__ */ T({
   name: "BatchInputGroup",
   __name: "index",
   props: {
@@ -24,6 +25,7 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
     value: {},
     "onUpdate:value": {},
     popoverPlacement: { default: "left" },
+    maxNum: { default: 200 },
     mode: { default: "edit" },
     class: {},
     id: {},
@@ -72,38 +74,38 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(V, { emit: C }) {
-    const l = V, S = Q("Text", l), I = C, { value: a, updateValue: p } = W(
-      l,
-      I
-    ), i = g(), f = g(), { t: x } = X(), { b: U, cssVar: w } = Z("batch-input-group"), P = u(() => {
-      const e = l.popoverPlacement;
+  setup(V, { emit: x }) {
+    const n = V, C = Q("Text", n), S = x, { value: a, updateValue: p } = X(
+      n,
+      S
+    ), i = g(), f = g(), { t: I } = Z(), { b: U, cssVar: w } = ee("batch-input-group"), P = r(() => {
+      const e = n.popoverPlacement;
       return {
         "popover-left": H(e) ? `${e}px` : e === "left" ? "0px" : "unset",
         "popover-right": e === "right" ? "0px" : "unset"
       };
-    }), k = u(() => l.options ? l.options.length > 1 && l.hasAll ? [
-      { value: d, label: x("ap.common.all") },
-      ...l.options
-    ] : l.options : []), R = u(() => l.options ? l.options.map((e) => e.value) : []), _ = u(() => {
+    }), k = r(() => n.options ? n.options.length > 1 && n.hasAll ? [
+      { value: m, label: I("ap.common.all") },
+      ...n.options
+    ] : n.options : []), R = r(() => n.options ? n.options.map((e) => e.value) : []), N = r(() => {
       var e, t;
-      return (t = (e = n(a)) == null ? void 0 : e.value) != null && t.length ? n(a).value.join(",") : "";
-    }), j = u(() => {
+      return (t = (e = l(a)) == null ? void 0 : e.value) != null && t.length ? l(a).value.join(",") : "";
+    }), j = r(() => {
       var e, t;
-      return (t = (e = n(a)) == null ? void 0 : e.value) != null && t.length ? n(a).value.join(`
+      return (t = (e = l(a)) == null ? void 0 : e.value) != null && t.length ? l(a).value.join(`
 `) : "";
-    }), E = u(() => {
+    }), E = r(() => {
       var t;
-      const e = (t = n(a)) == null ? void 0 : t.key;
+      const e = (t = l(a)) == null ? void 0 : t.key;
       if (e != null && e.length)
-        return e.length === 1 || !l.hasAll ? e[0] : d;
-    }), F = u(() => {
+        return e.length === 1 || !n.hasAll ? e[0] : m;
+    }), F = r(() => {
       var o;
-      const e = (o = n(a)) == null ? void 0 : o.key;
-      return !e || (e == null ? void 0 : e.length) <= 1 ? n(S) : (l.options || []).filter((r) => e.includes(r.value)).map((r) => r.label).join("/");
+      const e = (o = l(a)) == null ? void 0 : o.key;
+      return !e || (e == null ? void 0 : e.length) <= 1 ? l(C) : (n.options || []).filter((u) => e.includes(u.value)).map((u) => u.label).join("/");
     });
     function L(e) {
-      const t = n(a) || {}, o = e === d ? n(R) : J(e) ? [e] : [];
+      const t = l(a) || {}, o = e === m ? l(R) : J(e) ? [e] : [];
       p({
         ...t,
         key: o
@@ -111,52 +113,53 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
     }
     function O(e) {
       var v, y;
-      const t = n(a) || {}, o = e.target.value || "", r = o.replace(/[,]+/g, ",");
-      if (o !== r) {
+      const t = l(a) || {}, o = e.target.value || "";
+      let u = W(o, ",", ",", n.maxNum);
+      if (o !== u) {
         const h = (y = (v = f.value) == null ? void 0 : v.$el) == null ? void 0 : y.querySelector("input");
-        h && (h.value = r);
+        h && (h.value = u);
       }
-      let s = r.split(",");
+      let s = u.split(",");
       s.length === 1 && s[0] === "" && (s = []), p({
         ...t,
         value: s
       });
     }
-    function z(e) {
-      const t = n(a) || {};
+    function _(e) {
+      const t = l(a) || {};
       let o = e.split(/,|\n/);
       p({
         ...t,
         value: o
       });
     }
-    function m() {
+    function d() {
       var o;
-      const e = n(a) || {}, t = (o = e.value) == null ? void 0 : o.filter(Boolean);
+      const e = l(a) || {}, t = (o = e.value) == null ? void 0 : o.filter(Boolean);
       p({
         ...e,
         value: t
       });
     }
-    function T(e) {
+    function z(e) {
       var t;
-      m(), (t = l.onBlur) == null || t.call(l, e);
+      d(), (t = n.onBlur) == null || t.call(n, e);
     }
     return (e, t) => (B(), $("div", {
       ref_key: "containerRef",
       ref: i,
-      class: K(n(U)()),
-      style: b(n(w)(P.value)),
+      class: K(l(U)()),
+      style: b(l(w)(P.value)),
       onFocus: t[0] || (t[0] = //@ts-ignore
       (...o) => e.onFocus && e.onFocus(...o)),
       onBlur: t[1] || (t[1] = //@ts-ignore
       (...o) => e.onBlur && e.onBlur(...o))
     }, [
-      c(n(q).Compact, { block: "" }, {
+      c(l(q).Compact, { block: "" }, {
         default: A(() => {
           var o;
           return [
-            (o = e.options) != null && o.length ? (B(), M(n(ee), {
+            (o = e.options) != null && o.length ? (B(), M(l(te), {
               key: 0,
               style: b(e.style),
               options: k.value,
@@ -167,8 +170,8 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
               "get-popup-container": () => i.value,
               "onUpdate:value": L
             }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : D("", !0),
-            c(n(te), G(
-              n(Y)(l, [
+            c(l(oe), G(
+              l(Y)(n, [
                 "style",
                 "value",
                 "onUpdate:value",
@@ -181,21 +184,22 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
                 ref_key: "inputRef",
                 ref: f,
                 style: e.inputStyle,
-                value: _.value,
+                value: N.value,
                 placeholder: F.value,
                 onInput: O,
-                onBlur: T
+                onBlur: z
               }
             ), {
               suffix: A(() => [
-                c(oe, {
+                c(ne, {
                   _parent: i.value,
                   value: j.value,
                   disabled: e.disabled,
-                  placement: l.popoverPlacement,
-                  "onUpdate:value": z,
-                  onClose: m
-                }, null, 8, ["_parent", "value", "disabled", "placement"])
+                  placement: n.popoverPlacement,
+                  "max-num": e.maxNum,
+                  "onUpdate:value": _,
+                  onClose: d
+                }, null, 8, ["_parent", "value", "disabled", "placement", "max-num"])
               ]),
               _: 1
             }, 16, ["style", "value", "placeholder"])
@@ -207,5 +211,5 @@ const d = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ N({
   }
 });
 export {
-  ge as default
+  be as default
 };

package/es/src/business/batch-input-group/interface.d.ts

@@ -32,11 +32,16 @@ export interface BatchInputGroupProps extends Omit<ApFieldTextProps, 'value' | '
      * 设置弹出层弹出的位置，默认为`left`
      */
     popoverPlacement?: 'left' | 'right' | number;
+    /**
+     * 最大输入条数，默认为200
+     */
+    maxNum?: number;
 }
 export interface BatchInputGroupPopoverInputProps extends Pick<ApFieldTextAreaProps, 'value' | 'onUpdate:value'> {
     _parent?: HTMLElement;
     onClose?: () => void;
     disabled?: boolean;
+    maxNum?: number;
 }
 export type ApFormItemBatchInputProps = ApFormItemProps & {
     field?: Omit<BatchInputGroupProps, 'value' | 'onUpdate:value'>;

package/es/src/business/batch-input-group/popover-input/index.vue2.mjs

@@ -1,71 +1,75 @@
-import { defineComponent as A, ref as m, createElementBlock as w, openBlock as B, normalizeClass as p, unref as e, createVNode as c, withCtx as d, createElementVNode as L } from "vue";
-import { Popover as N, Textarea as P } from "@aplus-frontend/antdv";
+import { defineComponent as k, ref as m, createElementBlock as A, openBlock as w, normalizeClass as p, unref as e, createVNode as u, withCtx as f, createElementVNode as B } from "vue";
+import { Popover as L, Textarea as P } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
 import { IconApAdLineScreen as z } from "@aplus-frontend/icon";
 import "../../../hooks/index.mjs";
-import { useControllableValue as E } from "../../../hooks/useControllableValue.mjs";
-import { useLocale as F } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as O } from "../../../config-provider/hooks/use-namespace.mjs";
-const D = /* @__PURE__ */ A({
+import { splitValue as E } from "../utils.mjs";
+import { useControllableValue as F } from "../../../hooks/useControllableValue.mjs";
+import { useLocale as O } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as R } from "../../../config-provider/hooks/use-namespace.mjs";
+const J = /* @__PURE__ */ k({
   __name: "index",
   props: {
     _parent: {},
     onClose: { type: Function },
     disabled: { type: Boolean },
+    maxNum: {},
     value: {},
     "onUpdate:value": { type: Function }
   },
   emits: ["update:value"],
-  setup(f, { emit: v }) {
-    const o = f, g = v, { value: b, updateValue: h } = E(o, g), n = m(!1), l = m(), C = (t) => o._parent || t, { t: _ } = F();
-    function x(t) {
-      var s;
-      const a = t.target.value || "", r = a.replace(/[\n,]+/g, `
-`);
+  setup(d, { emit: v }) {
+    const o = d, g = v, { value: b, updateValue: h } = F(o, g), n = m(!1), l = m(), x = (t) => o._parent || t, { t: C } = O();
+    function _(t) {
+      var c;
+      const a = t.target.value || "";
+      let r = E(a, `
+,`, `
+`, o.maxNum);
       if (r !== a) {
-        const i = ((s = l.value) == null ? void 0 : s.$el) || l.value;
+        const i = ((c = l.value) == null ? void 0 : c.$el) || l.value;
         i && (i.value = r);
       }
       h(r);
     }
-    function y(t) {
+    function V(t) {
       var a;
       o.disabled ? n.value = !1 : n.value = t, !t && ((a = o.onClose) == null || a.call(o));
     }
-    const { b: u, e: I, em: V, bm: k } = O("batch-input-group-popover-input");
-    return (t, a) => (B(), w("div", {
-      class: p(e(u)())
+    const { b: s, e: y, em: I, bm: N } = R("batch-input-group-popover-input");
+    return (t, a) => (w(), A("div", {
+      class: p(e(s)())
     }, [
-      c(e(N), {
-        "overlay-class-name": e(I)("popover"),
-        "get-popup-container": C,
+      u(e(L), {
+        "overlay-class-name": e(y)("popover"),
+        "get-popup-container": x,
         trigger: "click",
         placement: "bottomLeft",
         open: n.value,
-        onOpenChange: y
+        onOpenChange: V
       }, {
-        content: d(() => [
-          L("div", {
-            class: p(e(V)("popover", "content"))
+        content: f(() => [
+          B("div", {
+            class: p(e(I)("popover", "content"))
           }, [
-            c(e(P), {
+            u(e(P), {
               ref_key: "textAreaRef",
               ref: l,
-              placeholder: e(_)("ap.batchInputGroup.popoverInputPlaceholder"),
+              placeholder: e(C)("ap.batchInputGroup.popoverInputPlaceholder"),
               bordered: !1,
               rows: 10,
               value: e(b),
               "allow-clear": !1,
               "auto-size": !1,
-              onInput: x
+              onInput: _
             }, null, 8, ["placeholder", "value"])
           ], 2)
         ]),
-        default: d(() => [
-          c(e(z), {
+        default: f(() => [
+          u(e(z), {
             class: p([
-              e(u)("trigger-icon"),
-              t.disabled ? e(k)("trigger-icon", "disabled") : null
+              e(s)("trigger-icon"),
+              t.disabled ? e(N)("trigger-icon", "disabled") : null
             ])
           }, null, 8, ["class"])
         ]),
@@ -75,5 +79,5 @@ const D = /* @__PURE__ */ A({
   }
 });
 export {
-  D as default
+  J as default
 };

package/es/src/business/batch-input-group/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 输入信息格式分割处理
+ * @param inputValue
+ * @param spliter
+ * @param max
+ * @returns
+ */
+export declare const splitValue: (inputValue: string, reg: string, spliter: string, max?: number) => string;

package/es/src/business/batch-input-group/utils.mjs

@@ -0,0 +1,10 @@
+const u = (o, l, e, t = 200) => {
+  const n = o.replace(
+    new RegExp(`[${l}]+`, "g"),
+    e
+  ), r = n.split(e);
+  return r.length > t ? r.slice(0, t).join(e) : n;
+};
+export {
+  u as splitValue
+};

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.12.0";
+declare const _default: "6.13.0";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "6.12.0";
+const e = "6.13.0";
 export {
   e as default
 };

package/lib/src/ap-descriptions/interface.d.ts

@@ -21,7 +21,7 @@ type AllKeys<T, P extends string = '', Level extends unknown[] = []> = Level['le
 /** 基本描述类型 */
 export interface ItemSchema<T extends Recordable = Recordable> {
     label: VNodeChild | VNode;
-    field: Extract<AllKeys<T>, string> | string[];
+    field: Extract<AllKeys<T>, string> | (string & {}) | string[];
     span?: number;
     prefix?: VNodeChild | VNode;
     suffix?: VNodeChild | VNode;

package/lib/src/ap-form/ap-form.vue2.js

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

package/lib/src/ap-form/items/number/index.vue.d.ts

@@ -66,8 +66,8 @@ declare function __VLS_template(): {
                 readonly type?: string | undefined;
                 readonly name?: string | undefined;
                 readonly suffix?: any;
-                readonly placeholder?: string | undefined;
                 readonly id?: string | undefined;
+                readonly placeholder?: string | undefined;
                 readonly valueModifiers?: Record<string, any> | undefined;
                 readonly addonBefore?: any;
                 readonly addonAfter?: any;
@@ -539,8 +539,8 @@ declare const __VLS_component: DefineComponent<ApFormItemNumberProps, {
             readonly type?: string | undefined;
             readonly name?: string | undefined;
             readonly suffix?: any;
-            readonly placeholder?: string | undefined;
             readonly id?: string | undefined;
+            readonly placeholder?: string | undefined;
             readonly valueModifiers?: Record<string, any> | undefined;
             readonly addonBefore?: any;
             readonly addonAfter?: any;

package/lib/src/ap-form/items/select/index.vue.d.ts

@@ -74,9 +74,9 @@ declare function __VLS_template(): {
                 readonly getPopupContainer?: RenderDOMFunc | undefined;
                 readonly virtual?: boolean | undefined;
                 readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                readonly placeholder?: any;
                 readonly defaultValue?: SelectValue;
                 readonly id?: string | undefined;
+                readonly placeholder?: any;
                 readonly status?: "" | "error" | "warning" | undefined;
                 readonly clearIcon?: any;
                 readonly allowClear?: boolean | undefined;
@@ -705,9 +705,9 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly getPopupContainer?: RenderDOMFunc | undefined;
             readonly virtual?: boolean | undefined;
             readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-            readonly placeholder?: any;
             readonly defaultValue?: SelectValue;
             readonly id?: string | undefined;
+            readonly placeholder?: any;
             readonly status?: "" | "error" | "warning" | undefined;
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;

package/lib/src/ap-form/items/text/index.vue.d.ts

@@ -54,9 +54,9 @@ declare function __VLS_template(): {
                 readonly suffix?: any;
                 readonly focused?: boolean | undefined;
                 readonly handleReset?: MouseEventHandler | undefined;
-                readonly placeholder?: string | number | undefined;
                 readonly defaultValue?: string | number | undefined;
                 readonly id?: string | undefined;
+                readonly placeholder?: string | number | undefined;
                 readonly autocomplete?: string | undefined;
                 readonly maxlength?: number | undefined;
                 readonly showCount?: boolean | ShowCountProps | undefined;
@@ -210,9 +210,9 @@ declare const __VLS_component: DefineComponent<ApFormItemTextProps, {
             readonly suffix?: any;
             readonly focused?: boolean | undefined;
             readonly handleReset?: MouseEventHandler | undefined;
-            readonly placeholder?: string | number | undefined;
             readonly defaultValue?: string | number | undefined;
             readonly id?: string | undefined;
+            readonly placeholder?: string | number | undefined;
             readonly autocomplete?: string | undefined;
             readonly maxlength?: number | undefined;
             readonly showCount?: boolean | ShowCountProps | undefined;

package/lib/src/ap-form/items/text/password.vue.d.ts

@@ -55,9 +55,9 @@ declare function __VLS_template(): {
                 readonly suffix?: any;
                 readonly focused?: boolean | undefined;
                 readonly handleReset?: MouseEventHandler | undefined;
-                readonly placeholder?: string | number | undefined;
                 readonly defaultValue?: string | number | undefined;
                 readonly id?: string | undefined;
+                readonly placeholder?: string | number | undefined;
                 readonly autocomplete?: string | undefined;
                 readonly maxlength?: number | undefined;
                 readonly showCount?: boolean | ShowCountProps | undefined;
@@ -217,9 +217,9 @@ declare const __VLS_component: DefineComponent<ApFormItemTextPasswordProps, {
             readonly suffix?: any;
             readonly focused?: boolean | undefined;
             readonly handleReset?: MouseEventHandler | undefined;
-            readonly placeholder?: string | number | undefined;
             readonly defaultValue?: string | number | undefined;
             readonly id?: string | undefined;
+            readonly placeholder?: string | number | undefined;
             readonly autocomplete?: string | undefined;
             readonly maxlength?: number | undefined;
             readonly showCount?: boolean | ShowCountProps | undefined;

package/lib/src/ap-form/items/tree-select/index.vue.d.ts

@@ -79,9 +79,9 @@ declare function __VLS_template(): {
                 readonly getPopupContainer?: RenderDOMFunc | undefined;
                 readonly virtual?: boolean | undefined;
                 readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                readonly placeholder?: any;
                 readonly defaultValue?: unknown;
                 readonly id?: string | undefined;
+                readonly placeholder?: any;
                 readonly status?: "" | "error" | "warning" | undefined;
                 readonly clearIcon?: any;
                 readonly allowClear?: boolean | undefined;
@@ -853,9 +853,9 @@ declare const __VLS_component: DefineComponent<ApFormItemTreeSelectProps, {
             readonly getPopupContainer?: RenderDOMFunc | undefined;
             readonly virtual?: boolean | undefined;
             readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-            readonly placeholder?: any;
             readonly defaultValue?: unknown;
             readonly id?: string | undefined;
+            readonly placeholder?: any;
             readonly status?: "" | "error" | "warning" | undefined;
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;

package/lib/src/ap-form/search-form/hooks/use-collapse-input-count.d.ts

@@ -1,5 +1,12 @@
-import { Ref, ComputedRef } from 'vue';
+import { Ref, VNode, ComputedRef } from 'vue';
 import { SearchFormRenderNodeConfig } from '../../interface';
+/**
+ * 默认用于判断当前值是否是空值的判断函数
+ * @param value
+ * @returns
+ */
+export declare function defaultFilled(value: any): boolean;
+export declare function getTargetNode(node: VNode): any;
 export declare const useCollapseInputCount: (config: Ref<SearchFormRenderNodeConfig[]>) => {
     count: ComputedRef<number>;
 };

package/lib/src/ap-form/search-form/hooks/use-collapse-input-count.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("vue"),p=require("../../context.js"),c=require("lodash-unified");require("../../../config-provider/index.js");const g=require("../../../config-provider/hooks/use-global-config.js");function h(e,t){return c.isArray(t)?t.reduce((n,s)=>n==null?void 0:n[s],e):e==null?void 0:e[t]}function u(e){if(e==null)return!1;if(typeof e=="string")return e.trim()!=="";if(c.isArray(e))return e.some(n=>u(n));if(c.isObject(e)){const t=Object.keys(e);if(t.length===0)return!1;for(const n of t)if(u(e[n]))return!0;return!1}return!0}const C=e=>{const{model:t}=p.useInjectForm(),n=g.useGlobalConfig("searchForm");return{count:F.computed(()=>{let i=0;return e.value.forEach(r=>{var a;const d=[r.node.props.name].flat(1),l=h(t==null?void 0:t.value,d),f=r.node.props.customFilled||r.node.props["custom-filled"],o=(a=n.value)==null?void 0:a.customFilled;!f&&o?o!=null&&o(r.node,l)&&(i+=1):(f||u)(l)&&(i+=1)}),i})}};exports.useCollapseInputCount=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),y=require("../../context.js"),i=require("lodash-unified");require("../../../config-provider/index.js");const h=require("../../../config-provider/hooks/use-global-config.js");function C(t,e){return i.isArray(e)?e.reduce((n,u)=>n==null?void 0:n[u],t):t==null?void 0:t[e]}function s(t){if(t==null)return!1;if(typeof t=="string")return t.trim()!=="";if(i.isArray(t))return t.some(n=>s(n));if(i.isObject(t)){const e=Object.keys(t);if(e.length===0)return!1;for(const n of e)if(s(t[n]))return!0;return!1}return!0}function d(t){return i.isFunction(t.type)?t.type():t}const b=t=>{const{model:e}=y.useInjectForm(),n=h.useGlobalConfig("searchForm");return{count:p.computed(()=>{let c=0;return t.value.forEach(F=>{var a;const r=d(F.node),g=[r.props.name].flat(1),l=C(e==null?void 0:e.value,g),f=r.props.customFilled||r.props["custom-filled"],o=(a=n.value)==null?void 0:a.customFilled;!f&&o?o!=null&&o(r,l)&&(c+=1):(f||s)(l)&&(c+=1)}),c})}};exports.defaultFilled=s;exports.getTargetNode=d;exports.useCollapseInputCount=b;

package/lib/src/ap-form/search-form/hooks/use-sorter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("lodash-unified"),c=require("vue"),d=require("../../item-group/helper.js"),f=require("../../../utils/index.js");function p(s,r){var e;const u=new Set(s.map(n=>n.name)),a=new Map;for(const n of r){const o=String(d.getStringName((e=n.props)==null?void 0:e.name));o&&u.has(o)&&a.set(o,n)}const i=new Set,t=[];for(const n of s){const o=a.get(n.name);o&&(t.push(o),i.add(o))}for(const n of r)i.has(n)||t.push(n);return t}const m=s=>{const r=c.ref(!1),u=c.computed(()=>(s.value||[]).map(t=>{const e=t.props;return{label:e.description||e.label||e.placeholder,name:d.getStringName(e.name),isHidden:l.isBoolean(e.hidden)?!!e.hidden:f.isDef(e.hidden)}}));function a(i){const t=p(i||[],s.value||[]);r.value=!0,s.value=t}return{items:u,handleClickConfirm:a,sorted:r}};exports.useSorter=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("lodash-unified"),d=require("vue"),c=require("../../item-group/helper.js"),f=require("../../../utils/index.js"),l=require("./use-collapse-input-count.js");function g(o,s){var u;const i=new Set(o.map(e=>e.name)),a=new Map;for(const e of s){const n=String(c.getStringName((u=l.getTargetNode(e).props)==null?void 0:u.name));n&&i.has(n)&&a.set(n,e)}const r=new Set,t=[];for(const e of o){const n=a.get(e.name);n&&(t.push(n),r.add(n))}for(const e of s)r.has(e)||t.push(e);return t}const m=o=>{const s=d.ref(!1),i=d.computed(()=>(o.value||[]).map(t=>{const e=l.getTargetNode(t).props;return{label:e.description||e.label||e.placeholder,name:c.getStringName(e.name),isHidden:p.isBoolean(e.hidden)?!!e.hidden:f.isDef(e.hidden)}}));function a(r){const t=g(r||[],o.value||[]);s.value=!0,o.value=t}return{items:i,handleClickConfirm:a,sorted:s}};exports.useSorter=m;

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

@@ -398,7 +398,9 @@ declare function __VLS_template(): {
                         push: (StringConstructor | NumberConstructor)[];
                         pull: (StringConstructor | NumberConstructor)[];
                         xs: {
-                            type: PropType<string | number | ColSize>;
+                            type: PropType<string | number | **
+                             * extra区域展开占据的span数(占据剩余所有空间)
+                             */).ColSize>;
                             default: string | number | ColSize;
                         };
                         sm: {
@@ -1237,7 +1239,9 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     push: (StringConstructor | NumberConstructor)[];
                     pull: (StringConstructor | NumberConstructor)[];
                     xs: {
-                        type: PropType<string | number | ColSize>;
+                        type: PropType<string | number | **
+                         * extra区域展开占据的span数(占据剩余所有空间)
+                         */).ColSize>;
                         default: string | number | ColSize;
                     };
                     sm: {

package/lib/src/ap-form/search-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const T=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),P=require("../../utils/index.js"),S=require("./utils.js");require("./components/popover-filter.vue.js");const J=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const K=require("./hooks/use-sorter.js"),Q=require("../../config-provider/hooks/use-namespace.js"),X=require("../../config-provider/hooks/use-locale.js"),E=require("../item/index.vue.js"),Y=require("./components/popover-filter.vue2.js"),Z=require("./components/popover-sorter/index.vue2.js"),ee=require("../ap-form.vue2.js");function te(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const s=24,oe=e.defineComponent({name:"ApFormSearchForm",__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},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(p,{expose:O}){var V;const u=e.useSlots(),o=p,{b:f}=Q.useNamespace("ap-form-search-form"),{t:B}=X.useLocale(),D=J.useCountPerRow(o),g=e.ref(),L=e.ref();function F(){var a;const t=(a=g.value)==null?void 0:a.getFieldsValueTransformed(!0);S.execFunc(o.onSubmit,t)}function j(){var t,a;o.customReset||(a=(t=g.value)==null?void 0:t.resetFields)==null||a.call(t),S.execFunc(o.onReset)}const M=t=>P.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let R=[];const m=e.shallowRef(T.genRealChildren(u.default())),i=e.shallowRef((V=u.extra)==null?void 0:V.call(u)),b=e.computed(()=>Math.floor(s/e.unref(D))),{items:y,sorted:k,handleClickConfirm:v}=K.useSorter(m);e.watch(()=>u.default(),t=>{R=m.value,m.value=S.diffFormItem(R,T.genRealChildren(t)),k.value=!1}),e.watch(()=>{var t;return(t=u.extra)==null?void 0:t.call(u)},t=>{i.value=t});const n=e.computed(()=>{const t=m.value,a=[],l=[],h=[],c=e.unref(b);let x=0,C=0;const $=s*o.maxRows-c*(e.unref(i)&&!o.extraInAction?2:1);t.forEach((N,G)=>{const d=N.props;if(w.isBoolean(d.hidden)?!!d.hidden:P.isDef(d.hidden))a.push(N);else{let _=d.span||c;const A={node:N,span:_,key:`ApFormSearchFormItem-${G}-${M(d.name)}-${d._signal}`},I=s-x%s;I<_&&(_+=I),x+=_,x>$?l.push(A):(C=x,h.push(A))}});const q=s-(C+c)%s,z=C%s<c,H=q<c?s:q;return{hideNode:e.createVNode(e.Fragment,null,[a]),nodes:h,collapseNodes:l,extraSpan:H,lastRowOnlyIncludeActionAndExtra:z}}),U=e.computed(()=>{let t;const a=n.value.collapseNodes.length||o.sortable&&m.value.length,l=e.createVNode(r.Col,{span:e.unref(b),key:"actionWrapper"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:n.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(i)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[a?e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[n.value.collapseNodes.length?e.createVNode(Y.default,{onSubmit:F,config:n.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&y.value.length?e.createVNode(Z.default,{ref:"sorterIns",items:y.value,onClickConfirm:v,sorted:k.value},null):null]):null,e.createVNode(r.Button,{type:"primary",onClick:F,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:f("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:j,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(i):null]})]})]}),h=!o.extraInAction&&e.unref(i)?e.createVNode(r.Col,{span:n.value.extraSpan,key:"extraNode"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{justify:n.value.extraSpan===s||n.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},te(t=e.unref(i))?t:{default:()=>[t]})]})]}):null,c=e.createVNode(r.Col,{span:n.value.extraSpan},null);return n.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[h||c,l]):e.createVNode(e.Fragment,null,[l,h])});function W(){var a;const t=(a=L.value)==null?void 0:a.getCachedList();v(t)}return O({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>y.value,setSorterItems:v,resetSorterItems:W}),(t,a)=>(e.openBlock(),e.createBlock(ee.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(f)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:l.key,span:l.span},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["span"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(U.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const T=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),P=require("../../utils/index.js"),S=require("./utils.js");require("./components/popover-filter.vue.js");const G=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const J=require("./hooks/use-sorter.js"),K=require("../../config-provider/hooks/use-namespace.js"),Q=require("../../config-provider/hooks/use-locale.js"),E=require("../item/index.vue.js"),X=require("./components/popover-filter.vue2.js"),Y=require("./components/popover-sorter/index.vue2.js"),Z=require("../ap-form.vue2.js");function ee(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const s=24,te=e.defineComponent({name:"ApFormSearchForm",__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},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(p,{expose:O}){var V;const u=e.useSlots(),o=p,{b:f}=K.useNamespace("ap-form-search-form"),{t:B}=Q.useLocale(),D=G.useCountPerRow(o),g=e.ref(),L=e.ref();function F(){var a;const t=(a=g.value)==null?void 0:a.getFieldsValueTransformed(!0);S.execFunc(o.onSubmit,t)}function j(){var t,a;o.customReset||(a=(t=g.value)==null?void 0:t.resetFields)==null||a.call(t),S.execFunc(o.onReset)}const M=t=>P.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let R=[];const m=e.shallowRef(T.genRealChildren(u.default())),i=e.shallowRef((V=u.extra)==null?void 0:V.call(u)),b=e.computed(()=>Math.floor(s/e.unref(D))),{items:y,sorted:k,handleClickConfirm:v}=J.useSorter(m);e.watch(()=>u.default(),t=>{R=m.value,m.value=S.diffFormItem(R,T.genRealChildren(t)),k.value=!1}),e.watch(()=>{var t;return(t=u.extra)==null?void 0:t.call(u)},t=>{i.value=t});const n=e.computed(()=>{const t=m.value,a=[],l=[],h=[],c=e.unref(b);let x=0,C=0;const z=s*o.maxRows-c*(e.unref(i)&&!o.extraInAction?2:1);t.forEach(N=>{const d=N.props;if(w.isBoolean(d.hidden)?!!d.hidden:P.isDef(d.hidden))a.push(N);else{let _=d.span||c;const A={node:N,span:_,key:`ApFormSearchFormItem-${M(d.name)}-${d._signal}`},I=s-x%s;I<_&&(_+=I),x+=_,x>z?l.push(A):(C=x,h.push(A))}});const q=s-(C+c)%s,$=C%s<c,H=q<c?s:q;return{hideNode:e.createVNode(e.Fragment,null,[a]),nodes:h,collapseNodes:l,extraSpan:H,lastRowOnlyIncludeActionAndExtra:$}}),U=e.computed(()=>{let t;const a=n.value.collapseNodes.length||o.sortable&&m.value.length,l=e.createVNode(r.Col,{span:e.unref(b),key:"actionWrapper"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:n.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(i)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[a?e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[n.value.collapseNodes.length?e.createVNode(X.default,{onSubmit:F,config:n.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&y.value.length?e.createVNode(Y.default,{ref:"sorterIns",items:y.value,onClickConfirm:v,sorted:k.value},null):null]):null,e.createVNode(r.Button,{type:"primary",onClick:F,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:f("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:j,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(i):null]})]})]}),h=!o.extraInAction&&e.unref(i)?e.createVNode(r.Col,{span:n.value.extraSpan,key:"extraNode"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{justify:n.value.extraSpan===s||n.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},ee(t=e.unref(i))?t:{default:()=>[t]})]})]}):null,c=e.createVNode(r.Col,{span:n.value.extraSpan},null);return n.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[h||c,l]):e.createVNode(e.Fragment,null,[l,h])});function W(){var a;const t=(a=L.value)==null?void 0:a.getCachedList();v(t)}return O({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>y.value,setSorterItems:v,resetSorterItems:W}),(t,a)=>(e.openBlock(),e.createBlock(Z.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(f)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:l.key,span:l.span},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["span"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(U.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=te;