ngx-tethys 19.1.13 → 20.0.0-next.0

package/tooltip/index.d.ts

@@ -1,8 +1,198 @@
-export * from './tooltip.module';
-export * from './tooltip.directive';
-export * from './interface';
-export * from './tooltip.component';
-export * from './tooltip-animations';
-export * from './tooltip.config';
-export * from './tooltip.service';
-export * from './tooltip-ref';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit, OnDestroy, ViewContainerRef, InjectionToken, ElementRef, NgZone } from '@angular/core';
+import * as i1 from '@angular/cdk/a11y';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/cdk/overlay';
+import { Overlay, ScrollDispatcher, OverlayRef } from '@angular/cdk/overlay';
+import { ThyOverlayDirectiveBase, ThyPlacement, ThyOverlayTrigger } from 'ngx-tethys/core';
+import { SafeAny } from 'ngx-tethys/types';
+import { Observable } from 'rxjs';
+import { AnimationEvent, AnimationTriggerMetadata } from '@angular/animations';
+
+type ThyTooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
+type ThyTooltipVisibility = 'initial' | 'visible' | 'hidden';
+type ThyTooltipContent = string | TemplateRef<SafeAny>;
+
+/**
+ * @name thyTooltip
+ */
+declare class ThyTooltipDirective extends ThyOverlayDirectiveBase implements OnInit, OnDestroy {
+    private viewContainerRef;
+    private thyTooltipService;
+    touchendHideDelay: number;
+    protected isAutoCloseOnMobileTouch: boolean;
+    private tooltipRef;
+    /**
+     * 提示消息，可以是文本，也可以是一个模板
+     * @type string | TemplateRef<T>
+     */
+    readonly thyTooltipContent: _angular_core.InputSignal<ThyTooltipContent>;
+    getValidContent(value: ThyTooltipContent): ThyTooltipContent;
+    content: _angular_core.WritableSignal<ThyTooltipContent>;
+    /**
+     * 指定提示的位置
+     * @type ThyPlacement
+     */
+    readonly thyPlacement: _angular_core.InputSignal<ThyPlacement>;
+    placement: _angular_core.WritableSignal<ThyPlacement>;
+    /**
+     * 提示内容自定义样式
+     */
+    readonly thyTooltipClass: _angular_core.InputSignal<string | string[]>;
+    /**
+     * 显示提示内容延迟毫秒
+     */
+    readonly thyTooltipShowDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 隐藏提示内容延迟毫秒
+     */
+    readonly thyTooltipHideDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 触发提示方式
+     * <br/>`hover` 鼠标移入，显示提示；鼠标移出，隐藏提示；显示提示时，滚动页面，会隐藏提示。
+     * <br/>`focus` 元素获取焦点，显示提示；元素失去焦点，隐藏提示；显示元素时，滚动页面，提示会跟随聚焦源一起移动。
+     * <br/>`click` 点击元素，显示提示；点击backdrop，隐藏提示；显示提示时，页面的滚动行为会被阻止。
+     *
+     * @type hover | focus | click
+     */
+    readonly thyTooltipTrigger: _angular_core.InputSignal<ThyOverlayTrigger>;
+    /**
+     * 设置是否禁用提示
+     * @default false
+     */
+    readonly thyTooltipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    toolTipDisabled: _angular_core.WritableSignal<boolean>;
+    /**
+     * 传入 template 时，需要注入给 template 的上下文数据
+     */
+    readonly data: _angular_core.InputSignal<any>;
+    /**
+     * 偏移量
+     */
+    readonly thyTooltipOffset: _angular_core.InputSignalWithTransform<number, unknown>;
+    tooltipOffset: _angular_core.WritableSignal<number>;
+    /**
+     * hover 触发方式下 鼠标移入Tooltip是否固定 Tooltip
+     * @default false
+     */
+    readonly tooltipPin: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    setDisabled(disabled: boolean): void;
+    setContent(content: ThyTooltipContent): void;
+    setOffset(offset: number): void;
+    setPlacement(placement: ThyPlacement): void;
+    constructor();
+    ngOnInit(): void;
+    /** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show 200ms */
+    show(delay?: number): void;
+    /** Hides the tooltip after the delay in ms, defaults to tooltip-delay-hide 100ms */
+    hide(delay?: number): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTooltipDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyTooltipDirective, "[thyTooltip],[thy-tooltip]", ["thyTooltip"], { "thyTooltipContent": { "alias": "thyTooltip"; "required": false; "isSignal": true; }; "thyPlacement": { "alias": "thyTooltipPlacement"; "required": false; "isSignal": true; }; "thyTooltipClass": { "alias": "thyTooltipClass"; "required": false; "isSignal": true; }; "thyTooltipShowDelay": { "alias": "thyTooltipShowDelay"; "required": false; "isSignal": true; }; "thyTooltipHideDelay": { "alias": "thyTooltipHideDelay"; "required": false; "isSignal": true; }; "thyTooltipTrigger": { "alias": "thyTooltipTrigger"; "required": false; "isSignal": true; }; "thyTooltipDisabled": { "alias": "thyTooltipDisabled"; "required": false; "isSignal": true; }; "data": { "alias": "thyTooltipTemplateContext"; "required": false; "isSignal": true; }; "thyTooltipOffset": { "alias": "thyTooltipOffset"; "required": false; "isSignal": true; }; "tooltipPin": { "alias": "thyTooltipPin"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @internal
+ */
+declare class ThyTooltip implements OnInit {
+    private changeDetectorRef;
+    addTooltipContainerClass: boolean;
+    _content: string | TemplateRef<HTMLElement>;
+    data: any;
+    private readonly onHide;
+    private closeOnInteraction;
+    private hostRenderer;
+    visibility: ThyTooltipVisibility;
+    showTimeoutId: number | null | any;
+    hideTimeoutId: number | null | any;
+    tooltipClasses: string[];
+    isTemplateRef: boolean;
+    get content(): string | TemplateRef<HTMLElement>;
+    set content(value: string | TemplateRef<HTMLElement>);
+    private updateClasses;
+    ngOnInit(): void;
+    markForCheck(): void;
+    isVisible(): boolean;
+    show(delay: number): void;
+    hide(delay: number): void;
+    animationStart(): void;
+    animationDone(event: AnimationEvent): void;
+    afterHidden(): Observable<void>;
+    setTooltipClass(classes: string | string[]): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTooltip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyTooltip, "thy-tooltip", never, {}, {}, never, never, true, never>;
+}
+
+declare class ThyTooltipModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTooltipModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyTooltipModule, never, [typeof i1.A11yModule, typeof i2.CommonModule, typeof i3.OverlayModule, typeof ThyTooltipDirective, typeof ThyTooltip], [typeof ThyTooltipDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyTooltipModule>;
+}
+
+declare const thyTooltipAnimations: {
+    readonly tooltipState: AnimationTriggerMetadata;
+};
+
+interface ThyTooltipConfig {
+    placement?: ThyPlacement;
+    viewContainerRef?: ViewContainerRef;
+    showDelay?: number;
+    hideDelay?: number;
+    touchendHideDelay?: number;
+    offset?: number;
+    contentClass?: string | string[];
+    panelClass?: string | string[];
+    hasBackdrop?: boolean;
+    tooltipPin?: boolean;
+    scrollThrottleSeconds?: number;
+}
+type ThyGlobalTooltipConfig = Pick<ThyTooltipConfig, 'placement' | 'offset' | 'scrollThrottleSeconds' | 'tooltipPin' | 'panelClass' | 'showDelay' | 'hideDelay' | 'touchendHideDelay'>;
+declare const THY_TOOLTIP_DEFAULT_CONFIG_TOKEN: InjectionToken<ThyGlobalTooltipConfig>;
+declare const thyTooltipDefaultConfig: ThyGlobalTooltipConfig;
+declare const THY_TOOLTIP_DEFAULT_CONFIG_PROVIDER: {
+    provide: InjectionToken<ThyGlobalTooltipConfig>;
+    useValue: ThyGlobalTooltipConfig;
+};
+
+declare class ThyTooltipRef {
+    private host;
+    private config;
+    private overlay;
+    private scrollDispatcher;
+    private ngZone;
+    private overlayRef;
+    private tooltipInstance;
+    private scrollStrategy;
+    private portal;
+    private readonly dispose$;
+    constructor(host: ElementRef<HTMLElement> | HTMLElement, config: ThyTooltipConfig, overlay: Overlay, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
+    /** Create the overlay config and position strategy */
+    private createOverlay;
+    /** Updates the position of the current tooltip. */
+    private updatePosition;
+    private detach;
+    show(content: ThyTooltipContent, delay?: number): void;
+    show<T extends Record<SafeAny, SafeAny>>(content: ThyTooltipContent, data: T, delay?: number): void;
+    hide(delay?: number): void;
+    getOverlayRef(): OverlayRef;
+    setTooltipClass(tooltipClass: string | string[]): void;
+    updateTooltipContent(content: string | TemplateRef<any>, data?: any): void;
+    isTooltipVisible(): boolean;
+    dispose(): void;
+}
+
+declare class ThyTooltipService {
+    private overlay;
+    private scrollDispatcher;
+    private ngZone;
+    private defaultTooltipConfig;
+    /**
+     * 创建一个 Tooltip
+     */
+    create(host: ElementRef<HTMLElement> | HTMLElement, config?: ThyTooltipConfig): ThyTooltipRef;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTooltipService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThyTooltipService>;
+}
+
+export { THY_TOOLTIP_DEFAULT_CONFIG_PROVIDER, THY_TOOLTIP_DEFAULT_CONFIG_TOKEN, ThyTooltip, ThyTooltipDirective, ThyTooltipModule, ThyTooltipRef, ThyTooltipService, thyTooltipAnimations, thyTooltipDefaultConfig };
+export type { ThyGlobalTooltipConfig, ThyTooltipConfig, ThyTooltipContent, ThyTooltipPosition, ThyTooltipVisibility };

package/transfer/index.d.ts

@@ -1,4 +1,212 @@
-export * from './transfer.interface';
-export * from './transfer.component';
-export * from './transfer.module';
-export * from './transfer-list.component';
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef, DoCheck, Signal } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from 'ngx-tethys/button';
+import * as i3 from '@angular/cdk/drag-drop';
+import { CdkDrag, CdkDragDrop } from '@angular/cdk/drag-drop';
+import * as i4 from 'ngx-tethys/icon';
+import * as i5 from 'ngx-tethys/list';
+import * as i6 from 'ngx-tethys/shared';
+import * as i7 from 'ngx-tethys/flexible-text';
+import { ThyTransferLocale } from 'ngx-tethys/i18n';
+
+type Direction = 'left' | 'right';
+declare enum TransferDirection {
+    left = "left",
+    right = "right"
+}
+interface ThyTransferData {
+    source: ThyTransferModel;
+    target: ThyTransferModel;
+}
+interface ThyTransferModel {
+    title?: string;
+    data: Array<any>;
+}
+/**
+ * @public
+ * @order 20
+ */
+interface ThyTransferItem {
+    /**
+     * 数据标题
+     */
+    title: string;
+    /**
+     * 设置方向，可选值 [left,right]
+     */
+    direction?: Direction;
+    order?: number;
+    disabled?: boolean;
+    /**
+     * 选中状态
+     */
+    checked?: boolean;
+    isLock?: boolean;
+    groupId?: string;
+    isFixed?: boolean;
+    /**
+     * 自定义数据
+     */
+    [key: string]: any;
+}
+interface ThyTransferSelectEvent {
+    item: ThyTransferItem;
+}
+interface ThyTransferChangeEvent {
+    from?: string;
+    to?: string;
+    items?: ThyTransferItem[];
+    left?: InnerTransferList;
+    right?: InnerTransferList;
+}
+interface ThyTransferDragEvent {
+    oldIndex?: number;
+    newIndex?: number;
+    model?: ThyTransferItem;
+    models?: ThyTransferItem[];
+    left?: InnerTransferList;
+    right?: InnerTransferList;
+}
+interface InnerTransferDragEvent {
+    dragEvent?: ThyTransferDragEvent;
+    listData?: InnerTransferList;
+}
+interface InnerTransferList {
+    lock?: ThyTransferItem[];
+    unlock?: ThyTransferItem[];
+}
+
+/**
+ * 穿梭框组件
+ * @name thy-transfer
+ * @order 10
+ */
+declare class ThyTransfer implements OnInit {
+    leftDataSource: ThyTransferItem[];
+    rightDataSource: ThyTransferItem[];
+    /**
+     * 数据源
+     * @type ThyTransferItem[]
+     */
+    readonly thyData: _angular_core.InputSignal<ThyTransferItem[]>;
+    readonly thyRenderLeftTemplateRef: _angular_core.InputSignal<TemplateRef<any>>;
+    readonly thyRenderRightTemplateRef: _angular_core.InputSignal<TemplateRef<any>>;
+    /**
+     * title集合，title[0]为左标题，title[1]为右标题
+     * @type string[]
+     */
+    readonly thyTitles: _angular_core.InputSignal<string[]>;
+    /**
+     * 右侧列表是否可以锁定
+     * @default false
+     */
+    readonly thyRightCanLock: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 右侧锁定最大数量
+     */
+    readonly thyRightLockMax: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 右侧选择最大数量
+     */
+    readonly thyRightMax: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 设置是否自动移动
+     * @description.en-us Currently not implemented, in order to support the selections move
+     * @default true
+     */
+    readonly thyAutoMove: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 左侧列表是否拖动
+     * @default false
+     */
+    readonly thyLeftDraggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 右侧列表是否拖动
+     * @default false
+     */
+    readonly thyRightDraggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @type EventEmitter<ThyTransferDragEvent>
+     */
+    thyDraggableUpdate: _angular_core.OutputEmitterRef<ThyTransferDragEvent>;
+    /**
+     * Transfer变化的回调事件
+     * @type EventEmitter<ThyTransferChangeEvent>
+     */
+    thyChange: _angular_core.OutputEmitterRef<ThyTransferChangeEvent>;
+    /**
+     * 设置自定义Item渲染数据模板
+     * @type TemplateRef
+     */
+    readonly templateRef: _angular_core.Signal<TemplateRef<any>>;
+    /**
+     * 设置自定义左侧内容模板
+     * @type TemplateRef
+     */
+    readonly leftContentRef: _angular_core.Signal<TemplateRef<any>>;
+    /**
+     * 设置自定义右侧内容模板
+     * @type TemplateRef
+     */
+    readonly rightContentRef: _angular_core.Signal<TemplateRef<any>>;
+    readonly leftTitle: _angular_core.Signal<string>;
+    readonly rightTitle: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    initializeTransferData(data?: ThyTransferItem[]): void;
+    onSelect(from: Direction, event: ThyTransferSelectEvent): void;
+    selectItem(event: ThyTransferSelectEvent): void;
+    unselectItem(event: ThyTransferSelectEvent): void;
+    private groupListByIsLock;
+    onMove(to: Direction): void;
+    onDragUpdate(direction: Direction, event: InnerTransferDragEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTransfer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyTransfer, "thy-transfer", never, { "thyData": { "alias": "thyData"; "required": false; "isSignal": true; }; "thyRenderLeftTemplateRef": { "alias": "thyRenderLeftTemplateRef"; "required": false; "isSignal": true; }; "thyRenderRightTemplateRef": { "alias": "thyRenderRightTemplateRef"; "required": false; "isSignal": true; }; "thyTitles": { "alias": "thyTitles"; "required": false; "isSignal": true; }; "thyRightCanLock": { "alias": "thyRightCanLock"; "required": false; "isSignal": true; }; "thyRightLockMax": { "alias": "thyRightLockMax"; "required": false; "isSignal": true; }; "thyRightMax": { "alias": "thyRightMax"; "required": false; "isSignal": true; }; "thyAutoMove": { "alias": "thyAutoMove"; "required": false; "isSignal": true; }; "thyLeftDraggable": { "alias": "thyLeftDraggable"; "required": false; "isSignal": true; }; "thyRightDraggable": { "alias": "thyRightDraggable"; "required": false; "isSignal": true; }; }, { "thyDraggableUpdate": "thyDraggableUpdate"; "thyChange": "thyChange"; }, ["templateRef", "leftContentRef", "rightContentRef"], never, true, never>;
+}
+
+/**
+ * @private
+ */
+declare class ThyTransferList implements OnInit, DoCheck {
+    private differs;
+    lockItems: ThyTransferItem[];
+    unlockItems: ThyTransferItem[];
+    private _diff;
+    private _lockDiff;
+    private _unlockDiff;
+    locale: Signal<ThyTransferLocale>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly items: _angular_core.InputSignal<ThyTransferItem[]>;
+    readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly canLock: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly maxLock: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly template: _angular_core.InputSignal<TemplateRef<any>>;
+    readonly renderContentRef: _angular_core.InputSignal<TemplateRef<any>>;
+    readonly draggableUpdate: _angular_core.OutputEmitterRef<InnerTransferDragEvent>;
+    readonly selectItem: _angular_core.OutputEmitterRef<ThyTransferSelectEvent>;
+    readonly unselectItem: _angular_core.OutputEmitterRef<ThyTransferSelectEvent>;
+    constructor();
+    ngOnInit(): void;
+    private _combineTransferData;
+    private _afterChangeItems;
+    ngDoCheck(): void;
+    lockListEnterPredicate: () => boolean;
+    unlockListEnterPredicate: (event: CdkDrag<ThyTransferItem>) => boolean;
+    onSelectItem: (item: ThyTransferItem) => void;
+    onUnselectItem: (item: ThyTransferItem) => void;
+    drop(event: CdkDragDrop<ThyTransferItem[]>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTransferList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyTransferList, "thy-transfer-list", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "canLock": { "alias": "canLock"; "required": false; "isSignal": true; }; "maxLock": { "alias": "maxLock"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "renderContentRef": { "alias": "renderContentRef"; "required": false; "isSignal": true; }; }, { "draggableUpdate": "draggableUpdate"; "selectItem": "selectItem"; "unselectItem": "unselectItem"; }, never, never, true, never>;
+}
+
+declare class ThyTransferModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTransferModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyTransferModule, never, [typeof i1.CommonModule, typeof i2.ThyButtonModule, typeof i3.DragDropModule, typeof i4.ThyIconModule, typeof i5.ThyListModule, typeof i6.ThySharedModule, typeof i7.ThyFlexibleTextModule, typeof ThyTransfer, typeof ThyTransferList], [typeof ThyTransfer]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyTransferModule>;
+}
+
+export { ThyTransfer, ThyTransferList, ThyTransferModule, TransferDirection };
+export type { Direction, InnerTransferDragEvent, InnerTransferList, ThyTransferChangeEvent, ThyTransferData, ThyTransferDragEvent, ThyTransferItem, ThyTransferModel, ThyTransferSelectEvent };