@done-coding/admin-core 0.3.0 → 0.3.1-alpha.0

package/es/index.mjs

@@ -6,16 +6,16 @@ import { modalInstall as m } from "./components/modal/index.mjs";
 import { tableInstall as f } from "./components/table/index.mjs";
 import { listPageInstall as s } from "./components/list-page/index.mjs";
 import { panelInstall as l } from "./components/panel/index.mjs";
-import { createAdminBridge as A } from "./bridge/index.mjs";
-import { default as C } from "./components/misc/ActionBtn.vue.mjs";
-import { default as T } from "./components/misc/ActionButton.vue.mjs";
-import { default as L } from "./components/misc/ActionButtonDanger.vue.mjs";
+import { createAdminBridge as E } from "./bridge/index.mjs";
+import { default as S } from "./components/misc/ActionBtn.vue.mjs";
+import { default as C } from "./components/misc/ActionButton.vue.mjs";
+import { default as P } from "./components/misc/ActionButtonDanger.vue.mjs";
 import { default as R } from "./components/misc/ActionButtonWarn.vue.mjs";
-import { default as h } from "./components/modal/DetailModal.vue.mjs";
-import { default as N } from "./components/form/FormMain.vue.mjs";
-import { default as b } from "./components/form/FormRadioGroup.vue.mjs";
-import { default as v } from "./components/form/FormSelect.vue.mjs";
-import { default as B } from "./components/form/FormTree.vue.mjs";
+import { default as O } from "./components/modal/DetailModal.vue.mjs";
+import { default as y } from "./components/form/FormMain.vue.mjs";
+import { default as B } from "./components/form/FormRadioGroup.vue.mjs";
+import { default as b } from "./components/form/FormSelect.vue.mjs";
+import { default as v } from "./components/form/FormTree.vue.mjs";
 import { default as U } from "./components/form/FormVerifyCode.vue.mjs";
 import { default as K } from "./components/display/HeightProvider.vue.mjs";
 import { default as k } from "./components/menu/MenuItemSub.vue.mjs";
@@ -24,102 +24,104 @@ import { default as j } from "./components/modal/ModalPorter.vue.mjs";
 import { default as q } from "./components/modal/ModalShelf.vue.mjs";
 import { default as Z } from "./components/panel/PanelItem.vue.mjs";
 import { default as ee } from "./components/panel/PanelMain.vue.mjs";
-import { default as oe } from "./components/misc/TriggerAutoImport.vue.mjs";
-import { default as ae } from "./components/display/WatchSize.vue.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as fe } from "./config/list-model.mjs";
-import { default as le } from "./components/misc/ActionConfirm.vue.mjs";
-import { default as ie } from "./components/misc/AutoRefresh.vue.mjs";
-import { BODY_CONTENT_VIEWPORT_HEIGHT as pe, FULLSCREEN_HEIGHT_CHANNEL as xe, getModalShelfInjectionKey as de } from "./inject/key.mjs";
-import { default as Ie } from "./components/modal/ConfirmModal.vue.mjs";
-import { EXPORT_MAX_LIMIT as ge, OPERATE_COLUMN_PROP as Me, exportCSV as Ae, pickExportColumns as _e } from "./utils/export.mjs";
-import { FORM_CONFIG_SELECT_ALL_VALUE as Se, getConfirmPasswordRule as Te, passwordRule as Fe, setFormComponentType as Le } from "./helpers/form.mjs";
-import { FORM_ITEM_CHANGE_LOADING as Re, generateFormData as Oe, getBlurSubmit as he, getChangeSubmit as De, getDatePickerShortcuts as Ne, getEnterSubmit as ye, getPlaceholder as be, getVModelSugar as Ge, parseFormData as ve, resolveFormLayout as we, setInputComponent as Be, setSelectComponent as He, stringifyFormData as Ue, swiftFormItemConfig as Ve } from "./components/form/utils.mjs";
-import { default as We } from "./components/form/FormSearch.vue.mjs";
-import { default as ze } from "./components/form/FormVerifyImage.vue.mjs";
-import { default as Ye } from "./components/list-page/ListPage.vue.mjs";
-import { default as Qe } from "./components/panel/PanelEditSwitch.vue.mjs";
-import { ROUTE_MODULE_LEVEL as Je, TabsMainReplaceQueryKey as Ze } from "./config/route.mjs";
-import { default as et } from "./components/table/TableMain.vue.mjs";
-import { default as ot } from "./components/display/TabsMain.vue.mjs";
+import { default as oe } from "./components/display/TabsMain.vue.mjs";
+import { default as ae } from "./components/misc/TriggerAutoImport.vue.mjs";
+import { default as fe } from "./components/display/WatchSize.vue.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG as le } from "./config/list-model.mjs";
+import { default as ie } from "./components/misc/ActionConfirm.vue.mjs";
+import { default as pe } from "./components/misc/AutoRefresh.vue.mjs";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as de, TABS_MAIN_VISUAL_LEVEL as ce, getModalShelfInjectionKey as Ie } from "./inject/key.mjs";
+import { default as Ae } from "./components/modal/ConfirmModal.vue.mjs";
+import { EXPORT_MAX_LIMIT as Ee, OPERATE_COLUMN_PROP as _e, exportCSV as Se, pickExportColumns as Te } from "./utils/export.mjs";
+import { FORM_CONFIG_SELECT_ALL_VALUE as Le, getConfirmPasswordRule as Pe, passwordRule as Fe, setFormComponentType as Re } from "./helpers/form.mjs";
+import { FORM_ITEM_CHANGE_LOADING as Oe, generateFormData as De, getBlurSubmit as ye, getChangeSubmit as Ve, getDatePickerShortcuts as Be, getEnterSubmit as Ne, getPlaceholder as be, getVModelSugar as we, parseFormData as ve, resolveFormLayout as Ge, setInputComponent as Ue, setSelectComponent as He, stringifyFormData as Ke, swiftFormItemConfig as We } from "./components/form/utils.mjs";
+import { default as ze } from "./components/form/FormSearch.vue.mjs";
+import { default as Ye } from "./components/form/FormVerifyImage.vue.mjs";
+import { default as Qe } from "./components/list-page/ListPage.vue.mjs";
+import { default as Je } from "./components/panel/PanelEditSwitch.vue.mjs";
+import { ROUTE_MODULE_LEVEL as $e, TabsMainReplaceQueryKey as et } from "./config/route.mjs";
+import { default as ot } from "./components/table/TableMain.vue.mjs";
 import { countAll as at, createListApi as mt, fetchListAll as ft } from "./helpers/list-helper.mjs";
 import { createGenerateRouteMetaRawTree as lt } from "./helpers/route.mjs";
 import { createStorageWithNamespace as it } from "./helpers/storage.mjs";
 import { createUseState as pt } from "./helpers/state.mjs";
 import { createUserStore as dt } from "./store/user.mjs";
-import { flatRouteMetaResolveRaw as It, getRoutePermissionKey as Et } from "./utils/router.mjs";
+import { flatRouteMetaResolveRaw as It, getRoutePermissionKey as gt } from "./utils/router.mjs";
 import { getId as Mt } from "./utils/id.mjs";
 import { timeCountDown as _t } from "./utils/time.mjs";
-import { useActivated as St, useActivatedEvent as Tt, useActivatedExec as Ft } from "./hooks/activated.mjs";
-import { useFeelSize as Pt } from "./hooks/feel-size.mjs";
-import { useMenusDataDispatch as Ot } from "./hooks/menus-dispatch.mjs";
-import { useTimeout as Dt } from "./hooks/timeout.mjs";
-const E = {
+import { useActivated as Tt, useActivatedEvent as Ct, useActivatedExec as Lt } from "./hooks/activated.mjs";
+import { useBreakpoint as Ft } from "./hooks/use-breakpoint.mjs";
+import { useChannelViewportHeight as ht } from "./hooks/use-channel-viewport-height.mjs";
+import { useFeelSize as Dt } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as Vt } from "./hooks/menus-dispatch.mjs";
+import { useTimeout as Nt } from "./hooks/timeout.mjs";
+const g = {
   install(e) {
     e.use(t), e.use(o), e.use(r), e.use(a), e.use(m), e.use(f), e.use(s), e.use(l);
   }
 };
 export {
-  fe as APP_API_LIST_MODEL_KEY_CONFIG,
-  C as ActionBtn,
-  T as ActionButton,
-  L as ActionButtonDanger,
+  le as APP_API_LIST_MODEL_KEY_CONFIG,
+  S as ActionBtn,
+  C as ActionButton,
+  P as ActionButtonDanger,
   R as ActionButtonWarn,
-  le as ActionConfirm,
-  ie as AutoRefresh,
-  pe as BODY_CONTENT_VIEWPORT_HEIGHT,
-  Ie as ConfirmModal,
-  h as DetailModal,
-  ge as EXPORT_MAX_LIMIT,
-  Se as FORM_CONFIG_SELECT_ALL_VALUE,
-  Re as FORM_ITEM_CHANGE_LOADING,
-  xe as FULLSCREEN_HEIGHT_CHANNEL,
-  N as FormMain,
-  b as FormRadioGroup,
-  We as FormSearch,
-  v as FormSelect,
-  B as FormTree,
+  ie as ActionConfirm,
+  pe as AutoRefresh,
+  de as BODY_CONTENT_VIEWPORT_HEIGHT,
+  Ae as ConfirmModal,
+  O as DetailModal,
+  Ee as EXPORT_MAX_LIMIT,
+  Le as FORM_CONFIG_SELECT_ALL_VALUE,
+  Oe as FORM_ITEM_CHANGE_LOADING,
+  y as FormMain,
+  B as FormRadioGroup,
+  ze as FormSearch,
+  b as FormSelect,
+  v as FormTree,
   U as FormVerifyCode,
-  ze as FormVerifyImage,
+  Ye as FormVerifyImage,
   K as HeightProvider,
-  Ye as ListPage,
+  Qe as ListPage,
   k as MenuItemSub,
   X as MenuTree,
   j as ModalPorter,
   q as ModalShelf,
-  Me as OPERATE_COLUMN_PROP,
-  Qe as PanelEditSwitch,
+  _e as OPERATE_COLUMN_PROP,
+  Je as PanelEditSwitch,
   Z as PanelItem,
   ee as PanelMain,
-  Je as ROUTE_MODULE_LEVEL,
-  et as TableMain,
-  ot as TabsMain,
-  Ze as TabsMainReplaceQueryKey,
-  oe as TriggerAutoImport,
-  ae as WatchSize,
+  $e as ROUTE_MODULE_LEVEL,
+  ce as TABS_MAIN_VISUAL_LEVEL,
+  ot as TableMain,
+  oe as TabsMain,
+  et as TabsMainReplaceQueryKey,
+  ae as TriggerAutoImport,
+  fe as WatchSize,
   at as countAll,
-  A as createAdminBridge,
+  E as createAdminBridge,
   lt as createGenerateRouteMetaRawTree,
   mt as createListApi,
   it as createStorageWithNamespace,
   pt as createUseState,
   dt as createUserStore,
   r as displayInstall,
-  Ae as exportCSV,
+  Se as exportCSV,
   ft as fetchListAll,
   It as flatRouteMetaResolveRaw,
   t as formInstall,
-  Oe as generateFormData,
-  he as getBlurSubmit,
-  De as getChangeSubmit,
-  Te as getConfirmPasswordRule,
-  Ne as getDatePickerShortcuts,
-  ye as getEnterSubmit,
+  De as generateFormData,
+  ye as getBlurSubmit,
+  Ve as getChangeSubmit,
+  Pe as getConfirmPasswordRule,
+  Be as getDatePickerShortcuts,
+  Ne as getEnterSubmit,
   Mt as getId,
-  de as getModalShelfInjectionKey,
+  Ie as getModalShelfInjectionKey,
   be as getPlaceholder,
-  Et as getRoutePermissionKey,
-  Ge as getVModelSugar,
-  E as installComponents,
+  gt as getRoutePermissionKey,
+  we as getVModelSugar,
+  g as installComponents,
   s as listPageInstall,
   o as menuInstall,
   a as miscInstall,
@@ -127,19 +129,21 @@ export {
   l as panelInstall,
   ve as parseFormData,
   Fe as passwordRule,
-  _e as pickExportColumns,
-  we as resolveFormLayout,
-  Le as setFormComponentType,
-  Be as setInputComponent,
+  Te as pickExportColumns,
+  Ge as resolveFormLayout,
+  Re as setFormComponentType,
+  Ue as setInputComponent,
   He as setSelectComponent,
-  Ue as stringifyFormData,
-  Ve as swiftFormItemConfig,
+  Ke as stringifyFormData,
+  We as swiftFormItemConfig,
   f as tableInstall,
   _t as timeCountDown,
-  St as useActivated,
-  Tt as useActivatedEvent,
-  Ft as useActivatedExec,
-  Pt as useFeelSize,
-  Ot as useMenusDataDispatch,
-  Dt as useTimeout
+  Tt as useActivated,
+  Ct as useActivatedEvent,
+  Lt as useActivatedExec,
+  Ft as useBreakpoint,
+  ht as useChannelViewportHeight,
+  Dt as useFeelSize,
+  Vt as useMenusDataDispatch,
+  Nt as useTimeout
 };

package/es/inject/key.mjs

@@ -1,13 +1,14 @@
 const o = Symbol.for(
   "BODY_CONTENT_VIEWPORT_HEIGHT"
-), _ = Symbol.for(
-  "FULLSCREEN_HEIGHT_CHANNEL"
 );
-function H(E) {
-  return Symbol.for(`MODAL_SHELF_${E}`);
+function E(_) {
+  return Symbol.for(`MODAL_SHELF_${_}`);
 }
+const T = Symbol.for(
+  "TABS_MAIN_VISUAL_LEVEL"
+);
 export {
   o as BODY_CONTENT_VIEWPORT_HEIGHT,
-  _ as FULLSCREEN_HEIGHT_CHANNEL,
-  H as getModalShelfInjectionKey
+  T as TABS_MAIN_VISUAL_LEVEL,
+  E as getModalShelfInjectionKey
 };

package/es/style.css

@@ -1 +1 @@
-.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-c9b7515f]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-c9b7515f]{padding:8px 16px;border:none;background:transparent;font-size:14px;color:var(--el-text-color-regular);cursor:pointer}.tabs-main-bar-item_active[data-v-c9b7515f]{color:var(--el-color-primary)}.tabs-main-bar-indicator[data-v-c9b7515f]{position:absolute;bottom:0;left:0;height:2px;background:var(--el-color-primary);transition:transform .2s,width .2s}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.action-confirm__title[data-v-1003e4cb]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-1003e4cb]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-1003e4cb]{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-90cd7b54]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-90cd7b54],.table-toolbar-right[data-v-90cd7b54]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-90cd7b54]{animation:table-toolbar-rotating-90cd7b54 1s linear infinite}@keyframes table-toolbar-rotating-90cd7b54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-list-view[data-v-4c7d7547]{width:100%}.table-main-table[data-v-d70ba841]{--el-table-header-bg-color: var(--e731a8f2)}.table-main-pagination[data-v-d70ba841]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-e22c3b7c]{min-height:var(--v09e0228a)}.list-page-header[data-v-e22c3b7c],.list-page-operation[data-v-e22c3b7c]{margin-bottom:10px}.list-page[data-v-e22c3b7c] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-edit-switch[data-v-ea2a07d5]{position:relative}.panel-edit-switch-edit-btn[data-v-ea2a07d5]{position:absolute;top:0;right:0;z-index:1}.panel-edit-switch-actions[data-v-ea2a07d5]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
+.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-search_show[data-v-996aa2dc]{margin-bottom:10px}.form-search .btn-box[data-v-996aa2dc]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-996aa2dc]{margin-right:2px}.form-search[data-v-996aa2dc] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-dbdd01cb]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-dbdd01cb]{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-dbdd01cb]{position:absolute;left:0;background:var(--el-color-primary);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-dbdd01cb]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-dbdd01cb]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-dbdd01cb],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-dbdd01cb]{font-size:12px}.tabs-main-bar--variant-card[data-v-dbdd01cb]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-dbdd01cb]{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-dbdd01cb]:hover:not(.tabs-main-bar-item_active){color:var(--el-color-primary)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-dbdd01cb]{color:var(--el-color-primary);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-dbdd01cb]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-dbdd01cb]: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-dbdd01cb]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-dbdd01cb]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-dbdd01cb]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-dbdd01cb]{color:var(--el-color-primary)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-dbdd01cb]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-dbdd01cb]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-dbdd01cb]{color:var(--el-color-primary)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-dbdd01cb]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-dbdd01cb]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-dbdd01cb]{color:var(--el-color-primary);font-weight:600}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.action-confirm__title[data-v-1003e4cb]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-1003e4cb]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-1003e4cb]{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-90cd7b54]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-90cd7b54],.table-toolbar-right[data-v-90cd7b54]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-90cd7b54]{animation:table-toolbar-rotating-90cd7b54 1s linear infinite}@keyframes table-toolbar-rotating-90cd7b54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-list-view[data-v-4c7d7547]{width:100%}.table-main-table[data-v-feb76359]{--el-table-header-bg-color: var(--v028010cb)}.table-main-pagination[data-v-feb76359]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-d8d188e5]{min-height:var(--v990abd1c)}.list-page-header[data-v-d8d188e5],.list-page-operation[data-v-d8d188e5]{margin-bottom:10px}.list-page[data-v-d8d188e5] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-edit-switch[data-v-ea2a07d5]{position:relative}.panel-edit-switch-edit-btn[data-v-ea2a07d5]{position:absolute;top:0;right:0;z-index:1}.panel-edit-switch-actions[data-v-ea2a07d5]{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.3.0",
+  "version": "0.3.1-alpha.0",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -53,6 +53,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^4.1.2",
     "@vitest/coverage-istanbul": "^1.6.1",
+    "@vue/test-utils": "^2.4.10",
     "jsdom": "^29.1.0",
     "less": "^4.2.0",
     "typescript": "^5.2.2",
@@ -77,5 +78,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "57917c0c51b696e75b0ebe1f701be13ca512364a"
+  "gitHead": "d1b3e1f8a27692f1f54902567599849a61e1595e"
 }

package/types/bridge/index.d.ts

@@ -3,9 +3,9 @@ import { RouteRecordRaw } from 'vue-router';
 /**
  * 认证桥接无状态纯工厂。
  *
- * core 模块级零状态——每次调用 `createAdminBridge()` 在函数作用域内新建一组
- * 闭包变量，返回实例方法闭包持有这组引用。core [MUST NOT] 持已实例化单例
- * （避免 dist/src 双 module instance 分裂，规避机制见 design §2.3，
+ * core 模块级零状态——每次调用 `createAdminBridge({...})` 在函数作用域内新建一组
+ * 闭包变量，传入 init 参数立即初始化，返回可直接使用的实例。core [MUST NOT] 持
+ * 已实例化单例（避免 dist/src 双 module instance 分裂，规避机制见 design §2.3，
  * 结构上不持单例，[MUST NOT] 用 Symbol.for / globalThis 兜底）。
  */
 /**
@@ -167,7 +167,7 @@ export type UserInfoFieldAccess<UserInfo = unknown> = string | {
 /**
  * UserInfo 的 token / refreshToken 双字段访问器集（v3 终锁 Δ0a）。
  *
- * 经 `bridge.init({ userInfoAccess })` 注入 → createUserStore 经
+ * 经 `createAdminBridge({ userInfoAccess })` 注入 → createUserStore 经
  * `bridge.getUserInfoAccess()` 取，使 core 对 UserInfo token/refreshToken
  * 字段名零硬编（用户终锁 1/6）。permission **不入此集**（design D-a）。
  */
@@ -178,7 +178,7 @@ export interface UserInfoAccess<UserInfo = unknown> {
     refreshToken: UserInfoFieldAccess<UserInfo>;
 }
 /**
- * `init` 入参类型，全入参均必传（类型层 required，非 optional）。
+ * `createAdminBridge` 入参类型，全入参均必传。
  *
  * `appConfig` 与 `storage` 均为 env-driven、不依赖 core、app pre-Vue 即可备好；
  * `routes`（#4e additive）为 app 嵌套路由树（带 children），createUserStore 经此算权限树；
@@ -200,17 +200,11 @@ export interface AdminBridgeInitOptions<UserInfo = unknown> {
 /**
  * 认证桥接实例类型。
  *
- * 调用侧 4 auth 方法签名与原 app `@/config` facade 完全一致；新增
- * `init` 启动期一次性注入 + `getAppConfig` / `getStorage` / `getRoutes` post-init 取注册引用。
+ * 调用侧 4 auth 方法签名与原 app `@/config` facade 完全一致。
+ * 工厂 `createAdminBridge(options)` 接收 init 参数，内部立即初始化，
+ * 返回即用的实例——消除 create-then-init 两步时序耦合。
  */
 export interface AdminBridge<UserInfo = unknown, LoginParams = unknown> {
-    /**
-     * 启动期一次性注入 appConfig / storage / routes / userInfoAccess / getUserInfoInitFn
-     * （重复调用运行时幂等覆盖，[MUST NOT] throw/warn；v3 终锁 Δ0c：类型层返回
-     * `Omit<AdminBridge,"init">` 防重复 init 误用 + 支持链式，语句式 `bridge.init({...})`
-     * 调用继续合法不强制消费返回值）。
-     */
-    init: (options: AdminBridgeInitOptions<UserInfo>) => Omit<AdminBridge<UserInfo, LoginParams>, "init">;
     /** 注册 auth fn + 业务 api（增量合并，多次调用就近增量，后注册覆盖前注册） */
     register: (options: AdminBridgeRegisterOptions<UserInfo, LoginParams>) => void;
     /** 取 token（v3 终锁 BR-1 ③ 终裁零参；现有无参调用 `bridge.getToken()` 继续合法，泛型 `<UserInfo>` 纯透传不沾本签名） */
@@ -221,15 +215,15 @@ export interface AdminBridge<UserInfo = unknown, LoginParams = unknown> {
     refreshToken: () => Promise<void>;
     /** 刷新鉴权 */
     refreshAuth: () => Promise<void>;
-    /** post-init 返回 `init` 注册的 appConfig 引用；pre-init 同步 throw */
+    /** 返回 `init` 注册的 appConfig 引用 */
     getAppConfig: () => AppConfig;
-    /** post-init 返回 `init` 注册的 storage 引用；pre-init 同步 throw */
+    /** 返回 `init` 注册的 storage 引用 */
     getStorage: () => StorageLike;
-    /** post-init 返回 `init` 注册的 routes 引用；pre-init 同步 throw */
+    /** 返回 `init` 注册的 routes 引用 */
     getRoutes: () => RouteRecordRaw[];
-    /** post-init 返回 `init` 注册的 userInfoAccess 引用；pre-init 同步 throw（v3 终锁 Δ0d，镜像 getRoutes 范式） */
+    /** 返回 `init` 注册的 userInfoAccess 引用（v3 终锁 Δ0d，镜像 getRoutes 范式） */
     getUserInfoAccess: () => UserInfoAccess<UserInfo>;
-    /** post-init 返回 `init` 注册的 getUserInfoInitFn 引用；pre-init 同步 throw（v3 终锁 Δ0d，镜像 getRoutes 范式） */
+    /** 返回 `init` 注册的 getUserInfoInitFn 引用（v3 终锁 Δ0d，镜像 getRoutes 范式） */
     getUserInfoInitFn: () => () => UserInfo;
     /** 登录 api（createUserStore login 内调；未注册被调同步 throw 原生 Error 前 reject——异步对 reject 原生 Error） */
     loginApi: (params: LoginParams) => Promise<{
@@ -251,11 +245,17 @@ export interface AdminBridge<UserInfo = unknown, LoginParams = unknown> {
     }>;
 }
 /**
- * 认证桥接无状态纯工厂：每次调用返回一个独立的 `AdminBridge` 实例，
- * 实例状态（appConfig / storage / routes / fn 引用 + initialized 闸）仅存在于
+ * 认证桥接无状态纯工厂：接收 init 参数，内部立即初始化，返回可直接使用的
+ * `AdminBridge` 实例。实例状态（appConfig / storage / routes / fn 引用）仅存在于
  * 本次调用的闭包内，工厂自身零状态。
  *
  * @example
- *   const appAdminBridge = createAdminBridge<LoginAccountInfo, AccountLoginParams>();
+ *   const appAdminBridge = createAdminBridge<LoginAccountInfo, AccountLoginParams>({
+ *     appConfig: { ... },
+ *     storage: localStorageWithNamespace,
+ *     routes,
+ *     userInfoAccess: { token: "token", refreshToken: "refresh_token" },
+ *     getUserInfoInitFn: getUserInfoInit,
+ *   });
  */
-export declare function createAdminBridge<UserInfo = unknown, LoginParams = unknown>(): AdminBridge<UserInfo, LoginParams>;
+export declare function createAdminBridge<UserInfo = unknown, LoginParams = unknown>(options: AdminBridgeInitOptions<UserInfo>): AdminBridge<UserInfo, LoginParams>;

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

@@ -3,15 +3,19 @@ import { HeightProviderProps } from './types';
 declare function __VLS_template(): {
     header?(_: {}): any;
     default?(_: {
-        height: number;
+        viewportHeight: number;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HeightProviderProps>, {
-    channel: symbol;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HeightProviderProps>, {
-    channel: symbol;
-}>>> & Readonly<{}>, {
-    channel: symbol;
+    minHeight: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    childViewportHeightChange: (value: number) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HeightProviderProps>, {
+    minHeight: number;
+}>>> & Readonly<{
+    onChildViewportHeightChange?: ((value: number) => any) | undefined;
+}>, {
+    minHeight: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -0,0 +1,42 @@
+import { TabsHeaderVariant, TabsMainItem } from './types';
+
+declare function __VLS_template(): Partial<Record<string, (_: {
+    tab: TabsMainItem;
+    active: boolean;
+}) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    activeKey: import('vue').PropType<string>;
+    level: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
+    tabs: {
+        type: globalThis.PropType<TabsMainItem[]>;
+        required: true;
+    };
+    variant: {
+        type: globalThis.PropType<TabsHeaderVariant>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    activeKey: import('vue').PropType<string>;
+    level: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
+    tabs: {
+        type: globalThis.PropType<TabsMainItem[]>;
+        required: true;
+    };
+    variant: {
+        type: globalThis.PropType<TabsHeaderVariant>;
+    };
+}>> & Readonly<{}>, {
+    level: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -6,32 +6,74 @@ declare function __VLS_template(): Partial<Record<`header-${string}`, (_: {
 }) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<string>;
-    height: {
+    viewportHeight: {
         type: globalThis.PropType<number>;
     };
+    minHeight: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
     channel: {
-        type: globalThis.PropType<symbol>;
-        default: symbol;
+        type: globalThis.PropType<string>;
+    };
+    parentChannel: {
+        type: globalThis.PropType<string>;
+    };
+    padding: {
+        type: globalThis.PropType<import('./types').TabsMainPadding>;
+    };
+    refineReduceHeight: {
+        type: globalThis.PropType<number>;
+        default: number;
     };
     tabs: {
         type: globalThis.PropType<TabsMainItem[]>;
         required: true;
     };
+    variant: {
+        type: globalThis.PropType<import('./types').TabsHeaderVariant>;
+    };
+    refine: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<string>;
-    height: {
+    viewportHeight: {
         type: globalThis.PropType<number>;
     };
+    minHeight: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
     channel: {
-        type: globalThis.PropType<symbol>;
-        default: symbol;
+        type: globalThis.PropType<string>;
+    };
+    parentChannel: {
+        type: globalThis.PropType<string>;
+    };
+    padding: {
+        type: globalThis.PropType<import('./types').TabsMainPadding>;
+    };
+    refineReduceHeight: {
+        type: globalThis.PropType<number>;
+        default: number;
     };
     tabs: {
         type: globalThis.PropType<TabsMainItem[]>;
         required: true;
     };
+    variant: {
+        type: globalThis.PropType<import('./types').TabsHeaderVariant>;
+    };
+    refine: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
-    channel: symbol;
+    minHeight: number;
+    refineReduceHeight: number;
+    refine: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -0,0 +1,16 @@
+declare function __VLS_template(): {
+    header?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    viewportHeightChange: (value: number | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onViewportHeightChange?: ((value: number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,53 @@
+import { TabsMainPadding } from './types';
+
+interface TabsRefineFlowProps {
+    viewportHeight?: number;
+    minHeight?: number;
+    channel?: string;
+    parentChannel?: string;
+    padding?: TabsMainPadding;
+    /** 精细化预留高度(px),从 viewportHeightFinal 中预扣(在 padding 扣减与 HeightProvider header reserve 扣减之外) */
+    refineReduceHeight?: number;
+}
+declare function __VLS_template(): {
+    header?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TabsRefineFlowProps>, {
+    padding: () => TabsMainPadding;
+    refineReduceHeight: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    viewportHeightChange: (value: number | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TabsRefineFlowProps>, {
+    padding: () => TabsMainPadding;
+    refineReduceHeight: number;
+}>>> & Readonly<{
+    onViewportHeightChange?: ((value: number | undefined) => any) | undefined;
+}>, {
+    padding: TabsMainPadding;
+    refineReduceHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};