ngx-tethys 19.1.13 → 20.0.0-next.0

package/resizable/index.d.ts

@@ -1,7 +1,197 @@
-export * from './module';
-export * from './resizable.directive';
-export * from './resize-handles.component';
-export * from './resize-handle.component';
-export * from './interface';
-export * from './resizable.service';
-export * from './utils';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef, OnInit } from '@angular/core';
+import * as i1 from '@angular/common';
+import { Subject } from 'rxjs';
+
+type ThyResizeDirection = 'top' | 'right' | 'bottom' | 'left' | 'topRight' | 'bottomRight' | 'bottomLeft' | 'topLeft';
+interface ThyResizeEvent {
+    width?: number;
+    height?: number;
+    col?: number;
+    mouseEvent?: MouseEvent | TouchEvent;
+}
+declare class ThyResizeHandleMouseDownEvent {
+    direction: ThyResizeDirection;
+    mouseEvent: MouseEvent | TouchEvent;
+    constructor(direction: ThyResizeDirection, mouseEvent: MouseEvent | TouchEvent);
+}
+
+/**
+ * 调整尺寸
+ * @name thyResizable
+ */
+declare class ThyResizableDirective implements OnDestroy {
+    private elementRef;
+    private renderer;
+    private platform;
+    private ngZone;
+    private thyResizableService;
+    /**
+     * 调整尺寸的边界
+     * @default parent
+     * @type 'window' | 'parent' | ElementRef<HTMLElement>
+     */
+    readonly thyBounds: _angular_core.InputSignal<"window" | ElementRef<HTMLElement> | "parent">;
+    /**
+     * 最大高度(超过边界部分忽略)
+     */
+    readonly thyMaxHeight: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 最大宽度(超过边界部分忽略)
+     */
+    readonly thyMaxWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 最小高度
+     */
+    readonly thyMinHeight: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 最小宽度
+     */
+    readonly thyMinWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 栅格列数(-1 为不栅格)
+     */
+    readonly thyGridColumnCount: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 栅格最大列数
+     */
+    readonly thyMaxColumn: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 栅格最小列数
+     */
+    readonly thyMinColumn: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 锁定宽高比
+     */
+    readonly thyLockAspectRatio: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 是否预览模式
+     */
+    readonly thyPreview: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 是否禁用调整大小
+     */
+    readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 调整尺寸时的事件
+     */
+    readonly thyResize: _angular_core.OutputEmitterRef<ThyResizeEvent>;
+    /**
+     * 开始调整尺寸时的事件
+     */
+    readonly thyResizeStart: _angular_core.OutputEmitterRef<ThyResizeEvent>;
+    /**
+     * 结束调整尺寸时的事件
+     */
+    readonly thyResizeEnd: _angular_core.OutputEmitterRef<ThyResizeEvent>;
+    resizing: _angular_core.WritableSignal<boolean>;
+    private get nativeElement();
+    private nativeElementRect;
+    private sizeCache;
+    private ghostElement;
+    private currentHandleEvent;
+    private readonly destroyRef;
+    constructor();
+    private bindMouseEnterAndLeaveEvents;
+    setCursor(): void;
+    endResize(event: MouseEvent | TouchEvent): void;
+    resize(event: MouseEvent | TouchEvent): void;
+    calcSize(width: number, height: number, ratio: number): ThyResizeEvent;
+    previewResize({ width, height }: ThyResizeEvent): void;
+    createGhostElement(): void;
+    removeGhostElement(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyResizableDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyResizableDirective, "[thyResizable]", never, { "thyBounds": { "alias": "thyBounds"; "required": false; "isSignal": true; }; "thyMaxHeight": { "alias": "thyMaxHeight"; "required": false; "isSignal": true; }; "thyMaxWidth": { "alias": "thyMaxWidth"; "required": false; "isSignal": true; }; "thyMinHeight": { "alias": "thyMinHeight"; "required": false; "isSignal": true; }; "thyMinWidth": { "alias": "thyMinWidth"; "required": false; "isSignal": true; }; "thyGridColumnCount": { "alias": "thyGridColumnCount"; "required": false; "isSignal": true; }; "thyMaxColumn": { "alias": "thyMaxColumn"; "required": false; "isSignal": true; }; "thyMinColumn": { "alias": "thyMinColumn"; "required": false; "isSignal": true; }; "thyLockAspectRatio": { "alias": "thyLockAspectRatio"; "required": false; "isSignal": true; }; "thyPreview": { "alias": "thyPreview"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, { "thyResize": "thyResize"; "thyResizeStart": "thyResizeStart"; "thyResizeEnd": "thyResizeEnd"; }, never, never, true, never>;
+}
+
+/**
+ * 定义调整手柄及方向
+ * @name thy-resize-handle
+ */
+declare class ThyResizeHandle implements OnInit {
+    private ngZone;
+    private thyResizableService;
+    private host;
+    /**
+     * 调整方向
+     * @type top | right | bottom | left | topRight | bottomRight | bottomLeft | topLeft
+     */
+    readonly thyDirection: _angular_core.InputSignal<ThyResizeDirection>;
+    /**
+     * 是否展示拖拽线
+     * @type boolean
+     */
+    readonly thyLine: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * MouseDown 回调事件
+     */
+    readonly thyMouseDown: _angular_core.OutputEmitterRef<ThyResizeHandleMouseDownEvent>;
+    private hostRenderer;
+    private readonly destroyRef;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyResizeHandle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyResizeHandle, "thy-resize-handle, [thy-resize-handle]", ["thyResizeHandle"], { "thyDirection": { "alias": "thyDirection"; "required": false; "isSignal": true; }; "thyLine": { "alias": "thyLine"; "required": false; "isSignal": true; }; }, { "thyMouseDown": "thyMouseDown"; }, never, ["*"], true, never>;
+}
+
+declare const DEFAULT_RESIZE_DIRECTION: ThyResizeDirection[];
+/**
+ * 定义调整手柄的快捷组件
+ * @name thy-resize-handles
+ */
+declare class ThyResizeHandles {
+    /**
+     * 定义调整手柄的方向
+     * @type ThyResizeDirection[]
+     */
+    readonly thyDirections: _angular_core.InputSignal<ThyResizeDirection[]>;
+    /**
+     * 是否展示拖拽线
+     */
+    readonly thyLine: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly directions: _angular_core.Signal<Set<ThyResizeDirection>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyResizeHandles, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyResizeHandles, "thy-resize-handles", ["thyResizeHandles"], { "thyDirections": { "alias": "thyDirections"; "required": false; "isSignal": true; }; "thyLine": { "alias": "thyLine"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ThyResizableModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyResizableModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyResizableModule, never, [typeof i1.CommonModule, typeof ThyResizableDirective, typeof ThyResizeHandle, typeof ThyResizeHandles], [typeof ThyResizableDirective, typeof ThyResizeHandle, typeof ThyResizeHandles]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyResizableModule>;
+}
+
+/**
+ * @internal
+ */
+declare class ThyResizableService implements OnDestroy {
+    private ngZone;
+    private document;
+    private listeners;
+    /**
+     * The `OutsideAngular` prefix means that the subject will emit events outside of the Angular zone,
+     * so that becomes a bit more descriptive for those who'll maintain the code in the future:
+     * ```ts
+     * thyResizableService.handleMouseDownOutsideAngular$.subscribe(event => {
+     *   console.log(Zone.current); // <root>
+     *   console.log(NgZone.isInAngularZone()); // false
+     * });
+     * ```
+     */
+    handleMouseDownOutsideAngular$: Subject<ThyResizeHandleMouseDownEvent>;
+    documentMouseUpOutsideAngular$: Subject<MouseEvent | TouchEvent>;
+    documentMouseMoveOutsideAngular$: Subject<MouseEvent | TouchEvent>;
+    mouseEnteredOutsideAngular$: Subject<boolean>;
+    constructor();
+    startResizing(event: MouseEvent | TouchEvent): void;
+    private clearListeners;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyResizableService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThyResizableService>;
+}
+
+declare function getEventWithPoint(event: MouseEvent | TouchEvent): MouseEvent | Touch;
+declare function ensureInBounds(value: number, boundValue: number): number;
+declare function setCompatibleStyle(element: HTMLElement, key: string, value: string): void;
+
+export { DEFAULT_RESIZE_DIRECTION, ThyResizableDirective, ThyResizableModule, ThyResizableService, ThyResizeHandle, ThyResizeHandleMouseDownEvent, ThyResizeHandles, ensureInBounds, getEventWithPoint, setCompatibleStyle };
+export type { ThyResizeDirection, ThyResizeEvent };

package/result/index.d.ts

@@ -1,2 +1,63 @@
-export * from './result.module';
-export * from './result.component';
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef } from '@angular/core';
+import * as i1 from '@angular/common';
+
+type ThyResultStatus = 'success' | 'warning' | 'error';
+/**
+ * 结果页组件
+ * @name thy-result
+ */
+declare class ThyResult implements OnInit {
+    /**
+     * @description 结果的状态，决定显示的图标
+     * @type success | warning | error
+     */
+    readonly thyStatus: _angular_core.InputSignal<ThyResultStatus>;
+    /**
+     * @description 自定义 icon，作为 img 的 src 显示
+     * @type string
+     */
+    readonly thyIcon: _angular_core.InputSignal<string>;
+    /**
+     * @description 标题
+     * @type string
+     */
+    readonly thyTitle: _angular_core.InputSignal<string>;
+    /**
+     * @description 二级标题
+     * @type string
+     */
+    readonly thySubtitle: _angular_core.InputSignal<string>;
+    /**
+     * @description 自定义 icon 模板
+     * @type TemplateRef<any>
+     */
+    protected readonly iconTemplateRef: _angular_core.Signal<TemplateRef<any>>;
+    /**
+     * @description 自定义标题模板
+     * @type TemplateRef<any>
+     */
+    protected readonly titleTemplateRef: _angular_core.Signal<TemplateRef<any>>;
+    /**
+     * @description 自定义二级标题模板
+     * @type TemplateRef<any>
+     */
+    protected readonly subtitleTemplateRef: _angular_core.Signal<TemplateRef<any>>;
+    /**
+     * @description 自定义操作区域
+     * @type TemplateRef<any>
+     */
+    protected readonly extraTemplateRef: _angular_core.Signal<TemplateRef<any>>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyResult, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyResult, "thy-result", never, { "thyStatus": { "alias": "thyStatus"; "required": false; "isSignal": true; }; "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; "thyTitle": { "alias": "thyTitle"; "required": false; "isSignal": true; }; "thySubtitle": { "alias": "thySubtitle"; "required": false; "isSignal": true; }; }, {}, ["iconTemplateRef", "titleTemplateRef", "subtitleTemplateRef", "extraTemplateRef"], never, true, never>;
+}
+
+declare class ThyResultModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyResultModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyResultModule, never, [typeof i1.CommonModule, typeof ThyResult], [typeof ThyResult]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyResultModule>;
+}
+
+export { ThyResult, ThyResultModule };

package/schematics/ng-update/migration-collection.json

@@ -1,10 +1,10 @@
 {
   "$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json",
   "schematics": {
-    "migration-v19": {
-      "version": "19.0.0",
-      "factory": "./update-19",
-      "description": "Updates NGX-TETHYS to v19."
+    "migration-v20": {
+      "version": "20.0.0",
+      "factory": "./update-20",
+      "description": "Updates NGX-TETHYS to v20."
     }
   }
 }

package/schematics/ng-update/{update-19 → update-20}/index.js

@@ -6,5 +6,5 @@ const complete_1 = require("../core/complete");
 const update_data_1 = require("./update-data");
 const migrations = [];
 function main() {
-    return (0, schematics_1.createMigrationSchematicRule)(schematics_1.TargetVersion.V19, migrations, update_data_1.upgradeData, complete_1.onMigrationComplete);
+    return (0, schematics_1.createMigrationSchematicRule)(schematics_1.TargetVersion.V20, migrations, update_data_1.upgradeData, complete_1.onMigrationComplete);
 }

package/schematics/ng-update/{update-19 → update-20}/index.spec.js

@@ -2,21 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const testing_1 = require("@angular-devkit/schematics/testing");
 const testing_2 = require("../../testing");
-describe('ng-update v19 Schematic', () => {
+describe('ng-update v20 Schematic', () => {
     let tree;
     const schematicRunner = new testing_1.SchematicTestRunner('migrations', require.resolve('../migration-collection.json'));
     let workspaceTree;
     beforeEach(async () => {
         const factory = (0, testing_2.createTestWorkspaceFactory)(schematicRunner);
         await factory.create();
-        await factory.addApplication({ name: 'update-19-test' });
+        await factory.addApplication({ name: 'update-20-test' });
         tree = factory.getTree();
     });
-    it('should update to ng v19', async () => {
-        workspaceTree = await schematicRunner.runSchematic('migration-v19', undefined, tree);
+    it('should update to ng v20', async () => {
+        workspaceTree = await schematicRunner.runSchematic('migration-v20', undefined, tree);
         const file = workspaceTree.get('package.json');
         expect(file.content.toString()).toBeTruthy();
         const packageJSON = JSON.parse(file.content.toString());
-        expect(packageJSON['dependencies']['@angular/core']).toContain('^18.');
+        expect(packageJSON['dependencies']['@angular/core']).toContain('^20.');
     });
 });

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "19.1.13";
+export declare const VERSION = "20.0.0-next.0";

package/schematics/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '19.1.13';
+exports.VERSION = '20.0.0-next.0';

package/segment/index.d.ts

@@ -1,4 +1,119 @@
-export * from './segment.module';
-export * from './segment.component';
-export * from './segment-item.component';
-export * from './types';
+import * as _angular_core from '@angular/core';
+import { InputSignal, InputSignalWithTransform, ElementRef } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from 'ngx-tethys/icon';
+import * as i3 from 'ngx-tethys/tooltip';
+import { ThumbAnimationProps } from 'ngx-tethys/core';
+import { SafeAny } from 'ngx-tethys/types';
+import { ThyBooleanInput } from 'ngx-tethys/util';
+import { AnimationEvent } from '@angular/animations';
+
+interface IThySegmentItemComponent {
+    elementRef: ElementRef<HTMLElement>;
+    thyValue: SafeAny;
+    unselect: () => void;
+    select: () => void;
+}
+interface IThySegmentComponent {
+    thyMode: InputSignal<string>;
+    thyDisabled: InputSignalWithTransform<boolean, ThyBooleanInput> | InputSignal<boolean>;
+    selectedItem: IThySegmentItemComponent;
+    changeSelectedItem: (item: IThySegmentItemComponent, event?: Event) => void;
+}
+
+/**
+ * 分段控制器的选项组件
+ * @name thy-segment-item,[thy-segment-item]
+ */
+declare class ThySegmentItem implements IThySegmentItemComponent {
+    elementRef: ElementRef<any>;
+    private ngZone;
+    private renderer;
+    private parent;
+    /**
+     * 选项的值
+     */
+    readonly thyValue: _angular_core.InputSignal<any>;
+    /**
+     * 选项的图标
+     */
+    readonly thyIcon: _angular_core.InputSignal<string>;
+    /**
+     * 是否禁用该选项
+     */
+    readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    isOnlyIcon: _angular_core.WritableSignal<boolean>;
+    isWithText: _angular_core.WritableSignal<boolean>;
+    private destroyRef;
+    constructor();
+    select(): void;
+    unselect(): void;
+    private wrapSpanForText;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThySegmentItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThySegmentItem, "thy-segment-item,[thy-segment-item]", never, { "thyValue": { "alias": "thyValue"; "required": false; "isSignal": true; }; "thyIcon": { "alias": "thyIcon"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface ThySegmentEvent<TValue = unknown> {
+    event: Event;
+    value: TValue;
+    activeIndex: number;
+}
+
+type ThySegmentSize = 'xs' | 'sm' | 'md' | 'default';
+type ThySegmentMode = 'block' | 'inline';
+/**
+ * 分段控制器组件
+ * @name thy-segment
+ */
+declare class ThySegment implements IThySegmentComponent {
+    private cdr;
+    private destroyRef;
+    /**
+     * @internal
+     */
+    readonly options: _angular_core.Signal<readonly ThySegmentItem[]>;
+    /**
+     * 大小
+     * @type xs | sm | md | default
+     */
+    readonly thySize: _angular_core.InputSignal<ThySegmentSize>;
+    /**
+     * 模式
+     * @type block | inline
+     */
+    readonly thyMode: _angular_core.InputSignal<ThySegmentMode>;
+    /**
+     * 是否禁用分段控制器
+     */
+    readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 选中选项的索引
+     */
+    readonly thyActiveIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 选项被选中的回调事件
+     */
+    readonly thySelectChange: _angular_core.OutputEmitterRef<ThySegmentEvent<unknown>>;
+    selectedItem: ThySegmentItem;
+    private newActiveIndex;
+    private activeIndex;
+    animationState: _angular_core.WritableSignal<{
+        value: string;
+        params: ThumbAnimationProps;
+    }>;
+    transitionedTo: any;
+    constructor();
+    changeSelectedItem(item: ThySegmentItem, event?: Event): void;
+    handleThumbAnimationDone(event: AnimationEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThySegment, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThySegment, "thy-segment", ["thySegment"], { "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyMode": { "alias": "thyMode"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; "thyActiveIndex": { "alias": "thyActiveIndex"; "required": false; "isSignal": true; }; }, { "thySelectChange": "thySelectChange"; }, ["options"], ["*"], true, never>;
+}
+
+declare class ThySegmentModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThySegmentModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThySegmentModule, never, [typeof i1.CommonModule, typeof i2.ThyIconModule, typeof i3.ThyTooltipModule, typeof ThySegment, typeof ThySegmentItem], [typeof ThySegment, typeof ThySegmentItem]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThySegmentModule>;
+}
+
+export { ThySegment, ThySegmentItem, ThySegmentModule };
+export type { ThySegmentEvent, ThySegmentMode, ThySegmentSize };