ling-yun-custom-components 0.0.29 → 0.0.32

package/es/CustomDialog.mjs

@@ -1,5 +1,5 @@
 import { w as o } from "./chunks/index.bCzIhWFw.js";
-import { C as t } from "./chunks/layout.Epzao23T.js";
+import { C as t } from "./chunks/layout.DXw3haOP.js";
 const m = o(t);
 export {
   m as CustomDialog,

package/es/PaginationTable.mjs

@@ -1,26 +1,26 @@
-import { w as ye } from "./chunks/index.bCzIhWFw.js";
-import { useSlots as Se, computed as C, ref as v, watch as ee, onMounted as be, nextTick as Ce, createElementBlock as w, openBlock as g, createElementVNode as m, createCommentVNode as B, unref as r, renderSlot as A, Fragment as xe, createBlock as te, withCtx as E, createTextVNode as le, toDisplayString as Te, createVNode as K, createSlots as we, renderList as Be, normalizeProps as Re, guardReactiveProps as ze, h as M } from "vue";
-import { ElButton as ae, ElAutoResizer as ke, ElTableV2 as Ne, ElCheckbox as Pe } from "element-plus";
-import { emitsMap as ne, paginationConfig as Ae, calculateScale as Ee } from "ling-yun-methods";
-import { _ as Ie } from "./chunks/layout.BzQrppiO.js";
-import { _ as _e } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col" }, je = {
+import { w as be } from "./chunks/index.bCzIhWFw.js";
+import { useSlots as Ce, computed as g, ref as v, watch as te, onMounted as xe, nextTick as Te, createElementBlock as B, openBlock as m, createElementVNode as y, createCommentVNode as R, unref as c, renderSlot as A, Fragment as we, createBlock as le, withCtx as E, createTextVNode as ae, toDisplayString as Be, createVNode as M, createSlots as Re, renderList as ke, normalizeProps as ze, guardReactiveProps as Ne, h as W } from "vue";
+import { ElButton as ne, ElAutoResizer as Pe, ElTableV2 as Ae, ElCheckbox as Ee } from "element-plus";
+import { emitsMap as ue, paginationConfig as Ie, calculateScale as _e } from "ling-yun-methods";
+import { _ as je } from "./chunks/layout.BzQrppiO.js";
+import { _ as De } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/PaginationTable.css';const Oe = { class: "flex h-full flex-col" }, qe = {
   class: "w-full flex justify-between overflow-hidden",
   style: { height: "auto" }
-}, Oe = {
+}, Ke = {
   key: 0,
   class: "flex-1 overflow-hidden"
-}, qe = {
+}, Me = {
   class: "flex",
   style: { width: "auto", gap: "10px" }
-}, Ke = {
+}, We = {
   key: 1,
   class: "flex items-center mg-b-18"
-}, Me = { class: "fz-12 text-74798c" }, We = { class: "btn-group mg-l-12" }, Fe = { class: "w-full flex-1 overflow-hidden flex flex-col" }, $e = { class: "flex-1 overflow-hidden TABLE-AREA" }, Le = {
+}, Fe = { class: "fz-12 text-74798c" }, Ve = { class: "btn-group mg-l-12" }, $e = { class: "w-full flex-1 overflow-hidden flex flex-col" }, Le = { class: "flex-1 overflow-hidden TABLE-AREA" }, Ue = {
   key: 0,
   class: "flex justify-end mg-t-20",
   style: { height: "auto" }
-}, Ve = /* @__PURE__ */ Object.assign({
+}, He = /* @__PURE__ */ Object.assign({
   name: "PaginationTable"
 }, {
   __name: "layout",
@@ -43,7 +43,7 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
     // 分页配置
     pagination: {
       type: Object,
-      default: () => Ae
+      default: () => Ie
     },
     // 查询参数
     params: {
@@ -97,27 +97,41 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
         pageSize: "pageSize",
         pageNum: "pageNum"
       })
+    },
+    // 排序对象
+    sortState: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: [
-    ne.paginationChange,
+    ue.paginationChange,
     "updateTableData",
     "handleTableSelect",
-    "handleBatchDelete"
+    "handleBatchDelete",
+    "updateSortState"
   ],
-  setup(h, { expose: ue, emit: se }) {
-    const R = se, s = h, I = Se(), z = C(() => typeof s.requestFn == "function"), c = C({
-      get: () => z.value ? y.value : s.tableData,
+  setup(h, { expose: se, emit: ie }) {
+    const x = ie, s = h, I = Ce(), k = g(() => typeof s.requestFn == "function"), o = g({
+      get: () => k.value ? S.value : s.tableData,
+      set: (e) => {
+        k.value ? S.value = e : x("updateTableData", e);
+      }
+    }), _ = v(0), F = g(() => k.value ? _.value : s.total), j = g({
+      get: () => s.sortState,
       set: (e) => {
-        z.value ? y.value = e : R("updateTableData", e);
+        x("updateSortState", e);
       }
-    }), _ = v(0), W = C(() => z.value ? _.value : s.total), y = v([]), d = C(() => s.pageMapping.pageNum), k = C(() => s.pageMapping.pageSize), D = {
+    }), oe = ({ key: e, order: t }) => {
+      j.value[e] = t, o.value = o.value.reverse();
+    }, S = v([]), d = g(() => s.pageMapping.pageNum), z = g(() => s.pageMapping.pageSize), D = {
       [d.value]: 1,
-      [k.value]: 20
+      [z.value]: 20
     }, i = v({
       ...D
-    }), f = v([]), n = v([]), F = v([]), S = v({}), $ = C(() => ie(S.value));
-    function ie(e) {
+    }), f = v([]), n = v([]), V = v([]), b = v({}), $ = g(() => re(b.value));
+    function re(e) {
       const t = /* @__PURE__ */ new Set();
       for (const l in e)
         e.hasOwnProperty(l) && e[l].forEach((a) => {
@@ -125,113 +139,113 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
         });
       return t;
     }
-    const L = ({ value: e, intermediate: t = !1, onChange: l }) => M(Pe, {
+    const L = ({ value: e, intermediate: t = !1, onChange: l }) => W(Ee, {
       onChange: l,
       modelValue: e,
       indeterminate: t
-    }), oe = (e, t) => {
+    }), ce = (e, t) => {
       if (e.selected = t, t ? n.value.some((l) => l.id === e.id) || n.value.push(e) : n.value = n.value.filter(({ id: l }) => l !== e.id), e.children && e.children.length > 0) {
         const l = (a) => {
           a.forEach((u) => {
-            u.selected = t, t ? n.value.some((o) => o.id === u.id) || n.value.push(u) : n.value = n.value.filter(({ id: o }) => o !== u.id), u.children && u.children.length > 0 && l(u.children);
+            u.selected = t, t ? n.value.some((r) => r.id === u.id) || n.value.push(u) : n.value = n.value.filter(({ id: r }) => r !== u.id), u.children && u.children.length > 0 && l(u.children);
           });
         };
         l(e.children);
       }
-      e.parentId && V(e.parentId), H(), x();
-    }, V = (e) => {
-      const t = U(c.value, e);
+      e.parentId && U(e.parentId), G(), T();
+    }, U = (e) => {
+      const t = H(o.value, e);
       if (!t) return;
       const l = t.children.every((a) => a.selected);
-      l && !t.selected ? (t.selected = !0, n.value.some((a) => a.id === t.id) || n.value.push(t)) : !l && t.selected && (t.selected = !1, n.value = n.value.filter(({ id: a }) => a !== t.id)), t.parentId && V(t.parentId);
-    }, U = (e, t) => {
+      l && !t.selected ? (t.selected = !0, n.value.some((a) => a.id === t.id) || n.value.push(t)) : !l && t.selected && (t.selected = !1, n.value = n.value.filter(({ id: a }) => a !== t.id)), t.parentId && U(t.parentId);
+    }, H = (e, t) => {
       for (const l of e) {
         if (l.id === t) return l;
         if (l.children) {
-          const a = U(l.children, t);
+          const a = H(l.children, t);
           if (a) return a;
         }
       }
       return null;
     };
-    function H() {
-      S.value[i.value[d.value]] = G(
-        c.value
+    function G() {
+      b.value[i.value[d.value]] = J(
+        o.value
       );
     }
-    function G(e) {
+    function J(e) {
       let t = [];
       return e.forEach((l) => {
-        l.selected && t.push(l), l.children && l.children.length > 0 && (t = t.concat(G(l.children)));
+        l.selected && t.push(l), l.children && l.children.length > 0 && (t = t.concat(J(l.children)));
       }), t;
     }
-    function j(e, t) {
-      e.selected = t, e.children && e.children.length > 0 && e.children.forEach((l) => j(l, t));
+    function O(e, t) {
+      e.selected = t, e.children && e.children.length > 0 && e.children.forEach((l) => O(l, t));
     }
-    const re = (e) => {
-      const t = c.value.map((l) => (j(l, e), l));
-      return c.value = [...t], H(), n.value = e ? [...Object.values(S.value).flat()] : [], x(), [...n.value];
-    }, ce = () => {
+    const de = (e) => {
+      const t = o.value.map((l) => (O(l, e), l));
+      return o.value = [...t], G(), n.value = e ? [...Object.values(b.value).flat()] : [], T(), [...n.value];
+    }, fe = () => {
       f.value.unshift({
         key: "selection",
         width: 50,
         cellRenderer: (e) => {
-          const { rowData: t } = e, a = t.children && t.children.length > 0 ? de(t) : !1;
-          return M(L, {
+          const { rowData: t } = e, a = t.children && t.children.length > 0 ? ve(t) : !1;
+          return W(L, {
             value: t.selected,
             intermediate: a,
-            onChange: (u) => oe(t, u)
+            onChange: (u) => ce(t, u)
           });
         },
         headerCellRenderer: () => {
-          const e = r(c), t = e.every((a) => {
-            const u = a.selected, o = J(a);
-            return u && o;
-          }), l = e.some((a) => a.selected || Q(a));
-          return M(L, {
+          const e = c(o), t = e.every((a) => {
+            const u = a.selected, r = Q(a);
+            return u && r;
+          }), l = e.some((a) => a.selected || X(a));
+          return W(L, {
             value: t,
             intermediate: l && !t,
             // 目前是当前页全选就是全选状态，也就是每页的全选状态单独的
-            onChange: re
+            onChange: de
           });
         }
       });
-    }, de = (e) => {
+    }, ve = (e) => {
       if (!e.children || e.children.length === 0)
         return !1;
       const t = e.children.filter((l) => l.selected).length;
       return t > 0 && t < e.children.length;
     };
-    function J(e) {
-      return e.children?.length ? !!e.selected && e.children.every(J) : !!e.selected;
-    }
     function Q(e) {
-      return e.selected ? !0 : e.children?.some(Q) || !1;
+      return e.children?.length ? !!e.selected && e.children.every(Q) : !!e.selected;
     }
     function X(e) {
+      return e.selected ? !0 : e.children?.some(X) || !1;
+    }
+    function Y(e) {
       return e.map((t) => {
         const l = { ...t, selected: !1 };
-        return l.children && (l.children = X(l.children)), l;
+        return l.children && (l.children = Y(l.children)), l;
       });
     }
-    const p = v(!1), fe = () => {
-      p.value = !0, ce();
-    }, O = () => {
-      p.value = !1, n.value = [], c.value = c.value.map((e) => (j(e, !1), e)), S.value = {}, y.value = X(y.value), f.value.shift(), x();
-    }, ve = () => {
-      R("handleBatchDelete", {
-        selectedRows: Object.values(S.value).flat(),
+    const p = v(!1), he = () => {
+      p.value = !0, fe();
+    }, q = () => {
+      p.value = !1, n.value = [], o.value = o.value.map((e) => (O(e, !1), e)), b.value = {}, S.value = Y(S.value), f.value.shift(), T();
+    }, pe = () => {
+      x("handleBatchDelete", {
+        selectedRows: Object.values(b.value).flat(),
         // getAllSelectedNodes(finalTableData.value)
         cb: () => {
-          O(), x();
+          q(), T();
         }
       });
-    }, he = () => {
-      n.value = [], x();
+    }, ge = () => {
+      n.value = [], T();
     };
-    function x() {
-      const e = Object.values(S.value).flat();
-      R("handleTableSelect", {
+    function T() {
+      const e = Object.values(b.value).flat();
+      x("handleTableSelect", {
         originNodeData: n.value,
         allSelectedNodes: e,
         // 所有选中的节点包含父节点
@@ -239,63 +253,63 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
         // 所有选中的子节点
       });
     }
-    const T = () => {
-      z.value ? s.requestFn({
+    const w = () => {
+      k.value ? s.requestFn({
         ...s.params,
         ...i.value
       }).then((e) => {
-        y.value = q(
+        S.value = K(
           e?.data[s.tableDataKey],
           i.value[d.value],
           $.value
         ) || [], _.value = e?.data?.total;
-      }) : (y.value = q(
+      }) : (S.value = K(
         s.tableData,
         i.value[d.value],
         $.value
       ), _.value = s.total);
     };
-    function q(e, t, l, a = !1) {
+    function K(e, t, l, a = !1) {
       return e.map((u) => {
-        const o = l.has(u.id) || a, b = {
+        const r = l.has(u.id) || a, C = {
           ...u,
-          selected: o
+          selected: r
         };
-        return b.children && (b.children = q(
-          b.children,
+        return C.children && (C.children = K(
+          C.children,
           t,
           l,
-          o
+          r
           // 将当前选中状态传递给子节点
-        )), b;
+        )), C;
       });
     }
-    const pe = () => {
-      i.value[d.value] = D[d.value], T();
-    }, ge = () => {
-      i.value = { ...D }, T();
-    }, Y = (e) => {
-      e === "size" && (i.value[d.value] = 1), T(), R(ne.paginationChange, i.value);
+    const me = () => {
+      i.value[d.value] = D[d.value], w();
+    }, ye = () => {
+      i.value = { ...D }, w();
+    }, Z = (e) => {
+      e === "size" && (i.value[d.value] = 1), w(), x(ue.paginationChange, i.value);
     }, N = v(0), P = () => {
       let e = N.value;
       e = p.value ? e - 50 : e;
-      let t = r(f);
-      p.value && (t = r(f).slice(1));
-      const l = 1 / Ee();
-      t = t.map((a, u) => (s.columnWidthMap ? a.width = e * s.columnWidthMap[u] * l : (a.width = e * (100 / t.length / 100) * l, a.width < 100 && (a.width = 100 * l)), a)), p.value ? f.value = [r(f)[0], ...t] : f.value = [...t];
+      let t = c(f);
+      p.value && (t = c(f).slice(1));
+      const l = 1 / _e();
+      t = t.map((a, u) => (s.columnWidthMap ? a.width = e * s.columnWidthMap[u] * l : (a.width = e * (100 / t.length / 100) * l, a.width < 100 && (a.width = 100 * l)), j.value[a.key] && (a.sortable = !0), a)), p.value ? f.value = [c(f)[0], ...t] : f.value = [...t];
     };
-    ee(
+    te(
       () => p.value,
       () => {
         P();
       }
-    ), ee(
+    ), te(
       () => s.tableDomWidth,
       (e) => {
         e && (N.value = e, P());
       }
     );
-    function me(e, t = 200) {
+    function Se(e, t = 200) {
       let l;
       return function() {
         clearTimeout(l), l = setTimeout(() => {
@@ -303,105 +317,107 @@ import './assets/PaginationTable.css';const De = { class: "flex h-full flex-col"
         }, t);
       };
     }
-    const Z = me(() => {
+    const ee = Se(() => {
       N.value = document.querySelector(".TABLE-AREA").getBoundingClientRect().width, P();
     }, 200);
-    return be(() => {
-      T(), f.value = s.columns, N.value = document.querySelector(".TABLE-AREA").getBoundingClientRect().width, Ce(() => {
+    return xe(() => {
+      w(), f.value = s.columns, N.value = document.querySelector(".TABLE-AREA").getBoundingClientRect().width, Te(() => {
         P();
-      }), window.addEventListener("resize", Z);
-    }), ue({
-      getTableList: T,
-      search: pe,
-      reset: ge,
-      initBatchSelect: he,
-      handleCancelSelect: O,
-      handleResize: Z
-    }), (e, t) => (g(), w("div", De, [
-      m("div", je, [
-        r(I)["filter-left"] ? (g(), w("div", Oe, [
+      }), window.addEventListener("resize", ee);
+    }), se({
+      getTableList: w,
+      search: me,
+      reset: ye,
+      initBatchSelect: ge,
+      handleCancelSelect: q,
+      handleResize: ee
+    }), (e, t) => (m(), B("div", Oe, [
+      y("div", qe, [
+        c(I)["filter-left"] ? (m(), B("div", Ke, [
           A(e.$slots, "filter-left", {}, void 0, !0)
-        ])) : B("", !0),
-        m("div", qe, [
-          h.hasBatchSelect && c.value.length ? (g(), w(xe, { key: 0 }, [
-            p.value ? (g(), w("div", Ke, [
-              m("div", Me, "已选" + Te(n.value.length) + "条数据", 1),
-              m("div", {
+        ])) : R("", !0),
+        y("div", Me, [
+          h.hasBatchSelect && o.value.length ? (m(), B(we, { key: 0 }, [
+            p.value ? (m(), B("div", We, [
+              y("div", Fe, "已选" + Be(n.value.length) + "条数据", 1),
+              y("div", {
                 class: "fz-12 text-3b64ff mg-l-4 pointer",
-                onClick: O
+                onClick: q
               }, "取消选择"),
               A(e.$slots, "btn-group", {}, () => [
-                m("div", We, [
-                  K(r(ae), {
+                y("div", Ve, [
+                  M(c(ne), {
                     type: "danger",
-                    onClick: ve,
+                    onClick: pe,
                     disabled: !n.value.length
                   }, {
                     default: E(() => [...t[6] || (t[6] = [
-                      le("删除", -1)
+                      ae("删除", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"])
                 ])
               ], !0)
-            ])) : (g(), te(r(ae), {
+            ])) : (m(), le(c(ne), {
               key: 0,
               type: "default",
-              onClick: fe
+              onClick: he
             }, {
               default: E(() => [...t[5] || (t[5] = [
-                le(" 批量选择 ", -1)
+                ae(" 批量选择 ", -1)
               ])]),
               _: 1
             }))
-          ], 64)) : B("", !0),
-          r(I)["filter-right"] ? A(e.$slots, "filter-right", { key: 1 }, void 0, !0) : B("", !0)
+          ], 64)) : R("", !0),
+          c(I)["filter-right"] ? A(e.$slots, "filter-right", { key: 1 }, void 0, !0) : R("", !0)
         ])
       ]),
-      m("div", Fe, [
-        m("div", $e, [
-          K(r(ke), null, {
+      y("div", $e, [
+        y("div", Le, [
+          M(c(Pe), null, {
             default: E(({ width: l, height: a }) => [
-              K(r(Ne), {
-                "expanded-row-keys": F.value,
-                "onUpdate:expandedRowKeys": t[0] || (t[0] = (u) => F.value = u),
+              M(c(Ae), {
+                "expanded-row-keys": V.value,
+                "onUpdate:expandedRowKeys": t[0] || (t[0] = (u) => V.value = u),
                 "expand-column-key": h.expandColumnKey,
                 columns: f.value,
-                data: c.value,
+                data: o.value,
                 width: l,
                 height: a,
-                fixed: ""
-              }, we({ _: 2 }, [
-                Be(r(I), (u, o) => ({
-                  name: o,
-                  fn: E((b) => [
-                    A(e.$slots, o, Re(ze(b)), void 0, !0)
+                fixed: "",
+                "sort-state": j.value,
+                onColumnSort: oe
+              }, Re({ _: 2 }, [
+                ke(c(I), (u, r) => ({
+                  name: r,
+                  fn: E((C) => [
+                    A(e.$slots, r, ze(Ne(C)), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["expanded-row-keys", "expand-column-key", "columns", "data", "width", "height"])
+              ]), 1032, ["expanded-row-keys", "expand-column-key", "columns", "data", "width", "height", "sort-state"])
             ]),
             _: 3
           })
         ]),
-        h.isPagination && W.value > i.value[k.value] ? (g(), w("div", Le, [
-          h.isPagination ? (g(), te(Ie, {
+        h.isPagination && F.value > i.value[z.value] ? (m(), B("div", Ue, [
+          h.isPagination ? (m(), le(je, {
             key: 0,
             "current-page": i.value[d.value],
             "onUpdate:currentPage": t[1] || (t[1] = (l) => i.value[d.value] = l),
-            "page-size": i.value[k.value],
-            "onUpdate:pageSize": t[2] || (t[2] = (l) => i.value[k.value] = l),
+            "page-size": i.value[z.value],
+            "onUpdate:pageSize": t[2] || (t[2] = (l) => i.value[z.value] = l),
             "page-sizes": h.pagination.pageSizes,
             layout: h.pagination.layout,
-            total: W.value,
-            onSizeChange: t[3] || (t[3] = (l) => Y("size")),
-            onCurrentChange: t[4] || (t[4] = (l) => Y("page"))
-          }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])) : B("", !0)
-        ])) : B("", !0)
+            total: F.value,
+            onSizeChange: t[3] || (t[3] = (l) => Z("size")),
+            onCurrentChange: t[4] || (t[4] = (l) => Z("page"))
+          }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])) : R("", !0)
+        ])) : R("", !0)
       ])
     ]));
   }
-}), Ue = /* @__PURE__ */ _e(Ve, [["__scopeId", "data-v-0c8c6750"]]), Ze = ye(Ue);
+}), Ge = /* @__PURE__ */ De(He, [["__scopeId", "data-v-e2f0d190"]]), tt = be(Ge);
 export {
-  Ze as PaginationTable,
-  Ze as default
+  tt as PaginationTable,
+  tt as default
 };

package/es/SearchBar.mjs

@@ -1,5 +1,5 @@
 import { w as a } from "./chunks/index.bCzIhWFw.js";
-import { S as r } from "./chunks/layout.Bg387XYI.js";
+import { S as r } from "./chunks/layout.Cops0Vah.js";
 const s = a(r);
 export {
   s as SearchBar,

package/es/UpdatePasswordDialog.mjs

@@ -1,7 +1,7 @@
 import { w as h } from "./chunks/index.bCzIhWFw.js";
 import { ref as P, computed as v, createBlock as x, openBlock as C, withCtx as I, createVNode as D, unref as f, isRef as b } from "vue";
-import { C as E } from "./chunks/layout.Epzao23T.js";
-import { S as k } from "./chunks/layout.Bg387XYI.js";
+import { C as E } from "./chunks/layout.DXw3haOP.js";
+import { S as k } from "./chunks/layout.Cops0Vah.js";
 import { componentType as w, emitsMap as u, codeMap as y, messageSuccess as A, AESCrypto as M } from "ling-yun-methods";
 import { _ as S } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/UpdatePasswordDialog.css';const U = () => {

package/es/assets/PaginationTable.css

@@ -1 +1 @@
-[data-v-0c8c6750] .el-table-v2__header-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+[data-v-e2f0d190] .el-table-v2__header-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/es/assets/layout2.css

@@ -1 +1 @@
-.dialog-content[data-v-425ba25d]{height:calc(100% - 230px);overflow:auto}.title-name[data-v-425ba25d]{padding:16px}.custom-dialog-page.el-dialog{height:calc(100% - 78px)!important;overflow:hidden;display:flex;flex-direction:column}.custom-dialog-page.el-dialog .el-dialog__body{flex:1;overflow-y:auto}
+.dialog-content[data-v-9fa594c0]{height:calc(100% - 230px);overflow:auto}.title-name[data-v-9fa594c0]{padding:16px}.custom-dialog-page.el-dialog{height:calc(100% - 78px)!important;overflow:hidden;display:flex;flex-direction:column}.custom-dialog-page.el-dialog .el-dialog__body{flex:1;overflow-y:auto}

package/es/assets/layout3.css

@@ -1 +1 @@
-.filter-form[data-v-a3300eb1]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-a3300eb1]{display:flex}.filter-preview-form .el-form-item[data-v-a3300eb1]{width:var(--v5a659130);margin-right:10px}.search-bar-form[data-v-a3300eb1]{grid-template-columns:repeat(auto-fit,minmax(var(--v5a659130),1fr));gap:10px}.search-bar-form.el-form--inline .el-form-item[data-v-a3300eb1]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-a3300eb1]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-a3300eb1] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-a3300eb1]{display:grid}.search-bar-item--wide[data-v-a3300eb1]{grid-column:span 2}.is-collapsed[data-v-ab52a69e]{max-height:var(--fdcf2012)}.operation-buttons[data-v-ab52a69e]{width:var(--v307de011);z-index:1}.h-32[data-v-ab52a69e]{height:32px}.drawer-header[data-v-ab52a69e]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-ab52a69e]{margin-left:auto}.border-top[data-v-ab52a69e]{border-top:1px solid var(--parting-line)}[data-v-ab52a69e] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-ab52a69e]{max-height:400px}[data-v-ab52a69e] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
+.filter-form[data-v-bdd1bd85]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-bdd1bd85]{display:flex}.filter-preview-form .el-form-item[data-v-bdd1bd85]{width:var(--v6636f7d5);margin-right:10px}.search-bar-form[data-v-bdd1bd85]{grid-template-columns:repeat(auto-fit,minmax(var(--v6636f7d5),1fr));gap:10px}.search-bar-form.el-form--inline .el-form-item[data-v-bdd1bd85]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-bdd1bd85]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-bdd1bd85] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-bdd1bd85]{display:grid}.search-bar-item--wide[data-v-bdd1bd85]{grid-column:span 2}.is-collapsed[data-v-fd5ceec9]{max-height:var(--v2e56a75a)}.operation-buttons[data-v-fd5ceec9]{width:var(--v63e17c4e);z-index:1}.h-32[data-v-fd5ceec9]{height:32px}.drawer-header[data-v-fd5ceec9]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-fd5ceec9]{margin-left:auto}.border-top[data-v-fd5ceec9]{border-top:1px solid var(--parting-line)}[data-v-fd5ceec9] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-fd5ceec9]{max-height:400px}[data-v-fd5ceec9] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}