cmat 0.0.78 → 0.0.80

package/types/cmat-components-select-tree.d.ts

@@ -1,12 +1,12 @@
+import * as _angular_core from '@angular/core';
+import { OnChanges, AfterViewInit, OnDestroy, SimpleChanges } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkTree } from '@angular/cdk/tree';
-import * as i0 from '@angular/core';
-import { OnChanges, AfterViewInit, OnDestroy, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { MatSelect } from '@angular/material/select';
-import { ReplaySubject, Subject } from 'rxjs';
+import { Subject } from 'rxjs';
 
 declare class CmatSelectTreeFlatNode {
     id: string | number;
@@ -21,6 +21,8 @@ declare class CmatSelectTreeNode {
     name: string;
 }
 
+type CmatSelectTreeValueItem = CmatSelectTreeNode | CmatSelectTreeFlatNode;
+type CmatSelectTreeValue = CmatSelectTreeValueItem[] | CmatSelectTreeValueItem | null;
 declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, ControlValueAccessor, OnChanges, AfterViewInit, OnDestroy {
     id: string;
     dataSource: CmatSelectTreeNode[];
@@ -29,30 +31,31 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     multiple: boolean;
     overallSearchEnabled: boolean;
     canNull: boolean;
-    customTriggerLabelFn: (value: CmatSelectTreeNode[]) => string;
+    customTriggerLabelFn?: (value: CmatSelectTreeFlatNode[]) => string;
     customTriggerLabelTemplate: string;
     expandable: boolean;
     showToggleAllCheckbox: boolean;
-    compareWith: (o1: any, o2: any) => boolean;
+    compareWith: (o1: CmatSelectTreeNode | CmatSelectTreeFlatNode | null, o2: CmatSelectTreeNode | CmatSelectTreeFlatNode | null) => boolean;
     flatNodeMap: Map<CmatSelectTreeFlatNode, CmatSelectTreeNode>;
     nestedNodeMap: Map<CmatSelectTreeNode, CmatSelectTreeFlatNode>;
-    selectedParent: CmatSelectTreeFlatNode | null;
+    private readonly _flatNodeById;
+    private readonly _parentFlatNodeById;
+    private readonly _selectedFlatNodeIds;
     checklistSelection: SelectionModel<CmatSelectTreeFlatNode>;
-    treeDataSource: CmatSelectTreeNode[];
-    dataFlatNodes: CmatSelectTreeFlatNode[];
+    readonly treeDataSource: _angular_core.WritableSignal<CmatSelectTreeNode[]>;
+    readonly dataFlatNodes: _angular_core.WritableSignal<CmatSelectTreeFlatNode[]>;
     overallFilterControl: FormControl;
-    isIndeterminate: boolean;
-    isChecked: boolean;
-    checkCount: number;
+    readonly isIndeterminate: _angular_core.WritableSignal<boolean>;
+    readonly isChecked: _angular_core.WritableSignal<boolean>;
+    readonly checkCount: _angular_core.WritableSignal<number>;
     selectControl: FormControl;
-    matSelectData: ReplaySubject<any[]>;
+    readonly matSelectData: _angular_core.WritableSignal<CmatSelectTreeFlatNode[]>;
     readonly stateChanges: Subject<void>;
     focused: boolean;
     touched: boolean;
     ngControl: NgControl;
-    private _changeDetectorRef;
+    private readonly _destroyRef;
     private _matSelect;
-    private _unsubscribeAll;
     constructor();
     tree: CdkTree<CmatSelectTreeNode>;
     set matSelect(m: MatSelect);
@@ -66,9 +69,9 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     get placeholder(): string;
     set placeholder(value: string);
     private _placeholder;
-    get value(): any;
-    set value(value: any);
-    protected _value: any;
+    get value(): CmatSelectTreeValue;
+    set value(value: CmatSelectTreeValue);
+    protected _value: CmatSelectTreeValue;
     get empty(): boolean;
     get errorState(): boolean;
     get shouldLabelFloat(): boolean;
@@ -78,24 +81,20 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     get disabled(): boolean;
     set disabled(value: BooleanInput);
     protected _disabled: boolean;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    registerOnChange(fn: (value: CmatSelectTreeValue) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     setDescribedByIds(ids: string[]): void;
     onContainerClick(): void;
     onFocusIn(): void;
     onFocusOut(event: FocusEvent): void;
-    writeValue(value: any): void;
+    writeValue(value: CmatSelectTreeValue): void;
     simpleTriggerLabelFn(value: CmatSelectTreeFlatNode[]): string;
     openedChange(opened: boolean): void;
-    /** Whether all the descendants of the node are selected. */
     descendantsAllSelected(node: CmatSelectTreeFlatNode): boolean;
-    /** Whether part of the descendants are selected */
     descendantsPartiallySelected(node: CmatSelectTreeFlatNode): boolean;
-    /** Toggle the to-do item selection. Select/deselect all the descendants node */
-    todoItemSelectionToggle(event: any, node: CmatSelectTreeFlatNode): void;
-    /** Toggle a leaf to-do item selection. Check all the parents to see if they changed */
-    todoLeafItemSelectionToggle(event: any, node: CmatSelectTreeFlatNode): void;
+    todoItemSelectionToggle(event: MouseEvent, node: CmatSelectTreeFlatNode): void;
+    todoLeafItemSelectionToggle(event: MouseEvent, node: CmatSelectTreeFlatNode): void;
     clearSelection(): void;
     toggleSelectAll(selectAllValue: boolean): void;
     getChecklistSelectionIsSelected(i: CmatSelectTreeNode): boolean;
@@ -103,7 +102,6 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     private _onTouchedChange;
     private _init;
     private _checkAllParentsSelection;
-    /** Check root node checked state and change it accordingly */
     private _checkRootNodeSelection;
     private _getParentNode;
     private _updateChecklistSelection;
@@ -111,10 +109,12 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     private _applyColumnLevelFilters;
     private _updateCheckState;
     private _getFlattenNodes;
+    private _cloneTreeNodes;
+    private _syncSelectedFlatNodeIds;
     private _transformer;
     private _getDescendants;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectTreeComponent, "cmat-select-tree", ["cmatSelectTree"], { "id": { "alias": "id"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "showNoFoundLabel": { "alias": "showNoFoundLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "overallSearchEnabled": { "alias": "overallSearchEnabled"; "required": false; }; "canNull": { "alias": "canNull"; "required": false; }; "customTriggerLabelFn": { "alias": "customTriggerLabelFn"; "required": false; }; "customTriggerLabelTemplate": { "alias": "customTriggerLabelTemplate"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatSelectTreeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatSelectTreeComponent, "cmat-select-tree", ["cmatSelectTree"], { "id": { "alias": "id"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "showNoFoundLabel": { "alias": "showNoFoundLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "overallSearchEnabled": { "alias": "overallSearchEnabled"; "required": false; }; "canNull": { "alias": "canNull"; "required": false; }; "customTriggerLabelFn": { "alias": "customTriggerLabelFn"; "required": false; }; "customTriggerLabelTemplate": { "alias": "customTriggerLabelTemplate"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 export { CmatSelectTreeComponent, CmatSelectTreeFlatNode, CmatSelectTreeNode };

package/types/cmat-components-skeleton.d.ts

@@ -1,30 +1,12 @@
 import * as i0 from '@angular/core';
 
 declare class CmatSkeletonComponent {
-    /**
-     * 占位块数量。
-     */
     count: number;
-    /**
-     * 样式变体。
-     */
     variant: 'line' | 'block' | 'avatar' | 'card';
-    /**
-     * 自定义宽度。
-     */
     width: string;
-    /**
-     * 自定义高度。
-     */
     height: string;
-    /**
-     * 是否开启动画。
-     */
     animated: boolean;
     hostClass: string;
-    /**
-     * 生成占位序列。
-     */
     get items(): number[];
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSkeletonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatSkeletonComponent, "cmat-skeleton", never, { "count": { "alias": "count"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, {}, never, never, true, never>;

package/types/cmat-components-speed-dial.d.ts

@@ -5,12 +5,11 @@ type Direction = 'up' | 'down' | 'left' | 'right';
 type AnimationMode = 'fling' | 'scale';
 declare class CmatSpeedDialActionsComponent implements AfterContentInit {
     private _buttons;
-    miniFabVisible: boolean;
+    readonly miniFabVisible: i0.WritableSignal<boolean>;
     private readonly _renderer;
     private readonly _parent;
     private _showMiniFabAnimation;
     private _hideMiniFab;
-    private _changeDetectorRef;
     ngAfterContentInit(): void;
     show(): void;
     hide(): void;

package/types/cmat-components-status-tag.d.ts

@@ -1,26 +1,11 @@
 import * as i0 from '@angular/core';
 
 declare class CmatStatusTagComponent {
-    /**
-     * 标签文字。
-     */
     label: string;
-    /**
-     * 视觉风格。
-     */
     variant: 'soft' | 'filled' | 'outline';
-    /**
-     * 主题色。
-     */
     tone: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
-    /**
-     * 是否显示圆点。
-     */
     dot: boolean;
     hostClass: string;
-    /**
-     * 计算样式类。
-     */
     get classMap(): Record<string, boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatStatusTagComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatStatusTagComponent, "cmat-status-tag", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; }, {}, never, never, true, never>;

package/types/cmat-components-table-toolbar.d.ts

@@ -1,21 +1,9 @@
 import * as i0 from '@angular/core';
 
 declare class CmatTableToolbarComponent {
-    /**
-     * 标题。
-     */
     title: string;
-    /**
-     * 说明文字。
-     */
     description: string;
-    /**
-     * 记录数量。
-     */
     count: number;
-    /**
-     * 是否显示数量。
-     */
     showCount: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTableToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatTableToolbarComponent, "cmat-table-toolbar", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "count": { "alias": "count"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; }, {}, never, ["[cmatTableToolbarActions]"], true, never>;

package/types/cmat-components-timeline.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, OnDestroy, QueryList } from '@angular/core';
+import { TemplateRef, OnInit, QueryList } from '@angular/core';
 
 declare class CmatTimelineItemIconDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTimelineItemIconDirective, never>;
@@ -27,14 +27,14 @@ declare class CmatTimelineItemComponent {
 
 type CMAT_TIMELINE_POSITION = 'start' | 'end' | 'center' | 'center-alt';
 type CMAT_TIMELINE_ORIENTATION = 'vertical' | 'horizontal';
-declare class CmatTimelineComponent implements OnInit, OnDestroy {
+declare class CmatTimelineComponent implements OnInit {
     readonly items: QueryList<CmatTimelineItemComponent>;
     readonly class = "cmat-timeline";
     private _host;
+    private readonly _destroyRef;
     private _reverse;
     private _position;
     private _orientation;
-    private _unsubscribeAll;
     get isStartPosition(): boolean;
     get isEndPosition(): boolean;
     get isCenterPosition(): boolean;
@@ -46,7 +46,6 @@ declare class CmatTimelineComponent implements OnInit, OnDestroy {
     set orientation(orientation: CMAT_TIMELINE_ORIENTATION);
     set reverse(reverse: boolean);
     ngOnInit(): void;
-    ngOnDestroy(): void;
     updateLayout(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTimelineComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatTimelineComponent, "cmat-timeline", ["cmatTimeLine"], { "position": { "alias": "position"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; }, {}, ["items"], ["*"], true, never>;

package/types/cmat-components-toast.d.ts

@@ -33,9 +33,8 @@ interface CmatToastModel extends GlobalConfigModel {
 declare class CmatToastModalComponent implements AfterViewInit {
     toast: CmatToastModel;
     closeToastEvent: EventEmitter<number>;
-    progressPercent: number;
+    readonly progressPercent: i0.WritableSignal<number>;
     timeout: number;
-    private _ref;
     private _progressInterval;
     private _startTime;
     ngAfterViewInit(): void;
@@ -60,6 +59,7 @@ declare class CmatToastComponent implements OnInit {
 declare class CmatToastService {
     toasts: CmatToastModel[];
     private _positionSubject;
+    private readonly _position$;
     private _toastPopSubject;
     private _globalConfigs;
     private _counter;

package/types/cmat-components-transfer-picker.d.ts

@@ -1,22 +1,18 @@
 import { CdkOverlayOrigin, OverlayRef } from '@angular/cdk/overlay';
 import { CdkPortal } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
+import { OnInit, AfterViewInit, EventEmitter } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkTree } from '@angular/cdk/tree';
-import { BehaviorSubject } from 'rxjs';
+import { Observable } from 'rxjs';
 
-/**
- * Node for Transfer item
- */
 declare class CmatTransferItemNode {
     [key: string]: any;
     children?: CmatTransferItemNode[];
     label: string;
     value: string | number;
 }
-/** Flat Transfer item node with expandable and level information */
 declare class CmatTransferItemFlatNode {
     label: string;
     value: string | number;
@@ -50,7 +46,7 @@ interface CmatSourceOptions {
 }
 
 declare class CmatTransferPickerFilterComponent implements OnInit {
-    filters: CmatTransferFilterItem[];
+    filters: CmatTransferFilterItem[] | undefined;
     overlayOrigin: CdkOverlayOrigin;
     filterTemplate: CdkPortal;
     overlayRef: OverlayRef;
@@ -68,7 +64,7 @@ declare class CmatTransferPickerFilterComponent implements OnInit {
 }
 
 declare class CmatTransferPickerSearchComponent implements OnInit {
-    searchPlaceholder: string;
+    searchPlaceholder: string | undefined;
     keyword: FormControl;
     private _service;
     constructor();
@@ -78,58 +74,53 @@ declare class CmatTransferPickerSearchComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatTransferPickerSearchComponent, "cmat-transfer-picker-search", ["cmatTransferPickerSearch"], { "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class CmatTransferPickerSourceComponent implements OnInit, AfterViewInit, OnDestroy {
+declare class CmatTransferPickerSourceComponent implements OnInit, AfterViewInit {
     tree: CdkTree<CmatTransferItemNode>;
-    /** Map from nested node to flattened node. This helps us to keep the same object for selection */
     nestedNodeMap: Map<CmatTransferItemNode, CmatTransferItemFlatNode>;
-    dataSource: CmatTransferItemNode[];
-    dataFlatNodes: CmatTransferItemFlatNode[];
-    /** The selection for checklist */
+    readonly dataSource: i0.WritableSignal<CmatTransferItemNode[]>;
+    readonly dataFlatNodes: i0.WritableSignal<CmatTransferItemFlatNode[]>;
     checklistSelection: SelectionModel<CmatTransferItemFlatNode>;
-    options: CmatSourceOptions;
-    selectedList: CmatTransferItemFlatNode[];
+    readonly options: i0.WritableSignal<CmatSourceOptions>;
+    readonly committedSelection: i0.WritableSignal<CmatTransferItemFlatNode[]>;
+    readonly committedValueSet: i0.Signal<Set<string | number>>;
+    private readonly _flatNodeByValue;
     private _service;
-    private _changeDetectorRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    getSelectedList(): CmatTransferItemFlatNode[];
+    getCommittedSelection(): CmatTransferItemFlatNode[];
+    commitSelection(): CmatTransferItemFlatNode[];
     resetSelectedItem(item: CmatTransferItemFlatNode): void;
     childrenAccessor: (node: CmatTransferItemNode) => CmatTransferItemNode[];
     hasChild: (_: number, node: CmatTransferItemNode) => boolean;
-    /** Whether all the descendants of the node are selected */
     descendantsAllSelected(node: CmatTransferItemFlatNode): boolean;
-    /** Whether part of the descendants are selected */
     descendantsPartiallySelected(node: CmatTransferItemFlatNode): boolean;
-    /** Toggle the transfer item selection. Select/deselect all the descendants node */
     transferItemSelectionToggle(node: CmatTransferItemFlatNode): void;
-    /** Toggle a leaf transfer item selection. Check all the parents to see if they changed */
     transferLeafItemSelectionToggle(node: CmatTransferItemFlatNode): void;
+    isNodeDisabled(node: CmatTransferItemFlatNode): boolean;
     private _getLevel;
     private _isExpandable;
     private _getChildren;
-    /**
-     * Transformer to convert nested node to flat node. Record the nodes in maps for later use.
-     */
     private _transformer;
     private _getDescendants;
     private _getFlattenNodes;
     private _checkAllParentsSelection;
-    /** Check root node checked state and change it accordingly */
     private _checkRootNodeSelection;
+    private _cloneFlatNode;
+    private _cloneFlatNodes;
     private _getParentNode;
+    private _selectNodesByValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTransferPickerSourceComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatTransferPickerSourceComponent, "cmat-transfer-picker-source", ["cmatTransferPickerSource"], {}, {}, never, never, true, never>;
 }
 
 declare class CmatTransferPickerTargetComponent {
-    selectedList: CmatTransferItemFlatNode[];
+    committedSelection: CmatTransferItemFlatNode[];
     clearItemChange: EventEmitter<CmatTransferItemFlatNode>;
     constructor();
     clearItem(item: CmatTransferItemFlatNode): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTransferPickerTargetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatTransferPickerTargetComponent, "cmat-transfer-picker-target", ["cmatTransferPickerTarget"], { "selectedList": { "alias": "selectedList"; "required": false; }; }, { "clearItemChange": "clearItemChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatTransferPickerTargetComponent, "cmat-transfer-picker-target", ["cmatTransferPickerTarget"], { "committedSelection": { "alias": "committedSelection"; "required": false; }; }, { "clearItemChange": "clearItemChange"; }, never, never, true, never>;
 }
 
 declare class CmatTransferPickerComponent implements OnInit, AfterViewInit {
@@ -142,26 +133,27 @@ declare class CmatTransferPickerComponent implements OnInit, AfterViewInit {
     selectedValues: string[];
     selectChange: EventEmitter<CmatTransferItemFlatNode[]>;
     source: CmatTransferPickerSourceComponent;
-    selectedList: CmatTransferItemFlatNode[];
+    readonly committedSelection: i0.WritableSignal<CmatTransferItemFlatNode[]>;
     private _service;
-    private _changeDetectorRef;
+    private readonly _injector;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     pick(): void;
     reset(): void;
     onClearItemChange(item: CmatTransferItemFlatNode): void;
+    private _commitSelection;
     private _emitterChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTransferPickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatTransferPickerComponent, "cmat-transfer-picker", ["cmatTransferPicker"], { "title": { "alias": "title"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; }, { "selectChange": "selectChange"; }, never, never, true, never>;
 }
 
 declare class CmatTransferPickerService {
-    dataSourceChange: BehaviorSubject<CmatTransferItemNode[]>;
-    refreshDataSourceChange: BehaviorSubject<boolean>;
-    filtersChange: BehaviorSubject<CmatTransferFilterItem[]>;
-    sourceOptionsChange: BehaviorSubject<CmatSourceOptions | void>;
-    selectedValuesChange: BehaviorSubject<string[]>;
+    private readonly _dataSourceChange;
+    private readonly _refreshDataSourceChange;
+    private readonly _filtersChange;
+    private readonly _sourceOptionsChange;
+    private readonly _selectedValuesChange;
     private _dataSource;
     private _filterData;
     private _keyword;
@@ -169,7 +161,21 @@ declare class CmatTransferPickerService {
     private _filteredDataSource;
     private _compareMap;
     private _conditionMap;
+    private _refreshNonce;
+    private readonly _dataSourceChange$;
+    private readonly _refreshDataSourceChange$;
+    private readonly _filtersChange$;
+    private readonly _sourceOptionsChange$;
+    private readonly _selectedValuesChange$;
     constructor();
+    get dataSourceChange(): Observable<CmatTransferItemNode[]>;
+    get refreshDataSourceChange(): Observable<{
+        clear: boolean;
+        nonce: number;
+    }>;
+    get filtersChange(): Observable<CmatTransferFilterItem[]>;
+    get sourceOptionsChange(): Observable<CmatSourceOptions | void>;
+    get selectedValuesChange(): Observable<string[]>;
     get dataSource(): CmatTransferItemNode[];
     set dataSource(data: CmatTransferItemNode[]);
     set sourceOptions(value: CmatSourceOptions);

package/types/cmat-components-treetable.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnChanges, TemplateRef, SimpleChanges } from '@angular/core';
+import { OnChanges, TemplateRef, WritableSignal, SimpleChanges } from '@angular/core';
 import { MatTableDataSource } from '@angular/material/table';
 import { Subject } from 'rxjs';
 
@@ -25,10 +25,9 @@ declare class CmatTreeTableComponent implements OnChanges {
     showControlColumn: boolean;
     nodeClicked: Subject<CmatTreeTableNode>;
     customColumnTpl?: TemplateRef<any>;
-    displayedColumns: string[];
-    dataSource: MatTableDataSource<CmatTreeTableNode>;
+    readonly displayedColumns: WritableSignal<string[]>;
+    readonly dataSource: WritableSignal<MatTableDataSource<CmatTreeTableNode>>;
     private _treeTable;
-    private _changeDetectorRef;
     ngOnChanges(changes: SimpleChanges): void;
     formatIndentation(node: CmatTreeTableNode, step?: number): string;
     onNodeClick(clickedNode: CmatTreeTableNode): void;

package/types/cmat-components-upload.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter, AfterViewInit, QueryList } from '@angular/core';
+import { OnInit, EventEmitter, AfterViewInit, QueryList } from '@angular/core';
 import { Observable } from 'rxjs';
 
-declare class CmatUploadComponent implements OnInit, OnDestroy {
+declare class CmatUploadComponent implements OnInit {
     fileAlias: string;
     filePath: string;
     fileCategory: string;
@@ -12,19 +12,17 @@ declare class CmatUploadComponent implements OnInit, OnDestroy {
     id: string;
     removeEvent: EventEmitter<CmatUploadComponent>;
     uploadEvent: EventEmitter<any>;
-    progressPercentage: number;
-    loaded: number;
-    total: number;
-    isUploading: boolean;
+    readonly progressPercentage: i0.WritableSignal<number>;
+    readonly loaded: i0.WritableSignal<number>;
+    readonly total: i0.WritableSignal<number>;
+    readonly isUploading: i0.WritableSignal<boolean>;
     private _fileService;
-    private _changeDetectorRef;
+    private readonly _destroyRef;
     private _file;
-    private _unsubscribeAll;
     get file(): any;
     set file(file: any);
     get fileType(): 'csv' | 'gif' | 'word' | 'excel' | 'jpg' | 'outlook' | 'pdf' | 'png' | 'ppt' | 'file' | 'text' | 'video' | 'zip';
     ngOnInit(): void;
-    ngOnDestroy(): void;
     upload(): void;
     download(): void;
     remove(): void;
@@ -32,7 +30,7 @@ declare class CmatUploadComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatUploadComponent, "cmat-upload", ["cmatUpload"], { "fileAlias": { "alias": "fileAlias"; "required": false; }; "filePath": { "alias": "filePath"; "required": false; }; "fileCategory": { "alias": "fileCategory"; "required": false; }; "isPublic": { "alias": "isPublic"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "autoUpload": { "alias": "autoUpload"; "required": false; }; "id": { "alias": "id"; "required": false; }; "file": { "alias": "file"; "required": false; }; }, { "removeEvent": "removeEvent"; "uploadEvent": "uploadEvent"; }, never, never, true, never>;
 }
 
-declare class CmatUploadQueueComponent implements OnDestroy, AfterViewInit {
+declare class CmatUploadQueueComponent implements AfterViewInit {
     fileUploads: QueryList<CmatUploadComponent>;
     fileAlias: string;
     filePath: string;
@@ -49,16 +47,14 @@ declare class CmatUploadQueueComponent implements OnDestroy, AfterViewInit {
     outputUploadIdEvent: EventEmitter<string>;
     outputFilesDataEvent: EventEmitter<any>;
     id: string;
-    isHandSet: boolean;
-    private _changeDetectorRef;
+    readonly isHandSet: i0.WritableSignal<boolean>;
     private _cmatMediaWatcherService;
     private _elementRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     onDrop(event: any): void;
     onDropOver(event: any): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     add(file: any): void;
     upload(event: any): void;
     remove(event: CmatUploadComponent): void;
@@ -70,13 +66,12 @@ declare class CmatUploadQueueComponent implements OnDestroy, AfterViewInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatUploadQueueComponent, "cmat-upload-queue", ["cmatUploadQueue"], { "fileAlias": { "alias": "fileAlias"; "required": false; }; "filePath": { "alias": "filePath"; "required": false; }; "fileCategory": { "alias": "fileCategory"; "required": false; }; "isPublic": { "alias": "isPublic"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autoUpload": { "alias": "autoUpload"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "title": { "alias": "title"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "filesData": { "alias": "filesData"; "required": false; }; }, { "outputRemoveIdEvent": "outputRemoveIdEvent"; "outputUploadIdEvent": "outputUploadIdEvent"; "outputFilesDataEvent": "outputFilesDataEvent"; }, never, never, true, never>;
 }
 
-declare class CmatFilesUtilService implements OnDestroy {
+declare class CmatFilesUtilService {
     private _http;
     private _urlStateConfigService;
+    private readonly _destroyRef;
     private _config;
-    private _unsubscribeAll;
     constructor();
-    ngOnDestroy(): void;
     downloadFile(fileId: string, isStream?: boolean): Observable<any>;
     downloadFileZip(fileIds?: string[]): Observable<any>;
     uploadFile(file: FormData): Observable<any>;

package/types/cmat-components-x6-angular-shape.d.ts

@@ -20,7 +20,6 @@ declare class AngularShapeView extends NodeView<AngularShape> {
     protected renderAngularContent(): void;
     protected unmountAngularContent(): HTMLDivElement;
     private getNgArguments;
-    /** 当执行 node.setData() 时需要对实例设置新的输入值 */
     private setInstanceInput;
 }
 declare namespace AngularShapeView {

package/types/cmat-directives-arrow-cursor.d.ts

@@ -17,7 +17,7 @@ declare class CmatArrowCursorDirective implements AfterViewInit, OnDestroy {
     oldCursorSide: string | null;
     private _document;
     private _cmatMediaWatcherService;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     onMouseEnter(event: any): void;
     onMouseLeave(event: any): void;
     onMouseOver(event: any): void;

package/types/cmat-directives-debounce.d.ts

@@ -1,16 +1,15 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
 import { Subject } from 'rxjs';
 
-declare abstract class AbstractDebounceDirective implements OnInit, OnDestroy {
+declare abstract class AbstractDebounceDirective implements OnInit {
     debounceTime: number;
     emitChanged: EventEmitter<any>;
     emitEvent$: Subject<any>;
-    subscription$: Subject<void>;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
     emitChange(value: any): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDebounceDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDebounceDirective, never, never, { "debounceTime": { "alias": "debounceTime"; "required": false; }; }, { "emitChanged": "emitChanged"; }, never, never, true, never>;
 }

package/types/cmat-pipes-secure.d.ts

@@ -1,16 +1,15 @@
 import * as i0 from '@angular/core';
-import { PipeTransform, OnDestroy } from '@angular/core';
+import { PipeTransform } from '@angular/core';
 import { SafeUrl } from '@angular/platform-browser';
 import { Observable } from 'rxjs';
 
-declare class CmatSecurePipe implements PipeTransform, OnDestroy {
+declare class CmatSecurePipe implements PipeTransform {
     private _http;
     private _sanitizer;
     private _urlStateConfigService;
+    private readonly _destroyRef;
     private _config;
-    private _unsubscribeAll;
     constructor();
-    ngOnDestroy(): void;
     transform(fileId: string): Observable<SafeUrl>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSecurePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<CmatSecurePipe, "cmatSecure", true>;