@done-coding/admin-core 0.15.0 → 0.15.1-alpha.0

package/es/store/app.mjs

@@ -1,39 +1,39 @@
-import { defineStore as x } from "pinia";
-import { useRoute as D } from "vue-router";
-import { computed as o, ref as k } from "vue";
-function W(C) {
-  const { bridge: a } = C;
-  return x("APP", () => {
-    const p = o(() => a.APP_LAYOUT_HEADER_CONFIG.height), h = o(() => a.APP_LAYOUT_FOOTER_CONFIG.height), m = o(() => a.APP_BASE_INFO.name), _ = k(!1), I = o(() => a.layout.sidebarCollapsed.value ? a.APP_LAYOUT_SIDEBAR_CONFIG.collapseWidth : a.APP_LAYOUT_SIDEBAR_CONFIG.width), E = D(), u = o(() => a.themeColors.value), A = o(() => E.meta), s = o(() => A.value.layout), F = o(() => A.value.keepAlive), c = o(
+import { defineStore as Y } from "pinia";
+import { useRoute as k } from "vue-router";
+import { computed as o, ref as B } from "vue";
+function z(f) {
+  const { bridge: a } = f;
+  return Y("APP", () => {
+    const n = o(() => a.APP_LAYOUT_HEADER_CONFIG.height), i = o(() => a.APP_LAYOUT_FOOTER_CONFIG.height), E = o(() => a.APP_BASE_INFO.name), P = B(!1), $ = o(() => a.layout.sidebarCollapsed.value ? a.APP_LAYOUT_SIDEBAR_CONFIG.collapseWidth : a.APP_LAYOUT_SIDEBAR_CONFIG.width), F = k(), d = o(() => a.themeColors.value), O = o(() => F.meta), s = o(() => O.value.layout), S = o(() => O.value.keepAlive), v = o(
       () => {
         var e;
         return ((e = s.value) == null ? void 0 : e.header) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showHeader;
       }
-    ), r = o(
+    ), p = o(
       () => {
         var e;
         return ((e = s.value) == null ? void 0 : e.footer) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showFooter;
       }
-    ), g = o(
-      () => c.value && p.value > 0
-    ), $ = o(
-      () => r.value && h.value > 0
-    ), d = o(
+    ), h = o(
+      () => v.value && n.value > 0
+    ), _ = o(
+      () => p.value && i.value > 0
+    ), r = o(
       () => {
         var e;
-        return (((e = s.value) == null ? void 0 : e.sidebar) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showSidebar) && _.value;
+        return (((e = s.value) == null ? void 0 : e.sidebar) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showSidebar) && P.value;
       }
-    ), n = o(
+    ), c = o(
       () => {
         var e;
         return ((e = s.value) == null ? void 0 : e.aside) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showAside ?? !1;
       }
-    ), f = o(
+    ), y = o(
       () => {
         var e;
         return ((e = s.value) == null ? void 0 : e.breadcrumb) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showBreadcrumb;
       }
-    ), P = o(
+    ), T = o(
       () => {
         var e;
         return ((e = s.value) == null ? void 0 : e.bodyShimPadding) ?? a.APP_LAYOUT_BODY_CONFIG.shimPadding;
@@ -43,7 +43,7 @@ function W(C) {
       right: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingRight}px`,
       bottom: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingBottom}px`,
       left: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingLeft}px`
-    })), S = o(() => a.APP_LAYOUT_GAP_CONFIG.size), t = o(() => `${S.value}px`), v = o(() => {
+    })), b = o(() => a.APP_LAYOUT_GAP_CONFIG.size), t = o(() => `${b.value}px`), g = o(() => {
       const e = a.APP_LAYOUT_HEADER_CONFIG;
       return {
         ...e.style,
@@ -52,106 +52,115 @@ function W(C) {
         top: `calc(${l.value.top} + ${t.value})`,
         left: `calc(${l.value.left} + ${t.value})`,
         right: `calc(${l.value.right} + ${t.value})`,
-        height: `${c.value ? p.value : 0}px`,
-        background: e.background ?? u.value.bodyColor,
+        height: `${v.value ? n.value : 0}px`,
+        background: e.background ?? d.value.bodyColor,
         ...e.color ? { color: e.color } : {}
       };
-    }), i = o(
-      () => g.value ? `calc(${l.value.top} + ${t.value} + ${v.value.height} + ${t.value})` : `calc(${l.value.top} + ${t.value})`
-    ), O = o(() => {
+    }), A = o(
+      () => h.value ? `calc(${l.value.top} + ${t.value} + ${g.value.height} + ${t.value})` : `calc(${l.value.top} + ${t.value})`
+    ), C = o(() => {
       const e = a.APP_LAYOUT_FOOTER_CONFIG;
       return {
         ...e.style,
-        height: `${r.value ? h.value : 0}px`,
+        height: `${p.value ? i.value : 0}px`,
         // footer 在 body 流内：marginTop 与内容 shim 隔内缝；底边悬浮由 body paddingBottom 承担。
         // 用 hasFooter：footer 收起到 0 高时不留死内缝 gap（对称 hasHeader）。
-        marginTop: $.value ? t.value : "0px",
-        background: e.background ?? u.value.bodyColor,
+        marginTop: _.value ? t.value : "0px",
+        background: e.background ?? d.value.bodyColor,
         ...e.color ? { color: e.color } : {}
       };
-    }), b = o(() => {
+    }), m = o(() => {
       const e = a.APP_LAYOUT_SIDEBAR_CONFIG;
       return {
         ...e.style,
         position: "fixed",
-        width: `${d.value ? I.value : 0}px`,
+        width: `${r.value ? $.value : 0}px`,
         // 悬浮：左/下各让外缝 gap；顶 = 内容行顶（外缝 + header 高 + 内缝）；paddingTop 归 0（让位已由 top 承担）。
-        top: i.value,
+        top: A.value,
         left: `calc(${l.value.left} + ${t.value})`,
         bottom: `calc(${l.value.bottom} + ${t.value})`,
         paddingTop: "0px",
-        background: e.background ?? u.value.bodyColor,
+        background: e.background ?? d.value.bodyColor,
         ...e.color ? { color: e.color } : {}
       };
-    }), T = o(() => {
+    }), I = o(() => {
       const e = a.APP_LAYOUT_ASIDE_CONFIG;
       return {
         ...e.style,
         position: "fixed",
         // 折叠双表达：外层宽收 0（收回空间）+ AppAside shim 绕 Y 轴翻转（视觉）。
         // showAside=false 整列收 0。
-        width: `${n.value && !a.layout.asideCollapsed.value ? e.width : 0}px`,
+        width: `${c.value && !a.layout.asideCollapsed.value ? e.width : 0}px`,
         // 对称 sidebar：右/下各让外缝 gap；顶 = 内容行顶。
-        top: i.value,
+        top: A.value,
         right: `calc(${l.value.right} + ${t.value})`,
         bottom: `calc(${l.value.bottom} + ${t.value})`,
         paddingTop: "0px",
-        background: e.background ?? u.value.bodyColor,
+        background: e.background ?? d.value.bodyColor,
         ...e.color ? { color: e.color } : {}
       };
-    }), y = o(() => ({
+    }), R = o(() => ({
       // 内容左让位：外框左 + 外缝；有 sidebar 再加 sidebar 宽 + 内缝。
-      paddingLeft: d.value ? `calc(${l.value.left} + ${t.value} + ${b.value.width} + ${t.value})` : `calc(${l.value.left} + ${t.value})`,
+      paddingLeft: r.value ? `calc(${l.value.left} + ${t.value} + ${m.value.width} + ${t.value})` : `calc(${l.value.left} + ${t.value})`,
       // 顶让位 = 内容行顶（与 sidebar/aside 同行）。
-      paddingTop: i.value,
+      paddingTop: A.value,
       // 右让位（对称左）：外框右 + 外缝；有 aside 再加 aside 宽 + 内缝。
-      paddingRight: n.value ? `calc(${l.value.right} + ${t.value} + ${T.value.width} + ${t.value})` : `calc(${l.value.right} + ${t.value})`,
+      paddingRight: c.value ? `calc(${l.value.right} + ${t.value} + ${I.value.width} + ${t.value})` : `calc(${l.value.right} + ${t.value})`,
       // 底让位：外框下 + 外缝（footer 在流内，其底悬浮由此承担）。
       paddingBottom: `calc(${l.value.bottom} + ${t.value})`,
-      backgroundColor: u.value.bodyColor
-    })), R = o(() => {
-      const e = g.value ? ` - ${v.value.height} - ${t.value}` : "", w = $.value ? ` - ${O.value.height} - ${t.value}` : "";
+      backgroundColor: d.value.bodyColor
+    })), L = o(() => {
+      const e = b.value, u = a.APP_LAYOUT_VIEWPORT_CONFIG, D = c.value && !a.layout.asideCollapsed.value ? a.APP_LAYOUT_ASIDE_CONFIG.width : 0;
+      return {
+        top: h.value ? u.paddingTop + e + n.value + e : u.paddingTop + e,
+        bottom: _.value ? u.paddingBottom + e + i.value + e : u.paddingBottom + e,
+        left: r.value ? u.paddingLeft + e + $.value + e : u.paddingLeft + e,
+        right: c.value ? u.paddingRight + e + D + e : u.paddingRight + e
+      };
+    }), U = o(() => {
+      const e = h.value ? ` - ${g.value.height} - ${t.value}` : "", u = _.value ? ` - ${C.value.height} - ${t.value}` : "";
       return {
-        minHeight: `calc(100vh - ${l.value.top} - ${l.value.bottom} - ${t.value} - ${t.value}${e}${w})`,
-        padding: `${P.value}px`
+        minHeight: `calc(100vh - ${l.value.top} - ${l.value.bottom} - ${t.value} - ${t.value}${e}${u})`,
+        padding: `${T.value}px`
       };
-    }), U = (e) => {
+    }), G = (e) => {
       a.layout.setSidebarCollapse(e);
-    }, L = (e) => {
-      a.layout.setAsideCollapse(e);
-    }, G = (e) => {
-      _.value = e;
     }, N = (e) => {
+      a.layout.setAsideCollapse(e);
+    }, w = (e) => {
+      P.value = e;
+    }, x = (e) => {
       a.theme.setDark(e);
     };
     return {
-      name: m,
+      name: E,
       isDarkTheme: o(() => a.themeIsDark.value),
-      theme: u,
-      showHeader: c,
-      showFooter: r,
-      showSidebar: d,
-      showAside: n,
-      showBreadcrumb: f,
-      keepAlive: F,
-      headerStyle: v,
-      footerStyle: O,
-      sidebarStyle: b,
-      asideStyle: T,
-      bodyStyle: y,
-      bodyShimPadding: P,
-      bodyShimStyle: R,
+      theme: d,
+      showHeader: v,
+      showFooter: p,
+      showSidebar: r,
+      showAside: c,
+      showBreadcrumb: y,
+      keepAlive: S,
+      headerStyle: g,
+      footerStyle: C,
+      sidebarStyle: m,
+      asideStyle: I,
+      bodyStyle: R,
+      contentViewportInset: L,
+      bodyShimPadding: T,
+      bodyShimStyle: U,
       viewportPadding: l,
       // 折叠态读 bridge 真相（架构反转，名字保留向后兼容）；aside 对称新增。
       sidebarIsCollapse: o(() => a.layout.sidebarCollapsed.value),
       asideIsCollapse: o(() => a.layout.asideCollapsed.value),
-      changeSidebarCollapseStatus: U,
-      changeAsideCollapseStatus: L,
-      changeSidebarHasMenusStatus: G,
-      changeIsDarkTheme: N
+      changeSidebarCollapseStatus: G,
+      changeAsideCollapseStatus: N,
+      changeSidebarHasMenusStatus: w,
+      changeIsDarkTheme: x
     };
   });
 }
 export {
-  W as createAppStore
+  z as createAppStore
 };

package/es/style.css

@@ -1 +1 @@
-.confirm-modal[data-v-6ce57009] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-6ce57009]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-6ce57009] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-6ce57009]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px);font-size:14px;line-height:22px;color:var(--el-text-color-regular);text-align:left;word-break:break-word}.confirm-modal[data-v-6ce57009] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal[data-v-6ce57009] .el-drawer__header{margin-bottom:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-text-color-primary)}.confirm-modal[data-v-6ce57009] .el-drawer__body{padding:20px}.confirm-modal[data-v-6ce57009] .el-drawer__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-6ce57009]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-6ce57009] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-6ce57009]{flex-direction:row-reverse}.action-confirm__title[data-v-67d276b0]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-67d276b0]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-67d276b0]{display:flex;justify-content:flex-end;gap:8px}.form-item-tip[data-v-8b508d64]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-8b508d64] .el-form-item__label-wrap{display:none}[data-v-83b1b718] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-1505775a]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-1505775a]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-1505775a]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-1505775a]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-1505775a]{background-color:var(--dc-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-1505775a]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-1505775a]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-1505775a]{padding:0}.panel-edit-switch[data-v-65f056ab]{position:relative}.panel-edit-switch:hover .panel-edit-switch-edit-btn[data-v-65f056ab]{display:block}.panel-edit-switch-edit-btn[data-v-65f056ab]{position:absolute;top:0;right:0;z-index:1;display:none}.panel-edit-switch-actions[data-v-65f056ab]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-0835965e]{margin-bottom:var(--e1f69828)}.form-search_show[data-v-290fe11f]{margin-bottom:10px}.form-search .btn-box[data-v-290fe11f]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-290fe11f]{margin-right:2px}.form-verify-image[data-v-7a70397e] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-7a70397e]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--dc-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-7a70397e]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-6b4fc73b]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-6b4fc73b]{border:none;background:transparent;cursor:pointer;color:var(--el-text-color-regular);transition:background .2s,color .2s,box-shadow .2s}.tabs-main-bar-indicator[data-v-6b4fc73b]{position:absolute;left:0;background:var(--dc-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-6b4fc73b],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:12px}.tabs-main-bar--variant-card[data-v-6b4fc73b]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-6b4fc73b]{position:relative;padding:8px 20px;line-height:1.4;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-6b4fc73b]:hover:not(.tabs-main-bar-item_active){color:var(--dc-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:after{content:"";position:absolute;bottom:0;width:100vw;height:1px;background:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-6b4fc73b]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-6b4fc73b]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-6b4fc73b]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);font-weight:600}.app-collapse-toggle[data-v-10c7e006]{position:absolute;top:50%;cursor:pointer;width:14px;height:44px;border-radius:7px;background-color:var(--dc-core-surface, var(--el-bg-color-overlay));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter));color:var(--el-text-color-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;opacity:.3;box-shadow:none;transition:opacity .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-collapse-toggle--sidebar[data-v-10c7e006]{left:100%;transform:translate(-50%,-50%)}.app-collapse-toggle--aside[data-v-10c7e006]{right:100%;transform:translate(50%,-50%)}.app-collapse-toggle[data-v-10c7e006]:hover,.app-collapse-toggle[data-v-10c7e006]:focus-visible{opacity:1;color:var(--el-text-color-primary);border-color:var(--dc-core-border-color, var(--el-border-color));box-shadow:var(--el-box-shadow-lighter)}.app-collapse-toggle[data-v-10c7e006]:active{border-color:var(--dc-core-primary-color, var(--el-color-primary))}.app-collapse-toggle__icon[data-v-10c7e006]{transition:transform .3s}.app-aside[data-v-7e17d342]{transition:width var(--dc-core-motion-duration-slow, .3s) var(--dc-core-motion-easing, ease);box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:0}.app-aside-clip[data-v-7e17d342]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.app-aside-shim[data-v-7e17d342]{position:absolute;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;transition:opacity var(--dc-core-motion-duration, .2s) var(--dc-core-motion-easing, ease)}@media (prefers-reduced-motion: reduce){.app-aside[data-v-7e17d342],.app-aside-shim[data-v-7e17d342]{transition:none}}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-dce40682]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-dce40682]{width:100%;--app-viewport-max-height: var(--v65702a61)}.app-footer[data-v-8960664d]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:var(--dc-core-shadow, var(--el-box-shadow))}.app-footer-shim[data-v-8960664d]{width:100%;height:100%;padding:0 20px}.app-header[data-v-c78820aa]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));z-index:1}.app-header-module[data-v-c78820aa]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-c78820aa]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%}.app-header-module-item[data-v-c78820aa]:hover,.app-header-module-item_active[data-v-c78820aa]{color:var(--v8834c284)}.app-header-module-item_active[data-v-c78820aa]{position:relative}.app-header-module-item_active[data-v-c78820aa]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v8834c284);transform:translate(-50%)}.app-header-shim[data-v-c78820aa]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:700}.app-header-module-item__icon[data-v-c78820aa]{margin-right:8px}.app-header-right[data-v-c78820aa]{padding-left:80px;display:flex;align-items:center}.app-sidebar[data-v-8aa015fb]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:var(--v3ceb1df4)}.app-sidebar-top[data-v-8aa015fb]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-8aa015fb]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-8aa015fb]{position:absolute;left:0;right:0;top:var(--v2c8b87ee);bottom:var(--baa8be1c);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-theme[data-v-06ca4822]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-06ca4822]{width:120px}.app-layout[data-v-f6f87b30]{position:relative}.app-layout_noLogin[data-v-f6f87b30] .app-body,.app-layout_noLogin[data-v-f6f87b30] .app-sidebar,.app-layout_noLogin[data-v-f6f87b30] .app-header,.app-layout_noLogin[data-v-f6f87b30] .app-footer{transition:none!important}.app-page-shim[data-v-da6e4bf1]{--app-viewport-max-height: var(--v36c22f8e)}.app-page-slot-shim[data-v-da6e4bf1]{box-sizing:border-box;width:100%;height:100%}[data-v-64f355fe] .auto-refresh-label{display:flex;font-size:13px;color:var(--el-text-color-regular);margin-bottom:8px}.auto-refresh-group-icon--rotating[data-v-e608ff06]{animation:auto-refresh-rotating-e608ff06 1s linear infinite}@keyframes auto-refresh-rotating-e608ff06{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-item-nest-form[data-v-a413a382],.form-item-nest-form-list[data-v-68118cbf]{padding:16px;border:1px solid var(--dc-core-border-color);border-radius:8px;box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter))}.form-item-nest-form-list-row[data-v-68118cbf]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-68118cbf]{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--el-border-color-lighter);border-radius:6px;box-shadow:var(--el-box-shadow-lighter)}.table-toolbar[data-v-0175f1a9]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-0175f1a9],.table-toolbar-right[data-v-0175f1a9]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-0175f1a9]{--el-switch-off-color: var(--dc-core-primary-color);--el-switch-on-color: var(--dc-core-warning-color)}.data-list-view[data-v-c66e599d]{width:100%}.data-list-view-empty[data-v-c66e599d]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px;grid-column:1 / -1}.table-main-pagination[data-v-e8584319]{margin-top:10px;display:flex;justify-content:flex-end}.dc-slot-layout-flow-aside_separate[data-v-5c6ef74b]{position:relative}.dc-slot-layout-flow-aside_separate_left[data-v-5c6ef74b]{padding-left:calc(var(--v88700944) - 1px)}.dc-slot-layout-flow-aside_separate_right[data-v-5c6ef74b]{padding-right:calc(var(--v88700944) - 1px)}.dc-slot-layout-flow-aside-aside[data-v-5c6ef74b]{width:var(--v88700944)}.dc-slot-layout-flow-aside-aside_left[data-v-5c6ef74b],.dc-slot-layout-flow-aside-aside_right[data-v-5c6ef74b]{position:absolute;top:0;max-height:min(100%,var(--v23b7c943));overflow-y:auto}.dc-slot-layout-flow-aside-aside_left[data-v-5c6ef74b]{left:0}.dc-slot-layout-flow-aside-aside_right[data-v-5c6ef74b]{right:0}.dc-slot-layout-flow-aside-main[data-v-5c6ef74b]{width:var(--v7e1d11ca)}.list-page[data-v-386c1374]{min-height:var(--v4d27171c)}.list-page-header[data-v-386c1374],.list-page-operation[data-v-386c1374]{margin-bottom:10px}.list-page[data-v-386c1374] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-item-nest-form-actions[data-v-3af1d77a]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
+.confirm-modal[data-v-6ce57009] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-6ce57009]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-6ce57009] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-6ce57009]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px);font-size:14px;line-height:22px;color:var(--el-text-color-regular);text-align:left;word-break:break-word}.confirm-modal[data-v-6ce57009] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal[data-v-6ce57009] .el-drawer__header{margin-bottom:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-text-color-primary)}.confirm-modal[data-v-6ce57009] .el-drawer__body{padding:20px}.confirm-modal[data-v-6ce57009] .el-drawer__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-6ce57009]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-6ce57009] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-6ce57009]{flex-direction:row-reverse}.action-confirm__title[data-v-67d276b0]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-67d276b0]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-67d276b0]{display:flex;justify-content:flex-end;gap:8px}.form-item-tip[data-v-8b508d64]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-8b508d64] .el-form-item__label-wrap{display:none}[data-v-83b1b718] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-1505775a]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-1505775a]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-1505775a]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-1505775a]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-1505775a]{background-color:var(--dc-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-1505775a]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-1505775a]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-1505775a]{padding:0}.panel-edit-switch[data-v-65f056ab]{position:relative}.panel-edit-switch:hover .panel-edit-switch-edit-btn[data-v-65f056ab]{display:block}.panel-edit-switch-edit-btn[data-v-65f056ab]{position:absolute;top:0;right:0;z-index:1;display:none}.panel-edit-switch-actions[data-v-65f056ab]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-9e060e8b]{margin-bottom:var(--v6dd4af74)}.form-search_show[data-v-eb50264d]{margin-bottom:10px}.form-search .btn-box[data-v-eb50264d]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-eb50264d]{margin-right:2px}.form-verify-image[data-v-7a70397e] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-7a70397e]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--dc-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-7a70397e]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-6b4fc73b]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-6b4fc73b]{border:none;background:transparent;cursor:pointer;color:var(--el-text-color-regular);transition:background .2s,color .2s,box-shadow .2s}.tabs-main-bar-indicator[data-v-6b4fc73b]{position:absolute;left:0;background:var(--dc-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-6b4fc73b],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:12px}.tabs-main-bar--variant-card[data-v-6b4fc73b]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-6b4fc73b]{position:relative;padding:8px 20px;line-height:1.4;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-6b4fc73b]:hover:not(.tabs-main-bar-item_active){color:var(--dc-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:after{content:"";position:absolute;bottom:0;width:100vw;height:1px;background:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-6b4fc73b]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-6b4fc73b]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-6b4fc73b]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);font-weight:600}.dc-tabs-tile--nav-absolute[data-v-39fad9e5],.dc-tabs-tile--nav-fixed[data-v-39fad9e5]{position:relative}.dc-tabs-tile--nav-sticky[data-v-39fad9e5]{display:flex;flex-direction:column}.dc-tabs-tile__scroll[data-v-39fad9e5]{display:flex;flex-direction:column;gap:12px}.dc-tabs-tile__card[data-v-39fad9e5]{width:100%}.dc-tabs-tile__nav[data-v-39fad9e5]{z-index:2;max-height:60%;overflow:auto;padding:6px 10px;width:fit-content;border-radius:var(--dc-core-radius, 6px);background:var(--dc-core-surface, var(--el-bg-color-overlay));box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter))}.app-collapse-toggle[data-v-10c7e006]{position:absolute;top:50%;cursor:pointer;width:14px;height:44px;border-radius:7px;background-color:var(--dc-core-surface, var(--el-bg-color-overlay));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter));color:var(--el-text-color-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;opacity:.3;box-shadow:none;transition:opacity .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-collapse-toggle--sidebar[data-v-10c7e006]{left:100%;transform:translate(-50%,-50%)}.app-collapse-toggle--aside[data-v-10c7e006]{right:100%;transform:translate(50%,-50%)}.app-collapse-toggle[data-v-10c7e006]:hover,.app-collapse-toggle[data-v-10c7e006]:focus-visible{opacity:1;color:var(--el-text-color-primary);border-color:var(--dc-core-border-color, var(--el-border-color));box-shadow:var(--el-box-shadow-lighter)}.app-collapse-toggle[data-v-10c7e006]:active{border-color:var(--dc-core-primary-color, var(--el-color-primary))}.app-collapse-toggle__icon[data-v-10c7e006]{transition:transform .3s}.app-aside[data-v-7e17d342]{transition:width var(--dc-core-motion-duration-slow, .3s) var(--dc-core-motion-easing, ease);box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:0}.app-aside-clip[data-v-7e17d342]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.app-aside-shim[data-v-7e17d342]{position:absolute;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;transition:opacity var(--dc-core-motion-duration, .2s) var(--dc-core-motion-easing, ease)}@media (prefers-reduced-motion: reduce){.app-aside[data-v-7e17d342],.app-aside-shim[data-v-7e17d342]{transition:none}}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-c593275f]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-c593275f]{width:100%;--app-viewport-max-height: var(--v513aac26)}.app-footer[data-v-8960664d]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:var(--dc-core-shadow, var(--el-box-shadow))}.app-footer-shim[data-v-8960664d]{width:100%;height:100%;padding:0 20px}.app-header[data-v-c78820aa]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));z-index:1}.app-header-module[data-v-c78820aa]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-c78820aa]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%}.app-header-module-item[data-v-c78820aa]:hover,.app-header-module-item_active[data-v-c78820aa]{color:var(--v8834c284)}.app-header-module-item_active[data-v-c78820aa]{position:relative}.app-header-module-item_active[data-v-c78820aa]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v8834c284);transform:translate(-50%)}.app-header-shim[data-v-c78820aa]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:700}.app-header-module-item__icon[data-v-c78820aa]{margin-right:8px}.app-header-right[data-v-c78820aa]{padding-left:80px;display:flex;align-items:center}.app-sidebar[data-v-8aa015fb]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:var(--v3ceb1df4)}.app-sidebar-top[data-v-8aa015fb]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-8aa015fb]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-8aa015fb]{position:absolute;left:0;right:0;top:var(--v2c8b87ee);bottom:var(--baa8be1c);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-theme[data-v-06ca4822]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-06ca4822]{width:120px}.app-layout[data-v-f6f87b30]{position:relative}.app-layout_noLogin[data-v-f6f87b30] .app-body,.app-layout_noLogin[data-v-f6f87b30] .app-sidebar,.app-layout_noLogin[data-v-f6f87b30] .app-header,.app-layout_noLogin[data-v-f6f87b30] .app-footer{transition:none!important}.app-page[data-v-6ba4ec25]{--dc-page-content-viewport-top: var(--v0f6d6f31);--dc-page-content-viewport-bottom: var(--v314acecf);--dc-page-content-viewport-left: var(--v4386a4aa);--dc-page-content-viewport-right: var(--v2ca12e10);--dc-page-content-viewport-width: var(--v2c1456bc);--dc-page-content-viewport-height: var(--v3af5c5cb)}.app-page-shim[data-v-6ba4ec25]{--app-viewport-max-height: var(--v1911457e)}.app-page-slot-shim[data-v-6ba4ec25]{box-sizing:border-box;width:100%;height:100%}[data-v-64f355fe] .auto-refresh-label{display:flex;font-size:13px;color:var(--el-text-color-regular);margin-bottom:8px}.auto-refresh-group-icon--rotating[data-v-e608ff06]{animation:auto-refresh-rotating-e608ff06 1s linear infinite}@keyframes auto-refresh-rotating-e608ff06{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-item-nest-form[data-v-a413a382],.form-item-nest-form-list[data-v-68118cbf]{padding:16px;border:1px solid var(--dc-core-border-color);border-radius:8px;box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter))}.form-item-nest-form-list-row[data-v-68118cbf]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-68118cbf]{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--el-border-color-lighter);border-radius:6px;box-shadow:var(--el-box-shadow-lighter)}.table-toolbar[data-v-0175f1a9]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-0175f1a9],.table-toolbar-right[data-v-0175f1a9]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-0175f1a9]{--el-switch-off-color: var(--dc-core-primary-color);--el-switch-on-color: var(--dc-core-warning-color)}.data-list-view[data-v-c66e599d]{width:100%}.data-list-view-empty[data-v-c66e599d]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px;grid-column:1 / -1}.table-main-pagination[data-v-e8584319]{margin-top:10px;display:flex;justify-content:flex-end}.dc-slot-layout-flow-aside_separate[data-v-5c6ef74b]{position:relative}.dc-slot-layout-flow-aside_separate_left[data-v-5c6ef74b]{padding-left:calc(var(--v88700944) - 1px)}.dc-slot-layout-flow-aside_separate_right[data-v-5c6ef74b]{padding-right:calc(var(--v88700944) - 1px)}.dc-slot-layout-flow-aside-aside[data-v-5c6ef74b]{width:var(--v88700944)}.dc-slot-layout-flow-aside-aside_left[data-v-5c6ef74b],.dc-slot-layout-flow-aside-aside_right[data-v-5c6ef74b]{position:absolute;top:0;max-height:min(100%,var(--v23b7c943));overflow-y:auto}.dc-slot-layout-flow-aside-aside_left[data-v-5c6ef74b]{left:0}.dc-slot-layout-flow-aside-aside_right[data-v-5c6ef74b]{right:0}.dc-slot-layout-flow-aside-main[data-v-5c6ef74b]{width:var(--v7e1d11ca)}.list-page[data-v-386c1374]{min-height:var(--v4d27171c)}.list-page-header[data-v-386c1374],.list-page-operation[data-v-386c1374]{margin-bottom:10px}.list-page[data-v-386c1374] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-item-nest-form-actions[data-v-3af1d77a]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}

package/es/utils/dom.mjs

@@ -0,0 +1,12 @@
+function n(e) {
+  let t = e == null ? void 0 : e.parentElement;
+  for (; t && t !== document.body && t !== document.documentElement; ) {
+    const { overflowY: o } = getComputedStyle(t);
+    if (/(auto|scroll|overlay)/.test(o) && t.scrollHeight > t.clientHeight)
+      return t;
+    t = t.parentElement;
+  }
+}
+export {
+  n as domClosestScrollableAncestor
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.15.0",
+  "version": "0.15.1-alpha.0",
   "description": "内部前端库",
   "private": false,
   "main": "es/index.mjs",
@@ -79,5 +79,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "7d179dea7908d195d126a6ff9d0a1072cd5a3c44"
+  "gitHead": "84d8263af2b77d19e0c79464b83d01225fb3f853"
 }

package/types/components/app-layout/app-page-geometry.d.ts

@@ -11,6 +11,21 @@ export interface AppPageSlotStyles {
     left: CSSProperties;
     right: CSSProperties;
 }
+export interface AppPageContentInset {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface AppPageSlotSizes {
+    topH: number;
+    bottomH: number;
+    leftW: number;
+    rightW: number;
+}
+export declare function computeAppPageReducedViewportHeight(bodyViewportHeight: number, slotSizes: AppPageSlotSizes, shimPadding: number): number;
+export declare function computeAppPageReducedViewportWidth(pageBoxWidth: number, slotSizes: AppPageSlotSizes, shimPadding: number): number;
+export declare function computeAppPageContentInset(appInset: AppPageContentInset, slotSizes: AppPageSlotSizes, gap: number): AppPageContentInset;
 export declare const APP_PAGE_SLOT_Z_INDEX = 1;
 export declare function computeAppPageSlotStyles(rect: AppPageRectInset, topH: number, bottomH: number): AppPageSlotStyles;
 export declare function computeAppPageSlotShimStyles(sp: number, gap: number): AppPageSlotStyles;

package/types/components/display/TabsTile.vue.d.ts

@@ -0,0 +1,208 @@
+import { nextTick } from 'vue';
+import { TabsMainItem, TabsMainTileNavMode, TabsMainTileNavPosition } from './types';
+type __VLS_Props = {
+    tabs: TabsMainItem[];
+    refine?: boolean;
+    viewportHeight?: number;
+    minHeight?: number;
+    parentChannel?: string;
+    navPosition?: TabsMainTileNavPosition;
+    navMode?: TabsMainTileNavMode;
+    navOffset?: number;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`header-${string}`, (_: {
+        tab: TabsMainItem;
+        active: boolean;
+    }) => any>> & Partial<Record<string, (_: {
+        tab: TabsMainItem;
+        active: boolean;
+    }) => any>>;
+    refs: {
+        scrollRootRef: HTMLDivElement;
+        anchorRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly container?: (string | HTMLElement | Window | null) | undefined;
+                readonly offset?: number | undefined;
+                readonly bound?: number | undefined;
+                readonly duration?: number | undefined;
+                readonly marker?: boolean | undefined;
+                readonly type?: "default" | "underline" | undefined;
+                readonly direction?: "vertical" | "horizontal" | undefined;
+                readonly selectScrollTop?: boolean | undefined;
+                readonly onChange?: ((href: string) => any) | undefined | undefined;
+                readonly onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", href: string) => void) & ((event: "click", e: MouseEvent, href?: string | undefined) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').AnchorProps> & Readonly<{
+                onChange?: ((href: string) => any) | undefined;
+                onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
+            }>, {
+                scrollTo: (href?: string) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                change: (href: string) => void;
+                click: (e: MouseEvent, href?: string | undefined) => void;
+            }, string, {
+                offset: number;
+                type: "default" | "underline";
+                direction: "vertical" | "horizontal";
+                marker: boolean;
+                duration: number;
+                bound: number;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            offset: number;
+            type: "default" | "underline";
+            direction: "vertical" | "horizontal";
+            marker: boolean;
+            duration: number;
+            bound: number;
+        }> & Omit<Readonly<import('element-plus').AnchorProps> & Readonly<{
+            onChange?: ((href: string) => any) | undefined;
+            onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
+        }>, "type" | "offset" | "marker" | "bound" | "duration" | "direction" | "scrollTo"> & {
+            scrollTo: (href?: string) => void;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    minHeight: number;
+    refine: boolean;
+    navPosition: TabsMainTileNavPosition;
+    navMode: TabsMainTileNavMode;
+    navOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollRootRef: HTMLDivElement;
+    anchorRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly container?: (string | HTMLElement | Window | null) | undefined;
+            readonly offset?: number | undefined;
+            readonly bound?: number | undefined;
+            readonly duration?: number | undefined;
+            readonly marker?: boolean | undefined;
+            readonly type?: "default" | "underline" | undefined;
+            readonly direction?: "vertical" | "horizontal" | undefined;
+            readonly selectScrollTop?: boolean | undefined;
+            readonly onChange?: ((href: string) => any) | undefined | undefined;
+            readonly onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", href: string) => void) & ((event: "click", e: MouseEvent, href?: string | undefined) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').AnchorProps> & Readonly<{
+            onChange?: ((href: string) => any) | undefined;
+            onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
+        }>, {
+            scrollTo: (href?: string) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            change: (href: string) => void;
+            click: (e: MouseEvent, href?: string | undefined) => void;
+        }, string, {
+            offset: number;
+            type: "default" | "underline";
+            direction: "vertical" | "horizontal";
+            marker: boolean;
+            duration: number;
+            bound: number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        offset: number;
+        type: "default" | "underline";
+        direction: "vertical" | "horizontal";
+        marker: boolean;
+        duration: number;
+        bound: number;
+    }> & Omit<Readonly<import('element-plus').AnchorProps> & Readonly<{
+        onChange?: ((href: string) => any) | undefined;
+        onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
+    }>, "type" | "offset" | "marker" | "bound" | "duration" | "direction" | "scrollTo"> & {
+        scrollTo: (href?: string) => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/display/types.d.ts

@@ -54,6 +54,8 @@ export interface TabsChannelPayload {
 }
 export type TabsMainPadding = [number, number, number, number];
 export type TabsHeaderVariant = "card" | "indicator" | "indicator-compact" | "plain";
+export type TabsMainTileNavPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+export type TabsMainTileNavMode = "auto" | "absolute" | "sticky" | "fixed";
 export interface TabsMainProps {
     tabs: TabsMainItem[];
     viewportHeight?: number;
@@ -64,6 +66,11 @@ export interface TabsMainProps {
     refine?: boolean;
     refineReduceHeight?: number;
     variant?: TabsHeaderVariant;
+    queryKey?: string;
+    tile?: boolean;
+    navPosition?: TabsMainTileNavPosition;
+    navMode?: TabsMainTileNavMode;
+    navOffset?: number;
 }
 export type BooleanTagType = NonNullable<TagProps["type"]>;
 export interface BooleanTagProps {

package/types/components/display/use-tabs-query-sync.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+import { RouteLocationNormalizedLoaded, Router } from 'vue-router';
+export declare function getTabQuery(route: RouteLocationNormalizedLoaded | undefined, queryKey: string | undefined): string | undefined;
+export declare function writeTabQuery(params: {
+    activeKey: string | undefined;
+    route: RouteLocationNormalizedLoaded | undefined;
+    router: Router | undefined;
+    queryKey: string | undefined;
+}): void;
+export declare function watchTabToQuery(params: {
+    model: Ref<string | undefined>;
+    route: RouteLocationNormalizedLoaded | undefined;
+    router: Router | undefined;
+    queryKey: () => string | undefined;
+    ready: () => boolean;
+}): void;

package/types/components/form/form-search-utils.d.ts

@@ -1,12 +1,19 @@
 import { ColProps } from 'element-plus';
 import { Breakpoint } from '../../hooks/use-breakpoint';
-export declare const computeItemsPerRow: (span: number) => number;
-export declare const computeButtonOffset: (visibleCount: number, span: number) => number;
-export declare const computeButtonColProps: (layout: Partial<ColProps> | undefined, visibleCount: number) => Record<string, {
-    span: number;
-    offset: number;
-}>;
 export declare const getCurrentSpan: (layout: Partial<ColProps> | undefined, breakpoint: Breakpoint) => number;
+export declare const resolveSearchItemOccupancy: (merged: Partial<ColProps>, breakpoint: Breakpoint) => number;
+export interface SearchGeometryOptions {
+    spans: number[];
+    buttonMinSpan: number;
+    maxRows: number;
+    collapsed: boolean;
+}
+export interface SearchGeometry {
+    showCount: number;
+    needsFold: boolean;
+    buttonSpan: number;
+}
+export declare const computeSearchGeometry: ({ spans, buttonMinSpan, maxRows, collapsed, }: SearchGeometryOptions) => SearchGeometry;
 export declare const resolveSearchLayout: (compact: boolean, layout: Partial<ColProps> | undefined, breakpoint: Breakpoint) => Partial<ColProps> | undefined;
 export declare const resolveSearchLabelPosition: <T extends "right" | "left" | "top" | undefined>(compact: boolean, labelPosition: T) => T | "top";
 export declare const packSearchFormList: <T extends Record<string, any>>(list: T[], options: {

package/types/components/modal/ConfirmModal.vue.d.ts

@@ -43,6 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     type: "" | "success" | "default" | "text" | "info" | "primary" | "warning" | "danger";
     reverse: boolean;
     width: number | string;
+    direction: "rtl" | "ltr" | "ttb" | "btt";
     showClose: boolean;
     cancelText: string | (() => VNode);
     confirmText: string | (() => VNode);
@@ -50,7 +51,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     closeOnPressEscape: boolean;
     closeOnClickModal: boolean;
     layerType: "modal" | "drawer";
-    direction: "rtl" | "ltr" | "ttb" | "btt";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;