ngx-tethys 19.1.13 → 20.0.0-next.0

package/nav/index.d.ts

@@ -1,6 +1,269 @@
-export * from './icon-nav/icon-nav-link.directive';
-export * from './icon-nav/icon-nav.component';
-export * from './nav-item.directive';
-export * from './nav.component';
-export * from './nav.module';
-export * from './nav.pipe';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit, AfterContentInit, AfterContentChecked, OnChanges, OnDestroy, WritableSignal, Signal, TemplateRef, QueryList, SimpleChanges, PipeTransform } from '@angular/core';
+import * as i5 from '@angular/router';
+import { RouterLinkActive } from '@angular/router';
+import * as i3 from 'ngx-tethys/popover';
+import { ThyPopoverConfig } from 'ngx-tethys/popover';
+import { Observable } from 'rxjs';
+import { ThyNavLocale } from 'ngx-tethys/i18n';
+import * as i1 from '@angular/common';
+import * as i2 from 'ngx-tethys/icon';
+import * as i4 from 'ngx-tethys/dropdown';
+
+/**
+ * @private
+ */
+declare class ThyIconNavLink {
+    readonly thyIconNavLinkIcon: _angular_core.InputSignal<string>;
+    readonly thyIconNavLinkActive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyIconNavLink, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyIconNavLink, "[thyIconNavLink]", never, { "thyIconNavLinkIcon": { "alias": "thyIconNavLinkIcon"; "required": false; "isSignal": true; }; "thyIconNavLinkActive": { "alias": "thyIconNavLinkActive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type IconNavTypes = 'primary' | 'secondary' | 'individual' | '';
+/**
+ * @private
+ */
+declare class ThyIconNav {
+    private hostRenderer;
+    isIconNav: boolean;
+    readonly thyType: _angular_core.InputSignal<IconNavTypes>;
+    private updateClasses;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyIconNav, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyIconNav, "thy-icon-nav", never, { "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type ThyNavLink = '' | 'active';
+/**
+ * 导航项
+ * @name thyNavItem
+ * @order 20
+ */
+declare class ThyNavItemDirective implements AfterViewInit {
+    elementRef: ElementRef<any>;
+    private routerLinkActive;
+    private ngZone;
+    /**
+     * 唯一标识
+     */
+    id: _angular_core.InputSignal<string>;
+    /**
+     * 是否激活状态
+     * @default false
+     */
+    readonly thyNavItemActive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 已经废弃，请使用 thyNavItemActive
+     * @deprecated please use thyNavItemActive
+     * @default false
+     */
+    readonly thyNavLinkActive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    readonly thyNavItemDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @private
+     */
+    readonly links: _angular_core.Signal<readonly any[]>;
+    /**
+     * @private
+     */
+    readonly routers: _angular_core.Signal<readonly RouterLinkActive[]>;
+    offset: {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    };
+    content: HTMLElement;
+    isActive: boolean;
+    private hostRenderer;
+    private readonly destroyRef;
+    ngAfterViewInit(): void;
+    setOffset(): void;
+    linkIsActive(): boolean;
+    setNavLinkHidden(value: boolean): void;
+    addClass(className: string): void;
+    removeClass(className: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNavItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNavItemDirective, "[thyNavLink],[thyNavItem]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "thyNavItemActive": { "alias": "thyNavItemActive"; "required": false; "isSignal": true; }; "thyNavLinkActive": { "alias": "thyNavLinkActive"; "required": false; "isSignal": true; }; "thyNavItemDisabled": { "alias": "thyNavItemDisabled"; "required": false; "isSignal": true; }; }, {}, ["links", "routers"], never, true, never>;
+}
+
+/**
+ * @internal
+ */
+declare class ThyNavInkBarDirective {
+    private elementRef;
+    private ngZone;
+    animationMode?: "NoopAnimations" | "BrowserAnimations";
+    readonly isVertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showInkBar: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly animated: _angular_core.Signal<boolean>;
+    alignToElement(element: HTMLElement): void;
+    private setStyles;
+    private getLeftPosition;
+    private getElementWidth;
+    private getTopPosition;
+    private getElementHeight;
+    private show;
+    hide(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNavInkBarDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNavInkBarDirective, "thy-nav-ink-bar, [thyNavInkBar]", never, { "isVertical": { "alias": "isVertical"; "required": false; "isSignal": true; }; "showInkBar": { "alias": "showInkBar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ThyNavType = 'pulled' | 'tabs' | 'pills' | 'lite' | 'card' | 'primary' | 'secondary' | 'thirdly' | 'secondary-divider';
+type ThyNavSize = 'lg' | 'md' | 'sm';
+type ThyNavHorizontal = '' | 'start' | 'center' | 'end';
+/**
+ * 导航组件
+ * @name thy-nav
+ * @order 10
+ */
+declare class ThyNav implements OnInit, AfterViewInit, AfterContentInit, AfterContentChecked, OnChanges, OnDestroy {
+    private elementRef;
+    private ngZone;
+    private changeDetectorRef;
+    private popover;
+    private readonly destroyRef;
+    initialized: boolean;
+    wrapperOffset: {
+        height: number;
+        width: number;
+        left: number;
+        top: number;
+    };
+    hiddenItems: ThyNavItemDirective[];
+    moreActive: boolean;
+    readonly showMore: WritableSignal<boolean>;
+    private moreBtnOffset;
+    private hostRenderer;
+    private innerLinks;
+    locale: Signal<ThyNavLocale>;
+    /**
+     * 导航类型
+     * @type pulled | tabs | pills | lite | primary | secondary | thirdly | secondary-divider
+     * @default pulled
+     */
+    readonly thyType: _angular_core.InputSignal<ThyNavType>;
+    /**
+     * 导航大小
+     * @type lg | md | sm
+     * @default md
+     */
+    readonly thySize: _angular_core.InputSignal<ThyNavSize>;
+    /**
+     * 水平排列
+     * @type '' | 'start' | 'center' | 'end'
+     * @default false
+     */
+    readonly thyHorizontal: _angular_core.InputSignal<ThyNavHorizontal>;
+    /**
+     * 是否垂直排列
+     * @default false
+     */
+    readonly thyVertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 是否是填充模式
+     */
+    readonly thyFill: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 是否响应式，自动计算宽度存放 thyNavItem，并添加更多弹框
+     * @default false
+     */
+    readonly thyResponsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 支持暂停自适应计算
+     */
+    thyPauseReCalculate: _angular_core.InputSignal<boolean>;
+    /**
+     * 更多操作的菜单点击内部是否可关闭
+     * @deprecated please use thyPopoverOptions
+     */
+    readonly thyInsideClosable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 更多菜单弹出框的参数，底层使用 Popover 组件
+     * @type ThyPopoverConfig
+     */
+    thyPopoverOptions: _angular_core.InputSignal<ThyPopoverConfig<unknown>>;
+    /**
+     * 右侧额外区域模板
+     * @type TemplateRef
+     */
+    readonly thyExtra: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * @private
+     */
+    set links(value: QueryList<ThyNavItemDirective>);
+    get links(): QueryList<ThyNavItemDirective>;
+    /**
+     * @private
+     */
+    readonly routers: Signal<readonly RouterLinkActive[]>;
+    /**
+     * 响应式模式下更多操作模板
+     * @type TemplateRef
+     */
+    readonly moreOperation: Signal<TemplateRef<unknown>>;
+    /**
+     * 响应式模式下更多弹框模板
+     * @type TemplateRef
+     */
+    readonly morePopover: Signal<TemplateRef<unknown>>;
+    /**
+     * 右侧额外区域模板，支持 thyExtra 传参和 <ng-template #extra></ng-template> 模板
+     * @name extra
+     * @type TemplateRef
+     */
+    readonly extra: Signal<TemplateRef<unknown>>;
+    readonly defaultMoreOperation: Signal<ElementRef<HTMLAnchorElement>>;
+    readonly inkBar: Signal<ThyNavInkBarDirective>;
+    readonly horizontal: Signal<string>;
+    get showInkBar(): boolean;
+    private updateClasses;
+    private curActiveIndex;
+    private prevActiveIndex;
+    private navSubscription;
+    readonly type: Signal<ThyNavType>;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    private setMoreBtnOffset;
+    private setNavItemDivider;
+    createResizeObserver(element: HTMLElement): Observable<unknown>;
+    private calculateMoreIsActive;
+    private setHiddenItems;
+    private getShowItemsEndIndexWhenHorizontal;
+    private getShowItemsEndIndexWhenVertical;
+    private resetSizes;
+    openMoreMenu(event: Event, template: TemplateRef<any>): void;
+    navItemClick(item: ThyNavItemDirective): void;
+    private alignInkBarToSelectedTab;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNav, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNav, "thy-nav", never, { "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyHorizontal": { "alias": "thyHorizontal"; "required": false; "isSignal": true; }; "thyVertical": { "alias": "thyVertical"; "required": false; "isSignal": true; }; "thyFill": { "alias": "thyFill"; "required": false; "isSignal": true; }; "thyResponsive": { "alias": "thyResponsive"; "required": false; "isSignal": true; }; "thyPauseReCalculate": { "alias": "thyPauseReCalculate"; "required": false; "isSignal": true; }; "thyInsideClosable": { "alias": "thyInsideClosable"; "required": false; "isSignal": true; }; "thyPopoverOptions": { "alias": "thyPopoverOptions"; "required": false; "isSignal": true; }; "thyExtra": { "alias": "thyExtra"; "required": false; "isSignal": true; }; }, {}, ["routers", "moreOperation", "morePopover", "extra", "links"], ["*"], true, never>;
+}
+
+/**
+ * @private
+ */
+declare class BypassSecurityTrustHtmlPipe implements PipeTransform {
+    private sanitizer;
+    transform(format: string): any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BypassSecurityTrustHtmlPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<BypassSecurityTrustHtmlPipe, "bypassSecurityTrustHtml", true>;
+}
+
+declare class ThyNavModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNavModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyNavModule, never, [typeof i1.CommonModule, typeof i2.ThyIconModule, typeof i3.ThyPopoverModule, typeof i4.ThyDropdownModule, typeof i5.RouterModule, typeof ThyNav, typeof ThyNavItemDirective, typeof ThyIconNav, typeof ThyIconNavLink, typeof BypassSecurityTrustHtmlPipe, typeof ThyNavInkBarDirective], [typeof ThyNav, typeof ThyNavItemDirective, typeof ThyIconNav, typeof ThyIconNavLink, typeof BypassSecurityTrustHtmlPipe]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyNavModule>;
+}
+
+export { BypassSecurityTrustHtmlPipe, ThyIconNav, ThyIconNavLink, ThyNav, ThyNavItemDirective, ThyNavModule };
+export type { ThyNavHorizontal, ThyNavLink, ThyNavSize, ThyNavType };

package/notify/index.d.ts

@@ -1,7 +1,158 @@
-export * from './module';
-export * from './notify.service';
-export * from './notify-queue.service';
-export * from './notify.component';
-export * from './notify-container.component';
-export * from './notify.config';
-export * from './notify-ref';
+import * as i0 from '@angular/core';
+import { ElementRef, InjectionToken, Signal } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from 'ngx-tethys/shared';
+import * as i3 from '@angular/cdk/overlay';
+import * as i4 from '@angular/cdk/portal';
+import * as i5 from 'ngx-tethys/icon';
+import * as ngx_tethys_notify from 'ngx-tethys/notify';
+import { ThyMessageBaseConfig, ThyAbstractMessageRef, ThyAbstractMessageQueue, ThyAbstractMessageContainerComponent, ThyAbstractMessageComponent, ThyAbstractMessageService } from 'ngx-tethys/message';
+import { ComponentTypeOrTemplateRef } from 'ngx-tethys/core';
+import { ThyNotifyLocale } from 'ngx-tethys/i18n';
+
+type ThyNotifyPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+type ThyNotifyType = 'blank' | 'success' | 'error' | 'warning' | 'info';
+interface ThyGlobalNotifyConfig {
+    placement?: ThyNotifyPlacement;
+    pauseOnHover?: boolean;
+    duration?: number;
+    maxStack?: number;
+    offset?: string;
+}
+interface ThyNotifyDetail {
+    link?: string;
+    content?: string;
+    action?: (event?: Event) => void;
+}
+/**
+ * 打开notify通知的配置
+ * @public
+ * @order 10
+ */
+interface ThyNotifyConfig extends ThyMessageBaseConfig {
+    /**
+     * 通知弹出位置
+     */
+    placement?: ThyNotifyPlacement;
+    /**
+     * 弹出通知的类型
+     */
+    type?: ThyNotifyType;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 提示内容
+     */
+    content?: string | ComponentTypeOrTemplateRef<any>;
+    contentInitialState?: any;
+    /**
+     * 提示内容的详情，是对内容的详情描述，也可以是能够操作的链接，link是链接名，content是详情描述，action是点击的方法
+     */
+    detail?: string | ThyNotifyDetail;
+    /**
+     * 自定义传入html模板
+     */
+    html?: ElementRef;
+}
+declare const THY_NOTIFY_DEFAULT_CONFIG: InjectionToken<ThyGlobalNotifyConfig>;
+declare const THY_NOTIFY_DEFAULT_CONFIG_VALUE: ThyGlobalNotifyConfig;
+declare const THY_NOTIFY_DEFAULT_CONFIG_PROVIDER: {
+    provide: InjectionToken<ThyGlobalNotifyConfig>;
+    useValue: ThyGlobalNotifyConfig;
+};
+
+declare class ThyNotifyRef extends ThyAbstractMessageRef<ThyNotifyConfig> {
+}
+
+/**
+ * @internal
+ */
+declare class ThyNotifyQueue extends ThyAbstractMessageQueue<ThyNotifyRef> {
+    topLeftQueues: i0.Signal<ThyNotifyRef[]>;
+    topRightQueues: i0.Signal<ThyNotifyRef[]>;
+    bottomLeftQueues: i0.Signal<ThyNotifyRef[]>;
+    bottomRightQueues: i0.Signal<ThyNotifyRef[]>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyNotifyQueue, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThyNotifyQueue>;
+}
+
+/**
+ * @private
+ */
+declare class ThyNotifyContainer extends ThyAbstractMessageContainerComponent {
+    notifyQueue: ThyNotifyQueue;
+    defaultConfig: {
+        placement?: ngx_tethys_notify.ThyNotifyPlacement;
+        pauseOnHover?: boolean;
+        duration?: number;
+        maxStack?: number;
+        offset?: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyNotifyContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyNotifyContainer, "thy-notify-container", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @private
+ */
+declare class ThyNotify extends ThyAbstractMessageComponent<ThyNotifyConfig> {
+    animationState: string;
+    extendContentClass: i0.WritableSignal<boolean>;
+    isShowDetail: i0.WritableSignal<boolean>;
+    readonly contentIsString: i0.Signal<boolean>;
+    protected queue: ThyNotifyQueue;
+    private placement;
+    constructor();
+    extendContent(): void;
+    showDetailToggle(): void;
+    triggerDetail(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyNotify, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyNotify, "thy-notify", never, {}, {}, never, never, true, never>;
+}
+
+declare class ThyNotifyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyNotifyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyNotifyModule, never, [typeof i1.CommonModule, typeof i2.ThySharedModule, typeof i3.OverlayModule, typeof i4.PortalModule, typeof i5.ThyIconModule, typeof ThyNotifyContainer, typeof ThyNotify], [typeof ThyNotifyContainer, typeof ThyNotify]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ThyNotifyModule>;
+}
+
+/**
+ * @order 20
+ */
+declare class ThyNotifyService extends ThyAbstractMessageService<ThyNotifyContainer> {
+    private notifyQueue;
+    protected config: ThyGlobalNotifyConfig;
+    locale: Signal<ThyNotifyLocale>;
+    private _lastNotifyId;
+    private defaultConfig;
+    constructor();
+    /**
+     * 打开自定义配置的 Notify
+     */
+    show(config: ThyNotifyConfig): ThyNotifyRef;
+    /**
+     * 打开类型为"success"的 Notify
+     */
+    success(title?: string, content?: string | ComponentTypeOrTemplateRef<any>, config?: ThyNotifyConfig): ThyNotifyRef;
+    /**
+     * 打开类型为"info"的 Notify
+     */
+    info(title?: string, content?: string | ComponentTypeOrTemplateRef<any>, config?: ThyNotifyConfig): ThyNotifyRef;
+    /**
+     * 打开类型为"warning"的 Notify
+     */
+    warning(title?: string, content?: string | ComponentTypeOrTemplateRef<any>, config?: ThyNotifyConfig): ThyNotifyRef;
+    /**
+     * 打开类型为"error"的 Notify
+     */
+    error(title?: string, content?: string | ComponentTypeOrTemplateRef<any>, config?: ThyNotifyConfig): ThyNotifyRef;
+    private formatOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyNotifyService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThyNotifyService>;
+}
+
+export { THY_NOTIFY_DEFAULT_CONFIG, THY_NOTIFY_DEFAULT_CONFIG_PROVIDER, THY_NOTIFY_DEFAULT_CONFIG_VALUE, ThyNotify, ThyNotifyContainer, ThyNotifyModule, ThyNotifyQueue, ThyNotifyRef, ThyNotifyService };
+export type { ThyGlobalNotifyConfig, ThyNotifyConfig, ThyNotifyDetail, ThyNotifyPlacement, ThyNotifyType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-tethys",
-  "version": "19.1.13",
+  "version": "20.0.0-next.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/atinc/ngx-tethys.git"
@@ -30,14 +30,14 @@
       "types": "./action/index.d.ts",
       "default": "./fesm2022/ngx-tethys-action.mjs"
     },
-    "./affix": {
-      "types": "./affix/index.d.ts",
-      "default": "./fesm2022/ngx-tethys-affix.mjs"
-    },
     "./alert": {
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/ngx-tethys-alert.mjs"
     },
+    "./affix": {
+      "types": "./affix/index.d.ts",
+      "default": "./fesm2022/ngx-tethys-affix.mjs"
+    },
     "./anchor": {
       "types": "./anchor/index.d.ts",
       "default": "./fesm2022/ngx-tethys-anchor.mjs"
@@ -50,14 +50,14 @@
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/ngx-tethys-autocomplete.mjs"
     },
-    "./back-top": {
-      "types": "./back-top/index.d.ts",
-      "default": "./fesm2022/ngx-tethys-back-top.mjs"
-    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/ngx-tethys-avatar.mjs"
     },
+    "./back-top": {
+      "types": "./back-top/index.d.ts",
+      "default": "./fesm2022/ngx-tethys-back-top.mjs"
+    },
     "./badge": {
       "types": "./badge/index.d.ts",
       "default": "./fesm2022/ngx-tethys-badge.mjs"
@@ -110,14 +110,14 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/ngx-tethys-core.mjs"
     },
-    "./date-picker": {
-      "types": "./date-picker/index.d.ts",
-      "default": "./fesm2022/ngx-tethys-date-picker.mjs"
-    },
     "./date-range": {
       "types": "./date-range/index.d.ts",
       "default": "./fesm2022/ngx-tethys-date-range.mjs"
     },
+    "./date-picker": {
+      "types": "./date-picker/index.d.ts",
+      "default": "./fesm2022/ngx-tethys-date-picker.mjs"
+    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/ngx-tethys-dialog.mjs"