ngx-tethys 17.0.0-next.1 → 17.0.0-next.3

package/schematics/ng-update/update-17/index.spec.js

@@ -13,7 +13,7 @@ describe('ng-update v17 Schematic', () => {
         yield factory.addApplication({ name: 'update-17-test' });
         tree = factory.getTree();
     }));
-    it('should update to ng v16', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    it('should update to ng v17', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         workspaceTree = yield schematicRunner.runSchematic('migration-v17', undefined, tree);
         const file = workspaceTree.get('package.json');
         expect(file.content.toString()).toBeTruthy();

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "17.0.0-next.1";
+export declare const VERSION = "17.0.0-next.3";

package/schematics/version.js

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

package/segment/segment-item.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  * 分段控制器的选项组件
  * @name thy-segment-item,[thy-segment-item]
  */
-export declare class ThySegmentItemComponent implements AfterViewInit, OnDestroy {
+export declare class ThySegmentItem implements AfterViewInit, OnDestroy {
     elementRef: ElementRef;
     private ngZone;
     private cdr;
@@ -33,6 +33,6 @@ export declare class ThySegmentItemComponent implements AfterViewInit, OnDestroy
     unselect(): void;
     private wrapSpanForText;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySegmentItemComponent, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySegmentItemComponent, "thy-segment-item,[thy-segment-item]", never, { "thyValue": { "alias": "thyValue"; "required": false; }; "thyIcon": { "alias": "thyIcon"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThySegmentItem, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySegmentItem, "thy-segment-item,[thy-segment-item]", never, { "thyValue": { "alias": "thyValue"; "required": false; }; "thyIcon": { "alias": "thyIcon"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/segment/segment.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterContentInit, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
 import { ThumbAnimationProps } from 'ngx-tethys/core';
-import { ThySegmentItemComponent } from './segment-item.component';
+import { ThySegmentItem } from './segment-item.component';
 import { IThySegmentComponent } from './segment.token';
 import { ThySegmentEvent } from './types';
 import { AnimationEvent } from '@angular/animations';
@@ -11,12 +11,12 @@ export type ThySegmentMode = 'block' | 'inline';
  * 分段控制器组件
  * @name thy-segment
  */
-export declare class ThySegmentComponent implements IThySegmentComponent, AfterContentInit {
+export declare class ThySegment implements IThySegmentComponent, AfterContentInit {
     private cdr;
     /**
      * @internal
      */
-    options: QueryList<ThySegmentItemComponent>;
+    options: QueryList<ThySegmentItem>;
     /**
      * 大小
      * @type xs | sm | md | default
@@ -39,7 +39,7 @@ export declare class ThySegmentComponent implements IThySegmentComponent, AfterC
      * 选项被选中的回调事件
      */
     readonly thySelectChange: EventEmitter<ThySegmentEvent<unknown>>;
-    selectedItem: ThySegmentItemComponent;
+    selectedItem: ThySegmentItem;
     private activeIndex;
     animationState: null | {
         value: string;
@@ -48,8 +48,8 @@ export declare class ThySegmentComponent implements IThySegmentComponent, AfterC
     transitionedTo: any;
     constructor(cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
-    changeSelectedItem(item: ThySegmentItemComponent, event?: Event): void;
+    changeSelectedItem(item: ThySegmentItem, event?: Event): void;
     handleThumbAnimationDone(event: AnimationEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySegmentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySegmentComponent, "thy-segment", ["thySegment"], { "thySize": { "alias": "thySize"; "required": false; }; "thyMode": { "alias": "thyMode"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyActiveIndex": { "alias": "thyActiveIndex"; "required": false; }; }, { "thySelectChange": "thySelectChange"; }, ["options"], ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThySegment, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySegment, "thy-segment", ["thySegment"], { "thySize": { "alias": "thySize"; "required": false; }; "thyMode": { "alias": "thyMode"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyActiveIndex": { "alias": "thyActiveIndex"; "required": false; }; }, { "thySelectChange": "thySelectChange"; }, ["options"], ["*"], true, never>;
 }

package/segment/segment.module.d.ts

@@ -6,6 +6,6 @@ import * as i4 from "./segment.component";
 import * as i5 from "./segment-item.component";
 export declare class ThySegmentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThySegmentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThySegmentModule, never, [typeof i1.CommonModule, typeof i2.ThyIconModule, typeof i3.ThyTooltipModule, typeof i4.ThySegmentComponent, typeof i5.ThySegmentItemComponent], [typeof i4.ThySegmentComponent, typeof i5.ThySegmentItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThySegmentModule, never, [typeof i1.CommonModule, typeof i2.ThyIconModule, typeof i3.ThyTooltipModule, typeof i4.ThySegment, typeof i5.ThySegmentItem], [typeof i4.ThySegment, typeof i5.ThySegmentItem]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThySegmentModule>;
 }

package/segment/segment.token.d.ts

@@ -1,9 +1,9 @@
 import { InjectionToken } from '@angular/core';
-import { ThySegmentItemComponent } from './segment-item.component';
+import { ThySegmentItem } from './segment-item.component';
 export interface IThySegmentComponent {
     thyMode: string;
     thyDisabled: boolean;
-    selectedItem: ThySegmentItemComponent;
-    changeSelectedItem: (item: ThySegmentItemComponent, event?: Event) => void;
+    selectedItem: ThySegmentItem;
+    changeSelectedItem: (item: ThySegmentItem, event?: Event) => void;
 }
 export declare const THY_SEGMENTED_COMPONENT: InjectionToken<IThySegmentComponent>;

package/select/custom-select/custom-select.component.d.ts

@@ -1,5 +1,5 @@
 import { TabIndexDisabledControlValueAccessorMixin, ThyClickDispatcher, ThyPlacement } from 'ngx-tethys/core';
-import { IThyOptionParentComponent, SelectControlSize, ThyOptionComponent, ThyOptionSelectionChangeEvent, ThySelectOptionGroupComponent } from 'ngx-tethys/shared';
+import { IThyOptionParentComponent, SelectControlSize, ThyOption, ThyOptionSelectionChangeEvent, ThySelectOptionGroup } from 'ngx-tethys/shared';
 import { FunctionProp } from 'ngx-tethys/util';
 import { Observable } from 'rxjs';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
@@ -10,7 +10,7 @@ import { ControlValueAccessor } from '@angular/forms';
 import { ThyDropdownWidthMode, ThySelectConfig } from '../select.config';
 import * as i0 from "@angular/core";
 export type SelectMode = 'multiple' | '';
-export type ThyCustomSelectTriggerType = 'click' | 'hover';
+export type ThySelectTriggerType = 'click' | 'hover';
 export declare const SELECT_PANEL_MAX_HEIGHT = 300;
 export declare const SELECT_OPTION_MAX_HEIGHT = 40;
 export declare const SELECT_OPTION_GROUP_MAX_HEIGHT = 30;
@@ -35,10 +35,10 @@ interface ThyOptionGroupModel extends ThySelectOptionModel {
 }
 /**
  * 下拉选择组件
- * @name thy-custom-select
+ * @name thy-select,thy-custom-select
  * @order 10
  */
-export declare class ThySelectCustomComponent extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor, IThyOptionParentComponent, OnInit, AfterViewInit, AfterContentInit, OnDestroy {
+export declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor, IThyOptionParentComponent, OnInit, AfterViewInit, AfterContentInit, OnDestroy {
     private ngZone;
     private elementRef;
     private changeDetectorRef;
@@ -65,7 +65,7 @@ export declare class ThySelectCustomComponent extends TabIndexDisabledControlVal
      */
     thyDropdownWidthMode: ThyDropdownWidthMode;
     dropDownPositions: ConnectionPositionPair[];
-    selectionModel: SelectionModel<ThyOptionComponent>;
+    selectionModel: SelectionModel<ThyOption>;
     triggerRectWidth: number;
     scrollStrategy: ScrollStrategy;
     private resizeSubscription;
@@ -80,7 +80,7 @@ export declare class ThySelectCustomComponent extends TabIndexDisabledControlVal
     cdkConnectedOverlay: CdkConnectedOverlay;
     isSelectCustom: boolean;
     isSelect: boolean;
-    keyManager: ActiveDescendantKeyManager<ThyOptionComponent>;
+    keyManager: ActiveDescendantKeyManager<ThyOption>;
     panelOpen: boolean;
     /**
      * 搜索时回调
@@ -154,7 +154,7 @@ export declare class ThySelectCustomComponent extends TabIndexDisabledControlVal
     /**
      * 排序比较函数
      */
-    thySortComparator: (a: ThyOptionComponent, b: ThyOptionComponent, options: ThyOptionComponent[]) => number;
+    thySortComparator: (a: ThyOption, b: ThyOption, options: ThyOption[]) => number;
     /**
      * Footer 模板，默认值为空不显示 Footer
      * @type TemplateRef
@@ -203,7 +203,7 @@ export declare class ThySelectCustomComponent extends TabIndexDisabledControlVal
      * @type ThySelectOptionModel[]
      */
     set thyOptions(value: ThySelectOptionModel[]);
-    options: QueryList<ThyOptionComponent>;
+    options: QueryList<ThyOption>;
     /**
      * 目前只支持多选选中项的展示，默认为空，渲染文字模板，传入tag，渲染展示模板,
      * @default ''｜tag
@@ -214,15 +214,15 @@ export declare class ThySelectCustomComponent extends TabIndexDisabledControlVal
     /**
      * @private
      */
-    contentOptions: QueryList<ThyOptionComponent>;
-    viewOptions: QueryList<ThyOptionComponent>;
+    contentOptions: QueryList<ThyOption>;
+    viewOptions: QueryList<ThyOption>;
     /**
      * @private
      */
-    contentGroups: QueryList<ThySelectOptionGroupComponent>;
-    viewGroups: QueryList<ThySelectOptionGroupComponent>;
+    contentGroups: QueryList<ThySelectOptionGroup>;
+    viewGroups: QueryList<ThySelectOptionGroup>;
     handleKeydown(event: KeyboardEvent): void;
-    get optionsChanges$(): Observable<ThyOptionComponent[]>;
+    get optionsChanges$(): Observable<ThyOption[]>;
     private buildScrollStrategy;
     private isSearching;
     groupBy: (item: ThySelectOptionModel) => string;
@@ -245,12 +245,12 @@ export declare class ThySelectCustomComponent extends TabIndexDisabledControlVal
     onFocus(event?: FocusEvent): void;
     focus(options?: FocusOptions): void;
     remove($event: {
-        item: ThyOptionComponent;
+        item: ThyOption;
         $eventOrigin: Event;
     }): void;
     clearSelectValue(event?: Event): void;
     updateCdkConnectedOverlayPositions(): void;
-    get selected(): ThyOptionComponent | ThyOptionComponent[];
+    get selected(): ThyOption | ThyOption[];
     get isMultiple(): boolean;
     get empty(): boolean;
     getItemCount(): number;
@@ -274,7 +274,7 @@ export declare class ThySelectCustomComponent extends TabIndexDisabledControlVal
     private subscribeTriggerResize;
     private unsubscribeTriggerResize;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectCustomComponent, [null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectCustomComponent, "thy-custom-select", ["thyCustomSelect"], { "thyDropdownWidthMode": { "alias": "thyDropdownWidthMode"; "required": false; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; }; "thyPlaceHolder": { "alias": "thyPlaceHolder"; "required": false; }; "thyServerSearch": { "alias": "thyServerSearch"; "required": false; }; "thyLoadState": { "alias": "thyLoadState"; "required": false; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; }; "thyMode": { "alias": "thyMode"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyEmptyStateText": { "alias": "thyEmptyStateText"; "required": false; }; "thyEmptySearchMessageText": { "alias": "thyEmptySearchMessageText"; "required": false; }; "thyEnableScrollLoad": { "alias": "thyEnableScrollLoad"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thySortComparator": { "alias": "thySortComparator"; "required": false; }; "thyFooterTemplate": { "alias": "thyFooterTemplate"; "required": false; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; }; "thyOrigin": { "alias": "thyOrigin"; "required": false; }; "thyFooterClass": { "alias": "thyFooterClass"; "required": false; }; "thyAutoExpand": { "alias": "thyAutoExpand"; "required": false; }; "thyHasBackdrop": { "alias": "thyHasBackdrop"; "required": false; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; }; "thyBorderless": { "alias": "thyBorderless"; "required": false; }; "thyOptions": { "alias": "thyOptions"; "required": false; }; "thyPreset": { "alias": "thyPreset"; "required": false; }; }, { "thyOnSearch": "thyOnSearch"; "thyOnScrollToBottom": "thyOnScrollToBottom"; "thyOnExpandStatusChange": "thyOnExpandStatusChange"; }, ["selectedValueDisplayRef", "contentOptions", "contentGroups"], ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThySelect, [null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelect, "thy-select,thy-custom-select", ["thySelect"], { "thyDropdownWidthMode": { "alias": "thyDropdownWidthMode"; "required": false; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; }; "thyPlaceHolder": { "alias": "thyPlaceHolder"; "required": false; }; "thyServerSearch": { "alias": "thyServerSearch"; "required": false; }; "thyLoadState": { "alias": "thyLoadState"; "required": false; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; }; "thyMode": { "alias": "thyMode"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyEmptyStateText": { "alias": "thyEmptyStateText"; "required": false; }; "thyEmptySearchMessageText": { "alias": "thyEmptySearchMessageText"; "required": false; }; "thyEnableScrollLoad": { "alias": "thyEnableScrollLoad"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thySortComparator": { "alias": "thySortComparator"; "required": false; }; "thyFooterTemplate": { "alias": "thyFooterTemplate"; "required": false; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; }; "thyOrigin": { "alias": "thyOrigin"; "required": false; }; "thyFooterClass": { "alias": "thyFooterClass"; "required": false; }; "thyAutoExpand": { "alias": "thyAutoExpand"; "required": false; }; "thyHasBackdrop": { "alias": "thyHasBackdrop"; "required": false; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; }; "thyBorderless": { "alias": "thyBorderless"; "required": false; }; "thyOptions": { "alias": "thyOptions"; "required": false; }; "thyPreset": { "alias": "thyPreset"; "required": false; }; }, { "thyOnSearch": "thyOnSearch"; "thyOnScrollToBottom": "thyOnScrollToBottom"; "thyOnExpandStatusChange": "thyOnExpandStatusChange"; }, ["selectedValueDisplayRef", "contentOptions", "contentGroups"], ["*"], true, never>;
 }
 export {};

package/select/index.d.ts

@@ -1,4 +1,4 @@
 export * from './module';
-export { ThySelectCustomComponent } from './custom-select/custom-select.component';
-export { ThySelectComponent } from './select.component';
+export { ThyNativeSelect } from './native-select/native-select.component';
+export { ThySelect } from './custom-select/custom-select.component';
 export * from './select.config';

package/select/module.d.ts

@@ -7,10 +7,10 @@ import * as i5 from "ngx-tethys/loading";
 import * as i6 from "ngx-tethys/shared";
 import * as i7 from "ngx-tethys/icon";
 import * as i8 from "ngx-tethys/empty";
-import * as i9 from "./select.component";
+import * as i9 from "./native-select/native-select.component";
 import * as i10 from "./custom-select/custom-select.component";
 export declare class ThySelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThySelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.ThyInputModule, typeof i4.OverlayModule, typeof i5.ThyLoadingModule, typeof i6.ThySharedModule, typeof i7.ThyIconModule, typeof i8.ThyEmptyModule, typeof i6.ThySelectCommonModule, typeof i6.ThyOptionModule, typeof i9.ThySelectComponent, typeof i10.ThySelectCustomComponent], [typeof i9.ThySelectComponent, typeof i10.ThySelectCustomComponent, typeof i6.ThyOptionModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThySelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.ThyInputModule, typeof i4.OverlayModule, typeof i5.ThyLoadingModule, typeof i6.ThySharedModule, typeof i7.ThyIconModule, typeof i8.ThyEmptyModule, typeof i6.ThySelectCommonModule, typeof i6.ThyOptionModule, typeof i9.ThyNativeSelect, typeof i10.ThySelect], [typeof i9.ThyNativeSelect, typeof i10.ThySelect, typeof i6.ThyOptionModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThySelectModule>;
 }

package/select/{select.component.d.ts → native-select/native-select.component.d.ts}

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
 export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '';
 /**
  * 下拉选择
- * @name thy-select
+ * @name thy-native-select
  * @order 20
  */
-export declare class ThySelectComponent extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor, OnInit {
+export declare class ThyNativeSelect extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor, OnInit {
     private elementRef;
     selectElement: ElementRef<any>;
     _innerValue: any;
@@ -29,6 +29,6 @@ export declare class ThySelectComponent extends TabIndexDisabledControlValueAcce
     onBlur(event: FocusEvent): void;
     onFocus(event?: Event): void;
     clearSelectValue(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectComponent, "thy-select", never, { "thySize": { "alias": "thySize"; "required": false; }; "name": { "alias": "name"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyNativeSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyNativeSelect, "thy-native-select", never, { "thySize": { "alias": "thySize"; "required": false; }; "name": { "alias": "name"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/select/{custom-select/styles → styles}/custom-select.scss

@@ -1,4 +1,4 @@
-@use '../../../styles/variables';
+@use '../../styles/variables';
 
 .thy-select-custom {
     display: block;

package/select/{custom-select/styles → styles}/mixin.scss

@@ -1,5 +1,5 @@
-@use '../../../styles/mixins/utilities';
-@use '../../../styles/variables';
+@use '../../styles/mixins/utilities.scss';
+@use '../../styles/variables';
 
 @mixin select-arrow-icon-font-variant() {
     content: '\e6b8'; //"\f078";

package/select/styles/select.scss

@@ -1,7 +1,7 @@
-@use "../../styles/bootstrap/variables" as bootstrap-variables;
-@use "../../styles/mixins/utilities";
-@use "../../styles/variables";
-@use "../custom-select/styles/mixin";
+@use '../../styles/bootstrap/variables' as bootstrap-variables;
+@use '../../styles/mixins/utilities';
+@use '../../styles/variables';
+@use './mixin.scss';
 
 // select
 

package/shared/option/group/option-group.component.d.ts

@@ -1,11 +1,11 @@
 import { QueryList, NgZone, OnDestroy, AfterContentInit, ChangeDetectorRef } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
-import { ThyOptionVisibleChangeEvent, ThyOptionComponent } from '../option.component';
+import { ThyOptionVisibleChangeEvent, ThyOption } from '../option.component';
 import * as i0 from "@angular/core";
 /**
  * @private
  */
-export declare class ThySelectOptionGroupComponent implements OnDestroy, AfterContentInit {
+export declare class ThySelectOptionGroup implements OnDestroy, AfterContentInit {
     private _ngZone;
     private cdr;
     _hidden: boolean;
@@ -13,13 +13,13 @@ export declare class ThySelectOptionGroupComponent implements OnDestroy, AfterCo
     _isOptionGroup: boolean;
     get hidden(): boolean;
     thyGroupLabel: string;
-    options: QueryList<ThyOptionComponent>;
+    options: QueryList<ThyOption>;
     _destroy$: Subject<void>;
     optionVisibleChanges: Observable<ThyOptionVisibleChangeEvent>;
     constructor(_ngZone: NgZone, cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
     _resetOptions(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectOptionGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectOptionGroupComponent, "thy-option-group", never, { "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyGroupLabel": { "alias": "thyGroupLabel"; "required": false; }; }, {}, ["options"], ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectOptionGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectOptionGroup, "thy-option-group", never, { "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thyGroupLabel": { "alias": "thyGroupLabel"; "required": false; }; }, {}, ["options"], ["*"], true, never>;
 }

package/shared/option/list-option/list-option.component.d.ts

@@ -7,7 +7,7 @@ export type ThyListLayout = 'list' | 'grid';
  * @private
  * @order 30
  */
-export declare class ThyListOptionComponent implements Highlightable {
+export declare class ThyListOption implements Highlightable {
     element: ElementRef<HTMLElement>;
     private changeDetector;
     /** @docs-private */
@@ -34,6 +34,6 @@ export declare class ThyListOptionComponent implements Highlightable {
      * @docs-private
      */
     getLabel(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThyListOptionComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyListOptionComponent, "thy-list-option,[thy-list-option]", never, { "id": { "alias": "id"; "required": false; }; "thyValue": { "alias": "thyValue"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyListOption, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyListOption, "thy-list-option,[thy-list-option]", never, { "id": { "alias": "id"; "required": false; }; "thyValue": { "alias": "thyValue"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/shared/option/module.d.ts

@@ -8,6 +8,6 @@ import * as i6 from "./group/option-group.component";
 import * as i7 from "./options-container.component";
 export declare class ThyOptionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyOptionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyOptionModule, never, [typeof i1.CommonModule, typeof i2.ThyIconModule, typeof i3.ThyListOptionComponent, typeof i4.ThyOptionGroupComponent, typeof i5.ThyOptionComponent, typeof i6.ThySelectOptionGroupComponent, typeof i7.ThyOptionsContainerComponent], [typeof i3.ThyListOptionComponent, typeof i4.ThyOptionGroupComponent, typeof i5.ThyOptionComponent, typeof i6.ThySelectOptionGroupComponent, typeof i7.ThyOptionsContainerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyOptionModule, never, [typeof i1.CommonModule, typeof i2.ThyIconModule, typeof i3.ThyListOption, typeof i4.ThyOptionGroup, typeof i5.ThyOption, typeof i6.ThySelectOptionGroup, typeof i7.ThyOptionsContainer], [typeof i3.ThyListOption, typeof i4.ThyOptionGroup, typeof i5.ThyOption, typeof i6.ThySelectOptionGroup, typeof i7.ThyOptionsContainer]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThyOptionModule>;
 }

package/shared/option/option-group.component.d.ts

@@ -4,9 +4,9 @@ declare const _MixinBase: ThyCanDisableCtor & typeof MixinBase;
 /**
  * @private
  */
-export declare class ThyOptionGroupComponent extends _MixinBase implements ThyCanDisable {
+export declare class ThyOptionGroup extends _MixinBase implements ThyCanDisable {
     set thyDisabled(value: any);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThyOptionGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyOptionGroupComponent, "thy-list-option-group,[thy-list-option-group]", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyOptionGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyOptionGroup, "thy-list-option-group,[thy-list-option-group]", never, {}, {}, never, ["*"], true, never>;
 }
 export {};

package/shared/option/option.component.d.ts

@@ -4,18 +4,18 @@ import { SelectOptionBase } from './select-option-base';
 import { IThyOptionGroupComponent, IThyOptionParentComponent } from './option.token';
 import * as i0 from "@angular/core";
 export declare class ThyOptionSelectionChangeEvent {
-    option: ThyOptionComponent;
+    option: ThyOption;
     isUserInput: boolean;
-    constructor(option: ThyOptionComponent, isUserInput?: boolean);
+    constructor(option: ThyOption, isUserInput?: boolean);
 }
 export declare class ThyOptionVisibleChangeEvent {
-    option: ThyOptionComponent;
+    option: ThyOption;
 }
 /**
  * @private
  * @order 20
  */
-export declare class ThyOptionComponent extends SelectOptionBase implements OnDestroy, Highlightable {
+export declare class ThyOption extends SelectOptionBase implements OnDestroy, Highlightable {
     element: ElementRef<HTMLElement>;
     parent: IThyOptionParentComponent;
     group: IThyOptionGroupComponent;
@@ -53,6 +53,6 @@ export declare class ThyOptionComponent extends SelectOptionBase implements OnDe
     getLabel(): string;
     private emitSelectionChangeEvent;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThyOptionComponent, [null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyOptionComponent, "thy-option", never, { "thyValue": { "alias": "thyValue"; "required": false; }; "thyRawValue": { "alias": "thyRawValue"; "required": false; }; "thyLabelText": { "alias": "thyLabelText"; "required": false; }; "thyShowOptionCustom": { "alias": "thyShowOptionCustom"; "required": false; }; "thySearchKey": { "alias": "thySearchKey"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyOption, [null, { optional: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyOption, "thy-option", never, { "thyValue": { "alias": "thyValue"; "required": false; }; "thyRawValue": { "alias": "thyRawValue"; "required": false; }; "thyLabelText": { "alias": "thyLabelText"; "required": false; }; "thyShowOptionCustom": { "alias": "thyShowOptionCustom"; "required": false; }; "thySearchKey": { "alias": "thySearchKey"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
 }

package/shared/option/option.token.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken } from '@angular/core';
-import { ThySelectOptionGroupComponent } from './group/option-group.component';
-import { ThyListLayout, ThyListOptionComponent } from './list-option/list-option.component';
+import { ThySelectOptionGroup } from './group/option-group.component';
+import { ThyListLayout, ThyListOption } from './list-option/list-option.component';
 export interface IThyOptionParentComponent {
     isMultiple: boolean;
 }
@@ -10,10 +10,10 @@ export interface IThyOptionGroupComponent {
 export interface IThyListOptionParentComponent {
     multiple?: boolean;
     layout?: ThyListLayout;
-    toggleOption(option: ThyListOptionComponent, event?: Event): void;
-    setActiveOption(option: ThyListOptionComponent, event?: Event): void;
-    scrollIntoView(option: ThyListOptionComponent): void;
-    isSelected(option: ThyListOptionComponent): boolean;
+    toggleOption(option: ThyListOption, event?: Event): void;
+    setActiveOption(option: ThyListOption, event?: Event): void;
+    scrollIntoView(option: ThyListOption): void;
+    isSelected(option: ThyListOption): boolean;
 }
 /**
  * Injection token used to provide the parent component to options.
@@ -22,7 +22,7 @@ export declare const THY_OPTION_PARENT_COMPONENT: InjectionToken<IThyOptionParen
 /**
  * Injection token used to provide the parent component to options.
  */
-export declare const THY_OPTION_GROUP_COMPONENT: InjectionToken<ThySelectOptionGroupComponent>;
+export declare const THY_OPTION_GROUP_COMPONENT: InjectionToken<ThySelectOptionGroup>;
 /**
  * Injection token used to provide the parent component to options.
  */

package/shared/option/options-container.component.d.ts

@@ -1,9 +1,9 @@
 import { OnInit, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ThyOptionsContainerComponent implements OnInit {
+export declare class ThyOptionsContainer implements OnInit {
     optionsTemplate: TemplateRef<any>;
     constructor();
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThyOptionsContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyOptionsContainerComponent, "thy-options-container", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyOptionsContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyOptionsContainer, "thy-options-container", never, {}, {}, never, ["*"], true, never>;
 }

package/shared/select/module.d.ts

@@ -6,6 +6,6 @@ import * as i4 from "ngx-tethys/tag";
 import * as i5 from "./select-control/select-control.component";
 export declare class ThySelectCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThySelectCommonModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.ThyIconModule, typeof i4.ThyTagModule, typeof i5.ThySelectControlComponent], [typeof i5.ThySelectControlComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThySelectCommonModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.ThyIconModule, typeof i4.ThyTagModule, typeof i5.ThySelectControl], [typeof i5.ThySelectControl]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThySelectCommonModule>;
 }

package/shared/select/select-control/select-control.component.d.ts

@@ -6,7 +6,7 @@ export type SelectControlSize = 'sm' | 'md' | 'lg' | '';
 /**
  * @private
  */
-export declare class ThySelectControlComponent implements OnInit {
+export declare class ThySelectControl implements OnInit {
     private renderer;
     inputValue: string;
     isComposing: boolean;
@@ -68,6 +68,6 @@ export declare class ThySelectControlComponent implements OnInit {
     clearHandle($event: Event): void;
     trackValue(_index: number, option: SelectOptionBase): any;
     onBlur(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectControlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectControlComponent, "thy-select-control,[thySelectControl]", never, { "thyPanelOpened": { "alias": "thyPanelOpened"; "required": false; }; "thyIsMultiple": { "alias": "thyIsMultiple"; "required": false; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; }; "thySelectedOptions": { "alias": "thySelectedOptions"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "customDisplayTemplate": { "alias": "customDisplayTemplate"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; "thyPlaceholder": { "alias": "thyPlaceholder"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; }; "thyBorderless": { "alias": "thyBorderless"; "required": false; }; "thyPreset": { "alias": "thyPreset"; "required": false; }; }, { "thyOnSearch": "thyOnSearch"; "thyOnRemove": "thyOnRemove"; "thyOnClear": "thyOnClear"; "thyOnBlur": "thyOnBlur"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectControl, "thy-select-control,[thySelectControl]", never, { "thyPanelOpened": { "alias": "thyPanelOpened"; "required": false; }; "thyIsMultiple": { "alias": "thyIsMultiple"; "required": false; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; }; "thySelectedOptions": { "alias": "thySelectedOptions"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "customDisplayTemplate": { "alias": "customDisplayTemplate"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; "thyPlaceholder": { "alias": "thyPlaceholder"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; }; "thyBorderless": { "alias": "thyBorderless"; "required": false; }; "thyPreset": { "alias": "thyPreset"; "required": false; }; }, { "thyOnSearch": "thyOnSearch"; "thyOnRemove": "thyOnRemove"; "thyOnClear": "thyOnClear"; "thyOnBlur": "thyOnBlur"; }, never, never, true, never>;
 }

package/shared/select/select-control/select-control.scss

@@ -1,4 +1,4 @@
-@use '../../../select/custom-select/styles/mixin';
+@use '../../../select/styles/mixin';
 @use '../../../styles/mixins/utilities';
 @use '../../../styles/variables';
 @use '../styles/select.mixin';

package/skeleton/module.d.ts

@@ -11,6 +11,6 @@ import * as i9 from "./stylized/paragraph.component";
 import * as i10 from "./stylized/bullet-list.component";
 export declare class ThySkeletonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThySkeletonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThySkeletonModule, never, [typeof i1.CommonModule, typeof i2.PortalModule, typeof i3.ThyGridModule, typeof i4.ThyListModule, typeof i5.ThySkeletonComponent, typeof i6.ThySkeletonRectangleComponent, typeof i7.ThySkeletonCircleComponent, typeof i8.ThySkeletonListComponent, typeof i9.ThySkeletonParagraphComponent, typeof i10.ThySkeletonBulletListComponent], [typeof i5.ThySkeletonComponent, typeof i6.ThySkeletonRectangleComponent, typeof i7.ThySkeletonCircleComponent, typeof i8.ThySkeletonListComponent, typeof i9.ThySkeletonParagraphComponent, typeof i10.ThySkeletonBulletListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThySkeletonModule, never, [typeof i1.CommonModule, typeof i2.PortalModule, typeof i3.ThyGridModule, typeof i4.ThyListModule, typeof i5.ThySkeleton, typeof i6.ThySkeletonRectangle, typeof i7.ThySkeletonCircle, typeof i8.ThySkeletonList, typeof i9.ThySkeletonParagraph, typeof i10.ThySkeletonBulletList], [typeof i5.ThySkeleton, typeof i6.ThySkeletonRectangle, typeof i7.ThySkeletonCircle, typeof i8.ThySkeletonList, typeof i9.ThySkeletonParagraph, typeof i10.ThySkeletonBulletList]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThySkeletonModule>;
 }

package/skeleton/skeleton-circle.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { ThySkeletonComponent } from './skeleton.component';
+import { ThySkeleton } from './skeleton.component';
 import { ThySkeletonConfigModel } from './skeleton.config';
 import * as i0 from "@angular/core";
 interface Style {
@@ -11,7 +11,7 @@ interface Style {
  * @name thy-skeleton-circle
  * @order 30
  */
-export declare class ThySkeletonCircleComponent implements OnInit, OnChanges {
+export declare class ThySkeletonCircle implements OnInit, OnChanges {
     private skeletonConfigModel;
     private _parent;
     /**
@@ -40,11 +40,11 @@ export declare class ThySkeletonCircleComponent implements OnInit, OnChanges {
      */
     thyAnimated: boolean;
     afterStyles: Style;
-    constructor(skeletonConfigModel: ThySkeletonConfigModel, _parent: ThySkeletonComponent);
+    constructor(skeletonConfigModel: ThySkeletonConfigModel, _parent: ThySkeleton);
     ngOnInit(): void;
     crateAfterStyles(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySkeletonCircleComponent, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySkeletonCircleComponent, "thy-skeleton-circle", never, { "thyAnimatedInterval": { "alias": "thyAnimatedInterval"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyPrimaryColor": { "alias": "thyPrimaryColor"; "required": false; }; "thySecondaryColor": { "alias": "thySecondaryColor"; "required": false; }; "thyAnimated": { "alias": "thyAnimated"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThySkeletonCircle, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySkeletonCircle, "thy-skeleton-circle", never, { "thyAnimatedInterval": { "alias": "thyAnimatedInterval"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyPrimaryColor": { "alias": "thyPrimaryColor"; "required": false; }; "thySecondaryColor": { "alias": "thySecondaryColor"; "required": false; }; "thyAnimated": { "alias": "thyAnimated"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/skeleton/skeleton-rectangle.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { ThySkeletonComponent } from './skeleton.component';
+import { ThySkeleton } from './skeleton.component';
 import { ThySkeletonConfigModel } from './skeleton.config';
 import * as i0 from "@angular/core";
 interface Style {
@@ -11,7 +11,7 @@ interface Style {
  * @name thy-skeleton-rectangle
  * @order 20
  */
-export declare class ThySkeletonRectangleComponent implements OnInit, OnChanges {
+export declare class ThySkeletonRectangle implements OnInit, OnChanges {
     private skeletonConfigModel;
     private _parent;
     /**
@@ -50,11 +50,11 @@ export declare class ThySkeletonRectangleComponent implements OnInit, OnChanges
      */
     thySecondaryColor: string;
     afterStyles: Style;
-    constructor(skeletonConfigModel: ThySkeletonConfigModel, _parent: ThySkeletonComponent);
+    constructor(skeletonConfigModel: ThySkeletonConfigModel, _parent: ThySkeleton);
     ngOnInit(): void;
     crateAfterStyles(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySkeletonRectangleComponent, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySkeletonRectangleComponent, "thy-skeleton-rectangle", never, { "thyAnimated": { "alias": "thyAnimated"; "required": false; }; "thyAnimatedInterval": { "alias": "thyAnimatedInterval"; "required": false; }; "thyBorderRadius": { "alias": "thyBorderRadius"; "required": false; }; "thyRowWidth": { "alias": "thyRowWidth"; "required": false; }; "thyRowHeight": { "alias": "thyRowHeight"; "required": false; }; "thyPrimaryColor": { "alias": "thyPrimaryColor"; "required": false; }; "thySecondaryColor": { "alias": "thySecondaryColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThySkeletonRectangle, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySkeletonRectangle, "thy-skeleton-rectangle", never, { "thyAnimated": { "alias": "thyAnimated"; "required": false; }; "thyAnimatedInterval": { "alias": "thyAnimatedInterval"; "required": false; }; "thyBorderRadius": { "alias": "thyBorderRadius"; "required": false; }; "thyRowWidth": { "alias": "thyRowWidth"; "required": false; }; "thyRowHeight": { "alias": "thyRowHeight"; "required": false; }; "thyPrimaryColor": { "alias": "thyPrimaryColor"; "required": false; }; "thySecondaryColor": { "alias": "thySecondaryColor"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/skeleton/skeleton.component.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
  * @name thy-skeleton
  * @order 10
  */
-export declare class ThySkeletonComponent {
+export declare class ThySkeleton {
     /**
      * 是否开启动画
      * @default false
@@ -22,6 +22,6 @@ export declare class ThySkeletonComponent {
      * 骨架次色调
      */
     thySecondaryColor: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThySkeletonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySkeletonComponent, "thy-skeleton", never, { "thyAnimated": { "alias": "thyAnimated"; "required": false; }; "thyAnimatedInterval": { "alias": "thyAnimatedInterval"; "required": false; }; "thyPrimaryColor": { "alias": "thyPrimaryColor"; "required": false; }; "thySecondaryColor": { "alias": "thySecondaryColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThySkeleton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySkeleton, "thy-skeleton", never, { "thyAnimated": { "alias": "thyAnimated"; "required": false; }; "thyAnimatedInterval": { "alias": "thyAnimatedInterval"; "required": false; }; "thyPrimaryColor": { "alias": "thyPrimaryColor"; "required": false; }; "thySecondaryColor": { "alias": "thySecondaryColor"; "required": false; }; }, {}, never, ["*"], true, never>;
 }