@zl-ui-kit/components 0.5.1 → 0.6.0

package/dist/components/ZlLogin/components/SlideChecker.css

@@ -1 +1 @@
-.slide-checker[data-v-31bd8793]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:32px;background-color:var(--slider-check-bg-color);pointer-events:none;--slider-check-bg-color: var(--zl-fill-3);--slider-check-progress: 0px;--slider-check-success-color: var(--zl-success-6, var(--el-color-success));--slider-check-trigger-border-color: var(--slider-check-bg-color);--slider-check-trigger-color: var(--zl-text-3)}.slide-checker__progress[data-v-31bd8793]{position:absolute;top:0;left:0;width:var(--slider-check-progress);background-color:var(--slider-check-success-color);height:100%;opacity:.2}.slide-checker__trigger[data-v-31bd8793]{position:absolute;left:var(--slider-check-progress);top:0;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--zl-bg-1, #fff);border:1px solid var(--slider-check-trigger-border-color);cursor:grab;pointer-events:auto;color:var(--slider-check-trigger-color)}.slide-checker__text[data-v-31bd8793]{font-size:12px;color:var(--zl-text-3);user-select:none}.slide-checker.is-checked[data-v-31bd8793]{--slider-check-bg-color: var(--slider-check-success-color)}.slide-checker.is-checked .slide-checker__text[data-v-31bd8793]{color:#fff}.slide-checker.is-checked .slide-checker__trigger[data-v-31bd8793]{border-color:transparent;color:var(--slider-check-success-color);pointer-events:none}
+.slide-checker[data-v-7ddcdcbf]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:32px;background-color:var(--slider-check-bg-color);pointer-events:none;--slider-check-bg-color: var(--zl-fill-3);--slider-check-progress: 0px;--slider-check-success-color: var(--zl-success-6, var(--el-color-success));--slider-check-trigger-border-color: var(--slider-check-bg-color);--slider-check-trigger-color: var(--zl-text-3)}.slide-checker__progress[data-v-7ddcdcbf]{position:absolute;top:0;left:0;width:var(--slider-check-progress);background-color:var(--slider-check-success-color);height:100%;opacity:.2}.slide-checker__trigger[data-v-7ddcdcbf]{position:absolute;left:var(--slider-check-progress);top:0;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--zl-bg-1, #fff);border:1px solid var(--slider-check-trigger-border-color);cursor:grab;pointer-events:auto;color:var(--slider-check-trigger-color)}.slide-checker__text[data-v-7ddcdcbf]{font-size:12px;color:var(--zl-text-3);user-select:none}.slide-checker.is-checked[data-v-7ddcdcbf]{--slider-check-bg-color: var(--slider-check-success-color)}.slide-checker.is-checked .slide-checker__text[data-v-7ddcdcbf]{color:#fff}.slide-checker.is-checked .slide-checker__trigger[data-v-7ddcdcbf]{border-color:transparent;color:var(--slider-check-success-color);pointer-events:none}

package/dist/components/ZlLogin/components/SlideChecker.vue.mjs

@@ -1,8 +1,8 @@
 import o from "./SlideChecker2.vue.mjs";
 import './SlideChecker.css';/* empty css                   */
 import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31bd8793"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7ddcdcbf"]]);
 export {
-  p as default
+  e as default
 };
 //# sourceMappingURL=SlideChecker.vue.mjs.map

package/dist/components/ZlLogin/components/SlideChecker2.vue.mjs

@@ -18,14 +18,8 @@ const V = { class: "slide-checker__text" }, R = /* @__PURE__ */ x({
       if (e.value)
         return;
       const t = n.currentTarget, s = t.parentElement, f = s.getBoundingClientRect().width, k = t.getBoundingClientRect().width, _ = n.touches?.[0]?.clientX || n.clientX, d = f - k, r = (u) => {
-        const E = u.touches?.[0]?.clientX || u.clientX, m = Math.min(
-          d,
-          Math.max(0, E - _)
-        );
-        s.style.setProperty(
-          "--slider-check-progress",
-          `${m}px`
-        ), m === d && (e.value = !0, B(() => {
+        const E = u.touches?.[0]?.clientX || u.clientX, m = Math.min(d, Math.max(0, E - _));
+        s.style.setProperty("--slider-check-progress", `${m}px`), m === d && (e.value = !0, B(() => {
           o();
         }));
       };

package/dist/components/ZlLogin/index.vue.mjs

@@ -10,8 +10,7 @@ const h = ["src"], x = ["src"], y = { class: "zl-login__slogan" }, k = { class:
   },
   setup(l) {
     const { t: d } = b(), g = l, e = c(() => g.config.bg || ""), u = c(() => {
-      if (!e.value)
-        return !1;
+      if (!e.value) return !1;
       const s = ["mp4", "webm"], t = e.value.split(".").pop();
       return s.includes(t);
     });
@@ -43,7 +42,7 @@ const h = ["src"], x = ["src"], y = { class: "zl-login__slogan" }, k = { class:
             }, null, 8, V)
           ]),
           o("div", B, [
-            t[0] || (t[0] = o("div", { class: "zl-login__title" }, " Hello！ ", -1)),
+            t[0] || (t[0] = o("div", { class: "zl-login__title" }, "Hello！", -1)),
             o("div", E, [
               f(r(v(d)("zl.login.welcome", "欢迎登录")) + " ", 1),
               o("span", null, r(l.config.title), 1)

package/dist/components/ZlPagination/index.css

@@ -1 +1 @@
-.zl-pagination[data-v-577329bd]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd)}
+.zl-pagination[data-v-5ba9d585]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd)}

package/dist/components/ZlPagination/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-577329bd"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ba9d585"]]);
 export {
   m as default
 };

package/dist/components/ZlPagination/index2.vue.mjs

@@ -5,12 +5,22 @@ const B = /* @__PURE__ */ f({
   __name: "index",
   emits: ["change", "page-change", "page-size-change"],
   setup(P, { emit: c }) {
-    const t = c, a = z(), n = N(() => a), i = p(a.pageNum ?? (n.value === !1 ? void 0 : n.value.currentPage) ?? 1), u = p(a.pageSize ?? (n.value === !1 ? void 0 : n.value.pageSize) ?? 30);
-    r(() => a.pageNum ?? a.currentPage, (e) => {
-      e != null && (i.value = e);
-    }), r(() => a.pageSize, (e) => {
-      e != null && (u.value = e);
-    });
+    const t = c, a = z(), n = N(() => a), i = p(
+      a.pageNum ?? (n.value === !1 ? void 0 : n.value.currentPage) ?? 1
+    ), u = p(
+      a.pageSize ?? (n.value === !1 ? void 0 : n.value.pageSize) ?? 30
+    );
+    r(
+      () => a.pageNum ?? a.currentPage,
+      (e) => {
+        e != null && (i.value = e);
+      }
+    ), r(
+      () => a.pageSize,
+      (e) => {
+        e != null && (u.value = e);
+      }
+    );
     function s(e) {
       i.value = e, t("change", { pageNum: e, pageSize: u.value }), t("page-change", e);
     }
@@ -18,8 +28,7 @@ const B = /* @__PURE__ */ f({
       u.value = e, i.value = 1, t("change", { pageNum: 1, pageSize: e }), t("page-size-change", e);
     }
     const o = v(() => {
-      if (n.value === !1)
-        return !1;
+      if (n.value === !1) return !1;
       const { currentPage: e, pageSize: m, ...g } = n.value;
       return g;
     });

package/dist/components/ZlPermission/usePermission.mjs

@@ -6,11 +6,15 @@ function y(o) {
   if (!s)
     throw new Error("usePermission must be used within a permission provider");
   const e = h({}), r = a(o);
-  return f(s.permissions, () => {
-    r.forEach((i) => {
-      e[i] = s.hasPermission(i);
-    });
-  }, { immediate: !0 }), p(() => Object.values(e).some(Boolean));
+  return f(
+    s.permissions,
+    () => {
+      r.forEach((i) => {
+        e[i] = s.hasPermission(i);
+      });
+    },
+    { immediate: !0 }
+  ), p(() => Object.values(e).some(Boolean));
 }
 function E(o, s = {}) {
   const { levels: e = 3 } = s, r = Array.from({ length: e }).fill("*");

package/dist/components/ZlSearch/index.css

@@ -1 +1 @@
-.zl-search{width:100%;border-radius:4px}.zl-search-search{position:relative}.zl-search-search-single{display:flex;align-items:flex-start;gap:16px;background-color:var(--zl-fill-1);padding:10px 16px}.zl-search-search-multiple{position:absolute;z-index:1;background-color:var(--zl-fill-1);width:100%;padding:10px 16px;top:0;display:flex;flex-direction:column;gap:10px;opacity:1;box-shadow:0 4px 10px 0 var(--zl-shadow, rgba(36, 46, 67, .1))}.zl-search-search-multiple .zl-search-form-actions{justify-content:flex-end}.zl-search-form{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 20px}.zl-search-form .el-form-item{margin-bottom:0}.zl-search-form-actions{display:flex;gap:10px}.zl-search-label{padding:0 16px 10px;background-color:var(--zl-fill-1);display:flex;align-items:center;font-size:12px;line-height:20px}.zl-search-label__summary{padding-right:16px}.zl-search-label .zl-tag{padding:0 6px;margin-right:4px}.zl-search__actions{padding:10px 16px;display:flex;gap:10px}.zl-search-fade-slide-leave-active,.zl-search-fade-slide-enter-active{transition:all .3s ease-out}.zl-search-fade-slide-enter-from,.zl-search-fade-slide-leave-to{opacity:0;transform:translateY(-28px)}
+@charset "UTF-8";.zl-search{width:100%;border-radius:4px}.zl-search-search{position:relative}.zl-search-search-single{display:flex;align-items:flex-start;gap:16px;background-color:var(--zl-fill-1);padding:10px 16px}.zl-search-search-multiple{position:absolute;z-index:10;background-color:var(--zl-fill-1);width:100%;padding:10px 16px;top:0;display:flex;flex-direction:column;gap:10px;opacity:1;box-shadow:0 4px 10px 0 var(--zl-shadow, rgba(36, 46, 67, .1))}.zl-search-search-multiple .zl-search-form-actions{justify-content:flex-end}.zl-search-form{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:10px 20px}.zl-search-form .el-form-item{min-width:0;margin-bottom:0}.zl-search-form-item-hide{position:absolute;visibility:hidden;pointer-events:none}.zl-search-form-actions{display:flex;gap:10px}.zl-search-label{padding:0 16px 10px;background-color:var(--zl-fill-1);display:flex;align-items:center;font-size:12px;line-height:20px}.zl-search-label__summary{padding-right:16px}.zl-search-label .zl-tag{padding:0 6px;margin-right:4px}.zl-search__actions{padding:10px 16px;display:flex;gap:10px}.zl-search-fade-slide-leave-active,.zl-search-fade-slide-enter-active{transition:all .3s ease-out}.zl-search-fade-slide-enter-from,.zl-search-fade-slide-leave-to{opacity:0;transform:translateY(-28px)}

package/dist/components/ZlSearch/index.vue.d.ts

@@ -1,13 +1,19 @@
 import { nextTick } from 'vue';
 import { SearchItem } from '../../types';
 type __VLS_Props = {
+    /** 查询项定义（SearchItem[]），按数组顺序排列 */
     items?: SearchItem[];
+    /**
+     * 表单数据。传入时组件直接读写该对象（受控）；
+     * 不传则用内部副本，`params` / 标签行仍可正常工作
+     */
     model?: Record<string, any>;
+    /** 挂载后立即执行一次查询（默认 true） */
     immediate?: boolean;
+    /** 禁用全部查询项 */
     disabled?: boolean;
+    /** 是否展示「筛选条件」标签行；不传时按「是否发生溢出」自动判定 */
     showLabels?: boolean;
-    /** 超过该项数显示"多行筛选"按钮（EP 版阈值判断，替代原 overflow 检测） */
-    overflowCount?: number;
 };
 declare function search(): Promise<void>;
 declare function reset(): Promise<void>;
@@ -233,7 +239,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     immediate: boolean;
     disabled: boolean;
     items: SearchItem[];
-    overflowCount: number;
+    showLabels: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: ({
         $: import('vue').ComponentInternalInstance;

package/dist/components/ZlSearch/index.vue.mjs

@@ -1,25 +1,26 @@
-import { defineComponent as Y, computed as i, useSlots as ee, ref as z, nextTick as $, resolveComponent as le, openBlock as r, createElementBlock as d, createElementVNode as k, createVNode as t, withModifiers as j, createSlots as F, withCtx as a, createTextVNode as v, toDisplayString as f, renderList as V, renderSlot as B, normalizeProps as N, guardReactiveProps as x, createBlock as E, createCommentVNode as h, unref as C, Fragment as oe, Transition as te } from "vue";
-import { useZlT as ae } from "@zl-ui-kit/composables";
-import { isArray as se, isPlainObject as re } from "@zl-ui-kit/utils";
-import O from "../ZlAutoTooltip/index.vue.mjs";
+import { defineComponent as le, computed as u, useSlots as ae, ref as k, watch as te, nextTick as w, resolveComponent as oe, openBlock as n, createElementBlock as f, createElementVNode as g, createVNode as t, withModifiers as M, createSlots as R, withCtx as o, createTextVNode as p, toDisplayString as h, renderList as V, renderSlot as $, normalizeProps as N, guardReactiveProps as O, unref as i, createBlock as E, createCommentVNode as b, Fragment as se, Transition as re } from "vue";
+import { useZlT as ne } from "@zl-ui-kit/composables";
+import { isArray as ie, isPlainObject as ce } from "@zl-ui-kit/utils";
+import I from "../ZlAutoTooltip/index.vue.mjs";
 import A from "../ZlForm/index.vue.mjs";
 import '../ZlTag/index.css';import '../ZlForm/index.css';/* empty css                    */
-import w from "../ZlIcon/index.vue.mjs";
-import I from "../ZlTag/index.vue.mjs";
+import C from "../ZlIcon/index.vue.mjs";
+import q from "../ZlTag/index.vue.mjs";
 /* empty css                   */
-const ne = { class: "zl-search" }, ie = {
+import { useSearchFormOverflow as ue } from "./useSearchFormOverflow.mjs";
+const de = { class: "zl-search" }, me = {
   key: 0,
   class: "zl-search-search"
-}, ce = { class: "zl-search-search-single" }, ue = { class: "zl-search-form-actions" }, me = {
+}, fe = { class: "zl-search-search-single" }, he = { class: "zl-search-form-actions" }, ve = {
   key: 0,
   class: "zl-search-label"
-}, de = { class: "zl-search-label__summary" }, fe = {
+}, pe = { class: "zl-search-label__summary" }, be = {
   key: 0,
   class: "zl-search-search-multiple"
-}, ve = { class: "zl-search-form-actions" }, he = {
+}, _e = { class: "zl-search-form-actions" }, ye = {
   key: 1,
   class: "zl-search__actions"
-}, Se = /* @__PURE__ */ Y({
+}, $e = /* @__PURE__ */ le({
   name: "ZlSearch",
   __name: "index",
   props: {
@@ -27,218 +28,232 @@ const ne = { class: "zl-search" }, ie = {
     model: {},
     immediate: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
-    showLabels: { type: Boolean },
-    overflowCount: { default: 4 }
+    showLabels: { type: Boolean, default: void 0 }
   },
   emits: ["search", "reset"],
-  setup(_, { expose: q, emit: D }) {
-    const { t: y } = ae(), n = _, T = D, Z = i(() => Object.keys(ee()).filter((e) => e !== "label" && e !== "actions")), L = z(null), S = z(null), c = z(!1), G = i(() => {
+  setup(S, { expose: D, emit: G }) {
+    const { t: c } = ne(), d = S, B = G, T = u(
+      () => Object.keys(ae()).filter((e) => e !== "label" && e !== "actions")
+    ), z = k(null), L = k(null), r = k(!1), { lastVisibleIndex: Z, measure: H } = ue(z), J = u(() => {
       const e = {};
-      for (const l of n.items)
-        e[l.model] = typeof l.toLabel == "function" ? l.toLabel : U;
+      for (const l of d.items)
+        e[l.model] = typeof l.toLabel == "function" ? l.toLabel : X;
       return e;
-    }), H = i(() => {
+    }), K = u(() => {
       const e = {};
-      for (const l of n.items)
+      for (const l of d.items)
         typeof l.toParams == "function" && (e[l.model] = l.toParams);
       return e;
-    }), u = i(() => {
+    }), v = u(() => {
       const e = [];
-      for (const l of n.items) {
+      for (const l of d.items) {
         if (!l.model)
           throw new Error("[ZlSearch]: form item's model is required!");
-        if (!Q(l))
+        if (!W(l))
           continue;
-        const { toLabel: s, toParams: o, visible: p, ...X } = l;
-        e.push(X);
+        const { toLabel: s, toParams: a, visible: y, ...ee } = l;
+        e.push(ee);
       }
       return e;
-    }), J = z(n.model ?? {}), m = i(() => n.model ?? J.value), M = i(() => u.value.reduce((e, l) => {
-      const s = H.value[l.model];
+    }), Q = k(d.model ?? {}), m = u(() => d.model ?? Q.value), j = u(() => v.value.reduce((e, l) => {
+      const s = K.value[l.model];
       return s ? Object.assign(e, s(m.value[l.model], e)) : { ...e, [l.model]: m.value[l.model] };
-    }, {})), R = i(() => u.value.map((e) => ({
-      labelValue: G.value[e.model](m.value[e.model]),
+    }, {})), F = u(() => v.value.map((e) => ({
+      labelValue: J.value[e.model](m.value[e.model]),
       model: e.model,
       label: e.label
-    })).filter((e) => e.labelValue)), K = i(() => n.showLabels ?? u.value.length > n.overflowCount);
-    function Q(e) {
+    })).filter((e) => e.labelValue)), U = u(() => d.showLabels ?? Z.value !== null);
+    function W(e) {
       const l = e.visible;
       return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(m.value, e) ? !1 : !!l;
     }
-    function U(e) {
-      return se(e) ? e.join(", ") : re(e) ? e.label : e;
+    function X(e) {
+      return ie(e) ? e.join(", ") : ce(e) ? e.label : e;
     }
-    async function g() {
-      c.value && (c.value = !1), T("search", M.value);
+    async function x() {
+      r.value && (r.value = !1), B("search", j.value);
     }
-    async function b() {
+    async function _() {
       try {
-        await (c.value ? S.value : L.value)?.validate(), g();
+        await (r.value ? L.value : z.value)?.validate(), x();
       } catch {
       }
     }
     async function P() {
       try {
-        const e = c.value ? S.value : L.value;
-        e?.resetFields(), await $(), await e?.validate().catch(() => {
-        }), T("reset"), await $(), g();
+        const e = r.value ? L.value : z.value;
+        e?.resetFields(), await w(), await e?.validate().catch(() => {
+        }), B("reset"), await w(), x();
       } catch (e) {
         console.error("[ZlSearch] reset validate error", e);
       }
     }
-    function W(e) {
+    function Y(e) {
       delete m.value[e.model];
     }
-    return n.immediate && (async () => (await $(), b()))(), q({ params: M, search: g, reset: P }), (e, l) => {
-      const s = le("el-button");
-      return r(), d("div", ne, [
-        u.value.length ? (r(), d("div", ie, [
-          k("div", ce, [
+    return te(
+      () => v.value.map((e) => e.model).join(","),
+      async () => {
+        await w(), H();
+      }
+    ), d.immediate && (async () => (await w(), _()))(), D({ params: j, search: x, reset: P }), (e, l) => {
+      const s = oe("el-button");
+      return n(), f("div", de, [
+        v.value.length ? (n(), f("div", me, [
+          g("div", fe, [
             t(A, {
               ref_key: "formRef",
-              ref: L,
+              ref: z,
               class: "zl-search-form",
               model: m.value,
-              items: u.value,
-              disabled: _.disabled,
-              onSubmit: j(b, ["prevent"])
-            }, F({
-              label: a(({ label: o }) => [
-                t(O, null, {
-                  default: a(() => [
-                    v(f(o), 1)
+              items: v.value,
+              disabled: S.disabled,
+              onSubmit: M(_, ["prevent"])
+            }, R({
+              label: o(({ label: a }) => [
+                t(I, null, {
+                  default: o(() => [
+                    p(h(a), 1)
                   ]),
                   _: 2
                 }, 1024)
               ]),
               _: 2
             }, [
-              V(Z.value, (o) => ({
-                name: o,
-                fn: a((p) => [
-                  B(e.$slots, o, N(x(p)))
+              V(T.value, (a) => ({
+                name: a,
+                fn: o((y) => [
+                  $(e.$slots, a, N(O(y)))
                 ])
               }))
             ]), 1032, ["model", "items", "disabled"]),
-            k("div", ue, [
+            g("div", he, [
               t(s, { onClick: P }, {
-                icon: a(() => [
-                  t(w, { icon: "zl:brush-color" })
+                icon: o(() => [
+                  t(C, { icon: "zl:brush-color" })
                 ]),
                 _: 1
               }),
-              u.value.length > _.overflowCount ? (r(), E(s, {
+              i(Z) !== null ? (n(), E(s, {
                 key: 0,
-                onClick: l[0] || (l[0] = (o) => c.value = !0)
+                class: "zl-search-form-actions__toggle",
+                title: i(c)("zl.search.expand", "展开"),
+                "aria-label": i(c)("zl.search.expand", "展开"),
+                "aria-expanded": r.value,
+                onClick: l[0] || (l[0] = (a) => r.value = !0)
               }, {
-                icon: a(() => [
-                  t(w, { icon: "zl:filter-color" })
+                icon: o(() => [
+                  t(C, { icon: "zl:filter-color" })
                 ]),
                 _: 1
-              })) : h("", !0),
+              }, 8, ["title", "aria-label", "aria-expanded"])) : b("", !0),
               t(s, {
                 type: "primary",
-                onClick: b
+                onClick: _
               }, {
-                default: a(() => [
-                  v(f(C(y)("zl.search.search", "查询")), 1)
+                default: o(() => [
+                  p(h(i(c)("zl.search.search", "查询")), 1)
                 ]),
                 _: 1
               })
             ])
           ]),
-          K.value ? (r(), d("div", me, [
-            k("div", de, f(C(y)("zl.search.filterConditions", "筛选条件")), 1),
-            R.value.length === 0 ? (r(), E(I, { key: 0 }, {
-              default: a(() => [
-                v(f(C(y)("zl.search.all", "全部")), 1)
+          U.value ? (n(), f("div", ve, [
+            g("div", pe, h(i(c)("zl.search.filterConditions", "筛选条件")), 1),
+            F.value.length === 0 ? (n(), E(q, { key: 0 }, {
+              default: o(() => [
+                p(h(i(c)("zl.search.all", "全部")), 1)
               ]),
               _: 1
-            })) : h("", !0),
-            (r(!0), d(oe, null, V(R.value, (o) => (r(), d("div", {
-              key: o.model,
+            })) : b("", !0),
+            (n(!0), f(se, null, V(F.value, (a) => (n(), f("div", {
+              key: a.model,
               class: "zl-search-label-item"
             }, [
-              t(I, {
+              t(q, {
                 closable: "",
                 fill: "",
                 color: "primary",
-                onClose: (p) => W(o)
+                onClose: (y) => Y(a)
               }, {
-                default: a(() => [
-                  v(f(o.labelValue), 1)
+                default: o(() => [
+                  p(h(a.labelValue), 1)
                 ]),
                 _: 2
               }, 1032, ["onClose"])
             ]))), 128))
-          ])) : h("", !0),
-          t(te, { name: "zl-search-fade-slide" }, {
-            default: a(() => [
-              c.value ? (r(), d("div", fe, [
+          ])) : b("", !0),
+          t(re, { name: "zl-search-fade-slide" }, {
+            default: o(() => [
+              r.value ? (n(), f("div", be, [
                 t(A, {
                   ref_key: "multipleFormRef",
-                  ref: S,
+                  ref: L,
                   class: "zl-search-form",
                   model: m.value,
-                  items: u.value,
-                  disabled: _.disabled,
-                  onSubmit: j(b, ["prevent"])
-                }, F({
-                  label: a(({ label: o }) => [
-                    t(O, null, {
-                      default: a(() => [
-                        v(f(o), 1)
+                  items: v.value,
+                  disabled: S.disabled,
+                  onSubmit: M(_, ["prevent"])
+                }, R({
+                  label: o(({ label: a }) => [
+                    t(I, null, {
+                      default: o(() => [
+                        p(h(a), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ]),
                   _: 2
                 }, [
-                  V(Z.value, (o) => ({
-                    name: o,
-                    fn: a((p) => [
-                      B(e.$slots, o, N(x(p)))
+                  V(T.value, (a) => ({
+                    name: a,
+                    fn: o((y) => [
+                      $(e.$slots, a, N(O(y)))
                     ])
                   }))
                 ]), 1032, ["model", "items", "disabled"]),
-                k("div", ve, [
+                g("div", _e, [
                   t(s, { onClick: P }, {
-                    icon: a(() => [
-                      t(w, { icon: "zl:brush-color" })
+                    icon: o(() => [
+                      t(C, { icon: "zl:brush-color" })
                     ]),
                     _: 1
                   }),
                   t(s, {
-                    onClick: l[1] || (l[1] = (o) => c.value = !1)
+                    class: "zl-search-form-actions__toggle",
+                    title: i(c)("zl.search.collapse", "收起"),
+                    "aria-label": i(c)("zl.search.collapse", "收起"),
+                    "aria-expanded": r.value,
+                    onClick: l[1] || (l[1] = (a) => r.value = !1)
                   }, {
-                    icon: a(() => [
-                      t(w, { icon: "zl:filter-color" })
+                    icon: o(() => [
+                      t(C, { icon: "zl:filter-color" })
                     ]),
                     _: 1
-                  }),
+                  }, 8, ["title", "aria-label", "aria-expanded"]),
                   t(s, {
                     type: "primary",
-                    onClick: b
+                    onClick: _
                   }, {
-                    default: a(() => [
-                      v(f(C(y)("zl.search.search", "查询")), 1)
+                    default: o(() => [
+                      p(h(i(c)("zl.search.search", "查询")), 1)
                     ]),
                     _: 1
                   })
                 ])
-              ])) : h("", !0)
+              ])) : b("", !0)
             ]),
             _: 3
           })
-        ])) : h("", !0),
-        e.$slots.actions ? (r(), d("div", he, [
-          B(e.$slots, "actions")
-        ])) : h("", !0)
+        ])) : b("", !0),
+        e.$slots.actions ? (n(), f("div", ye, [
+          $(e.$slots, "actions")
+        ])) : b("", !0)
       ]);
     };
   }
 });
 export {
-  Se as default
+  $e as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlSearch/useSearchFormOverflow.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+/** 溢出项隐藏类，见 index.vue 样式 */
+export declare const OVERFLOW_HIDE_CLASS = "zl-search-form-item-hide";
+/**
+ * 查询条自适应溢出检测（移植自源组件 DnSearch 的 useSearchFormOverflow）。
+ *
+ * 思路：不猜「第几项之后折叠」，而是按**容器实测宽度**算出当前一行能放几列，
+ * 记下最后一项可见项的下标 `lastVisibleIndex`；超出的项打上隐藏类（绝对定位 + 不可见，
+ * 不占位但仍在 DOM 里，所以表单校验与 model 都不受影响）。
+ *
+ * `lastVisibleIndex === null` 表示「全部塞得进一行」，此时不显示展开按钮。
+ */
+export declare function useSearchFormOverflow(formRef: Ref<any>, itemMinWidth?: number): {
+    lastVisibleIndex: Ref<number | null, number | null>;
+    measure: () => void;
+};
+//# sourceMappingURL=useSearchFormOverflow.d.ts.map

package/dist/components/ZlSearch/useSearchFormOverflow.mjs

@@ -0,0 +1,50 @@
+import { ref as h, watch as d, onBeforeUnmount as g } from "vue";
+const v = 240, b = 20, A = "zl-search-form-item-hide";
+function L(c, i = v) {
+  const l = h(null);
+  let r = null;
+  function u() {
+    return c.value?.$el ?? null;
+  }
+  function f(e) {
+    return Array.from(e.querySelectorAll(":scope > .el-form-item"));
+  }
+  function m() {
+    const e = u();
+    if (!e) return null;
+    const t = f(e);
+    if (!t.length) return null;
+    const o = e.getBoundingClientRect().width, n = Number.parseFloat(getComputedStyle(e).columnGap) || b;
+    if (t.length * (i + n) - n <= o) return null;
+    const p = Math.floor((o + n) / (i + n));
+    return Math.max(0, p - 1);
+  }
+  function a() {
+    const e = u();
+    if (!e) return;
+    const t = l.value;
+    f(e).forEach((o, n) => {
+      o.classList.toggle(A, t !== null && n > t);
+    });
+  }
+  function s() {
+    l.value = m(), a();
+  }
+  return d(
+    c,
+    (e) => {
+      if (r?.disconnect(), !e || (s(), typeof ResizeObserver > "u")) return;
+      r = new ResizeObserver(() => s());
+      const t = u();
+      t && r.observe(t);
+    },
+    { immediate: !0, flush: "post" }
+  ), g(() => {
+    r?.disconnect(), r = null;
+  }), { lastVisibleIndex: l, measure: s };
+}
+export {
+  A as OVERFLOW_HIDE_CLASS,
+  L as useSearchFormOverflow
+};
+//# sourceMappingURL=useSearchFormOverflow.mjs.map