ngx-tethys 19.1.13 → 20.0.0-next.0

package/icon/index.d.ts

@@ -1,4 +1,145 @@
-export { ThyIconModule } from './icon.module';
-export { ThyIcon } from './icon.component';
-export { ThyIconRegistry } from './icon-registry';
-export { setPrintErrorWhenIconNotFound, getWhetherPrintErrorWhenIconNotFound } from './config';
+import * as _angular_core from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/forms';
+import { Observable } from 'rxjs';
+import { SafeResourceUrl, SafeHtml } from '@angular/platform-browser';
+
+/**
+ * 图标组件
+ * @name thy-icon,[thy-icon]
+ * @order 10
+ */
+declare class ThyIcon {
+    private render;
+    private elementRef;
+    private iconRegistry;
+    /**
+     * 图标的类型
+     * @type outline | fill | twotone
+     */
+    readonly thyIconType: _angular_core.InputSignal<"fill" | "outline" | "twotone">;
+    readonly thyTwotoneColor: _angular_core.InputSignal<string>;
+    /**
+     * 图标的名字
+     */
+    readonly thyIconName: _angular_core.InputSignal<string>;
+    /**
+     * 图标的旋转角度
+     * @default 0
+     */
+    readonly thyIconRotate: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly thyIconSet: _angular_core.InputSignal<string>;
+    /**
+     * 图标打底色，镂空的图标，会透过颜色来
+     */
+    readonly thyIconLegging: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyIconLinearGradient: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private hostRenderer;
+    constructor();
+    private updateClasses;
+    private setStyleRotate;
+    private setSvgElement;
+    private clearSvgElement;
+    private buildIconNameByType;
+    /**
+     * Support Safari SVG LinearGradient.
+     * @param svg
+     */
+    private setBaseUrl;
+    private clearTitleElement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyIcon, "thy-icon, [thy-icon]", never, { "thyIconType": { "alias": "thyIconType"; "required": false; "isSignal": true; }; "thyTwotoneColor": { "alias": "thyTwotoneColor"; "required": false; "isSignal": true; }; "thyIconName": { "alias": "thyIconName"; "required": true; "isSignal": true; }; "thyIconRotate": { "alias": "thyIconRotate"; "required": false; "isSignal": true; }; "thyIconSet": { "alias": "thyIconSet"; "required": false; "isSignal": true; }; "thyIconLegging": { "alias": "thyIconLegging"; "required": false; "isSignal": true; }; "thyIconLinearGradient": { "alias": "thyIconLinearGradient"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class ThyIconModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyIconModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyIconModule, never, [typeof ThyIcon, typeof i2.CommonModule, typeof i3.FormsModule], [typeof ThyIcon]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyIconModule>;
+}
+
+type IconMode = 'font' | 'svg';
+type SvgResourceUrl = SafeResourceUrl | string;
+type SvgHtml = SafeHtml | string;
+/**
+ * @order 20
+ */
+declare class ThyIconRegistry {
+    private sanitizer;
+    private httpClient;
+    private document;
+    private defaultFontSetClass;
+    private internalIconMode;
+    private svgIconConfigs;
+    private svgIconSetConfigs;
+    private inProgressUrlFetches;
+    get iconMode(): IconMode;
+    private getIconNameNotFoundError;
+    private getIconFailedToSanitizeLiteralError;
+    private internalAddSvgIconSet;
+    private cloneSvg;
+    private fetchUrl;
+    private toSvgElement;
+    private extractSvgIconFromIconSet;
+    private extractIconWithNameFromIconSetConfigs;
+    private svgElementFromString;
+    private setSvgAttributes;
+    private createSvgElementForSingleIcon;
+    private loadSvgIconFromConfig;
+    private loadSvgIconSetFromConfig;
+    private getSvgFromConfig;
+    private getSvgFromIconSetConfigs;
+    private internalAddSvgIconConfig;
+    buildIconKey(namespace: string, name: string): string;
+    splitIconName(iconName: string): [string, string];
+    addSvgIconSetInNamespace(namespace: string, url: SvgResourceUrl): this;
+    /**
+     * 添加SVG图标集，添加到默认命名空间
+     */
+    addSvgIconSet(url: SvgResourceUrl): this;
+    addSvgIconSetLiteralInNamespace(namespace: string, literal: SafeHtml): this;
+    addSvgIconSetLiteral(literal: SafeHtml): this;
+    /**
+     * @description.en-us Registers an icon by URL in the specified namespace.
+     * @description 添加单个SVG图标到指定的命名空间
+     * @param namespace Namespace in which the icon should be registered.
+     * @param iconName Name under which the icon should be registered.
+     * @param url
+     */
+    addSvgIconInNamespace(namespace: string, iconName: string, url: SvgResourceUrl): this;
+    /**
+     * @description.en-us Registers an icon by URL in the default namespace.
+     * @description 添加单个SVG图标
+     * @param iconName Name under which the icon should be registered.
+     * @param url
+     */
+    addSvgIcon(iconName: string, url: SvgResourceUrl): this;
+    /**
+     * @description.en-us Registers an icon using an HTML string in the default namespace.
+     * @description 添加单个SVG图标字符串，直接传入 SVG HTML 字符串
+     * @param iconName Name under which the icon should be registered.
+     * @param literal SVG source of the icon.
+     */
+    addSvgIconLiteral(iconName: string, literal: SvgHtml): this;
+    /**
+     * @description.en-us Registers an icon using an HTML string in the specified namespace.
+     * @description 添加单个SVG图标字符串到指定的命名空间，直接传入 SVG HTML 字符串
+     * @param namespace Namespace in which the icon should be registered.
+     * @param iconName Name under which the icon should be registered.
+     * @param literal SVG source of the icon.
+     */
+    addSvgIconLiteralInNamespace(namespace: string, iconName: string, literal: SvgHtml): this;
+    getDefaultFontSetClass(): string;
+    getFontSetClassByAlias(fontSet: string): string;
+    /**
+     * 获取某个图标
+     */
+    getSvgIcon(name: string, namespace?: string): Observable<SVGElement>;
+    setIconMode(mode: IconMode): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyIconRegistry, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThyIconRegistry>;
+}
+
+declare function setPrintErrorWhenIconNotFound(value: boolean): void;
+declare function getWhetherPrintErrorWhenIconNotFound(): boolean;
+
+export { ThyIcon, ThyIconModule, ThyIconRegistry, getWhetherPrintErrorWhenIconNotFound, setPrintErrorWhenIconNotFound };

package/image/index.d.ts

@@ -1,8 +1,263 @@
-export * from './image-group.component';
-export * from './image.class';
-export * from './image.config';
-export * from './image.directive';
-export * from './image.service';
-export * from './module';
-export * from './preview/image-preview-ref';
-export * from './preview/image-preview.component';
+import * as i0 from '@angular/core';
+import { Injector, ElementRef, InputSignal, InjectionToken, OnInit, AfterViewInit, OnDestroy, Signal } from '@angular/core';
+import { SafeUrl } from '@angular/platform-browser';
+import { ThyAbstractOverlayConfig, ThyAbstractOverlayOptions } from 'ngx-tethys/core';
+import * as i5 from 'ngx-tethys/dialog';
+import { ThyDialog, ThyDialogRef } from 'ngx-tethys/dialog';
+import * as i8 from 'ngx-tethys/copy';
+import { ThyCopyEvent } from 'ngx-tethys/copy';
+import { ThyFullscreen } from 'ngx-tethys/fullscreen';
+import { Observable } from 'rxjs';
+import { ThyImageLocale } from 'ngx-tethys/i18n';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/cdk/portal';
+import * as i3 from '@angular/cdk/drag-drop';
+import * as i4 from 'ngx-tethys/icon';
+import * as i6 from 'ngx-tethys/divider';
+import * as i7 from 'ngx-tethys/tooltip';
+import * as i9 from 'ngx-tethys/loading';
+import * as i10 from 'ngx-tethys/action';
+
+interface ThyImageMeta {
+    name?: string;
+    size?: string | number;
+}
+interface ThyImageInfo extends ThyImageMeta {
+    src: string;
+    width?: string | number;
+    height?: string | number;
+    alt?: string;
+    origin?: {
+        src: string;
+        width?: string | number;
+        height?: string | number;
+        alt?: string;
+    };
+}
+interface InternalImageInfo extends ThyImageInfo {
+    objectURL?: SafeUrl;
+    blob?: Blob;
+}
+interface ThyImagePreviewOptions {
+    closeOnNavigation?: boolean;
+    disableClose?: boolean;
+    disableKeyboardSelectable?: boolean;
+    zoom?: number;
+    rotate?: number;
+    operations?: (ThyImagePreviewOperationType | ThyImagePreviewOperation)[];
+    resolveSize?: boolean;
+}
+interface ThyImagePreviewOperation {
+    icon: string;
+    name: string;
+    action?: (image?: ThyImageInfo) => void;
+    type?: ThyImagePreviewOperationType;
+}
+type ThyImagePreviewMode = 'original-scale' | 'fit-screen';
+type ThyImagePreviewOperationType = 'zoom-out' | 'zoom-in' | 'rotate-right' | 'download' | ThyImagePreviewMode | 'copyLink' | 'view-original' | 'full-screen';
+
+interface IThyImageDirective {
+    previewable: boolean;
+    thySrc: InputSignal<string>;
+    thyPreviewSrc: InputSignal<string>;
+    thyOriginSrc: InputSignal<string>;
+    thyImageMeta: InputSignal<ThyImageMeta>;
+}
+interface IThyImageGroupComponent {
+    injector: Injector;
+    element: ElementRef;
+    images: IThyImageDirective[];
+    addImage: (image: IThyImageDirective, index: number) => void;
+    removeImage: (index: number) => void;
+}
+
+/**
+ * 图片分组，提供 thyImageGroup 指令和 thy-image-group 标签两种使用方式
+ * @name thy-image-group,[thyImageGroup]
+ */
+declare class ThyImageGroup implements IThyImageGroupComponent {
+    injector: Injector;
+    element: ElementRef<any>;
+    images: IThyImageDirective[];
+    addImage(image: IThyImageDirective, index: number): void;
+    removeImage(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyImageGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyImageGroup, "thy-image-group, [thyImageGroup]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class ThyImagePreviewConfig<TData = unknown> extends ThyAbstractOverlayConfig<TData> {
+    closeOnNavigation?: boolean;
+    disableClose?: boolean;
+    disableKeyboardSelectable?: boolean;
+    zoom?: number;
+    rotate?: number;
+}
+declare const THY_IMAGE_DEFAULT_PREVIEW_OPTIONS: InjectionToken<ThyImagePreviewConfig<unknown>>;
+declare const THY_IMAGE_DEFAULT_PREVIEW_OPTIONS_PROVIDER: {
+    provide: InjectionToken<ThyImagePreviewConfig<unknown>>;
+    useValue: {
+        hasBackdrop: boolean;
+        closeOnNavigation: boolean;
+        disableClose: boolean;
+        disableKeyboardSelectable: boolean;
+        restoreFocus: boolean;
+    };
+};
+declare const imageAbstractOverlayOptions: ThyAbstractOverlayOptions;
+
+/**
+ * thyImage: 预览图片指令，只可绑定到 img 标签上
+ * @name img[thyImage]
+ * @order 10
+ */
+declare class ThyImageDirective implements IThyImageDirective, OnInit, AfterViewInit, OnDestroy {
+    private thyImageService;
+    private injector;
+    private elementRef;
+    /**
+     * 图片地址
+     */
+    readonly thySrc: i0.InputSignal<string>;
+    /**
+     * 预览图片地址
+     */
+    readonly thyPreviewSrc: i0.InputSignal<string>;
+    /**
+     * 图片原图地址
+     */
+    readonly thyOriginSrc: i0.InputSignal<string>;
+    /**
+     * 图片附加信息，包含 { name: string, size?: string | number; }
+     */
+    readonly thyImageMeta: i0.InputSignal<ThyImageMeta>;
+    /**
+     * 是否禁止预览
+     * @default false
+     */
+    readonly thyDisablePreview: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 是否自动计算图片资源大小
+     */
+    readonly thyResolveSize: i0.InputSignalWithTransform<boolean, unknown>;
+    get previewable(): boolean;
+    private parentGroup;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    getParentGroup(): void;
+    addParentImage(): void;
+    onPreview(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyImageDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyImageDirective, "img[thyImage]", ["thyImage"], { "thySrc": { "alias": "thySrc"; "required": false; "isSignal": true; }; "thyPreviewSrc": { "alias": "thyPreviewSrc"; "required": false; "isSignal": true; }; "thyOriginSrc": { "alias": "thyOriginSrc"; "required": false; "isSignal": true; }; "thyImageMeta": { "alias": "thyImageMeta"; "required": false; "isSignal": true; }; "thyDisablePreview": { "alias": "thyDisablePreview"; "required": false; "isSignal": true; }; "thyResolveSize": { "alias": "thyResolveSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * 图片预览组件
+ * @name thy-image-preview
+ * @order 20
+ */
+declare class ThyImagePreview implements OnInit {
+    thyDialog: ThyDialog;
+    thyFullscreen: ThyFullscreen;
+    private cdr;
+    private ngZone;
+    private notifyService;
+    private host;
+    private sanitizer;
+    locale: Signal<ThyImageLocale>;
+    readonly downloadClicked: i0.OutputEmitterRef<ThyImageInfo>;
+    private readonly destroyRef;
+    images: InternalImageInfo[];
+    previewIndex: number;
+    previewConfig: ThyImagePreviewOptions;
+    previewImageTransform: string;
+    previewImageWrapperTransform: string;
+    zoomDisabled: boolean;
+    zoom: number;
+    position: {
+        x: number;
+        y: number;
+    };
+    isDragging: boolean;
+    isLoadingDone: boolean;
+    isFullScreen: boolean;
+    isInsideScreen: boolean;
+    currentImageMode: ThyImagePreviewMode;
+    previewOperations: ThyImagePreviewOperation[];
+    defaultPreviewOperations: ThyImagePreviewOperation[];
+    private rotate;
+    get previewImage(): InternalImageInfo;
+    get previewImageOriginSrc(): string;
+    get defaultZoom(): number;
+    imageRef: ElementRef<HTMLImageElement>;
+    imagePreviewWrapper: ElementRef<HTMLElement>;
+    ngOnInit(): void;
+    setOriginalSize(): void;
+    setFitScreen(): void;
+    useDefaultZoomUpdate(isUpdateImageWrapper: boolean): void;
+    useCalculateZoomUpdate(isUpdateImageWrapper?: boolean): void;
+    updatePreviewImage(): void;
+    resolvePreviewImage(): Observable<Boolean>;
+    initPreview(): void;
+    download(image: ThyImageInfo): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    calculateInsideScreen(): void;
+    viewOriginal(): void;
+    rotateRight(): void;
+    fullScreen(): void;
+    copyLink(event: ThyCopyEvent): void;
+    prev(): void;
+    next(): void;
+    dragReleased(): void;
+    private reset;
+    private updatePreviewImageTransform;
+    private updatePreviewImageWrapperTransform;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyImagePreview, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyImagePreview, "thy-image-preview", ["thyImagePreview"], {}, { "downloadClicked": "downloadClicked"; }, never, never, true, never>;
+}
+
+declare class ThyImagePreviewRef {
+    previewInstance: ThyImagePreview;
+    private config;
+    private dialogRef;
+    get componentInstance(): ThyImagePreview;
+    constructor(previewInstance: ThyImagePreview, config: ThyImagePreviewOptions, dialogRef: ThyDialogRef<ThyImagePreview>);
+    next(): void;
+    prev(): void;
+    downloadClicked(): Observable<ThyImageInfo>;
+}
+
+/**
+ * 图片预览服务
+ */
+declare class ThyImageService implements OnDestroy {
+    thyDialog: ThyDialog;
+    /**
+     * 图片预览默认配置，外部可通过注入 THY_IMAGE_DEFAULT_PREVIEW_OPTIONS 进行配置
+     */
+    defaultConfig: ThyImagePreviewConfig;
+    private downloadClicked$;
+    private ngUnsubscribe$;
+    constructor();
+    /**
+     * 图片预览方法
+     */
+    preview(images: ThyImageInfo[], options?: ThyImagePreviewOptions & {
+        startIndex?: number;
+    }): ThyImagePreviewRef;
+    downloadClicked(): Observable<ThyImageInfo>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyImageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThyImageService>;
+}
+
+declare class ThyImageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyImageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyImageModule, never, [typeof i1.CommonModule, typeof i2.PortalModule, typeof i3.DragDropModule, typeof i4.ThyIconModule, typeof i5.ThyDialogModule, typeof i6.ThyDividerModule, typeof i7.ThyTooltipModule, typeof i8.ThyCopyModule, typeof i9.ThyLoadingModule, typeof i10.ThyActionModule, typeof ThyImageDirective, typeof ThyImageGroup, typeof ThyImagePreview], [typeof ThyImageDirective, typeof ThyImageGroup, typeof ThyImagePreview]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ThyImageModule>;
+}
+
+export { THY_IMAGE_DEFAULT_PREVIEW_OPTIONS, THY_IMAGE_DEFAULT_PREVIEW_OPTIONS_PROVIDER, ThyImageDirective, ThyImageGroup, ThyImageModule, ThyImagePreview, ThyImagePreviewConfig, ThyImagePreviewRef, ThyImageService, imageAbstractOverlayOptions };
+export type { InternalImageInfo, ThyImageInfo, ThyImageMeta, ThyImagePreviewMode, ThyImagePreviewOperation, ThyImagePreviewOperationType, ThyImagePreviewOptions };

package/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="ngx-tethys" />
-export * from './public-api';
+import { Version } from '@angular/core';
+
+declare const VERSION: Version;
+
+export { VERSION };