ngx-tethys 19.1.13 → 20.0.0-next.0

package/input/index.d.ts

@@ -1,6 +1,281 @@
-export * from './module';
-export * from './input-group.component';
-export * from './input-search.component';
-export * from './input.component';
-export * from './input.directive';
-export * from './input-count.component';
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef, OnDestroy, ElementRef } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import { NgControl, ControlValueAccessor } from '@angular/forms';
+import * as i3 from 'ngx-tethys/shared';
+import * as i4 from 'ngx-tethys/icon';
+import * as i5 from 'ngx-tethys/divider';
+import { Constructor, ThyHasTabIndex, ThyInitialized, ThyCanDisable, AbstractControlValueAccessor } from 'ngx-tethys/core';
+import { Subject } from 'rxjs';
+
+type ThyInputSize = 'xs' | 'sm' | 'md' | 'lg' | '';
+/**
+ * 输入框指令
+ * @name thyInput
+ * @order 10
+ */
+declare class ThyInputDirective {
+    private elementRef;
+    private render;
+    private control;
+    isFormControl: boolean;
+    private hostRenderer;
+    /**
+     * 输入框大小
+     * @type 'xs' | 'sm' | 'md' | 'default' | 'lg'
+     * @default default
+     */
+    readonly thySize: _angular_core.InputSignal<ThyInputSize>;
+    get ngControl(): NgControl;
+    get nativeElement(): HTMLInputElement;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyInputDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyInputDirective, "input[thyInput], select[thyInput], textarea[thyInput]", ["thyInput"], { "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR: any;
+/**
+ * 内部集成输入框组件，建议 thy-input-group 和 thyInput 组合使用
+ * @name thy-input
+ * @order 50
+ */
+declare class ThyInput implements ControlValueAccessor, OnInit {
+    private ngZone;
+    private elementRef;
+    /**
+     * Placeholder
+     */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * 输入框大小
+     * @type 'xs' | 'sm' | 'md' | 'default' | 'lg'
+     * @default default
+     */
+    readonly thySize: _angular_core.InputSignal<ThyInputSize>;
+    /**
+     * 是否自动聚焦
+     */
+    readonly thyAutofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 输入框类型
+     * @type 'number' | 'input'
+     */
+    readonly thyType: _angular_core.InputSignal<string>;
+    /**
+     * @deprecated please use thyType
+     */
+    readonly _type: _angular_core.InputSignal<string>;
+    /**
+     * 输入 Label 文本
+     */
+    readonly thyLabelText: _angular_core.InputSignal<string>;
+    /**
+     * 是否只读
+     */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * focus 聚焦事件
+     */
+    readonly focus: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * blur 失焦事件
+     */
+    readonly blur: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * 后置模板
+     */
+    readonly appendTemplate: _angular_core.Signal<TemplateRef<any>>;
+    /**
+     * 前置模板
+     */
+    readonly prependTemplate: _angular_core.Signal<TemplateRef<any>>;
+    type: _angular_core.WritableSignal<string>;
+    value: _angular_core.WritableSignal<string>;
+    showLabel: _angular_core.WritableSignal<boolean>;
+    focused: _angular_core.WritableSignal<boolean>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    private onTouchedCallback;
+    private onChangeCallback;
+    isPasswordType: _angular_core.WritableSignal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onModelChange(): void;
+    onInputFocus(event: Event): void;
+    onInputBlur(event: Event): void;
+    isPassword(value: string): value is "password";
+    togglePasswordType(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyInput, "thy-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyAutofocus": { "alias": "thyAutofocus"; "required": false; "isSignal": true; }; "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "_type": { "alias": "type"; "required": false; "isSignal": true; }; "thyLabelText": { "alias": "thyLabelText"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "focus": "focus"; "blur": "blur"; }, ["appendTemplate", "prependTemplate"], never, true, never>;
+}
+
+type InputGroupSize = 'sm' | 'lg' | 'md' | '';
+/**
+ * 输入框分组
+ * @name thy-input-group
+ * @order 20
+ */
+declare class ThyInputGroup implements OnInit, OnDestroy {
+    private thyTranslate;
+    private ngZone;
+    private hostRenderer;
+    private hostFocusControl;
+    private readonly destroyRef;
+    isTextareaSuffix: _angular_core.WritableSignal<boolean>;
+    hasScrollbar: _angular_core.WritableSignal<boolean>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    /**
+     * 输入框上添加的后置文本
+     */
+    readonly thyAppendText: _angular_core.InputSignal<string>;
+    /**
+     * 输入框上添加的后置文本多语言 Key
+     */
+    readonly thyAppendTextTranslateKey: _angular_core.InputSignal<string>;
+    /**
+     * 输入框上添加的前置文本
+     */
+    readonly thyPrependText: _angular_core.InputSignal<string>;
+    /**
+     * 输入框上添加的前置文本多语言 Key
+     */
+    readonly thyPrependTextTranslateKey: _angular_core.InputSignal<string>;
+    protected readonly prependText: _angular_core.Signal<any>;
+    protected readonly appendText: _angular_core.Signal<any>;
+    /**
+     * 输入框分组大小
+     * @type 'sm' | 'lg' | 'md' | ''
+     * @default ''
+     */
+    readonly thySize: _angular_core.InputSignal<InputGroupSize>;
+    /**
+     * 后置模板
+     */
+    readonly appendTemplate: _angular_core.Signal<TemplateRef<unknown>>;
+    /**
+     * 前置模板
+     */
+    readonly prependTemplate: _angular_core.Signal<TemplateRef<unknown>>;
+    /**
+     * 前缀
+     */
+    readonly prefixTemplate: _angular_core.Signal<TemplateRef<unknown>>;
+    /**
+     * 后缀
+     */
+    readonly suffixTemplate: _angular_core.Signal<TemplateRef<unknown>>;
+    /**
+     * @private
+     */
+    readonly inputDirective: _angular_core.Signal<ThyInputDirective>;
+    private disabledObservable;
+    constructor();
+    ngOnInit(): void;
+    private determineHasScrollbar;
+    private resizeObserver;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyInputGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyInputGroup, "thy-input-group", never, { "thyAppendText": { "alias": "thyAppendText"; "required": false; "isSignal": true; }; "thyAppendTextTranslateKey": { "alias": "thyAppendTextTranslateKey"; "required": false; "isSignal": true; }; "thyPrependText": { "alias": "thyPrependText"; "required": false; "isSignal": true; }; "thyPrependTextTranslateKey": { "alias": "thyPrependTextTranslateKey"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, {}, ["appendTemplate", "prependTemplate", "prefixTemplate", "suffixTemplate", "inputDirective"], ["*"], true, never>;
+}
+
+type ThyInputSearchTheme = 'default' | 'ellipse' | 'transparent' | '';
+type ThyInputSearchIconPosition = 'before' | 'after';
+declare const CUSTOM_INPUT_SEARCH_CONTROL_VALUE_ACCESSOR: any;
+declare const _MixinBase: Constructor<ThyHasTabIndex> & Constructor<ThyInitialized> & Constructor<ThyCanDisable> & typeof AbstractControlValueAccessor;
+/**
+ * 搜索输入框
+ * @name thy-input-search
+ * @order 30
+ */
+declare class ThyInputSearch extends _MixinBase implements ControlValueAccessor, OnInit, OnDestroy {
+    private elementRef;
+    readonly inputElement: _angular_core.Signal<ElementRef<any>>;
+    private hostRenderer;
+    private hostFocusControl;
+    disabled: _angular_core.WritableSignal<boolean>;
+    searchText: _angular_core.WritableSignal<string>;
+    focused: _angular_core.WritableSignal<boolean>;
+    /**
+     * 搜索框 name 属性
+     */
+    readonly name: _angular_core.InputSignal<string>;
+    /**
+     * 搜索框 Placeholder
+     */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * 搜索框风格
+     * @type 'default' | 'ellipse' | 'transparent'
+     * @default default
+     */
+    readonly thyTheme: _angular_core.InputSignal<ThyInputSearchTheme>;
+    /**
+     * 是否自动聚焦
+     * @default false
+     */
+    readonly autoFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 搜索图标位置，当传入 after 时，搜索图标在输入框后方显示，有内容时显示为关闭按钮
+     * @type ThyInputSearchIconPosition
+     */
+    readonly iconPosition: _angular_core.InputSignalWithTransform<ThyInputSearchIconPosition, ThyInputSearchIconPosition>;
+    /**
+     * 输入框大小
+     * @type 'xs' | 'sm' | 'md' | 'default' | 'lg'
+     */
+    readonly thySize: _angular_core.InputSignal<ThyInputSize>;
+    /**
+     * @deprecated please use thyClear
+     */
+    readonly clear: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * 清除搜索事件
+     */
+    readonly thyClear: _angular_core.OutputEmitterRef<Event>;
+    constructor();
+    ngOnInit(): void;
+    writeValue(value: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    searchModelChange(): void;
+    clearSearchText(event: Event): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyInputSearch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyInputSearch, "thy-input-search", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "thySearchFocus"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "thyIconPosition"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; }, { "clear": "clear"; "thyClear": "thyClear"; }, never, never, true, never>;
+}
+
+/**
+ * 输入框输入文字展示
+ * @name thy-input-count
+ * @order 40
+ */
+declare class ThyInputCount implements OnInit {
+    private inputGroup;
+    private readonly destroyRef;
+    private hasInput;
+    /**
+     * 输入框组件，如果不传默认会读取外层 thy-input-group 下的 thyInput 指令
+     * @type ThyInputDirective
+     */
+    readonly thyInput: _angular_core.InputSignal<ThyInputDirective>;
+    maxLength: _angular_core.WritableSignal<string | number>;
+    inputLength: _angular_core.WritableSignal<number>;
+    thyInput$: Subject<ThyInputDirective>;
+    constructor();
+    setup(): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyInputCount, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyInputCount, "thy-input-count", never, { "thyInput": { "alias": "thyInput"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ThyInputModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyInputModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyInputModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.ThySharedModule, typeof i4.ThyIconModule, typeof i5.ThyDividerModule, typeof ThyInputDirective, typeof ThyInput, typeof ThyInputGroup, typeof ThyInputSearch, typeof ThyInputCount], [typeof ThyInputDirective, typeof ThyInput, typeof ThyInputGroup, typeof ThyInputSearch, typeof ThyInputCount]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyInputModule>;
+}
+
+export { CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CUSTOM_INPUT_SEARCH_CONTROL_VALUE_ACCESSOR, ThyInput, ThyInputCount, ThyInputDirective, ThyInputGroup, ThyInputModule, ThyInputSearch };
+export type { InputGroupSize, ThyInputSearchIconPosition, ThyInputSearchTheme, ThyInputSize };

package/input-number/index.d.ts

@@ -1,2 +1,133 @@
-export * from './module';
-export * from './input-number.component';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i3 from 'ngx-tethys/shared';
+import * as i4 from 'ngx-tethys/icon';
+import * as i5 from 'ngx-tethys/input';
+import * as i6 from 'ngx-tethys/form';
+import { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';
+import * as i1 from 'ngx-tethys/util';
+
+type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '';
+declare enum Type {
+    up = 0,
+    down = 1
+}
+/**
+ * 数字输入框
+ * @name thy-input-number
+ * @order 10
+ */
+declare class ThyInputNumber extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor, OnInit, OnDestroy {
+    readonly inputElement: _angular_core.Signal<ElementRef<any>>;
+    private autoStepTimer;
+    private hostFocusControl;
+    validValue: number | string;
+    displayValue: _angular_core.WritableSignal<string | number>;
+    disabledUp: _angular_core.WritableSignal<boolean>;
+    disabledDown: _angular_core.WritableSignal<boolean>;
+    activeValue: string;
+    /**
+     * 是否自动聚焦
+     * @default false
+     */
+    readonly thyAutoFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 输入框的placeholder
+     */
+    readonly thyPlaceholder: _angular_core.InputSignal<string>;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    thyDisabled: boolean;
+    /**
+     * 最大值
+     * @default Infinity
+     */
+    readonly thyMax: _angular_core.InputSignalWithTransform<number, number>;
+    /**
+     * 最小值
+     * @default -Infinity
+     */
+    readonly thyMin: _angular_core.InputSignalWithTransform<number, number>;
+    /**
+     * 每次改变步数，可以为小数
+     */
+    readonly thyStep: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 是否展示步数切换按钮
+     */
+    readonly thyShowStepControls: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 改变步数时的延迟毫秒数，值越小变化的速度越快
+     * @default 300
+     */
+    readonly thyStepDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 输入框大小
+     * @type xs | sm | md | lg
+     */
+    readonly thySize: _angular_core.InputSignal<InputSize>;
+    /**
+     * 数值精度
+     */
+    readonly thyPrecision: _angular_core.InputSignal<number>;
+    /**
+     * 数值后缀
+     */
+    readonly thySuffix: _angular_core.InputSignal<string>;
+    /**
+     * 焦点失去事件
+     */
+    readonly thyBlur: _angular_core.OutputEmitterRef<void>;
+    /**
+     * 焦点激活事件
+     */
+    readonly thyFocus: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * 上下箭头点击事件
+     */
+    readonly thyStepChange: _angular_core.OutputEmitterRef<{
+        value: number;
+        type: Type;
+    }>;
+    private isFocused;
+    constructor();
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnInit(): void;
+    writeValue(value: number | string): void;
+    updateValidValue(value: number | string): void;
+    onModelChange(value: string): void;
+    onInputFocus(event?: Event): void;
+    onKeyDown(e: KeyboardEvent): void;
+    stop(): void;
+    step(type: Type, e: MouseEvent | KeyboardEvent): void;
+    upStep(value: number): number;
+    downStep(value: number): number;
+    getMaxPrecision(value: string | number): number;
+    getPrecisionFactor(activeValue: string | number): number;
+    getPrecision(value: number): number;
+    up(e: MouseEvent | KeyboardEvent): void;
+    down(e: MouseEvent | KeyboardEvent): void;
+    formatterValue(value: number | string): string;
+    parser(value: string): string;
+    getCurrentValidValue(value: string | number): number | string;
+    isNotValid(num: string | number): boolean;
+    toNumber(num: string | number): number;
+    isInputNumber(value: string): boolean;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyInputNumber, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyInputNumber, "thy-input-number", never, { "thyAutoFocus": { "alias": "thyAutoFocus"; "required": false; "isSignal": true; }; "thyPlaceholder": { "alias": "thyPlaceholder"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyMax": { "alias": "thyMax"; "required": false; "isSignal": true; }; "thyMin": { "alias": "thyMin"; "required": false; "isSignal": true; }; "thyStep": { "alias": "thyStep"; "required": false; "isSignal": true; }; "thyShowStepControls": { "alias": "thyShowStepControls"; "required": false; "isSignal": true; }; "thyStepDelay": { "alias": "thyStepDelay"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyPrecision": { "alias": "thyPrecision"; "required": false; "isSignal": true; }; "thySuffix": { "alias": "thySuffix"; "required": false; "isSignal": true; }; }, { "thyBlur": "thyBlur"; "thyFocus": "thyFocus"; "thyStepChange": "thyStepChange"; }, never, never, true, never>;
+    static ngAcceptInputType_thyDisabled: i1.ThyBooleanInput;
+}
+
+declare class ThyInputNumberModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyInputNumberModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyInputNumberModule, never, [typeof i1$1.CommonModule, typeof i2.FormsModule, typeof i3.ThySharedModule, typeof i4.ThyIconModule, typeof i5.ThyInputModule, typeof i6.ThyFormModule, typeof ThyInputNumber], [typeof ThyInputNumber]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyInputNumberModule>;
+}
+
+export { ThyInputNumber, ThyInputNumberModule };