@choubo/kerthus-web-admin-shell 0.2.0 → 0.4.0

package/README.md

@@ -21,6 +21,32 @@ branding, actions, and application content. Menu clicks use the host navigation
 port and emit `menuClick`; collapsed state is controlled through
 `v-model:collapsed`.
 
+`ClassicAdminLayout` composes the Kerthus classic header, dark sidebar, 40px
+tabs, settings drawer, and content frame. Its defaults follow the old Kerthus
+project settings: 48px white header, mixed split navigation, 240px `#212121`
+sidebar, and `#f4f7f9` content background. The host can choose `sidebar`,
+`top-menu`, `mix`, or `mix-sidebar`; a persisted setting can override the
+defaults. Pass the host's `CachePort` as `settingsCache` and a per-user/tenant
+`settingsKey` if preferences must survive sign-in or tenant changes.
+Load `ant-design-vue/dist/antd.css` before
+`@choubo/kerthus-web-admin-shell/style.css` in the host entry.
+The Classic shell uses the legacy nested menu, four layout modes, tab mask and
+context actions, drag resizing, appearance and transition settings, responsive
+navigation, scroll-to-top, and an optional auto-lock event.
+
+The host supplies `menus`, `tabs`, `activeTab`, optional `breadcrumbs`, and
+`headerPorts` for applications, notifications, errors, help, user actions, and
+locales. Use the `brand`, `railBrand`, `headerActions`, `navigation`, `tabs`,
+`footer`, `agentHost`, `lockScreen`, `sessionTimeout`, and default slots for
+host-specific UI. Listen to `tabSelect`, `tabClose`,
+`tabRefresh`, `tabCloseAction`, and `tabReorder` to update the host's tab store;
+`menuClick` reports navigation, and `settingsChange` reports the complete
+settings value. The runtime navigation port performs menu and tab navigation.
+The host handles `lock` and optional `clearState` events. The shell does not
+fetch applications or notifications or mutate user accounts.
+See the [integration checklist](https://github.com/alexQi/kerthus-web/blob/main/docs/architecture/classic-admin-layout.md)
+and run `yarn demo:classic` from the repository for a local visual reference.
+
 `AdminTabs` displays host supplied tabs with refresh and close actions.
 `closeTabs` preserves affixed tabs for close current, left, right, others, and
 all operations. The host owns tab persistence and refresh behavior.

package/dist/application/AdminAppSwitcher.vue.d.ts

@@ -11,12 +11,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loading?: boolean;
     error?: string;
     label?: string;
+    icon?: string;
     emptyLabel?: string;
     loadingLabel?: string;
     invalidUrlLabel?: string;
     confirmSwitch?: (app: AdminAppItem) => boolean | Promise<boolean>;
 }>, {
     label: string;
+    icon: string;
     emptyLabel: string;
     loadingLabel: string;
     invalidUrlLabel: string;
@@ -30,12 +32,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loading?: boolean;
     error?: string;
     label?: string;
+    icon?: string;
     emptyLabel?: string;
     loadingLabel?: string;
     invalidUrlLabel?: string;
     confirmSwitch?: (app: AdminAppItem) => boolean | Promise<boolean>;
 }>, {
     label: string;
+    icon: string;
     emptyLabel: string;
     loadingLabel: string;
     invalidUrlLabel: string;
@@ -45,6 +49,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onOpen?: (() => any) | undefined;
 }>, {
     label: string;
+    icon: string;
     loadingLabel: string;
     emptyLabel: string;
     invalidUrlLabel: string;

package/dist/application/AdminFullscreenButton.vue.d.ts

@@ -1,18 +1,28 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     enterLabel?: string;
     exitLabel?: string;
+    enterIcon?: string;
+    exitIcon?: string;
 }>, {
     enterLabel: string;
     exitLabel: string;
+    enterIcon: string;
+    exitIcon: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     enterLabel?: string;
     exitLabel?: string;
+    enterIcon?: string;
+    exitIcon?: string;
 }>, {
     enterLabel: string;
     exitLabel: string;
+    enterIcon: string;
+    exitIcon: string;
 }>>> & Readonly<{}>, {
     enterLabel: string;
     exitLabel: string;
+    enterIcon: string;
+    exitIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/application/AdminNotificationCenter.vue.d.ts

@@ -13,10 +13,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         label: string;
     }[];
     label?: string;
+    icon?: string;
+    classic?: boolean;
     emptyLabel?: string;
     markAllLabel?: string;
 }>, {
     label: string;
+    icon: string;
+    classic: boolean;
     emptyLabel: string;
     markAllLabel: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -29,10 +33,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         label: string;
     }[];
     label?: string;
+    icon?: string;
+    classic?: boolean;
     emptyLabel?: string;
     markAllLabel?: string;
 }>, {
     label: string;
+    icon: string;
+    classic: boolean;
     emptyLabel: string;
     markAllLabel: string;
 }>>> & Readonly<{
@@ -40,7 +48,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onMarkAllRead?: (() => any) | undefined;
 }>, {
     label: string;
+    icon: string;
     emptyLabel: string;
+    classic: boolean;
     markAllLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/application/AdminUserMenu.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         key: string;
         label: string;
         icon?: string;
+        dividerBefore?: boolean;
     }[];
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (key: string) => void;
@@ -17,6 +18,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         key: string;
         label: string;
         icon?: string;
+        dividerBefore?: boolean;
     }[];
 }>>> & Readonly<{
     onSelect?: ((key: string) => any) | undefined;

package/dist/application/AppSearch.vue.d.ts

@@ -1,2 +1,19 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { AdminMenuItem } from '../menu/types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    menuItems?: AdminMenuItem[];
+    classic?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    menuItems?: AdminMenuItem[];
+    classic?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 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;
+    };
+};

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { createAdminMenuPlugin, useAdminMenuPort, adminMenuKey } from './menu/ru
 export { getAllParentPath } from './menu/paths';
 export type { AdminMenuItem, AdminMenuRoute, AdminMenuSettings, AdminMenuPort } from './menu/types';
 export { default as BasicMenu } from './menu/BasicMenu.vue';
+export { default as ClassicMenu } from './menu/ClassicMenu.vue';
 export { default as SimpleMenu } from './menu/SimpleMenu.vue';
 export { default as SimpleMenuTag } from './menu/SimpleMenuTag.vue';
 export { default as AppLogo } from './application/AppLogo.vue';
@@ -20,6 +21,11 @@ export { default as AdminUserMenu } from './application/AdminUserMenu.vue';
 export { default as AdminNotificationCenter } from './application/AdminNotificationCenter.vue';
 export type { AdminNotification } from './application/AdminNotificationCenter.vue';
 export { default as AdminLayout } from './layout/AdminLayout.vue';
+export { default as ClassicAdminLayout } from './layout/ClassicAdminLayout.vue';
+export type { ClassicHeaderPorts } from './layout/ClassicAdminLayout.vue';
+export { classicLayoutDefaults, normalizeClassicLayoutSettings, createClassicLayoutSettingsController } from './layout/classic-settings';
+export type { ClassicMenuType, ClassicLayoutSettings, ClassicLayoutPatch, ClassicLayoutSettingsController } from './layout/classic-settings';
+export { firstClassicPage, resolveClassicNavigation } from './layout/classic-navigation';
 export { default as AdminBreadcrumb } from './pages/AdminBreadcrumb.vue';
 export { default as AdminIframeView } from './pages/AdminIframeView.vue';
 export { default as AdminLoginView } from './pages/AdminLoginView.vue';