ngx-tethys 19.1.13 → 20.0.0-next.0

package/tabs/index.d.ts

@@ -1,4 +1,114 @@
-export * from './tabs.module';
-export * from './tabs.component';
-export * from './tab.component';
-export * from './types';
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef, AfterContentInit, QueryList } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from 'ngx-tethys/icon';
+import * as i3 from 'ngx-tethys/nav';
+
+/**
+ * 选项卡的选项组件
+ * @name thy-tab
+ */
+declare class ThyTab implements OnInit {
+    /**
+     * 自定义选项标题的模板
+     * @type TemplateRef
+     */
+    titleTemplateRef: TemplateRef<unknown>;
+    content: TemplateRef<HTMLElement>;
+    /**
+     * 选项标题
+     */
+    readonly thyTitle: _angular_core.InputSignal<string>;
+    /**
+     * 选项的唯一标识
+     */
+    readonly id: _angular_core.InputSignal<string>;
+    /**
+     * 是否禁用选项
+     * @default false
+     */
+    readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyTab, "thy-tab", never, { "thyTitle": { "alias": "thyTitle"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, ["titleTemplateRef"], ["*"], true, never>;
+}
+
+type ThyActiveTabInfo = string | number;
+type ThyTabActiveEvent = ThyActiveTabInfo;
+
+type ThyTabsSize = 'lg' | 'md' | 'sm';
+type ThyTabsType = 'pulled' | 'tabs' | 'pills' | 'lite';
+type ThyTabsPosition = 'top' | 'left';
+/**
+ * 选项卡切换组件
+ * @name thy-tabs
+ */
+declare class ThyTabs implements OnInit, AfterContentInit {
+    private cd;
+    private el;
+    tabs: QueryList<ThyTab>;
+    private readonly destroyRef;
+    /**
+     * 标签类型
+     * @type 'pulled' | 'tabs' | 'pills' | 'lite'
+     */
+    readonly thyType: _angular_core.InputSignal<ThyTabsType>;
+    /**
+     * 选项卡的大小
+     * @type 'lg' | 'md' | 'sm'
+     */
+    readonly thySize: _angular_core.InputSignal<ThyTabsSize>;
+    /**
+     * 激活的项
+     */
+    readonly thyActiveTab: _angular_core.ModelSignal<ThyActiveTabInfo>;
+    /**
+     * 附加操作
+     */
+    readonly thyExtra: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * 选项卡的位置
+     * @type 'top' | 'left'
+     */
+    readonly thyPosition: _angular_core.InputSignal<ThyTabsPosition>;
+    /**
+     * 是否使用动画切换 Tabs
+     */
+    readonly thyAnimated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 响应式，自动计算宽度存放 thyNavItem，并添加更多弹框
+     */
+    readonly thyResponsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly activeTabIndex: _angular_core.WritableSignal<number>;
+    readonly activeTabId: _angular_core.WritableSignal<ThyActiveTabInfo>;
+    transitionStarted: boolean;
+    constructor();
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    get tabPaneAnimated(): boolean;
+    getTabContentMarginLeft(): string;
+    activeTab(tab: ThyTab, index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyTabs, "thy-tabs", never, { "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyActiveTab": { "alias": "thyActiveTab"; "required": false; "isSignal": true; }; "thyExtra": { "alias": "thyExtra"; "required": false; "isSignal": true; }; "thyPosition": { "alias": "thyPosition"; "required": false; "isSignal": true; }; "thyAnimated": { "alias": "thyAnimated"; "required": false; "isSignal": true; }; "thyResponsive": { "alias": "thyResponsive"; "required": false; "isSignal": true; }; }, { "thyActiveTab": "thyActiveTabChange"; }, ["tabs"], never, true, never>;
+}
+
+/**
+ * @private
+ */
+declare class ThyTabContent {
+    readonly content: _angular_core.InputSignal<TemplateRef<void>>;
+    readonly active: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly tabPaneAnimated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTabContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyTabContent, "thy-tab-content, [thyTabContent]", ["thyTabContent"], { "content": { "alias": "content"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "tabPaneAnimated": { "alias": "tabPaneAnimated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ThyTabsModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTabsModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyTabsModule, never, [typeof i1.CommonModule, typeof i2.ThyIconModule, typeof i3.ThyNavModule, typeof ThyTabs, typeof ThyTab, typeof ThyTabContent], [typeof ThyTabs, typeof ThyTab]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyTabsModule>;
+}
+
+export { ThyTab, ThyTabs, ThyTabsModule };
+export type { ThyActiveTabInfo, ThyTabActiveEvent, ThyTabsPosition, ThyTabsSize, ThyTabsType };

package/tag/index.d.ts

@@ -1,3 +1,71 @@
-export * from './tag.module';
-export * from './tag.component';
-export * from './tags.component';
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from 'ngx-tethys/icon';
+import { ThyThemeColor } from 'ngx-tethys/core';
+
+type ThyTagColor = ThyThemeColor | string;
+type ThyTagShape = 'pill' | 'rectangle';
+type ThyTagSize = 'sm' | 'md' | 'lg';
+/**
+ * 标签组件
+ * @name thy-tag,[thyTag]
+ */
+declare class ThyTag {
+    private elementRef;
+    private hostRenderer;
+    /**
+     * 标签颜色，thyColor 的简写
+     * @type primary | success | info | warning | danger | default | light | string
+     * @default default
+     */
+    readonly thyTag: _angular_core.InputSignal<string>;
+    /**
+     * 标签形状
+     * @type pill | rectangle
+     */
+    readonly thyShape: _angular_core.InputSignal<ThyTagShape>;
+    /**
+     * 标签颜色，支持设置主题色和颜色值，主题色为 default、primary、success、info、warning、danger
+     */
+    readonly thyColor: _angular_core.InputSignal<string>;
+    /**
+     * 标签主题，fill 为颜色填充，outline 为线框，weak-fill 为背景色0.1透明度效果
+     * @type outline | fill | weak-fill
+     */
+    readonly thyTheme: _angular_core.InputSignal<"fill" | "outline" | "weak-fill">;
+    /**
+     * 标签大小
+     * @type sm | md | lg
+     */
+    readonly thySize: _angular_core.InputSignal<ThyTagSize>;
+    /**
+     * 可 Hover 悬停的标签，设置为 true 时会有一个 Hover 效果
+     * @default false
+     */
+    readonly thyHoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly color: _angular_core.Signal<string>;
+    constructor();
+    private setColor;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTag, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyTag, "thy-tag,[thyTag]", never, { "thyTag": { "alias": "thyTag"; "required": false; "isSignal": true; }; "thyShape": { "alias": "thyShape"; "required": false; "isSignal": true; }; "thyColor": { "alias": "thyColor"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyHoverable": { "alias": "thyHoverable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * @name thy-tags
+ */
+declare class ThyTags implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTags, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyTags, "thy-tags", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class ThyTagModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTagModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyTagModule, never, [typeof i1.CommonModule, typeof i2.ThyIconModule, typeof ThyTag, typeof ThyTags], [typeof ThyTag, typeof ThyTags]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyTagModule>;
+}
+
+export { ThyTag, ThyTagModule, ThyTags };
+export type { ThyTagColor, ThyTagShape, ThyTagSize };

package/testing/index.d.ts

@@ -1,7 +1,178 @@
-export * from './dispatcher-events';
-export * from './events';
-export * from './element-focus';
-export * from './type-in-element';
-export * from './thy-icon';
-export * from './data-transfer';
-export * from './xhr-mock';
+import { ModifierKeys } from '@angular/cdk/testing';
+import { Provider } from '@angular/core';
+import { XhrFactory } from '@angular/common';
+
+/**
+ * Utility to dispatch any event on a Node.
+ * @docs-private
+ */
+declare function dispatchEvent<T extends Event>(node: Node | Window, event: T): T;
+/**
+ * Shorthand to dispatch a fake event on a specified node.
+ * @docs-private
+ */
+declare function dispatchFakeEvent(node: Node | Window, type: string, canBubble?: boolean): Event;
+/**
+ * Shorthand to dispatch a keyboard event with a specified key code and
+ * optional modifiers.
+ * @docs-private
+ */
+declare function dispatchKeyboardEvent(node: Node, type: string, keyCode?: number, key?: string, modifiers?: ModifierKeys): KeyboardEvent;
+/**
+ * Shorthand to dispatch a mouse event on the specified coordinates.
+ * @docs-private
+ */
+declare function dispatchMouseEvent(node: Node, type: string, clientX?: number, clientY?: number, button?: number, buttons?: number, detail?: number, modifiers?: ModifierKeys, relatedTarget?: Element): MouseEvent;
+/**
+ * Shorthand to dispatch a pointer event on the specified coordinates.
+ * @docs-private
+ */
+declare function dispatchPointerEvent(node: Node, type: string, clientX?: number, clientY?: number, options?: PointerEventInit): PointerEvent;
+/**
+ * Shorthand to dispatch a touch event on the specified coordinates.
+ * @docs-private
+ */
+declare function dispatchTouchEvent(node: Node, type: string, x?: number, y?: number): UIEvent;
+
+/**
+ * Creates a browser MouseEvent with the specified options.
+ * @docs-private
+ */
+declare function createMouseEvent(type: string, clientX?: number, clientY?: number, button?: number, buttons?: number, detail?: number, modifiers?: ModifierKeys, relatedTarget?: Element): MouseEvent;
+/**
+ * Creates a browser `PointerEvent` with the specified options. Pointer events
+ * by default will appear as if they are the primary pointer of their type.
+ * https://www.w3.org/TR/pointerevents2/#dom-pointerevent-isprimary.
+ *
+ * For example, if pointer events for a multi-touch interaction are created, the non-primary
+ * pointer touches would need to be represented by non-primary pointer events.
+ *
+ * @docs-private
+ */
+declare function createPointerEvent(type: string, clientX?: number, clientY?: number, options?: PointerEventInit): PointerEvent;
+/**
+ * Creates a browser TouchEvent with the specified pointer coordinates.
+ * @docs-private
+ */
+declare function createTouchEvent(type: string, pageX?: number, pageY?: number): UIEvent;
+/**
+ * Creates a keyboard event with the specified key and modifiers.
+ * @docs-private
+ */
+declare function createKeyboardEvent(type: string, keyCode?: number, key?: string, modifiers?: ModifierKeys): KeyboardEvent;
+/**
+ * Creates a fake event object with any desired event type.
+ * @docs-private
+ */
+declare function createFakeEvent(type: string, canBubble?: boolean, cancelable?: boolean): Event;
+declare function createDragEvent(type: string, dataTransfer?: DataTransfer, canBubble?: boolean, cancelable?: boolean): DragEvent;
+
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Patches an elements focus and blur methods to emit events consistently and predictably.
+ * This is necessary, because some browsers, like IE11, will call the focus handlers asynchronously,
+ * while others won't fire them at all if the browser window is not focused.
+ */
+declare function patchElementFocus(element: HTMLElement): void;
+
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Focuses an input, sets its value and dispatches
+ * the `input` event, simulating the user typing.
+ * @param value Value to be set on the input.
+ * @param element Element onto which to set the value.
+ */
+declare function typeInElement(value: string, element: HTMLInputElement): void;
+
+declare const bypassSanitizeProvider: Provider;
+declare const defaultInlineIconSet = "\n  <svg>\n    <defs>\n        <svg id=\"inbox\"><path d=\"M10 10\"/></svg>\n        <svg id=\"close\"><path d=\"M10 10\"/></svg>\n        <svg id=\"close-bold\"><path d=\"M10 10\"/></svg>\n        <svg id=\"calendar-check\"><path d=\"M10 10\"/></svg>\n        <svg id=\"calendar\"><path d=\"M10 10\"/></svg>\n        <svg id=\"angle-down\"><path d=\"M10 10\"/></svg>\n        <svg id=\"check\"><path d=\"M10 10\"/></svg>\n        <svg id=\"application-fill\"></svg>\n        <svg id=\"angle-right\"></svg>\n        <svg id=\"minus-circle-fill\"></svg>\n        <svg id=\"check-circle-fill\"></svg>\n        <svg id=\"waring-fill\"></svg>\n        <svg id=\"close-circle-fill\"></svg>\n        <svg id=\"question-circle-fill\"></svg>\n        <svg id=\"more-bold\"></svg>\n        <svg id=\"filter\">\n         <title>Filter Title</title>\n         <defs> <linearGradient id=\"Gradient1\"><stop class=\"stop1\" offset=\"0%\"/><stop class=\"stop2\" offset=\"50%\"/><stop class=\"stop3\" offset=\"100%\"/></linearGradient></defs>\n         <style> #rect1 { fill: url(#Gradient1); }</style>\n         <path d=\"filter\" style=\" \"/>\n        </svg>\n        <svg id=\"close-circle-bold-fill\"></svg>\n        <svg id=\"search\"></svg>\n        <svg id=\"sort-tt\"><style>.circle {  fill: orange; }</style><g id=\"phnormal/sort-tt\" stroke-width=\"1\" fill-rule=\"nonzero\"><path d=\"M10 10 0 0 1 5.1 1.5v12.99a.6.6 0 0 1-1.2 0V3.607L2.466 6.082a.6.6 0 1 1-1.04-.6l2.47-4.262a.599.599 0 0 1 .426-.293z\" id=\"ph\u5F62\u72B6\u7ED3\u5408\"/><path d=\"M13.765 1.027a.6.6 0 0 1 .778.573v12.805a.6.6 0 1 1-1.2 0V3.682L11.82 6.276a.6.6 0 1 1-1.04-.6l2.558-4.356a.599.599 0 0 1 .427-.293z\" id=\"sort-secondary-color\" transform=\"rotate(-180 12.621 8.003)\"/></g></svg>\n    </defs>\n  </svg>\n";
+declare const defaultSvgHtml = "\n<svg viewBox=\"0 0 16 16\" id=\"close1\" xmlns=\"http://www.w3.org/2000/svg\">\n   <path d=\"M7.978 11.997l-.005.006L2.3 6.33l.83-.831 4.848 4.848L12.826 5.5l.83.83-5.673 5.673-.005-.006z\"/>\n</svg>";
+declare const injectDefaultSvgIconSet: () => void;
+
+declare class FakeDataTransferItem implements DataTransferItem {
+    private entry;
+    kind: string;
+    type: string;
+    constructor(entry: FileSystemEntry, kind: string);
+    getAsFile(): File;
+    getAsString(callback: FunctionStringCallback): void;
+    webkitGetAsEntry(): FileSystemEntry;
+}
+declare class FakeDataTransfer implements DataTransfer {
+    dataByFormat: {};
+    dropEffect: 'none' | 'copy' | 'link' | 'move';
+    effectAllowed: 'none' | 'copy' | 'copyLink' | 'copyMove' | 'link' | 'linkMove' | 'move' | 'all' | 'uninitialized';
+    files: FileList;
+    types: string[];
+    items: DataTransferItemList;
+    constructor(files?: File[], items?: DataTransferItem[]);
+    clearData(dataFormat: string): void;
+    getData: (dataFormat: string) => any;
+    setData(dataFormat: string, data: string): boolean;
+    setDragImage: () => void;
+}
+
+declare class MockXhrFactory implements XhrFactory {
+    mock: MockXMLHttpRequest;
+    build(): XMLHttpRequest;
+}
+declare class MockXMLHttpRequestUpload {
+    private mock;
+    constructor(mock: MockXMLHttpRequest);
+    addEventListener(event: 'progress', handler: Function): void;
+    removeEventListener(event: 'progress', handler: Function): void;
+}
+declare class MockXMLHttpRequest {
+    body: any;
+    method: string;
+    url: string;
+    mockHeaders: {
+        [key: string]: string;
+    };
+    mockAborted: boolean;
+    withCredentials: boolean;
+    responseType: string;
+    response: any | undefined;
+    responseText: string | undefined;
+    responseURL: string | null;
+    status: number;
+    statusText: string;
+    mockResponseHeaders: string;
+    readyState: number;
+    listeners: {
+        error?: (event: ErrorEvent) => void;
+        load?: () => void;
+        progress?: (event: ProgressEvent) => void;
+        uploadProgress?: (event: ProgressEvent) => void;
+        readystatechange?: () => void;
+    };
+    upload: MockXMLHttpRequestUpload;
+    open(method: string, url: string): void;
+    send(body: any): void;
+    addEventListener(event: 'error' | 'load' | 'progress' | 'uploadProgress' | 'readystatechange', handler: Function): void;
+    removeEventListener(event: 'error' | 'load' | 'progress' | 'uploadProgress' | 'readystatechange'): void;
+    setRequestHeader(name: string, value: string): void;
+    getAllResponseHeaders(): string;
+    getResponseHeader(header: string): string | null;
+    mockFlush(status: number, statusText: string, body?: string | object): void;
+    mockOnReadyStateChange(readyState?: number): void;
+    mockDownloadProgressEvent(loaded: number, total?: number): void;
+    mockUploadProgressEvent(loaded: number, total?: number): void;
+    mockLoadEvent(): void;
+    mockErrorEvent(error: any): void;
+    abort(): void;
+}
+
+export { FakeDataTransfer, FakeDataTransferItem, MockXMLHttpRequest, MockXMLHttpRequestUpload, MockXhrFactory, bypassSanitizeProvider, createDragEvent, createFakeEvent, createKeyboardEvent, createMouseEvent, createPointerEvent, createTouchEvent, defaultInlineIconSet, defaultSvgHtml, dispatchEvent, dispatchFakeEvent, dispatchKeyboardEvent, dispatchMouseEvent, dispatchPointerEvent, dispatchTouchEvent, injectDefaultSvgIconSet, patchElementFocus, typeInElement };