ngx-tethys 19.0.16 → 19.1.0-next.1

package/fesm2022/ngx-tethys-typography.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-typography.mjs","sources":["../../../src/typography/text/text.component.ts","../../../src/typography/text/text.component.html","../../../src/typography/text-color.directive.ts","../../../src/typography/bg-color.directive.ts","../../../src/typography/module.ts","../../../src/typography/ngx-tethys-typography.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 文本组件\n * @name thy-text,[thyText]\n * @order 10\n */\n@Component({\n    selector: 'thy-text, [thyText]:not(thy-divider)',\n    templateUrl: './text.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-text'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyText implements OnInit {\n    /**\n     * 前置图标\n     */\n    @Input() thyIcon: string;\n\n    constructor() {}\n\n    ngOnInit(): void {}\n}\n","@if (thyIcon) {\n  <thy-icon [thyIconName]=\"thyIcon\"></thy-icon>\n}\n<ng-content></ng-content>\n","import { Directive, ElementRef, Input, OnInit, inject } from '@angular/core';\nimport { isTextColor, isThemeColor, ThyTextColor, ThyThemeColor } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\n\n/**\n * @name thyTextColor\n * @order 20\n */\n@Directive({\n    selector: '[thyTextColor]',\n    exportAs: 'thyTextColor'\n})\nexport class ThyTextColorDirective implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    private color: ThyThemeColor | ThyTextColor | string = '';\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     * @type ThyThemeColor | ThyTextColor | string\n     * @description 文本颜色，支持设置主题色和自定义颜色值，主题色为 `default`、`primary`、`success`、`info`、`warning`、`danger`、`light`、`secondary`、`muted`、`desc`、`placeholder`\n     */\n    @Input() set thyTextColor(value: ThyThemeColor | ThyTextColor | string) {\n        this.clearColor();\n        this.color = value;\n        this.setColor();\n    }\n\n    ngOnInit(): void {}\n\n    private setColor() {\n        if (isThemeColor(this.color) || isTextColor(this.color)) {\n            this.hostRenderer.addClass(`text-${this.color}`);\n        } else {\n            this.hostRenderer.setStyle('color', this.color);\n        }\n    }\n\n    private clearColor() {\n        this.hostRenderer.setStyle('color', '');\n        if (isThemeColor(this.color) || isTextColor(this.color)) {\n            this.hostRenderer.removeClass(`text-${this.color}`);\n        }\n    }\n}\n","import { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { isBgColor, isThemeColor, ThyBgColor, ThyThemeColor } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\n\n/**\n * @name thyBgColor\n * @order 30\n */\n@Directive({\n    selector: '[thyBgColor]',\n    exportAs: 'thyBgColor'\n})\nexport class ThyBackgroundColorDirective {\n    private elementRef = inject(ElementRef);\n\n    private bgColor: ThyThemeColor | ThyBgColor | string = '';\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     *  @type ThyThemeColor | ThyBgColor | string\n     *  @description 背景颜色，支持设置主题色和自定义颜色值，主题色为 `primary`、`success`、`info`、`danger`、`warning`、`dark`、`secondary`、`light`、`lighter`、`bright`、`content`、`white`、`transparent`\n     */\n    @Input() set thyBgColor(value: ThyThemeColor | ThyBgColor | string) {\n        this.clearBgColor();\n        this.bgColor = value;\n        this.setBgColor();\n    }\n\n    private setBgColor() {\n        if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {\n            this.hostRenderer.addClass(`bg-${this.bgColor}`);\n        } else {\n            this.hostRenderer.setStyle('background-color', this.bgColor);\n        }\n    }\n\n    private clearBgColor() {\n        this.hostRenderer.setStyle('background-color', '');\n        if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {\n            this.hostRenderer.removeClass(`bg-${this.bgColor}`);\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyText } from './text/text.component';\nimport { ThyTextColorDirective } from './text-color.directive';\nimport { ThyBackgroundColorDirective } from './bg-color.directive';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyText, ThyTextColorDirective, ThyBackgroundColorDirective],\n    exports: [ThyText, ThyTextColorDirective, ThyBackgroundColorDirective],\n    providers: []\n})\nexport class ThyTypographyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-typography.mjs","sources":["../../../src/typography/text/text.component.ts","../../../src/typography/text/text.component.html","../../../src/typography/text-color.directive.ts","../../../src/typography/bg-color.directive.ts","../../../src/typography/module.ts","../../../src/typography/ngx-tethys-typography.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnInit, input } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 文本组件\n * @name thy-text,[thyText]\n * @order 10\n */\n@Component({\n    selector: 'thy-text, [thyText]:not(thy-divider)',\n    templateUrl: './text.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-text'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyText implements OnInit {\n    /**\n     * 前置图标\n     */\n    readonly thyIcon = input<string>(undefined);\n\n    constructor() {}\n\n    ngOnInit(): void {}\n}\n","@if (thyIcon()) {\n  <thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n","import { Directive, ElementRef, OnInit, effect, inject, input } from '@angular/core';\nimport { isTextColor, isThemeColor, ThyTextColor, ThyThemeColor } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\n\n/**\n * @name thyTextColor\n * @order 20\n */\n@Directive({\n    selector: '[thyTextColor]',\n    exportAs: 'thyTextColor'\n})\nexport class ThyTextColorDirective implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    private color: ThyThemeColor | ThyTextColor | string = '';\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     * @type ThyThemeColor | ThyTextColor | string\n     * @description 文本颜色，支持设置主题色和自定义颜色值，主题色为 `default`、`primary`、`success`、`info`、`warning`、`danger`、`light`、`secondary`、`muted`、`desc`、`placeholder`\n     */\n    readonly thyTextColor = input<ThyThemeColor | ThyTextColor | string>(undefined);\n\n    constructor() {\n        effect(() => {\n            const color = this.thyTextColor();\n            this.clearColor();\n            this.color = color;\n            this.setColor();\n        });\n    }\n\n    ngOnInit(): void {}\n\n    private setColor() {\n        if (isThemeColor(this.color) || isTextColor(this.color)) {\n            this.hostRenderer.addClass(`text-${this.color}`);\n        } else {\n            this.hostRenderer.setStyle('color', this.color);\n        }\n    }\n\n    private clearColor() {\n        this.hostRenderer.setStyle('color', '');\n        if (isThemeColor(this.color) || isTextColor(this.color)) {\n            this.hostRenderer.removeClass(`text-${this.color}`);\n        }\n    }\n}\n","import { Directive, ElementRef, effect, inject, input } from '@angular/core';\nimport { isBgColor, isThemeColor, ThyBgColor, ThyThemeColor } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\n\n/**\n * @name thyBgColor\n * @order 30\n */\n@Directive({\n    selector: '[thyBgColor]',\n    exportAs: 'thyBgColor'\n})\nexport class ThyBackgroundColorDirective {\n    private elementRef = inject(ElementRef);\n\n    private bgColor: ThyThemeColor | ThyBgColor | string = '';\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     *  @type ThyThemeColor | ThyBgColor | string\n     *  @description 背景颜色，支持设置主题色和自定义颜色值，主题色为 `primary`、`success`、`info`、`danger`、`warning`、`dark`、`secondary`、`light`、`lighter`、`bright`、`content`、`white`、`transparent`\n     */\n    readonly thyBgColor = input<ThyThemeColor | ThyBgColor | string>(undefined);\n\n    constructor() {\n        effect(() => {\n            const bgColor = this.thyBgColor();\n            this.clearBgColor();\n            this.bgColor = bgColor;\n            this.setBgColor();\n        });\n    }\n\n    private setBgColor() {\n        if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {\n            this.hostRenderer.addClass(`bg-${this.bgColor}`);\n        } else {\n            this.hostRenderer.setStyle('background-color', this.bgColor);\n        }\n    }\n\n    private clearBgColor() {\n        this.hostRenderer.setStyle('background-color', '');\n        if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {\n            this.hostRenderer.removeClass(`bg-${this.bgColor}`);\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyText } from './text/text.component';\nimport { ThyTextColorDirective } from './text-color.directive';\nimport { ThyBackgroundColorDirective } from './bg-color.directive';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyText, ThyTextColorDirective, ThyBackgroundColorDirective],\n    exports: [ThyText, ThyTextColorDirective, ThyBackgroundColorDirective],\n    providers: []\n})\nexport class ThyTypographyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-upload.mjs

@@ -1,9 +1,10 @@
 import { XhrFactory, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, numberAttribute, Input, Inject, Directive, EventEmitter, Output, HostBinding, ViewChild, Component, inject, Injectable, NgModule } from '@angular/core';
+import { InjectionToken, input, numberAttribute, Inject, Directive, signal, output, inject, DestroyRef, viewChild, effect, Component, Injectable, NgModule } from '@angular/core';
 import { isArray, isString, isNumber, isEmpty, coerceBooleanProperty, TinyDate, coerceArray, humanizeBytes } from 'ngx-tethys/util';
-import { Subject, fromEvent, Observable, from } from 'rxjs';
-import { takeUntil, tap, filter, mergeMap, map } from 'rxjs/operators';
+import { fromEvent, Observable, from } from 'rxjs';
+import { tap, filter, mergeMap, map } from 'rxjs/operators';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 const THY_UPLOAD_DEFAULT_OPTIONS = new InjectionToken('thy-uploader-default-options');
 const THY_UPLOAD_DEFAULT_OPTIONS_PROVIDER = {
@@ -95,8 +96,8 @@ const MIME_Map = {
     '.z': 'application/x-compress',
     '.zip': 'application/x-zip-compressed',
     '.ico': 'image/vnd.microsoft.icon',
-    '.md': 'text/markdown,.md',
-    '.markdown': 'text/markdown,.markdown',
+    '.md': 'text/markdown',
+    '.markdown': 'text/markdown',
     '': '*/*'
 };
 
@@ -129,46 +130,51 @@ function mimeTypeConvert(value) {
  * @private
  */
 class FileSelectBaseDirective {
-    set thySizeThreshold(value) {
-        const sizeThreshold = value;
-        if (isNumber(sizeThreshold)) {
-            this.sizeThreshold = sizeThreshold;
-        }
-    }
-    set thySizeExceedsHandler(value) {
-        if (value) {
-            this.sizeExceedsHandler = value;
-        }
-    }
-    /**
-     * 指定文件后缀类型（MIME_Map），例如".xls,xlsx"，"[".doc",".docx"]"
-     */
-    set thyAcceptType(value) {
-        this.acceptType = mimeTypeConvert(value);
-    }
     constructor(elementRef, defaultConfig) {
         this.elementRef = elementRef;
         this.defaultConfig = defaultConfig;
-        this.sizeThreshold = defaultConfig.sizeThreshold;
-        this.sizeExceedsHandler = defaultConfig.sizeExceedsHandler;
-        this.acceptType = mimeTypeConvert(defaultConfig.acceptType);
+        this.thySizeThreshold = input(this.defaultConfig.sizeThreshold, {
+            transform: (inputValue) => {
+                const sizeThreshold = numberAttribute(inputValue);
+                if (isNumber(sizeThreshold)) {
+                    return sizeThreshold;
+                }
+                return this.defaultConfig.sizeThreshold;
+            }
+        });
+        this.thySizeExceedsHandler = input(this.defaultConfig.sizeExceedsHandler, {
+            transform: (inputValue) => {
+                if (inputValue) {
+                    return inputValue;
+                }
+                return this.defaultConfig.sizeExceedsHandler;
+            }
+        });
+        /**
+         * 指定文件后缀类型（MIME_Map），例如".xls,xlsx"，"[".doc",".docx"]"
+         */
+        this.thyAcceptType = input(mimeTypeConvert(this.defaultConfig.acceptType), {
+            transform: (inputValue) => {
+                return mimeTypeConvert(inputValue);
+            }
+        });
     }
     handleSizeExceeds(event, files) {
-        let sizeExceedsFiles = files.filter(item => item.size / 1024 > this.sizeThreshold);
+        let sizeExceedsFiles = files.filter(item => item.size / 1024 > this.thySizeThreshold());
         if (sizeExceedsFiles.length > 0) {
             const sizeExceedContext = {
                 files: files,
                 exceedsFiles: sizeExceedsFiles,
                 nativeEvent: event,
-                sizeThreshold: this.sizeThreshold
+                sizeThreshold: this.thySizeThreshold()
             };
-            return this.sizeExceedsHandler(sizeExceedContext);
+            return this.thySizeExceedsHandler()(sizeExceedContext);
         }
         return files;
     }
     selectFiles(event, files, eventEmitter) {
         let successFiles = files;
-        if (this.sizeThreshold && this.sizeThreshold > 0) {
+        if (this.thySizeThreshold() && this.thySizeThreshold() > 0) {
             successFiles = this.handleSizeExceeds(event, files);
         }
         if (successFiles) {
@@ -179,48 +185,39 @@ class FileSelectBaseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FileSelectBaseDirective, deps: [{ token: i0.ElementRef }, { token: THY_UPLOAD_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.8", type: FileSelectBaseDirective, isStandalone: true, inputs: { thySizeThreshold: ["thySizeThreshold", "thySizeThreshold", numberAttribute], thySizeExceedsHandler: "thySizeExceedsHandler", thyAcceptType: "thyAcceptType" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: FileSelectBaseDirective, isStandalone: true, inputs: { thySizeThreshold: { classPropertyName: "thySizeThreshold", publicName: "thySizeThreshold", isSignal: true, isRequired: false, transformFunction: null }, thySizeExceedsHandler: { classPropertyName: "thySizeExceedsHandler", publicName: "thySizeExceedsHandler", isSignal: true, isRequired: false, transformFunction: null }, thyAcceptType: { classPropertyName: "thyAcceptType", publicName: "thyAcceptType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FileSelectBaseDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [THY_UPLOAD_DEFAULT_OPTIONS]
-                }] }], propDecorators: { thySizeThreshold: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thySizeExceedsHandler: [{
-                type: Input
-            }], thyAcceptType: [{
-                type: Input
-            }] } });
+                }] }] });
 
 /**
  * @name thyFileDrop
  */
 class ThyFileDropDirective extends FileSelectBaseDirective {
-    set thyFileDropClassName(value) {
-        this.dragOverCustomClass = value;
-    }
     constructor(elementRef, renderer, ngZone, defaultConfig) {
         super(elementRef, defaultConfig);
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.ngZone = ngZone;
         this.defaultConfig = defaultConfig;
-        this.isDragOver = false;
-        this.thyOnDrop = new EventEmitter();
+        this.isDragOver = signal(false);
+        this.thyFileDropClassName = input();
+        this.thyOnDrop = output();
         /**
          * 当拖拽的文件中有不符合 thyAcceptType 中定义的类型时触发
          * @description.en-us It is triggered when there are files in the dragged files that do not conform to the types defined in thyAcceptType.
          */
-        this.thyFilesReject = new EventEmitter();
-        this.ngUnsubscribe$ = new Subject();
+        this.thyFilesReject = output();
+        this.destroyRef = inject(DestroyRef);
     }
     ngOnInit() {
         this.ngZone.runOutsideAngular(() => {
             fromEvent(this.elementRef.nativeElement, 'dragenter')
-                .pipe(takeUntil(this.ngUnsubscribe$), tap((event) => {
+                .pipe(takeUntilDestroyed(this.destroyRef), tap((event) => {
                 event.preventDefault();
             }), filter(event => event.dataTransfer.items && event.dataTransfer.items.length > 0))
                 .subscribe((event) => {
@@ -228,19 +225,19 @@ class ThyFileDropDirective extends FileSelectBaseDirective {
                     const files = this.filterFilesOrItems(Array.from(event.dataTransfer.items));
                     if (!isEmpty(files)) {
                         this.ngZone.run(() => {
-                            this.isDragOver = true;
+                            this.isDragOver.set(true);
                             this.toggleDropOverClassName();
                         });
                     }
                 }
             });
             fromEvent(this.elementRef.nativeElement, 'dragover')
-                .pipe(takeUntil(this.ngUnsubscribe$))
+                .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe((event) => {
                 event.preventDefault();
             });
             fromEvent(this.elementRef.nativeElement, 'dragleave')
-                .pipe(takeUntil(this.ngUnsubscribe$))
+                .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe((event) => {
                 this.ngZone.run(() => {
                     if (!this.elementRef.nativeElement.contains(event.fromElement)) {
@@ -250,7 +247,7 @@ class ThyFileDropDirective extends FileSelectBaseDirective {
                 });
             });
             fromEvent(this.elementRef.nativeElement, 'drop')
-                .pipe(takeUntil(this.ngUnsubscribe$), tap((event) => {
+                .pipe(takeUntilDestroyed(this.destroyRef), tap((event) => {
                 event.preventDefault();
             }))
                 .subscribe((event) => {
@@ -298,10 +295,11 @@ class ThyFileDropDirective extends FileSelectBaseDirective {
         return entry;
     }
     filterFilesOrItems(items) {
-        if (this.acceptType && this.acceptType != '*/*') {
+        const acceptType = this.thyAcceptType();
+        if (acceptType && acceptType != '*/*') {
             return items.filter(item => {
                 const isValidType = isString(item.type) && item.type.length > 0;
-                return isValidType && this.acceptType.includes(item.type);
+                return isValidType && acceptType.includes(item.type);
             });
         }
         else {
@@ -309,49 +307,35 @@ class ThyFileDropDirective extends FileSelectBaseDirective {
         }
     }
     toggleDropOverClassName() {
-        if (this.dragOverCustomClass) {
-            if (this.isDragOver) {
-                this.renderer.addClass(this.elementRef.nativeElement, this.dragOverCustomClass);
+        const dragOverCustomClass = this.thyFileDropClassName();
+        if (dragOverCustomClass) {
+            if (this.isDragOver()) {
+                this.renderer.addClass(this.elementRef.nativeElement, dragOverCustomClass);
             }
             else {
-                this.renderer.removeClass(this.elementRef.nativeElement, this.dragOverCustomClass);
+                this.renderer.removeClass(this.elementRef.nativeElement, dragOverCustomClass);
             }
         }
     }
-    setDragOverState(isDragOver) {
-        this.isDragOver = isDragOver;
-    }
     resetDragOver() {
-        this.setDragOverState(false);
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe$.next();
-        this.ngUnsubscribe$.complete();
+        this.isDragOver.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFileDropDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: THY_UPLOAD_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyFileDropDirective, isStandalone: true, selector: "[thyFileDrop]", inputs: { thyFileDropClassName: "thyFileDropClassName" }, outputs: { thyOnDrop: "thyOnDrop", thyFilesReject: "thyFilesReject" }, host: { properties: { "class.drop-over": "this.isDragOver", "class.thy-drop-over": "this.isDragOver" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyFileDropDirective, isStandalone: true, selector: "[thyFileDrop]", inputs: { thyFileDropClassName: { classPropertyName: "thyFileDropClassName", publicName: "thyFileDropClassName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnDrop: "thyOnDrop", thyFilesReject: "thyFilesReject" }, host: { properties: { "class.thy-drop-over": "isDragOver()", "class.drop-over": "isDragOver()" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFileDropDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[thyFileDrop]'
+                    selector: '[thyFileDrop]',
+                    host: {
+                        '[class.thy-drop-over]': 'isDragOver()',
+                        '[class.drop-over]': 'isDragOver()'
+                    }
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [THY_UPLOAD_DEFAULT_OPTIONS]
-                }] }], propDecorators: { isDragOver: [{
-                type: HostBinding,
-                args: ['class.drop-over']
-            }, {
-                type: HostBinding,
-                args: ['class.thy-drop-over']
-            }], thyFileDropClassName: [{
-                type: Input
-            }], thyOnDrop: [{
-                type: Output
-            }], thyFilesReject: [{
-                type: Output
-            }] } });
+                }] }] });
 
 /**
  * 文件上传组件
@@ -359,19 +343,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  * @order 10
  */
 class ThyFileSelect extends FileSelectBaseDirective {
-    /**
-     * 指定文件后缀类型（MIME_Map），例如".xls,xlsx"，"[".doc",".docx"]"
-     * @type Array<string> | string
-     */
-    set thyAcceptType(value) {
-        this.acceptType = mimeTypeConvert(value);
-    }
-    /**
-     * 文件上传大小限制，单位`kb`，`0`表示没有任何限制
-     */
-    set thySizeThreshold(value) {
-        this.sizeThreshold = value;
-    }
     constructor(elementRef, defaultConfig, ngZone) {
         super(elementRef, defaultConfig);
         this.elementRef = elementRef;
@@ -380,68 +351,58 @@ class ThyFileSelect extends FileSelectBaseDirective {
         /**
          * 文件选择事件
          */
-        this.thyOnFileSelect = new EventEmitter();
-        this.destroy$ = new Subject();
+        this.thyOnFileSelect = output();
+        this.fileInput = viewChild('fileInput');
+        /**
+         * 文件是否多选
+         * @default false
+         */
+        this.thyMultiple = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 是否接受文件夹
+         */
+        this.thyAcceptFolder = input(false, { transform: coerceBooleanProperty });
+        this.destroyRef = inject(DestroyRef);
         this.ngZone.runOutsideAngular(() => fromEvent(this.elementRef.nativeElement, 'click')
-            .pipe(takeUntil(this.destroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
-            this.fileInput.nativeElement.click();
+            this.fileInput().nativeElement.click();
         }));
-    }
-    ngOnChanges(changes) {
-        if (changes.thyMultiple) {
-            if (changes.thyMultiple.currentValue) {
-                this.fileInput.nativeElement.setAttribute('multiple', '');
+        effect(() => {
+            const multiple = this.thyMultiple();
+            const acceptFolder = this.thyAcceptFolder();
+            const inputElement = this.fileInput().nativeElement;
+            if (multiple) {
+                inputElement.setAttribute('multiple', '');
             }
             else {
-                this.fileInput.nativeElement.removeAttribute('multiple');
+                inputElement.removeAttribute('multiple');
             }
-        }
-        if (changes.thyAcceptFolder) {
-            if (changes.thyAcceptFolder.currentValue) {
-                this.fileInput.nativeElement.setAttribute('webkitdirectory', '');
+            if (acceptFolder) {
+                inputElement.setAttribute('webkitdirectory', '');
             }
             else {
-                this.fileInput.nativeElement.removeAttribute('webkitdirectory');
+                inputElement.removeAttribute('webkitdirectory');
             }
-        }
+        });
     }
     selectFile($event) {
-        const files = this.fileInput.nativeElement.files;
+        const files = this.fileInput().nativeElement.files;
         if (files && files.length > 0) {
             this.selectFiles($event, Array.from(files), this.thyOnFileSelect);
-            this.fileInput.nativeElement.value = '';
+            this.fileInput().nativeElement.value = '';
         }
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFileSelect, deps: [{ token: i0.ElementRef }, { token: THY_UPLOAD_DEFAULT_OPTIONS }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.8", type: ThyFileSelect, isStandalone: true, selector: "[thyFileSelect],thy-file-select", inputs: { thyMultiple: ["thyMultiple", "thyMultiple", coerceBooleanProperty], thyAcceptFolder: ["thyAcceptFolder", "thyAcceptFolder", coerceBooleanProperty], thyAcceptType: "thyAcceptType", thySizeThreshold: ["thySizeThreshold", "thySizeThreshold", numberAttribute] }, outputs: { thyOnFileSelect: "thyOnFileSelect" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n<input\n  style=\"width: 0; height: 0\"\n  thyStopPropagation=\"true\"\n  [hidden]=\"'true'\"\n  #fileInput\n  type=\"file\"\n  (change)=\"selectFile($event)\"\n  [attr.accept]=\"acceptType\"\n/>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.8", type: ThyFileSelect, isStandalone: true, selector: "[thyFileSelect],thy-file-select", inputs: { thyMultiple: { classPropertyName: "thyMultiple", publicName: "thyMultiple", isSignal: true, isRequired: false, transformFunction: null }, thyAcceptFolder: { classPropertyName: "thyAcceptFolder", publicName: "thyAcceptFolder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnFileSelect: "thyOnFileSelect" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<input\n  style=\"width: 0; height: 0\"\n  thyStopPropagation=\"true\"\n  [hidden]=\"'true'\"\n  #fileInput\n  type=\"file\"\n  (change)=\"selectFile($event)\"\n  [attr.accept]=\"thyAcceptType()\"\n/>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyFileSelect, decorators: [{
             type: Component,
-            args: [{ selector: '[thyFileSelect],thy-file-select', template: "<ng-content></ng-content>\n<input\n  style=\"width: 0; height: 0\"\n  thyStopPropagation=\"true\"\n  [hidden]=\"'true'\"\n  #fileInput\n  type=\"file\"\n  (change)=\"selectFile($event)\"\n  [attr.accept]=\"acceptType\"\n/>\n" }]
+            args: [{ selector: '[thyFileSelect],thy-file-select', template: "<ng-content></ng-content>\n<input\n  style=\"width: 0; height: 0\"\n  thyStopPropagation=\"true\"\n  [hidden]=\"'true'\"\n  #fileInput\n  type=\"file\"\n  (change)=\"selectFile($event)\"\n  [attr.accept]=\"thyAcceptType()\"\n/>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [THY_UPLOAD_DEFAULT_OPTIONS]
-                }] }, { type: i0.NgZone }], propDecorators: { thyOnFileSelect: [{
-                type: Output
-            }], fileInput: [{
-                type: ViewChild,
-                args: ['fileInput', { static: true }]
-            }], thyMultiple: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyAcceptFolder: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyAcceptType: [{
-                type: Input
-            }], thySizeThreshold: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }] } });
+                }] }, { type: i0.NgZone }] });
 
 var ThyUploadStatus;
 (function (ThyUploadStatus) {