@done-coding/admin-core 0.11.0 → 0.12.0

package/es/index.mjs

@@ -1,4 +1,4 @@
-import { createAdminBridge as r } from "./bridge/index.mjs";
+import { createAdminBridge as t } from "./bridge/index.mjs";
 import { default as a } from "./components/display/ActionBtn.vue.mjs";
 import { default as f } from "./components/display/ActionBtnGroup.vue.mjs";
 import { default as s } from "./components/display/BooleanTag.vue.mjs";
@@ -16,12 +16,12 @@ import { default as C } from "./components/modal/ModalShelf.vue.mjs";
 import { default as D } from "./components/panel/PanelItem.vue.mjs";
 import { default as B } from "./components/panel/PanelItemNestPanel.vue.mjs";
 import { default as Y } from "./components/misc/SelectModule.vue.mjs";
-import { default as U } from "./components/display/TabsMain.vue.mjs";
+import { default as G } from "./components/display/TabsMain.vue.mjs";
 import { default as K } from "./components/misc/TriggerAutoImport.vue.mjs";
 import { default as w } from "./components/display/WatchSize.vue.mjs";
 import { ADMIN_BRIDGE_KEY as W, APP_LAYOUT_APP_STORE_KEY as k, APP_LAYOUT_BRIDGE_KEY as X, APP_LAYOUT_USER_STORE_KEY as z, BODY_CONTENT_VIEWPORT_HEIGHT as Z, FORM_NEST_REGISTRY_KEY as j, NEST_LAYOUT_SCALE_KEY as Q, TABS_MAIN_VISUAL_LEVEL as q, getModalShelfInjectionKey as J } from "./inject/key.mjs";
 import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_ABOVE as ee, ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as oe } from "./components/app-layout/viewport.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as te } from "./config/list-model.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG as re } from "./config/list-model.mjs";
 import { default as me } from "./components/display/ActionConfirm.vue.mjs";
 import { default as pe } from "./components/app-layout/AppAside.vue.mjs";
 import { default as ue } from "./components/app-layout/AppBody.vue.mjs";
@@ -34,10 +34,10 @@ import { default as Ie } from "./components/app-layout/AppSidebar.vue.mjs";
 import { default as Re } from "./components/app-layout/AppTheme.vue.mjs";
 import { default as Le } from "./components/misc/AutoRefresh.vue.mjs";
 import { default as Oe } from "./components/misc/AutoRefreshGroup.vue.mjs";
-import { default as Ne } from "./components/modal/ConfirmModal.vue.mjs";
-import { EXPORT_MAX_LIMIT as he, OPERATE_COLUMN_PROP as De, exportCSV as ye, pickExportColumns as Be } from "./utils/export.mjs";
-import { FORM_CONFIG_SELECT_ALL_VALUE as Ye, getConfirmPasswordRule as Ge, passwordRule as Ue, setFormComponentType as be } from "./helpers/form.mjs";
-import { FORM_ITEM_CHANGE_LOADING as ve, NEST_LAYOUT_TIERS as we, ceilToTier as He, generateFormData as We, getBlurSubmit as ke, getChangeSubmit as Xe, getDatePickerShortcuts as ze, getEnterSubmit as Ze, getPlaceholder as je, getVModelSugar as Qe, parseFormData as qe, resolveFormLayout as Je, resolveLayoutSpan as $e, setInputComponent as eo, setSelectComponent as oo, stringifyFormData as ro, swiftFormItemConfig as to } from "./components/form/utils.mjs";
+import { default as he } from "./components/modal/ConfirmModal.vue.mjs";
+import { EXPORT_MAX_LIMIT as Ne, OPERATE_COLUMN_PROP as De, exportCSV as ye, pickExportColumns as Be } from "./utils/export.mjs";
+import { FORM_CONFIG_SELECT_ALL_VALUE as Ye, getConfirmPasswordRule as be, passwordRule as Ge, setFormComponentType as Ue } from "./helpers/form.mjs";
+import { FORM_ITEM_CHANGE_LOADING as ve, NEST_LAYOUT_TIERS as we, ceilToTier as He, generateFormData as We, getBlurSubmit as ke, getChangeSubmit as Xe, getDatePickerShortcuts as ze, getEnterSubmit as Ze, getPlaceholder as je, getVModelSugar as Qe, parseFormData as qe, resolveFormLayout as Je, resolveLayoutSpan as $e, setInputComponent as eo, setSelectComponent as oo, stringifyFormData as to, swiftFormItemConfig as ro } from "./components/form/utils.mjs";
 import { default as mo } from "./components/form/FormItemNestForm.vue.mjs";
 import { default as po } from "./components/form/FormItemNestFormList.vue.mjs";
 import { default as uo } from "./components/form/FormMain.vue.mjs";
@@ -49,42 +49,42 @@ import { default as To } from "./components/panel/PanelEditSwitch.vue.mjs";
 import { default as Po } from "./components/panel/PanelItemNestForm.vue.mjs";
 import { default as Fo } from "./components/panel/PanelMain.vue.mjs";
 import { ROUTE_MODULE_LEVEL as Mo, TabsMainReplaceQueryKey as Oo } from "./config/route.mjs";
-import { default as No } from "./components/table/TableMain.vue.mjs";
-import { checkLogin as ho } from "./router/guard/login.mjs";
-import { checkPermission as yo } from "./router/guard/permission.mjs";
-import { countAll as Vo, createListApi as Yo, fetchListAll as Go } from "./helpers/list-helper.mjs";
-import { createAppStore as bo } from "./store/app.mjs";
-import { createGenerateRouteMetaRawTree as vo } from "./bridge/route.mjs";
-import { createGuard as Ho } from "./router/guard/index.mjs";
-import { createNestFormExposeMap as ko } from "./components/form/nest-registry.mjs";
-import { createRoutePermissionStore as zo } from "./store/router-permission.mjs";
-import { createStorageWithNamespace as jo } from "./bridge/storage.mjs";
-import { createUseState as qo } from "./bridge/state.mjs";
-import { createUserStore as $o } from "./store/user.mjs";
-import { flatRouteMetaResolveRaw as or, getRoutePermissionKey as rr } from "./utils/router.mjs";
-import { getId as ar } from "./utils/id.mjs";
-import { nestFormItem as fr } from "./components/form/nest-form-item.mjs";
-import { nestFormItemList as sr } from "./components/form/nest-form-item-list.mjs";
-import { nestPanelForm as lr } from "./components/panel/nest-panel-form.mjs";
-import { nestPanelItem as dr } from "./components/panel/nest-panel-item.mjs";
-import { themeScaleDerive as nr, themeScaleMix as _r } from "./utils/theme-scale.mjs";
-import { timeCountDown as Er } from "./utils/time.mjs";
-import { useActivated as Sr, useActivatedEvent as Tr, useActivatedExec as Ir } from "./hooks/activated.mjs";
-import { useAdminThemeApply as Rr } from "./hooks/use-admin-theme-apply.mjs";
-import { useAdminViewportApply as Lr } from "./hooks/use-admin-viewport-apply.mjs";
-import { useBreakpoint as Or } from "./hooks/use-breakpoint.mjs";
-import { useChannelViewportHeight as Nr } from "./hooks/use-channel-viewport-height.mjs";
-import { useFeelSize as hr } from "./hooks/feel-size.mjs";
-import { useMenusDataDispatch as yr } from "./hooks/menus-dispatch.mjs";
-import { useNestForm as Vr } from "./components/form/use-nest-form.mjs";
-import { useNestFormList as Gr } from "./components/form/use-nest-form-list.mjs";
-import { useNestLayoutScale as br } from "./components/form/use-nest-layout-scale.mjs";
-import { useTimeout as vr } from "./hooks/timeout.mjs";
+import { default as ho } from "./components/table/TableMain.vue.mjs";
+import { buildRhythmCss as No, useAdminThemeApply as Do } from "./hooks/use-admin-theme-apply.mjs";
+import { checkLogin as Bo } from "./router/guard/login.mjs";
+import { checkPermission as Yo } from "./router/guard/permission.mjs";
+import { countAll as Go, createListApi as Uo, fetchListAll as Ko } from "./helpers/list-helper.mjs";
+import { createAppStore as wo } from "./store/app.mjs";
+import { createGenerateRouteMetaRawTree as Wo } from "./bridge/route.mjs";
+import { createGuard as Xo } from "./router/guard/index.mjs";
+import { createNestFormExposeMap as Zo } from "./components/form/nest-registry.mjs";
+import { createRoutePermissionStore as Qo } from "./store/router-permission.mjs";
+import { createStorageWithNamespace as Jo } from "./bridge/storage.mjs";
+import { createUseState as et } from "./bridge/state.mjs";
+import { createUserStore as tt } from "./store/user.mjs";
+import { flatRouteMetaResolveRaw as at, getRoutePermissionKey as mt } from "./utils/router.mjs";
+import { getId as pt } from "./utils/id.mjs";
+import { nestFormItem as ut } from "./components/form/nest-form-item.mjs";
+import { nestFormItemList as xt } from "./components/form/nest-form-item-list.mjs";
+import { nestPanelForm as it } from "./components/panel/nest-panel-form.mjs";
+import { nestPanelItem as _t } from "./components/panel/nest-panel-item.mjs";
+import { themeScaleDerive as Et, themeScaleMix as ct, themeScaleToRgba as St } from "./utils/theme-scale.mjs";
+import { timeCountDown as It } from "./utils/time.mjs";
+import { useActivated as Rt, useActivatedEvent as Ft, useActivatedExec as Lt } from "./hooks/activated.mjs";
+import { useAdminViewportApply as Ot } from "./hooks/use-admin-viewport-apply.mjs";
+import { useBreakpoint as ht } from "./hooks/use-breakpoint.mjs";
+import { useChannelViewportHeight as Nt } from "./hooks/use-channel-viewport-height.mjs";
+import { useFeelSize as yt } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as Vt } from "./hooks/menus-dispatch.mjs";
+import { useNestForm as bt } from "./components/form/use-nest-form.mjs";
+import { useNestFormList as Ut } from "./components/form/use-nest-form-list.mjs";
+import { useNestLayoutScale as vt } from "./components/form/use-nest-layout-scale.mjs";
+import { useTimeout as Ht } from "./hooks/timeout.mjs";
 export {
   W as ADMIN_BRIDGE_KEY,
   ee as ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
   oe as ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW,
-  te as APP_API_LIST_MODEL_KEY_CONFIG,
+  re as APP_API_LIST_MODEL_KEY_CONFIG,
   k as APP_LAYOUT_APP_STORE_KEY,
   X as APP_LAYOUT_BRIDGE_KEY,
   z as APP_LAYOUT_USER_STORE_KEY,
@@ -104,9 +104,9 @@ export {
   Oe as AutoRefreshGroup,
   Z as BODY_CONTENT_VIEWPORT_HEIGHT,
   s as BooleanTag,
-  Ne as ConfirmModal,
+  he as ConfirmModal,
   l as DetailModal,
-  he as EXPORT_MAX_LIMIT,
+  Ne as EXPORT_MAX_LIMIT,
   Ye as FORM_CONFIG_SELECT_ALL_VALUE,
   ve as FORM_ITEM_CHANGE_LOADING,
   j as FORM_NEST_REGISTRY_KEY,
@@ -138,67 +138,69 @@ export {
   Mo as ROUTE_MODULE_LEVEL,
   Y as SelectModule,
   q as TABS_MAIN_VISUAL_LEVEL,
-  No as TableMain,
-  U as TabsMain,
+  ho as TableMain,
+  G as TabsMain,
   Oo as TabsMainReplaceQueryKey,
   K as TriggerAutoImport,
   w as WatchSize,
+  No as buildRhythmCss,
   He as ceilToTier,
-  ho as checkLogin,
-  yo as checkPermission,
-  Vo as countAll,
-  r as createAdminBridge,
-  bo as createAppStore,
-  vo as createGenerateRouteMetaRawTree,
-  Ho as createGuard,
-  Yo as createListApi,
-  ko as createNestFormExposeMap,
-  zo as createRoutePermissionStore,
-  jo as createStorageWithNamespace,
-  qo as createUseState,
-  $o as createUserStore,
+  Bo as checkLogin,
+  Yo as checkPermission,
+  Go as countAll,
+  t as createAdminBridge,
+  wo as createAppStore,
+  Wo as createGenerateRouteMetaRawTree,
+  Xo as createGuard,
+  Uo as createListApi,
+  Zo as createNestFormExposeMap,
+  Qo as createRoutePermissionStore,
+  Jo as createStorageWithNamespace,
+  et as createUseState,
+  tt as createUserStore,
   ye as exportCSV,
-  Go as fetchListAll,
-  or as flatRouteMetaResolveRaw,
+  Ko as fetchListAll,
+  at as flatRouteMetaResolveRaw,
   We as generateFormData,
   ke as getBlurSubmit,
   Xe as getChangeSubmit,
-  Ge as getConfirmPasswordRule,
+  be as getConfirmPasswordRule,
   ze as getDatePickerShortcuts,
   Ze as getEnterSubmit,
-  ar as getId,
+  pt as getId,
   J as getModalShelfInjectionKey,
   je as getPlaceholder,
-  rr as getRoutePermissionKey,
+  mt as getRoutePermissionKey,
   Qe as getVModelSugar,
-  fr as nestFormItem,
-  sr as nestFormItemList,
-  lr as nestPanelForm,
-  dr as nestPanelItem,
+  ut as nestFormItem,
+  xt as nestFormItemList,
+  it as nestPanelForm,
+  _t as nestPanelItem,
   qe as parseFormData,
-  Ue as passwordRule,
+  Ge as passwordRule,
   Be as pickExportColumns,
   Je as resolveFormLayout,
   $e as resolveLayoutSpan,
-  be as setFormComponentType,
+  Ue as setFormComponentType,
   eo as setInputComponent,
   oo as setSelectComponent,
-  ro as stringifyFormData,
-  to as swiftFormItemConfig,
-  nr as themeScaleDerive,
-  _r as themeScaleMix,
-  Er as timeCountDown,
-  Sr as useActivated,
-  Tr as useActivatedEvent,
-  Ir as useActivatedExec,
-  Rr as useAdminThemeApply,
-  Lr as useAdminViewportApply,
-  Or as useBreakpoint,
-  Nr as useChannelViewportHeight,
-  hr as useFeelSize,
-  yr as useMenusDataDispatch,
-  Vr as useNestForm,
-  Gr as useNestFormList,
-  br as useNestLayoutScale,
-  vr as useTimeout
+  to as stringifyFormData,
+  ro as swiftFormItemConfig,
+  Et as themeScaleDerive,
+  ct as themeScaleMix,
+  St as themeScaleToRgba,
+  It as timeCountDown,
+  Rt as useActivated,
+  Ft as useActivatedEvent,
+  Lt as useActivatedExec,
+  Do as useAdminThemeApply,
+  Ot as useAdminViewportApply,
+  ht as useBreakpoint,
+  Nt as useChannelViewportHeight,
+  yt as useFeelSize,
+  Vt as useMenusDataDispatch,
+  bt as useNestForm,
+  Ut as useNestFormList,
+  vt as useNestLayoutScale,
+  Ht as useTimeout
 };

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-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}
+.confirm-modal[data-v-647fb7fd] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-647fb7fd]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-647fb7fd] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-647fb7fd]{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-647fb7fd] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-647fb7fd]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-647fb7fd] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-647fb7fd]{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-83b1b718] .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-0835965e]{margin-bottom:var(--e1f69828)}.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-e4f0fe3b]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-e4f0fe3b]{width:120px}.app-layout[data-v-452f511b]{position:relative}.app-layout_noLogin[data-v-452f511b] .app-body,.app-layout_noLogin[data-v-452f511b] .app-sidebar,.app-layout_noLogin[data-v-452f511b] .app-header,.app-layout_noLogin[data-v-452f511b] .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-e8584319]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-0e94ce51]{min-height:var(--v3390ee15)}.list-page-header[data-v-0e94ce51],.list-page-operation[data-v-0e94ce51]{margin-bottom:10px}.list-page[data-v-0e94ce51] .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/theme-scale.mjs

@@ -1,37 +1,43 @@
-const l = (s) => {
+const c = (s) => {
   const t = s.trim().replace(/^#/, "");
   if (t.length === 3) {
-    const n = parseInt(t[0] + t[0], 16), r = parseInt(t[1] + t[1], 16), e = parseInt(t[2] + t[2], 16);
-    return [n, r, e].some(Number.isNaN) ? null : [n, r, e];
+    const n = parseInt(t[0] + t[0], 16), e = parseInt(t[1] + t[1], 16), r = parseInt(t[2] + t[2], 16);
+    return [n, e, r].some(Number.isNaN) ? null : [n, e, r];
   }
   if (t.length === 6) {
-    const n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), e = parseInt(t.slice(4, 6), 16);
-    return [n, r, e].some(Number.isNaN) ? null : [n, r, e];
+    const n = parseInt(t.slice(0, 2), 16), e = parseInt(t.slice(2, 4), 16), r = parseInt(t.slice(4, 6), 16);
+    return [n, e, r].some(Number.isNaN) ? null : [n, e, r];
   }
   return null;
-}, o = (s, t, n) => {
-  const r = (e) => Math.min(255, Math.max(0, Math.round(e))).toString(16).padStart(2, "0");
-  return `#${r(s)}${r(t)}${r(n)}`;
 }, i = (s, t, n) => {
-  const r = l(s), e = l(t);
-  return !r || !e ? t : o(
-    r[0] * n + e[0] * (1 - n),
-    r[1] * n + e[1] * (1 - n),
-    r[2] * n + e[2] * (1 - n)
+  const e = (r) => Math.min(255, Math.max(0, Math.round(r))).toString(16).padStart(2, "0");
+  return `#${e(s)}${e(t)}${e(n)}`;
+}, o = (s, t, n) => {
+  const e = c(s), r = c(t);
+  return !e || !r ? t : i(
+    e[0] * n + r[0] * (1 - n),
+    e[1] * n + r[1] * (1 - n),
+    e[2] * n + r[2] * (1 - n)
   );
-}, a = (s, t) => {
-  const n = t === "light" ? "#ffffff" : "#141414", r = t === "light" ? "#000000" : "#ffffff", e = (c) => i(n, s, c / 10);
+}, l = (s, t) => {
+  const n = c(s);
+  if (!n) return s;
+  const e = Math.min(1, Math.max(0, t));
+  return `rgba(${n[0]}, ${n[1]}, ${n[2]}, ${e})`;
+}, h = (s, t) => {
+  const n = t === "light" ? "#ffffff" : "#141414", e = t === "light" ? "#000000" : "#ffffff", r = (a) => o(n, s, a / 10);
   return {
     base: s,
-    "light-3": e(3),
-    "light-5": e(5),
-    "light-7": e(7),
-    "light-8": e(8),
-    "light-9": e(9),
-    "dark-2": i(r, s, 0.2)
+    "light-3": r(3),
+    "light-5": r(5),
+    "light-7": r(7),
+    "light-8": r(8),
+    "light-9": r(9),
+    "dark-2": o(e, s, 0.2)
   };
 };
 export {
-  a as themeScaleDerive,
-  i as themeScaleMix
+  h as themeScaleDerive,
+  o as themeScaleMix,
+  l as themeScaleToRgba
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -27,12 +27,13 @@
     "dev": "vite build -w -m hotBuild",
     "prehotBuild": "dc-inject",
     "hotBuild": "vite build -w",
-    "prebuild": "dc-inject",
+    "prebuild": "rimraf types && dc-inject",
     "build": "vue-tsc && vite build",
     "build:test": "pnpm run build",
     "prepack": "pnpm build",
     "test": "vitest",
-    "coverage": "vitest run --coverage"
+    "coverage": "vitest run --coverage",
+    "prebuild:test": "rimraf types"
   },
   "repository": {
     "type": "git",
@@ -59,6 +60,7 @@
     "@vue/test-utils": "^2.4.10",
     "jsdom": "^29.1.0",
     "less": "^4.2.0",
+    "rimraf": "^5.0.1",
     "typescript": "^5.2.2",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^4.5.4",
@@ -79,5 +81,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "a02bf1be515a9ed026b48573c3036fdb42f38dcc"
+  "gitHead": "de49e7d3580a081b7f865fc1a79b76b77221ab99"
 }

package/types/bridge/index.d.ts

@@ -4,11 +4,11 @@ import { createUseState } from './state';
 import { createGenerateRouteMetaRawTree } from './route';
 import { UpdatableConfigKey, UpdatableConfigMap } from './config-hook';
 import { AdminBridgePluginLike } from './plugin';
-import { AdminThemeModule, AdminThemeMode, BridgeThemeLayoutState } from './theme';
+import { AdminThemeModule, AdminThemeMode, AdminThemeDensity, AdminThemeMotion, 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';
+export type { AdminThemeEntry, AdminThemeLifecycleContext, AdminThemeLifecycleHooks, AdminConfigDescription, AdminThemeModule, AdminThemeMode, AdminThemeDensity, AdminThemeMotion, ElSize, AdminThemeComponentDefaults, AdminThemePresetLayout, BridgeThemeLayoutState, BridgeThemeLayoutBaseline, BridgeThemeHook, } from './theme';
 /**
  * 认证桥接无状态纯工厂。
  *
@@ -453,6 +453,21 @@ export interface AdminBridgeInitOptions<UserInfo = unknown> {
     APP_ROUTER_PATHS_CONFIG: AppRouterPathsConfig;
     /** 应用主题配置（light / dark 双主题） */
     APP_THEME_CONFIG: AppThemeConfig;
+    /**
+     * 明暗模式默认值（**仅无缓存时生效**，可选）；缺省 `"light"`。
+     *
+     * 读持久化命中 themeMode → 缓存优先；无缓存才回落本值。设 `"dark"` =「首次进入默认暗色」、
+     * `"system"` =「默认跟随系统」。透传给 theme cache hook 的 `defaultMode`。
+     */
+    defaultThemeMode?: AdminThemeMode;
+    /**
+     * 是否显示内置「风格切换下拉」（AppTheme 的 ElSelect）；缺省 `true`。
+     *
+     * false 时仅隐藏风格下拉，**亮/暗/跟随系统三态切换恒显、不受此控**。风格下拉本就
+     * 仅在注册多风格（list.length>1）时出现，此开关用于「多风格已注册但不想让用户切风格」。
+     * 经 `bridge.showThemeStyleSwitcher` readonly 暴露，AppTheme 直读 `v-if` 自控。
+     */
+    showThemeStyleSwitcher?: boolean;
     /** app 嵌套路由树（必传，#4e additive；createUserStore 权限树依赖 children 嵌套，[MUST NOT] 传扁平化数据） */
     routes: RouteRecordRaw[];
     /** 用户信息空保底工厂（v3 终锁 Δ0b；恒返非空业务字段默认值对象，createUserStore useState 经此取初值，core 不锁业务 shape） */
@@ -551,6 +566,13 @@ export interface AdminBridge<UserInfo = unknown, LoginParams = unknown> {
      * [MUST NOT] 解构/快照（⚠️ 切换 preset 后定格）。
      */
     readonly themeLayout: DeepReadonly<Ref<BridgeThemeLayoutState>>;
+    /**
+     * 当前密度档 / 动效档（响应式只读真相源；明暗无关）。
+     * `useAdminThemeApply` watch 此重写节奏 `<style>`；`theme.setStyle` 按 preset 复位、
+     * `theme.setDensity`/`setMotion` 直接改。[MUST NOT] 解构/快照。
+     */
+    readonly themeDensity: DeepReadonly<Ref<AdminThemeDensity>>;
+    readonly themeMotion: DeepReadonly<Ref<AdminThemeMotion>>;
     /**
      * 当前生效的 JS 主题色（输出 B：JS 色值直给，与挂值 composable 的 cssvar 输出 A 对称）。
      *
@@ -562,6 +584,8 @@ export interface AdminBridge<UserInfo = unknown, LoginParams = unknown> {
      * [MUST NOT] 解构/快照（⚠️ 切换风格/明暗后定格）。
      */
     readonly themeColors: DeepReadonly<Ref<AppThemeColor>>;
+    /** 是否显示内置「风格切换下拉」（AppTheme ElSelect）；init 静态值，缺省 true。亮暗切换恒显、不受此控。 */
+    readonly showThemeStyleSwitcher: boolean;
     /** 用户信息字段访问器集（业务注入；createUserStore 经 bridge.userInfoAccess.<字段>.get/set 读写，第一宪法 core 零字段耦合） */
     readonly userInfoAccess: UserInfoAccess<UserInfo>;
     /**

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

@@ -7,4 +7,4 @@ import { BridgeThemeHook, BridgeThemeInit } from './types';
  * `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';
+export type { AdminThemePresetLayout, AdminConfigDescription, AdminThemeLifecycleContext, AdminThemeLifecycleHooks, AdminThemeEntry, AdminThemeMode, AdminThemeModule, AdminThemeDensity, AdminThemeMotion, ElSize, AdminThemeComponentDefaults, BridgeThemeLayoutState, BridgeThemeHook, BridgeThemeLayoutBaseline, BridgeThemeInit, } from './types';

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

@@ -140,6 +140,62 @@ export interface AdminThemeEntry extends AdminThemeLifecycleHooks {
      * 见 {@link AdminThemePresetLayout}。
      */
     layout?: AdminThemePresetLayout;
+    /**
+     * 密度档（节奏维度）；缺省 → 切到该 preset 复位为 `'cozy'`。
+     * 见 {@link AdminThemeDensity}。setStyle 时复位 + 应用（同 layout「基线复位 + 叠加」语义）。
+     */
+    density?: AdminThemeDensity;
+    /**
+     * 动效档（节奏维度）；缺省 → 切到该 preset 复位为 `'standard'`。
+     * 见 {@link AdminThemeMotion}。
+     */
+    motion?: AdminThemeMotion;
+    /**
+     * 逐族 EP size 覆盖（**期二消费**，本期仅冻结数据形为焊缝）；缺省不覆盖、走 density 档默认。
+     * 仅声明式 size/border/stripe，[MUST NOT] 收行为（design §9 表现 vs 行为边界）。
+     * 见 {@link AdminThemeComponentDefaults}。
+     */
+    componentDefaults?: AdminThemeComponentDefaults;
+}
+/**
+ * element-plus 组件尺寸档（透传给一等公民 size prop）。
+ */
+export type ElSize = "large" | "default" | "small";
+/**
+ * 密度档（persona 节奏维度）：紧凑 / 适中 / 舒展。
+ * 整体平移全局留白 + 控件高 + 字号（取值见 design §2.1）。明暗无关。
+ */
+export type AdminThemeDensity = "compact" | "cozy" | "comfortable";
+/**
+ * 动效档（persona 节奏维度）：急促 / 标准 / 舒缓。
+ * 整体换挡全局过渡时长 + 缓动（取值见 design §2.2）。reduced-motion 无条件压过。
+ */
+export type AdminThemeMotion = "snappy" | "standard" | "calm";
+/**
+ * 逐族 EP size 覆盖（componentDefaults，**期二真例外补丁**；本期仅冻结类型为焊缝）。
+ *
+ * 仅声明式 size 枚举 + table 的 border/stripe，[MUST NOT] 收任何行为 / handler /
+ * validator / 数据流（design §9 表现 vs 行为边界判据：persona 永不拥有行为）。
+ */
+export interface AdminThemeComponentDefaults {
+    /** 表格族默认（size / 是否边框 / 是否斑马纹） */
+    table?: {
+        size?: ElSize;
+        border?: boolean;
+        stripe?: boolean;
+    };
+    /** 表单族默认（size；labelPosition 任务驱动、[MUST NOT] 入此） */
+    form?: {
+        size?: ElSize;
+    };
+    /** 弹窗族默认（size 档→ width 由组件内映射） */
+    modal?: {
+        size?: ElSize;
+    };
+    /** 操作按钮族默认（size） */
+    actionBtn?: {
+        size?: ElSize;
+    };
 }
 /**
  * 主题明暗模式三态：亮 / 暗 / 跟随系统。
@@ -170,6 +226,13 @@ export interface AdminThemeModule {
      * 新代码 [SHOULD] 用 {@link AdminThemeModule.setMode}（支持 `system` 第三态）。
      */
     setDark: (isDark: boolean) => void;
+    /**
+     * 直接设密度档（独立于风格切换；供 UI 偏好 / demo 切换器）。
+     * 注：`setStyle` 会按目标 preset 的 density 复位，故风格切换后手设的密度会被覆盖（同 layout 语义）。
+     */
+    setDensity: (density: AdminThemeDensity) => void;
+    /** 直接设动效档（独立于风格切换；语义同 {@link setDensity}）。 */
+    setMotion: (motion: AdminThemeMotion) => void;
     /** 响应式风格名列表（只读，供 `AppTheme.vue` 下拉；`length>1` 才显示选择）。 */
     list: DeepReadonly<Ref<string[]>>;
     /** 取风格展示名（`add` 注册的 label；缺省回退 name 自身）。 */
@@ -209,6 +272,13 @@ export interface BridgeThemeHook {
      * 尺寸 / 套框纯数据维度经 setStyle 灌 bridge config，不在此重复。
      */
     themeLayout: DeepReadonly<Ref<BridgeThemeLayoutState>>;
+    /**
+     * 当前密度档（响应式只读真相源）；`useAdminThemeApply` watch 此重写节奏 `<style>`。
+     * setStyle 按 preset.density 复位（缺省 `'cozy'`），或 `setDensity` 直接改。
+     */
+    themeDensity: DeepReadonly<Ref<AdminThemeDensity>>;
+    /** 当前动效档（响应式只读真相源）；语义同 {@link themeDensity}（缺省 `'standard'`）。 */
+    themeMotion: DeepReadonly<Ref<AdminThemeMotion>>;
 }
 /**
  * 六组布局 config 的 init 基线快照（`setStyle` 复位 + 叠加用）。
@@ -255,4 +325,12 @@ export interface BridgeThemeInit {
     storage: StorageLike;
     /** 持久化 key（命名空间已由 storage 加前缀）；缺省 `"admin-core-theme"` */
     storageKey?: string;
+    /**
+     * 明暗模式默认值（**仅无缓存时生效**）；缺省 `"light"`。
+     *
+     * 读持久化命中 `themeMode` → 缓存优先覆盖本值（缓存语义不变）；无缓存才回落到此。
+     * 业务侧经 `createAdminBridge({ defaultThemeMode })` 注入，如设 `"dark"` =
+     * 「首次进入（无缓存）默认暗色」、`"system"` =「默认跟随系统」。
+     */
+    defaultMode?: AdminThemeMode;
 }

package/types/components/app-layout/AppLayout.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Props = {
     adminBridge: AppLayoutBridgeSlice;
     appStore: AppLayoutAppStoreSlice;
     userStore: AppLayoutUserStoreSlice;
-    /** 水印内容（空数组/空串/undefined 不展示）；layout 不耦合 UserInfo shape，由业务侧派生 */
+    /** 水印内容（空数组/空串/undefined 不展示 = 关闭水印）；layout 不耦合 UserInfo shape，由业务侧派生 */
     watermarkContent?: WatermarkProps["content"];
     /**
      * sidebar 层级是否高于 header（#7.5 期新增，默认 false）。

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

@@ -41,7 +41,7 @@ export type AppLayoutUserStoreSlice<UserInfo = Record<string, any>> = ReturnType
  * （getRoutes / generateRouteMetaRawTree）。loginApi / refreshToken 等 auth
  * 面不通过本 slice 暴露（业务侧通过 appAdminBridge 直读）。
  */
-export type AppLayoutBridgeSlice = Pick<AdminBridge, "APP_BASE_INFO" | "APP_ENV_INFO" | "APP_CACHE_CONFIG" | "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_LAYOUT_GAP_CONFIG" | "APP_LAYOUT_CONFIG" | "APP_ROUTER_META_DEFAULT_CONFIG" | "APP_ROUTER_CONFIG" | "APP_ROUTER_PATHS_CONFIG" | "APP_THEME_CONFIG" | "theme" | "themeStyle" | "themeMode" | "themeIsDark" | "themeLayout" | "themeColors" | "getRoutes" | "generateRouteMetaRawTree">;
+export type AppLayoutBridgeSlice = Pick<AdminBridge, "APP_BASE_INFO" | "APP_ENV_INFO" | "APP_CACHE_CONFIG" | "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_LAYOUT_GAP_CONFIG" | "APP_LAYOUT_CONFIG" | "APP_ROUTER_META_DEFAULT_CONFIG" | "APP_ROUTER_CONFIG" | "APP_ROUTER_PATHS_CONFIG" | "APP_THEME_CONFIG" | "theme" | "themeStyle" | "themeMode" | "themeIsDark" | "themeLayout" | "themeDensity" | "themeMotion" | "themeColors" | "showThemeStyleSwitcher" | "getRoutes" | "generateRouteMetaRawTree">;
 /**
  * 内容锚 slot 名集（焊缝契约 ③，纯功能语义；P1' 去布局化重做）。
  *

package/types/hooks/use-admin-theme-apply.d.ts

@@ -1,11 +1,28 @@
 import { DeepReadonly } from 'vue';
-import { AppThemeConfig } from '../bridge';
+import { AppThemeConfig, AdminThemeDensity, AdminThemeMotion } from '../bridge';
+/**
+ * 构建节奏 `<style>` 文本：单 `:root{}` 块（明暗无关，[MUST NOT] 进 `:root.dark`）
+ * + reduced-motion 兜底块（无条件压过三档，design §2.3）。
+ *
+ * dual-write 规格（design §3）：control-height→`--el-component-size`、font-base→
+ * `--el-font-size-base`、motion-duration→`--el-transition-duration-fast`、
+ * duration-slow→`--el-transition-duration`、easing→两个 EP bezier。spacing 四 token
+ * EP 无对应、仅挂 admin-core（EP 内部写死间距由 §3.1 受控桥接样式重映射）。
+ */
+export declare function buildRhythmCss(density: AdminThemeDensity, motion: AdminThemeMotion): string;
 /** `useAdminThemeApply` 入参。 */
 export interface UseAdminThemeApplyOptions {
     /** 当前风格 config 响应式获取器（= `bridge.APP_THEME_CONFIG`，含 light/dark） */
     getThemeConfig: () => AppThemeConfig | DeepReadonly<AppThemeConfig>;
     /** 是否暗色响应式获取器（= `bridge.themeIsDark.value`） */
     getThemeIsDark: () => boolean;
+    /**
+     * 当前密度档响应式获取器（= `bridge.themeDensity.value`）。
+     * 与 {@link getThemeMotion} **同时**提供才注入节奏 `<style>`；缺省 → 不挂节奏（向后兼容）。
+     */
+    getThemeDensity?: () => AdminThemeDensity;
+    /** 当前动效档响应式获取器（= `bridge.themeMotion.value`）；语义同 {@link getThemeDensity}。 */
+    getThemeMotion?: () => AdminThemeMotion;
     /** 注入 document（测试 / SSR）；缺省 `globalThis.document`，不存在时静默跳过 */
     document?: Document;
 }