@done-coding/admin-core 0.10.0 → 0.11.0

package/es/style.css

@@ -1 +1 @@
-.confirm-modal[data-v-26598cb2] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-26598cb2]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-26598cb2] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-26598cb2]{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-26598cb2] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-26598cb2]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-26598cb2] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-26598cb2]{flex-direction:row-reverse}.action-confirm__title[data-v-88119b35]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-88119b35]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-88119b35]{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-8ad14c45] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-93bc9096]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-93bc9096]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-93bc9096]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-93bc9096]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-93bc9096]{background-color:var(--admin-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-93bc9096],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-93bc9096]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--admin-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--admin-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-93bc9096]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--admin-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--admin-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-93bc9096]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-93bc9096]{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-9c14b584]{margin-bottom:var(--v5b714e11)}.form-search_show[data-v-9a9f48af]{margin-bottom:10px}.form-search .btn-box[data-v-9a9f48af]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-9a9f48af]{margin-right:2px}.form-verify-image[data-v-669b7ad9] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-669b7ad9]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--admin-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-669b7ad9]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-3faa57f5]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-3faa57f5]{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-3faa57f5]{position:absolute;left:0;background:var(--admin-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-3faa57f5]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-3faa57f5]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-3faa57f5],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-3faa57f5]{font-size:12px}.tabs-main-bar--variant-card[data-v-3faa57f5]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-3faa57f5]{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-3faa57f5]:hover:not(.tabs-main-bar-item_active){color:var(--admin-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]: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-3faa57f5]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-3faa57f5]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-3faa57f5]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-3faa57f5]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-3faa57f5]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-3faa57f5]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color);font-weight:600}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-ae442089]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-ae442089]{width:100%;--app-viewport-max-height: var(--ae6fc168)}.app-footer[data-v-bba5d0e4]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:-5px 0 5px #0000001a}.app-footer-shim[data-v-bba5d0e4]{width:100%;height:100%;padding:0 20px}.app-theme[data-v-1f068b22]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-1f068b22]{width:120px}.app-header[data-v-b47543cd]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;position:fixed;left:var(--ae6f6fe0);top:var(--v4782742c);right:var(--v70971b33);box-shadow:5px 0 5px #0000001a;z-index:1}.app-header-module[data-v-b47543cd]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-b47543cd]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%;color:var(--fcf1a792)}.app-header-module-item[data-v-b47543cd]:hover,.app-header-module-item_active[data-v-b47543cd]{color:var(--d3910988)}.app-header-module-item_active[data-v-b47543cd]{position:relative}.app-header-module-item_active[data-v-b47543cd]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--d3910988);transform:translate(-50%)}.app-header-shim[data-v-b47543cd]{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-b47543cd]{margin-right:8px}.app-header-userInfo[data-v-b47543cd]{padding-left:80px}.app-sidebar[data-v-2499f12e]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;position:fixed;left:var(--f2149ac0);top:var(--v6fb5779c);bottom:var(--e0532af8);box-shadow:0 5px 5px #0000001a;overflow:visible;z-index:var(--v36eef49e)}.app-sidebar-top[data-v-2499f12e]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-2499f12e]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-2499f12e]{position:absolute;left:0;right:0;top:var(--v7a209d86);bottom:var(--v0a70f74c);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-sidebar-toggle[data-v-2499f12e]{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%);cursor:pointer;width:22px;height:22px;border-radius:50%;background-color:var(--v1ffafb76);color:var(--v738d1dcc);border:1px solid var(--v738d1dcc);box-shadow:0 1px 2px #0000000f;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;isolation:isolate;transition:color .3s,border-color .3s,box-shadow .3s}.app-sidebar-toggle[data-v-2499f12e]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background-color:var(--v738d1dcc);opacity:.18;z-index:-1;pointer-events:none;transition:opacity .3s,inset .3s}.app-sidebar-toggle[data-v-2499f12e]:active,.app-sidebar-toggle[data-v-2499f12e]:focus,.app-sidebar-toggle[data-v-2499f12e]:hover{box-shadow:0 2px 6px #0000001f}.app-sidebar-toggle[data-v-2499f12e]:active:before,.app-sidebar-toggle[data-v-2499f12e]:focus:before,.app-sidebar-toggle[data-v-2499f12e]:hover:before{opacity:.32;top:-5px;right:-5px;bottom:-5px;left:-5px}.app-sidebar-toggle-icon[data-v-2499f12e]{transition:transform .3s}.app-layout[data-v-7aeee1b9]{position:relative}.app-layout_noLogin[data-v-7aeee1b9] .app-body,.app-layout_noLogin[data-v-7aeee1b9] .app-sidebar,.app-layout_noLogin[data-v-7aeee1b9] .app-header,.app-layout_noLogin[data-v-7aeee1b9] .app-footer{transition:none!important}.app-page-shim[data-v-fda19616]{--app-viewport-max-height: var(--v54888f0e)}[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-9c251e76],.form-item-nest-form-list[data-v-f424fc36]{padding:16px;border:1px solid var(--admin-core-border-color);border-radius:8px;box-shadow:var(--admin-core-shadow)}.form-item-nest-form-list-row[data-v-f424fc36]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-f424fc36]{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-6f2937e1]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-6f2937e1],.table-toolbar-right[data-v-6f2937e1]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-6f2937e1]{--el-switch-off-color: var(--admin-core-primary-color);--el-switch-on-color: var(--admin-core-warning-color)}.data-list-view[data-v-708af83f]{width:100%}.data-list-view-empty[data-v-708af83f]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px}.table-main-pagination[data-v-132febbc]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-fc41e3d4]{min-height:var(--c6e708aa)}.list-page-header[data-v-fc41e3d4],.list-page-operation[data-v-fc41e3d4]{margin-bottom:10px}.list-page[data-v-fc41e3d4] .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-26598cb2] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-26598cb2]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-26598cb2] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-26598cb2]{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-26598cb2] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-26598cb2]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-26598cb2] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-26598cb2]{flex-direction:row-reverse}.action-confirm__title[data-v-88119b35]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-88119b35]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-88119b35]{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-8ad14c45] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-93bc9096]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-93bc9096]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-93bc9096]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-93bc9096]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-93bc9096]{background-color:var(--admin-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-93bc9096],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-93bc9096]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--admin-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--admin-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-93bc9096]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--admin-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--admin-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-93bc9096]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-93bc9096]{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-9c14b584]{margin-bottom:var(--v5b714e11)}.form-search_show[data-v-4d4d2642]{margin-bottom:10px}.form-search .btn-box[data-v-4d4d2642]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-4d4d2642]{margin-right:2px}.form-verify-image[data-v-669b7ad9] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-669b7ad9]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--admin-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-669b7ad9]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-3faa57f5]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-3faa57f5]{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-3faa57f5]{position:absolute;left:0;background:var(--admin-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-3faa57f5]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-3faa57f5]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-3faa57f5],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-3faa57f5]{font-size:12px}.tabs-main-bar--variant-card[data-v-3faa57f5]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-3faa57f5]{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-3faa57f5]:hover:not(.tabs-main-bar-item_active){color:var(--admin-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]: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-3faa57f5]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-3faa57f5]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-3faa57f5]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-3faa57f5]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-3faa57f5]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-3faa57f5]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color);font-weight:600}.app-aside[data-v-d07cb9ed]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;box-shadow:var(--admin-core-shadow, var(--el-box-shadow));overflow-x:hidden;overflow-y:auto;z-index:0}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-ae442089]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-ae442089]{width:100%;--app-viewport-max-height: var(--ae6fc168)}.app-footer[data-v-71b2892d]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:var(--admin-core-shadow, var(--el-box-shadow))}.app-footer-shim[data-v-71b2892d]{width:100%;height:100%;padding:0 20px}.app-header[data-v-ef6c4b9f]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;box-shadow:var(--admin-core-shadow, var(--el-box-shadow));z-index:1}.app-header-module[data-v-ef6c4b9f]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-ef6c4b9f]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%}.app-header-module-item[data-v-ef6c4b9f]:hover,.app-header-module-item_active[data-v-ef6c4b9f]{color:var(--v1eee7516)}.app-header-module-item_active[data-v-ef6c4b9f]{position:relative}.app-header-module-item_active[data-v-ef6c4b9f]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v1eee7516);transform:translate(-50%)}.app-header-shim[data-v-ef6c4b9f]{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-ef6c4b9f]{margin-right:8px}.app-header-right[data-v-ef6c4b9f]{padding-left:80px;display:flex;align-items:center}.app-sidebar[data-v-1dee248d]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;box-shadow:var(--admin-core-shadow, var(--el-box-shadow));overflow:visible;z-index:var(--v368510bd)}.app-sidebar-top[data-v-1dee248d]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-1dee248d]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-1dee248d]{position:absolute;left:0;right:0;top:var(--v7b09fce5);bottom:var(--v1098f49b);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-sidebar-toggle[data-v-1dee248d]{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%);cursor:pointer;width:22px;height:22px;border-radius:50%;background-color:var(--cc02eed6);color:var(--v56d0884d);border:1px solid var(--v56d0884d);box-shadow:0 1px 2px #0000000f;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;isolation:isolate;transition:color .3s,border-color .3s,box-shadow .3s}.app-sidebar-toggle[data-v-1dee248d]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background-color:var(--v56d0884d);opacity:.18;z-index:-1;pointer-events:none;transition:opacity .3s,inset .3s}.app-sidebar-toggle[data-v-1dee248d]:active,.app-sidebar-toggle[data-v-1dee248d]:focus,.app-sidebar-toggle[data-v-1dee248d]:hover{box-shadow:0 2px 6px #0000001f}.app-sidebar-toggle[data-v-1dee248d]:active:before,.app-sidebar-toggle[data-v-1dee248d]:focus:before,.app-sidebar-toggle[data-v-1dee248d]:hover:before{opacity:.32;top:-5px;right:-5px;bottom:-5px;left:-5px}.app-sidebar-toggle-icon[data-v-1dee248d]{transition:transform .3s}.app-theme[data-v-89d81e34]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-89d81e34]{width:120px}.app-layout[data-v-646eac1d]{position:relative}.app-layout_noLogin[data-v-646eac1d] .app-body,.app-layout_noLogin[data-v-646eac1d] .app-sidebar,.app-layout_noLogin[data-v-646eac1d] .app-header,.app-layout_noLogin[data-v-646eac1d] .app-footer{transition:none!important}.app-page-shim[data-v-fda19616]{--app-viewport-max-height: var(--v54888f0e)}[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-12b77b02],.form-item-nest-form-list[data-v-9fa02cbe]{padding:16px;border:1px solid var(--admin-core-border-color);border-radius:8px;box-shadow:var(--admin-core-shadow, var(--el-box-shadow-lighter))}.form-item-nest-form-list-row[data-v-9fa02cbe]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-9fa02cbe]{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-6f2937e1]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-6f2937e1],.table-toolbar-right[data-v-6f2937e1]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-6f2937e1]{--el-switch-off-color: var(--admin-core-primary-color);--el-switch-on-color: var(--admin-core-warning-color)}.data-list-view[data-v-708af83f]{width:100%}.data-list-view-empty[data-v-708af83f]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px}.table-main-pagination[data-v-132febbc]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-fc41e3d4]{min-height:var(--c6e708aa)}.list-page-header[data-v-fc41e3d4],.list-page-operation[data-v-fc41e3d4]{margin-bottom:10px}.list-page[data-v-fc41e3d4] .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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -79,5 +79,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "a178e085b87b9c2fd6ddbbea5065bf2a338c9931"
+  "gitHead": "a02bf1be515a9ed026b48573c3036fdb42f38dcc"
 }

package/types/bridge/config-hook.d.ts

@@ -1,5 +1,5 @@
 import { DeepReadonly } from 'vue';
-import { AppBaseInfo, AppLayoutHeaderConfig, AppLayoutFooterConfig, AppLayoutSidebarConfig, AppLayoutBreadcrumbConfig, AppLayoutBodyConfig, AppLayoutViewportConfig, AppThemeConfig, AppLayoutConfig } from './index';
+import { AppBaseInfo, AppLayoutHeaderConfig, AppLayoutFooterConfig, AppLayoutSidebarConfig, AppLayoutAsideConfig, AppLayoutBreadcrumbConfig, AppLayoutBodyConfig, AppLayoutViewportConfig, AppLayoutGapConfig, AppThemeConfig, AppLayoutConfig } from './index';
 /**
  * 可 update 的响应式配置字段 key 联合（插件系统一期 7 个 + viewport 边框期补 1 = 8 个）。
  *
@@ -8,7 +8,7 @@ import { AppBaseInfo, AppLayoutHeaderConfig, AppLayoutFooterConfig, AppLayoutSid
  * `APP_LAYOUT_VIEWPORT_CONFIG`（同属布局子，纳入本联合 + layoutAggregate）。
  * 其余 init 字段（env / cache / router 族 / userInfoAccess）非响应式范围，[MUST NOT] 纳入本联合。
  */
-export type UpdatableConfigKey = "APP_BASE_INFO" | "APP_LAYOUT_HEADER_CONFIG" | "APP_LAYOUT_FOOTER_CONFIG" | "APP_LAYOUT_SIDEBAR_CONFIG" | "APP_LAYOUT_BREADCRUMB_CONFIG" | "APP_LAYOUT_BODY_CONFIG" | "APP_LAYOUT_VIEWPORT_CONFIG" | "APP_THEME_CONFIG";
+export type UpdatableConfigKey = "APP_BASE_INFO" | "APP_LAYOUT_HEADER_CONFIG" | "APP_LAYOUT_FOOTER_CONFIG" | "APP_LAYOUT_SIDEBAR_CONFIG" | "APP_LAYOUT_ASIDE_CONFIG" | "APP_LAYOUT_BREADCRUMB_CONFIG" | "APP_LAYOUT_BODY_CONFIG" | "APP_LAYOUT_VIEWPORT_CONFIG" | "APP_LAYOUT_GAP_CONFIG" | "APP_THEME_CONFIG";
 /**
  * 7 个可 update 字段 key → 值类型映射。
  *
@@ -24,12 +24,16 @@ export interface UpdatableConfigMap {
     APP_LAYOUT_FOOTER_CONFIG: AppLayoutFooterConfig;
     /** 应用布局-sidebar 配置 */
     APP_LAYOUT_SIDEBAR_CONFIG: AppLayoutSidebarConfig;
+    /** 应用布局-aside 右侧补充区配置（P1' additive） */
+    APP_LAYOUT_ASIDE_CONFIG: AppLayoutAsideConfig;
     /** 应用布局-面包屑配置 */
     APP_LAYOUT_BREADCRUMB_CONFIG: AppLayoutBreadcrumbConfig;
     /** 应用布局-页面主体配置 */
     APP_LAYOUT_BODY_CONFIG: AppLayoutBodyConfig;
     /** 应用布局-视口边框配置 */
     APP_LAYOUT_VIEWPORT_CONFIG: AppLayoutViewportConfig;
+    /** 应用布局-模块间距配置（内缝 gap） */
+    APP_LAYOUT_GAP_CONFIG: AppLayoutGapConfig;
     /** 应用主题配置 */
     APP_THEME_CONFIG: AppThemeConfig;
 }
@@ -63,12 +67,16 @@ export interface BridgeConfigHook {
     roFooter: DeepReadonly<AppLayoutFooterConfig>;
     /** 应用布局-sidebar 配置对外只读视图 */
     roSidebar: DeepReadonly<AppLayoutSidebarConfig>;
+    /** 应用布局-aside 右侧补充区配置对外只读视图（P1' additive） */
+    roAside: DeepReadonly<AppLayoutAsideConfig>;
     /** 应用布局-面包屑配置对外只读视图 */
     roBreadcrumb: DeepReadonly<AppLayoutBreadcrumbConfig>;
     /** 应用布局-页面主体配置对外只读视图 */
     roBody: DeepReadonly<AppLayoutBodyConfig>;
     /** 应用布局-视口边框配置对外只读视图 */
     roViewport: DeepReadonly<AppLayoutViewportConfig>;
+    /** 应用布局-模块间距配置对外只读视图（内缝 gap） */
+    roGap: DeepReadonly<AppLayoutGapConfig>;
     /** 应用主题配置对外只读视图 */
     roTheme: DeepReadonly<AppThemeConfig>;
     /**

package/types/bridge/index.d.ts

@@ -1,13 +1,14 @@
-import { App, DeepReadonly, Ref } from 'vue';
+import { App, CSSProperties, DeepReadonly, Ref } from 'vue';
 import { RouteRecordRaw } from 'vue-router';
 import { createUseState } from './state';
 import { createGenerateRouteMetaRawTree } from './route';
 import { UpdatableConfigKey, UpdatableConfigMap } from './config-hook';
 import { AdminBridgePluginLike } from './plugin';
-import { AdminThemeModule } from './theme';
+import { AdminThemeModule, AdminThemeMode, BridgeThemeLayoutState } from './theme';
 export { createUseState, type UseStateOptions } from './state';
 export { createGenerateRouteMetaRawTree, type RouteMetaDefaultConfig, } from './route';
 export { createStorageWithNamespace } from './storage';
+export type { AdminThemeEntry, AdminThemeLifecycleContext, AdminThemeLifecycleHooks, AdminConfigDescription, AdminThemeModule, AdminThemeMode, AdminThemePresetLayout, BridgeThemeLayoutState, BridgeThemeLayoutBaseline, BridgeThemeHook, } from './theme';
 /**
  * 认证桥接无状态纯工厂。
  *
@@ -99,6 +100,26 @@ export interface AppThemeColor {
     /** 表面色（风格可选；core 仅挂 --admin-core-surface，EP 无对应） */
     surface?: string;
 }
+/**
+ * 布局模块 `style` 逃生舱排除的「引擎托管键」联合（甲方终锁键集）。
+ *
+ * 这些 CSS 属性由布局引擎（store/app 几何 calc + 主题色兜底 + fixed 定位 + sidebar/aside
+ * 让位）独占计算，消费方 `style` [MUST NOT] 染指——否则破布局。分类：
+ * - 尺寸：width / height（几何算）
+ * - 定位：position / top / right / bottom / left / inset（fixed 锚点）
+ * - 显示 / 盒外：display（破布局流）/ margin 家族（破 fixed 定位）
+ * - 盒内：padding 家族（sidebar/aside 用 paddingTop 让位 header，整族锁防破让位）
+ * - 颜色：color / background / backgroundColor（走 config.color|background + --admin-core-* 兜底，规则 14）
+ */
+type AppLayoutManagedStyleKey = "width" | "height" | "position" | "top" | "right" | "bottom" | "left" | "inset" | "display" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "color" | "background" | "backgroundColor";
+/**
+ * 布局模块（Header/Footer/Sidebar/Aside）`style` 逃生舱类型。
+ *
+ * = `Omit<CSSProperties, 托管键>`——消费方显式自定义装饰（borderRadius / boxShadow /
+ * border / backdropFilter / opacity / transition 等），走规则 14「组件 prop 显式自定义值
+ * → 内联 :style 直值」例外条款。托管键经类型 `Omit` 编译期拦截 + store 合并运行时压过（双保险）。
+ */
+export type AppLayoutModuleStyle = Omit<CSSProperties, AppLayoutManagedStyleKey>;
 /**
  * `store/app.ts` 实际消费的 app config 子集结构。
  *
@@ -112,15 +133,27 @@ export interface AppConfig {
         /** 应用名称 */
         name: string;
     };
-    /** 应用布局-header 配置（store/app 仅取 height） */
+    /** 应用布局-header 配置 */
     APP_LAYOUT_HEADER_CONFIG: {
         /** header 高度(px) */
         height: number;
+        /** 字体色；缺省 → 不写 color、CSS 继承 :root 全局 color(= baseColor)；[MUST NOT] 写死字面量 */
+        color?: string;
+        /** 背景（color / image / gradient 等 CSS background）；缺省 → bodyColor(经 --admin-core-* var)；[MUST NOT] 写死字面量 */
+        background?: string;
+        /** 装饰逃生舱（borderRadius/boxShadow/... ；排除引擎托管键，见 {@link AppLayoutModuleStyle}） */
+        style?: AppLayoutModuleStyle;
     };
-    /** 应用布局-footer 配置（store/app 仅取 height） */
+    /** 应用布局-footer 配置 */
     APP_LAYOUT_FOOTER_CONFIG: {
         /** footer 高度(px) */
         height: number;
+        /** 字体色；缺省 → 继承 :root color(baseColor) */
+        color?: string;
+        /** 背景（color / image / gradient 等 CSS background）；缺省 → bodyColor */
+        background?: string;
+        /** 装饰逃生舱（见 {@link AppLayoutModuleStyle}） */
+        style?: AppLayoutModuleStyle;
     };
     /** 应用布局-sidebar 配置（store/app 取 collapseWidth / width） */
     APP_LAYOUT_SIDEBAR_CONFIG: {
@@ -128,12 +161,44 @@ export interface AppConfig {
         width: number;
         /** 折叠起来的宽度(px) */
         collapseWidth: number;
+        /** 字体色；缺省 → 继承 :root color(baseColor) */
+        color?: string;
+        /** 背景（color / image / gradient 等 CSS background）；缺省 → bodyColor */
+        background?: string;
+        /** 装饰逃生舱（见 {@link AppLayoutModuleStyle}） */
+        style?: AppLayoutModuleStyle;
+    };
+    /**
+     * 应用布局-aside 右侧补充区配置（P1' 新增 additive，对称 sidebar）。
+     * 仅自定义 shell 渲染右侧区时生效；不配则 aside 不存在（经典布局零影响）。
+     */
+    APP_LAYOUT_ASIDE_CONFIG: {
+        /** aside 宽度(px) */
+        width: number;
+        /** 字体色；缺省 → 继承 :root color(baseColor) */
+        color?: string;
+        /** 背景（color / image / gradient 等 CSS background）；缺省 → bodyColor */
+        background?: string;
+        /** 装饰逃生舱（见 {@link AppLayoutModuleStyle}） */
+        style?: AppLayoutModuleStyle;
     };
     /** 应用布局-页面主体配置（store/app 仅取 shimPadding） */
     APP_LAYOUT_BODY_CONFIG: {
         /** 页面主体 padding - 默认值(px) */
         shimPadding: number;
     };
+    /**
+     * 应用布局-模块间距配置（内缝；模块间露 size px 底色条带，漏出 .app-body 的 bodyColor）。
+     *
+     * 与 viewport 边框（整体外框）正交：gap 是模块**之间**的缝。默认 `{ size: 0 }` = 模块贴合、
+     * 现状不变；`size>0` 时 store 几何 calc 在相邻模块间叠加该间距（缺位侧不留悬空缝）。
+     * 分离观感需模块 `background` 为 surface 色（≠ bodyColor），由 preset/消费方设。
+     * 布局插件经 `bridge.update("APP_LAYOUT_GAP_CONFIG", { size })` 设值。
+     */
+    APP_LAYOUT_GAP_CONFIG: {
+        /** 模块间距(px)；缺省 0 = 贴合 */
+        size: number;
+    };
     /**
      * 应用布局-视口边框配置（整个 app-shell 相对浏览器视口四边内缩，套"边框"留白观感）。
      *
@@ -166,6 +231,8 @@ export interface AppConfig {
         showFooter: boolean;
         /** 各路由[未配置情况下]默认是否展示 sidebar */
         showSidebar: boolean;
+        /** 各路由[未配置情况下]默认是否展示右侧 aside（additive 可选；缺省 false，store `?? false` 兜底） */
+        showAside?: boolean;
         /** 默认是否展示 breadcrumb */
         showBreadcrumb: boolean;
         /** 各路由[未配置情况下]默认是否展示在菜单 */
@@ -214,12 +281,16 @@ export interface AppLayoutConfig {
     footer: AppConfig["APP_LAYOUT_FOOTER_CONFIG"];
     /** sidebar 配置 */
     sidebar: AppConfig["APP_LAYOUT_SIDEBAR_CONFIG"];
+    /** aside 右侧补充区配置（P1' additive） */
+    aside: AppConfig["APP_LAYOUT_ASIDE_CONFIG"];
     /** 面包屑配置 */
     breadcrumb: AppLayoutBreadcrumbConfig;
     /** 页面主体配置 */
     body: AppConfig["APP_LAYOUT_BODY_CONFIG"];
     /** 视口边框配置 */
     viewport: AppConfig["APP_LAYOUT_VIEWPORT_CONFIG"];
+    /** 模块间距配置（内缝 gap） */
+    gap: AppConfig["APP_LAYOUT_GAP_CONFIG"];
 }
 /**
  * 应用路由配置（#2.5 期新增，per ADR-6）。
@@ -272,10 +343,14 @@ export type AppLayoutHeaderConfig = AppConfig["APP_LAYOUT_HEADER_CONFIG"];
 export type AppLayoutFooterConfig = AppConfig["APP_LAYOUT_FOOTER_CONFIG"];
 /** 应用布局-sidebar 配置 type 别名 */
 export type AppLayoutSidebarConfig = AppConfig["APP_LAYOUT_SIDEBAR_CONFIG"];
+/** 应用布局-aside 右侧补充区配置 type 别名（P1' additive） */
+export type AppLayoutAsideConfig = AppConfig["APP_LAYOUT_ASIDE_CONFIG"];
 /** 应用布局-页面主体配置 type 别名 */
 export type AppLayoutBodyConfig = AppConfig["APP_LAYOUT_BODY_CONFIG"];
 /** 应用布局-视口边框配置 type 别名 */
 export type AppLayoutViewportConfig = AppConfig["APP_LAYOUT_VIEWPORT_CONFIG"];
+/** 应用布局-模块间距配置 type 别名（内缝 gap） */
+export type AppLayoutGapConfig = AppConfig["APP_LAYOUT_GAP_CONFIG"];
 /** 应用主题配置 type 别名 */
 export type AppThemeConfig = AppConfig["APP_THEME_CONFIG"];
 /** 应用路由元信息默认配置 type 别名 */
@@ -351,6 +426,11 @@ export interface AdminBridgeInitOptions<UserInfo = unknown> {
     APP_LAYOUT_FOOTER_CONFIG: AppLayoutFooterConfig;
     /** 应用布局-sidebar 配置 */
     APP_LAYOUT_SIDEBAR_CONFIG: AppLayoutSidebarConfig;
+    /**
+     * 应用布局-aside 右侧补充区配置（P1' 新增 additive，可选；app 不传时核内默认 width 0）。
+     * 默认 shell 也渲染 AppAside（宽 0 不可见）；app/preset 加宽即启用，经典布局零影响。
+     */
+    APP_LAYOUT_ASIDE_CONFIG?: Partial<AppLayoutAsideConfig>;
     /** 应用布局-面包屑配置（#2.5 期新增字段） */
     APP_LAYOUT_BREADCRUMB_CONFIG: AppLayoutBreadcrumbConfig;
     /** 应用布局-页面主体配置 */
@@ -360,6 +440,11 @@ export interface AdminBridgeInitOptions<UserInfo = unknown> {
      * 传部分字段时与默认四边 0 浅合并（见 createAdminBridge 内 DEFAULT 合并）。
      */
     APP_LAYOUT_VIEWPORT_CONFIG?: Partial<AppLayoutViewportConfig>;
+    /**
+     * 应用布局-模块间距配置（可选；app 不传时核内默认 `{ size: 0 }` = 模块贴合、现状不变）。
+     * 布局插件经 preset.layout.gap 或 `bridge.update` 设值。
+     */
+    APP_LAYOUT_GAP_CONFIG?: Partial<AppLayoutGapConfig>;
     /** 应用路由元信息默认配置（bridge 内部 generateRouteMetaRawTree 派生） */
     APP_ROUTER_META_DEFAULT_CONFIG: AppRouterMetaDefaultConfig;
     /** 应用路由配置（#2.5 期新增字段） */
@@ -423,12 +508,16 @@ export interface AdminBridge<UserInfo = unknown, LoginParams = unknown> {
     readonly APP_LAYOUT_FOOTER_CONFIG: DeepReadonly<AppLayoutFooterConfig>;
     /** 应用布局-sidebar 配置（per #2.5 期 REQ-1） */
     readonly APP_LAYOUT_SIDEBAR_CONFIG: DeepReadonly<AppLayoutSidebarConfig>;
+    /** 应用布局-aside 右侧补充区配置（P1' additive，响应式只读视图） */
+    readonly APP_LAYOUT_ASIDE_CONFIG: DeepReadonly<AppLayoutAsideConfig>;
     /** 应用布局-面包屑配置（per #2.5 期 REQ-1） */
     readonly APP_LAYOUT_BREADCRUMB_CONFIG: DeepReadonly<AppLayoutBreadcrumbConfig>;
     /** 应用布局-页面主体配置（per #2.5 期 REQ-1） */
     readonly APP_LAYOUT_BODY_CONFIG: DeepReadonly<AppLayoutBodyConfig>;
     /** 应用布局-视口边框配置（响应式只读视图，经 bridge.update 跟随） */
     readonly APP_LAYOUT_VIEWPORT_CONFIG: DeepReadonly<AppLayoutViewportConfig>;
+    /** 应用布局-模块间距配置（内缝 gap；响应式只读视图，经 bridge.update 跟随） */
+    readonly APP_LAYOUT_GAP_CONFIG: DeepReadonly<AppLayoutGapConfig>;
     /** 应用布局聚合配置（per #2.5 期 ADR-3 bridge 内部聚合派生） */
     readonly APP_LAYOUT_CONFIG: DeepReadonly<AppLayoutConfig>;
     /** 应用路由元信息默认配置（per #2.5 期 REQ-1） */
@@ -449,8 +538,19 @@ export interface AdminBridge<UserInfo = unknown, LoginParams = unknown> {
     readonly theme: AdminThemeModule;
     /** 当前风格名（响应式只读真相源；[MUST NOT] 解构/快照取值，⚠️ 切换后定格） */
     readonly themeStyle: DeepReadonly<Ref<string>>;
-    /** 是否暗色（响应式只读真相源；appStore.isDarkTheme 读此、挂值 composable toggle .dark 读此） */
+    /** 明暗模式三态真相源（响应式只读；亮/暗/跟随系统）。`theme.setMode` 切换；themeIsDark 由本 mode 派生。 */
+    readonly themeMode: DeepReadonly<Ref<AdminThemeMode>>;
+    /** 是否暗色（响应式只读 **派生**；= mode==='system'?系统偏暗:mode==='dark'。appStore.isDarkTheme / 挂值 composable 读此） */
     readonly themeIsDark: DeepReadonly<Ref<boolean>>;
+    /**
+     * 当前 preset 的 layout 运行时维度（响应式只读真相源）。
+     *
+     * = `{ shell?, extractLevel1ToHeader }`——AppLayout 直读：`shell` 缺省回退内置默认
+     * AppShell（经典布局）；`extractLevel1ToHeader` 驱动菜单分流。尺寸 / 套框纯数据维度
+     * 经 `theme.setStyle` 灌进 bridge 响应式布局 config（基线复位 + 叠加），不在此重复。
+     * [MUST NOT] 解构/快照（⚠️ 切换 preset 后定格）。
+     */
+    readonly themeLayout: DeepReadonly<Ref<BridgeThemeLayoutState>>;
     /**
      * 当前生效的 JS 主题色（输出 B：JS 色值直给，与挂值 composable 的 cssvar 输出 A 对称）。
      *

package/types/bridge/theme/index.d.ts

@@ -0,0 +1,10 @@
+import { BridgeThemeHook, BridgeThemeInit } from './types';
+/**
+ * bridge 主题 hook 工厂。
+ *
+ * 每次 `createAdminBridge` 调用各自闭包内构造一份（零模块级单例，守实例隔离）。
+ * init：自动 `add('default', initConfig)`；读持久化恢复 `themeMode` 即时生效、
+ * `themeStyle` 走「desiredStyle 命中再 apply」时序（插件后注册风格亦能恢复）。
+ */
+export declare function createBridgeThemeHook(init: BridgeThemeInit): BridgeThemeHook;
+export type { AdminThemePresetLayout, AdminConfigDescription, AdminThemeLifecycleContext, AdminThemeLifecycleHooks, AdminThemeEntry, AdminThemeMode, AdminThemeModule, BridgeThemeLayoutState, BridgeThemeHook, BridgeThemeLayoutBaseline, BridgeThemeInit, } from './types';

package/types/bridge/theme/persist.d.ts

@@ -0,0 +1,23 @@
+import { StorageLike } from '../index';
+import { AdminThemeMode } from './types';
+/**
+ * bridge 主题模块**持久化**子模块（升级目录拆出）。
+ *
+ * 负责 localStorage 形态的读取 / 兼容迁移：v2 存 `{themeStyle,themeMode}`，读时兼容
+ * 旧 v1 `themeIsDark` 布尔。写入（`persist()`）在工厂内闭包，复用本文件的 shape 类型。
+ */
+/** core 主题持久化的命名空间 key（命名空间前缀已由 storage 加）；缺省值。 */
+export declare const DEFAULT_STORAGE_KEY = "admin-core-theme";
+/** 持久化载荷（v2：明暗存 mode 三态，取代旧 themeIsDark 布尔）。 */
+export interface ThemePersistShape {
+    /** 当前风格名 */
+    themeStyle: string;
+    /** 明暗模式三态（亮/暗/跟随系统） */
+    themeMode: AdminThemeMode;
+}
+/** 读持久化的兼容形态：除 v2 字段外，兼容旧 v1 `themeIsDark` 布尔（迁移用）。 */
+export type ThemePersistRead = Partial<ThemePersistShape & {
+    themeIsDark: boolean;
+}>;
+/** 读持久化（JSON.parse 容错；非法/缺失返 null）。返回兼容形态（含旧 themeIsDark）。 */
+export declare const readPersist: (storage: StorageLike, key: string) => ThemePersistRead | null;

package/types/bridge/theme/system-dark.d.ts

@@ -0,0 +1,14 @@
+/**
+ * bridge 主题模块**系统明暗探测**子模块（升级目录拆出）。
+ *
+ * `prefers-color-scheme: dark` 的一次性读取 + 变更监听；无 matchMedia（SSR / 老环境）
+ * 安全降级。`system` 明暗态下 `themeIsDark` 经此派生。
+ */
+/** 读系统是否偏暗（`prefers-color-scheme: dark`）；无 matchMedia（SSR / 老环境）→ false。 */
+export declare const readSystemPrefersDark: () => boolean;
+/**
+ * 监听系统明暗变化，变更时回调最新值；返回清理函数。
+ * bridge 为 app 单例无 teardown，当前不主动清理（listener 随 app 常驻，可接受）；
+ * 返回清理函数留作未来 dispose / 测试用。无 matchMedia → noop。
+ */
+export declare const watchSystemPrefersDark: (cb: (isDark: boolean) => void) => (() => void);