@delon/theme 20.1.0 → 21.0.0-next.1

package/layout-default/style/_layout.less

@@ -66,7 +66,8 @@ body {
     }
 
     // fix width
-    nz-input-group {
+    nz-input-group,
+    nz-input-wrapper {
       width: auto;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delon/theme",
-  "version": "20.1.0",
+  "version": "21.0.0-next.1",
   "author": "cipchk<cipchk@qq.com>",
   "license": "MIT",
   "repository": {
@@ -21,37 +21,37 @@
     "component"
   ],
   "dependencies": {
-    "ng-zorro-antd": "^20.3.1",
-    "@delon/acl": "^20.1.0",
-    "@delon/abc": "^20.1.0",
-    "@delon/form": "^20.1.0",
-    "@delon/util": "^20.1.0",
+    "ng-zorro-antd": "^21.0.0-beta.0",
+    "@delon/acl": "^21.0.0-next.1",
+    "@delon/abc": "^21.0.0-next.1",
+    "@delon/form": "^21.0.0-next.1",
+    "@delon/util": "^21.0.0-next.1",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/theme.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/theme.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/theme.d.ts",
       "default": "./fesm2022/theme.mjs"
     },
     "./layout-blank": {
-      "types": "./layout-blank/index.d.ts",
+      "types": "./types/layout-blank.d.ts",
       "default": "./fesm2022/layout-blank.mjs"
     },
     "./layout-default": {
-      "types": "./layout-default/index.d.ts",
+      "types": "./types/layout-default.d.ts",
       "default": "./fesm2022/layout-default.mjs"
     },
     "./setting-drawer": {
-      "types": "./setting-drawer/index.d.ts",
+      "types": "./types/setting-drawer.d.ts",
       "default": "./fesm2022/setting-drawer.mjs"
     },
     "./theme-btn": {
-      "types": "./theme-btn/index.d.ts",
+      "types": "./types/theme-btn.d.ts",
       "default": "./fesm2022/theme-btn.mjs"
     }
   },

package/system/theme-default.less

@@ -90,7 +90,7 @@
 @ul-ol-margin:      18px;
 
 // position
-@zindex-base:       @zindex-back-top - 1;
+@zindex-base:       100;
 @zindex-fixed:      @zindex-base;
 @zindex:            @zindex-base;
 

package/types/layout-default.d.ts

@@ -0,0 +1,210 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnDestroy } from '@angular/core';
+import * as i2 from '@angular/router';
+import { Event } from '@angular/router';
+import { NzSafeAny } from 'ng-zorro-antd/core/types';
+import * as i1 from '@angular/common';
+import * as i3 from 'ng-zorro-antd/tooltip';
+import * as i4 from 'ng-zorro-antd/icon';
+import * as i5 from 'ng-zorro-antd/avatar';
+import * as i6 from 'ng-zorro-antd/dropdown';
+import * as i7 from 'ng-zorro-antd/badge';
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import { SafeHtml } from '@angular/platform-browser';
+import { MenuInner, Menu } from '@delon/theme';
+import * as _delon_theme_layout_default from '@delon/theme/layout-default';
+
+type LayoutDefaultHeaderItemHidden = 'pc' | 'mobile' | 'none';
+type LayoutDefaultHeaderItemDirection = 'left' | 'middle' | 'right';
+interface LayoutDefaultOptions {
+    /**
+     * Custom Logo Area
+     *
+     * 自定义 Logo 区域
+     */
+    logo?: TemplateRef<NzSafeAny> | null;
+    /**
+     * Logo url of expanded status, default: `./assets/logo-full.svg`
+     *
+     * 展开时 Logo 地址，默认：`./assets/logo-full.svg`
+     */
+    logoExpanded?: string;
+    /**
+     * Logo url of collapsed status, default: `./assets/logo.svg`
+     *
+     * 收缩时 Logo 地址，默认：`./assets/logo.svg`
+     */
+    logoCollapsed?: string;
+    /**
+     * Specify the logo routing address, default: `/`
+     *
+     * 指定 Logo 路由地址，默认：`/`
+     */
+    logoLink?: string;
+    /**
+     * Specify a fixed logo width
+     *
+     * 指定固定 Logo 宽度
+     */
+    logoFixWidth?: number;
+    /**
+     * Hide the sidebar without showing the collapsed icon button, default: `false`
+     *
+     * 隐藏侧边栏，同时不显收缩图标按钮，默认：`false`
+     */
+    hideAside?: boolean;
+    /**
+     * Hide top bar, default: `false`
+     *
+     * 隐藏顶栏，默认：`false`
+     */
+    hideHeader?: boolean;
+    /**
+     * Whether to display the menu collapse button on the top bar, default: `true`
+     *
+     * 是否在顶栏显示菜单折叠按钮，默认：`true`
+     */
+    showHeaderCollapse?: boolean;
+    /**
+     * Whether to show the menu collapse button at the bottom of the sidebar, default: `false`
+     *
+     * 是否在侧边栏底部显示菜单折叠按钮，默认：`false`
+     */
+    showSiderCollapse?: boolean;
+}
+
+declare class LayoutDefaultHeaderItemComponent {
+    readonly host: _angular_core.Signal<TemplateRef<void> | undefined>;
+    readonly hidden: _angular_core.InputSignal<LayoutDefaultHeaderItemHidden>;
+    readonly direction: _angular_core.InputSignal<LayoutDefaultHeaderItemDirection>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutDefaultHeaderItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutDefaultHeaderItemComponent, "layout-default-header-item", never, { "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutDefaultService {
+    private readonly settings;
+    private readonly bm;
+    readonly options: _angular_core.WritableSignal<LayoutDefaultOptions>;
+    readonly collapsedIcon: _angular_core.WritableSignal<string>;
+    constructor();
+    private checkMedia;
+    /**
+     * Set layout configuration
+     *
+     * 设置布局配置
+     */
+    setOptions(options?: LayoutDefaultOptions | null): void;
+    /**
+     * Toggle the collapsed state of the sidebar menu bar
+     *
+     * 切换侧边栏菜单栏折叠状态
+     */
+    toggleCollapsed(status?: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutDefaultService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LayoutDefaultService>;
+}
+
+declare class LayoutDefaultComponent {
+    private readonly router;
+    private readonly msgSrv;
+    private readonly settings;
+    private readonly doc;
+    protected readonly srv: LayoutDefaultService;
+    protected readonly headerItems: _angular_core.Signal<readonly LayoutDefaultHeaderItemComponent[]>;
+    protected opt: _angular_core.WritableSignal<LayoutDefaultOptions>;
+    protected layout: _angular_core.WritableSignal<any>;
+    readonly options: _angular_core.InputSignal<LayoutDefaultOptions | undefined>;
+    readonly asideUser: _angular_core.InputSignal<TemplateRef<void> | null | undefined>;
+    readonly asideBottom: _angular_core.InputSignal<TemplateRef<any> | null | undefined>;
+    readonly nav: _angular_core.InputSignal<TemplateRef<void> | null | undefined>;
+    readonly content: _angular_core.InputSignal<TemplateRef<void> | null | undefined>;
+    readonly customError: _angular_core.InputSignal<string | null | undefined>;
+    readonly fetchingStrictly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly fetching: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private isFetching;
+    readonly showFetching: _angular_core.Signal<boolean>;
+    constructor();
+    processEv(ev: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutDefaultComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutDefaultComponent, "layout-default", ["layoutDefault"], { "options": { "alias": "options"; "required": false; "isSignal": true; }; "asideUser": { "alias": "asideUser"; "required": false; "isSignal": true; }; "asideBottom": { "alias": "asideBottom"; "required": false; "isSignal": true; }; "nav": { "alias": "nav"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "customError": { "alias": "customError"; "required": false; "isSignal": true; }; "fetchingStrictly": { "alias": "fetchingStrictly"; "required": false; "isSignal": true; }; "fetching": { "alias": "fetching"; "required": false; "isSignal": true; }; }, {}, ["headerItems"], ["*"], true, never>;
+}
+
+interface Nav extends MenuInner {
+    _needIcon?: boolean;
+    _text?: SafeHtml;
+}
+declare class LayoutDefaultNavComponent implements OnDestroy {
+    private readonly doc;
+    private readonly win;
+    private readonly router;
+    private readonly render;
+    private readonly menuSrv;
+    private readonly settings;
+    private readonly sanitizer;
+    private bodyEl;
+    private floatingEl;
+    dir: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
+    list: _angular_core.WritableSignal<Nav[]>;
+    readonly disabledAcl: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly autoCloseUnderPad: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly recursivePath: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hideEmptyChildren: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly openStrictly: _angular_core.InputSignal<boolean | undefined>;
+    readonly maxLevelIcon: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly select: _angular_core.OutputEmitterRef<Menu>;
+    get collapsed(): boolean;
+    constructor();
+    private getLinkNode;
+    private floatingClickHandle;
+    private clearFloating;
+    private genFloating;
+    private genSubNode;
+    private hideAll;
+    private calPos;
+    protected showSubMenu(e: MouseEvent, item: Nav): void;
+    protected to(item: Menu): void;
+    protected toggleOpen(item: Nav): void;
+    protected _click(): void;
+    protected closeSubMenu(): void;
+    private openByUrl;
+    private fixHide;
+    private get isPad();
+    private underPad;
+    private openAside;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutDefaultNavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutDefaultNavComponent, "layout-default-nav", never, { "disabledAcl": { "alias": "disabledAcl"; "required": false; "isSignal": true; }; "autoCloseUnderPad": { "alias": "autoCloseUnderPad"; "required": false; "isSignal": true; }; "recursivePath": { "alias": "recursivePath"; "required": false; "isSignal": true; }; "hideEmptyChildren": { "alias": "hideEmptyChildren"; "required": false; "isSignal": true; }; "openStrictly": { "alias": "openStrictly"; "required": false; "isSignal": true; }; "maxLevelIcon": { "alias": "maxLevelIcon"; "required": false; "isSignal": true; }; }, { "select": "select"; }, never, never, true, never>;
+}
+
+declare class LayoutDefaultHeaderComponent {
+    protected readonly app: any;
+    protected readonly srv: LayoutDefaultService;
+    readonly items: _angular_core.InputSignal<readonly LayoutDefaultHeaderItemComponent[]>;
+    protected left: _angular_core.Signal<LayoutDefaultHeaderItemComponent[]>;
+    protected middle: _angular_core.Signal<LayoutDefaultHeaderItemComponent[]>;
+    protected right: _angular_core.Signal<LayoutDefaultHeaderItemComponent[]>;
+    protected opt: _angular_core.WritableSignal<_delon_theme_layout_default.LayoutDefaultOptions>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutDefaultHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutDefaultHeaderComponent, "layout-default-header", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LayoutDefaultHeaderItemTriggerDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutDefaultHeaderItemTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LayoutDefaultHeaderItemTriggerDirective, "[layout-default-header-item-trigger]", never, {}, {}, never, never, true, never>;
+}
+
+declare class LayoutDefaultTopMenuItemComponent {
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutDefaultTopMenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutDefaultTopMenuItemComponent, "layout-default-top-menu-item", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutDefaultModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutDefaultModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LayoutDefaultModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.NzTooltipModule, typeof i4.NzIconModule, typeof i5.NzAvatarModule, typeof i6.NzDropdownModule, typeof i7.NzBadgeModule, typeof LayoutDefaultComponent, typeof LayoutDefaultNavComponent, typeof LayoutDefaultHeaderComponent, typeof LayoutDefaultHeaderItemComponent, typeof LayoutDefaultHeaderItemTriggerDirective, typeof LayoutDefaultTopMenuItemComponent], [typeof LayoutDefaultComponent, typeof LayoutDefaultNavComponent, typeof LayoutDefaultHeaderComponent, typeof LayoutDefaultHeaderItemComponent, typeof LayoutDefaultHeaderItemTriggerDirective, typeof LayoutDefaultTopMenuItemComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LayoutDefaultModule>;
+}
+
+export { LayoutDefaultComponent, LayoutDefaultHeaderComponent, LayoutDefaultHeaderItemComponent, LayoutDefaultHeaderItemTriggerDirective, LayoutDefaultModule, LayoutDefaultNavComponent, LayoutDefaultService, LayoutDefaultTopMenuItemComponent };
+export type { LayoutDefaultHeaderItemDirection, LayoutDefaultHeaderItemHidden, LayoutDefaultOptions, Nav };

package/types/theme-btn.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, OnDestroy } from '@angular/core';
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import * as i1 from '@angular/common';
+import * as i2 from 'ng-zorro-antd/dropdown';
+import * as i3 from 'ng-zorro-antd/tooltip';
+
+interface ThemeBtnType {
+    key: string;
+    text: string;
+}
+declare const ALAIN_THEME_BTN_KEYS: InjectionToken<string>;
+declare class ThemeBtnComponent implements OnDestroy {
+    private readonly doc;
+    private readonly platform;
+    private readonly renderer;
+    private readonly configSrv;
+    protected dir: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
+    private key;
+    private theme;
+    protected isDev: boolean;
+    readonly types: _angular_core.InputSignal<ThemeBtnType[]>;
+    readonly devTips: _angular_core.InputSignal<string>;
+    readonly deployUrl: _angular_core.InputSignal<string>;
+    readonly themeChange: _angular_core.OutputEmitterRef<string>;
+    constructor();
+    private initTheme;
+    private updateChartTheme;
+    onThemeChange(theme: string): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeBtnComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeBtnComponent, "theme-btn", never, { "types": { "alias": "types"; "required": false; "isSignal": true; }; "devTips": { "alias": "devTips"; "required": false; "isSignal": true; }; "deployUrl": { "alias": "deployUrl"; "required": false; "isSignal": true; }; }, { "themeChange": "themeChange"; }, never, never, true, never>;
+}
+
+declare class ThemeBtnModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeBtnModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThemeBtnModule, never, [typeof i1.CommonModule, typeof i2.NzDropdownModule, typeof i3.NzTooltipModule, typeof ThemeBtnComponent], [typeof ThemeBtnComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThemeBtnModule>;
+}
+
+export { ALAIN_THEME_BTN_KEYS, ThemeBtnComponent, ThemeBtnModule };
+export type { ThemeBtnType };

package/{index.d.ts → types/theme.d.ts}

@@ -257,9 +257,9 @@ declare class SettingsService<L extends Layout = Layout, U extends User = User,
     private readonly KEYS;
     private readonly platform;
     private notify$;
-    private _app;
-    private _user;
-    private _layout;
+    readonly appSignal: i0.WritableSignal<A>;
+    readonly userSignal: i0.WritableSignal<U>;
+    readonly layoutSignal: i0.WritableSignal<L>;
     getData(key: string): NzSafeAny;
     setData(key: string, value: NzSafeAny): void;
     get layout(): L;
@@ -431,8 +431,6 @@ interface AlainI18NService {
      * Change language
      *
      * 变更语言
-     *
-     * @param emit 是否触发 `change`，默认：true ; Should be removed, please use `change` event instead.
      */
     use(lang: string, data?: Record<string, unknown>): void;
     /**
@@ -445,7 +443,6 @@ interface AlainI18NService {
      * Translate 翻译
      *
      * @param params 模板所需要的参数对象
-     * @param isSafe 是否返回安全字符，自动调用 `bypassSecurityTrustHtml`; Should be removed, If you need SafeHtml support, please use `| html` pipe instead.
      */
     fanyi(path: string, params?: unknown | unknown[]): string;
 }
@@ -462,6 +459,10 @@ declare abstract class AlainI18nBaseService implements AlainI18NService {
     get currentLang(): string;
     get data(): Record<string, string>;
     constructor();
+    /**
+     * Merge the data into the current language data.
+     */
+    mergeData(data?: Record<string, unknown>): void;
     /**
      * Flattened data source
      *
@@ -1392,6 +1393,23 @@ interface ExceptionLocaleData extends LocaleData {
     500: string;
     backToHome: string;
 }
+interface DatePickerLocaleData extends LocaleData {
+    today: string;
+    yesterday: string;
+    last3Days: string;
+    last7Days: string;
+    thisWeek: string;
+    lastWeek: string;
+    thisMonth: string;
+    lastMonth: string;
+    thisYear: string;
+}
+interface LoadingLocaleData extends LocaleData {
+    text: string;
+}
+interface PageHeaderLocaleData extends LocaleData {
+    home: string;
+}
 interface NoticeIconLocaleData extends LocaleData {
     emptyText: string;
     clearText: string;
@@ -1413,6 +1431,7 @@ interface STLocaleData extends LocaleData {
     total: string;
     filterConfirm: string;
     filterReset: string;
+    more: string;
 }
 interface SFLocaleData extends LocaleData {
     submit: string;
@@ -1473,6 +1492,9 @@ interface FullLocaleData {
     reuseTab: ReuseTabLocaleData;
     tagSelect: TagSelectLocaleData;
     onboarding: OnboardingLocaleData;
+    datePicker: DatePickerLocaleData;
+    loading: LoadingLocaleData;
+    pageHeader: PageHeaderLocaleData;
     miniProgress: MiniProgressLocaleData;
     st: STLocaleData;
     sf: SFLocaleData;
@@ -1698,4 +1720,4 @@ declare class PreloadOptionalModules implements PreloadingStrategy {
 declare const VERSION: Version;
 
 export { ALAIN_I18N_TOKEN, ALAIN_SETTING_DEFAULT, ALAIN_SETTING_KEYS, AlainI18NGuardService, AlainI18NServiceFake, AlainI18nBaseService, AlainThemeModule, BaseApi, BaseHeaders, BaseUrl, Body, CUSTOM_ERROR, DELETE, DELON_LOCALE, DELON_LOCALE_SERVICE_PROVIDER, DELON_LOCALE_SERVICE_PROVIDER_FACTORY, DatePipe, DelonLocaleModule, DelonLocaleService, DrawerHelper, FORM, GET, HEAD, HTMLPipe, HTML_DIR, Headers, I18nPipe, IGNORE_BASE_URL, JSONP, KeysPipe, LTR, MenuService, ModalHelper, OPTIONS, PATCH, POST, PUT, Path, Payload, PreloadOptionalModules, Query, RAW_BODY, REP_MAX, RTL, RTLService, RTL_DELON_COMPONENTS, RTL_DIRECTION, RTL_NZ_COMPONENTS, ResponsiveService, SPAN_MAX, SettingsService, TitleService, URLPipe, VERSION, YNPipe, _HttpClient, alainI18nCanActivate, alainI18nCanActivateChild, _default$4 as ar_SA, _default$d as el_GR, _default$j as en_US, _default$7 as es_ES, _default$8 as fr_FR, _default$b as hr_HR, _default$3 as id_ID, _default$6 as it_IT, _default$a as ja_JP, _default$2 as km_KH, _default$c as ko_KR, _default$1 as ms_MY, _default$e as pl_PL, provideAlain, _default$9 as sl_SI, stepPreloader, _default as th_TH, _default$f as tr_TR, _default$5 as vi_VN, yn, _default$i as zh_CN, _default$h as zh_HK, _default$g as zh_TW };
-export type { AlainI18NService, AlainProvideLang, AlainProvideOptions, ApiConfig, App, DrawerHelperOptions, Environment, ExceptionLocaleData, FullLocaleData, HttpObserve, HttpOptions, Layout, LocaleData, METHOD_TYPE, Menu, MenuIcon, MenuInner, MiniProgressLocaleData, ModalHelperDragOptions, ModalHelperOptions, NoticeIconLocaleData, OnboardingLocaleData, REP_TYPE, ReuseTabLocaleData, RouteTitle, SFErrorLocaleData, SFLocaleData, STLocaleData, SettingsKeys, SettingsNotify, TagSelectLocaleData, User, YNMode, YNOptions, _HttpHeaders };
+export type { AlainI18NService, AlainProvideLang, AlainProvideOptions, ApiConfig, App, DatePickerLocaleData, DrawerHelperOptions, Environment, ExceptionLocaleData, FullLocaleData, HttpObserve, HttpOptions, Layout, LoadingLocaleData, LocaleData, METHOD_TYPE, Menu, MenuIcon, MenuInner, MiniProgressLocaleData, ModalHelperDragOptions, ModalHelperOptions, NoticeIconLocaleData, OnboardingLocaleData, PageHeaderLocaleData, REP_TYPE, ReuseTabLocaleData, RouteTitle, SFErrorLocaleData, SFLocaleData, STLocaleData, SettingsKeys, SettingsNotify, TagSelectLocaleData, User, YNMode, YNOptions, _HttpHeaders };