ngx-tethys 19.0.16 → 19.1.0-next.1

package/fesm2022/ngx-tethys-transfer.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, IterableDiffers, EventEmitter, HostBinding, Output, Input, ViewEncapsulation, Component, ContentChild, NgModule } from '@angular/core';
+import { inject, IterableDiffers, input, numberAttribute, output, ViewEncapsulation, Component, contentChild, computed, effect, NgModule } from '@angular/core';
 import { ThyFlexibleText, ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
@@ -7,6 +7,7 @@ import { moveItemInArray, transferArrayItem, CdkDropListGroup, CdkDropList, CdkD
 import { ThyList, ThyListItem, ThyListModule } from 'ngx-tethys/list';
 import { ThyDragDropDirective, ThySharedModule } from 'ngx-tethys/shared';
 import { injectLocale } from 'ngx-tethys/i18n';
+import { coerceBooleanProperty } from 'ngx-tethys/util';
 import { ThyButtonModule } from 'ngx-tethys/button';
 
 var TransferDirection;
@@ -24,12 +25,20 @@ class ThyTransferList {
         this.lockItems = [];
         this.unlockItems = [];
         this.locale = injectLocale('transfer');
-        this.draggableUpdate = new EventEmitter();
-        this.selectItem = new EventEmitter();
-        this.unselectItem = new EventEmitter();
-        this.hostClass = 'thy-transfer-list';
+        this.title = input();
+        this.items = input();
+        this.draggable = input(false, { transform: coerceBooleanProperty });
+        this.canLock = input(false, { transform: coerceBooleanProperty });
+        this.maxLock = input(undefined, { transform: numberAttribute });
+        this.max = input(undefined, { transform: numberAttribute });
+        this.disabled = input(false, { transform: coerceBooleanProperty });
+        this.template = input();
+        this.renderContentRef = input();
+        this.draggableUpdate = output();
+        this.selectItem = output();
+        this.unselectItem = output();
         this.lockListEnterPredicate = () => {
-            return this.lockItems.length < this.maxLock;
+            return this.lockItems.length < this.maxLock();
         };
         this.unlockListEnterPredicate = (event) => {
             return !event.data.isFixed;
@@ -43,20 +52,20 @@ class ThyTransferList {
     }
     ngOnInit() {
         this._combineTransferData();
-        if (this.canLock) {
+        if (this.canLock()) {
             this._lockDiff = this.differs.find(this.lockItems).create();
             this._unlockDiff = this.differs.find(this.unlockItems).create();
         }
         else {
             this._unlockDiff = this.differs.find(this.unlockItems).create();
         }
-        this._diff = this.differs.find(this.items).create();
+        this._diff = this.differs.find(this.items()).create();
     }
     _combineTransferData() {
         this.lockItems = [];
         this.unlockItems = [];
-        if (this.canLock) {
-            (this.items || []).forEach(item => {
+        if (this.canLock()) {
+            (this.items() || []).forEach(item => {
                 if (item.isLock) {
                     this.lockItems.push(item);
                 }
@@ -66,7 +75,7 @@ class ThyTransferList {
             });
         }
         else {
-            this.unlockItems = this.items;
+            this.unlockItems = this.items();
         }
     }
     _afterChangeItems(changes, items) {
@@ -86,9 +95,9 @@ class ThyTransferList {
         });
     }
     ngDoCheck() {
-        const changes = this._diff.diff(this.items);
+        const changes = this._diff.diff(this.items());
         if (changes) {
-            this._afterChangeItems(changes, this.items);
+            this._afterChangeItems(changes, this.items());
             this._combineTransferData();
         }
         if (this._lockDiff) {
@@ -127,40 +136,14 @@ class ThyTransferList {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTransferList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTransferList, isStandalone: true, selector: "thy-transfer-list", inputs: { title: "title", items: "items", draggable: "draggable", canLock: "canLock", maxLock: "maxLock", max: "max", disabled: "disabled", template: "template", contentRef: ["renderContentRef", "contentRef"] }, outputs: { draggableUpdate: "draggableUpdate", selectItem: "selectItem", unselectItem: "unselectItem" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<div class=\"thy-transfer-list-header\">\n  <span class=\"thy-transfer-list-header-title\"\n    >{{ title }} \u00B7 {{ items?.length }}\n    @if (max) {\n      <span>{{ locale().maxLimit.replace('{max}', max) }}</span>\n    }\n  </span>\n</div>\n@if (!contentRef) {\n  <div class=\"thy-transfer-list-body\" cdkDropListGroup [cdkDropListGroupDisabled]=\"!draggable\">\n    @if (canLock) {\n      <div class=\"thy-transfer-list-group-name\">{{ locale().maxLockLimit.replace('{maxLock}', maxLock) }}</div>\n      <thy-list\n        class=\"thy-transfer-list-content\"\n        cdkDropList\n        thyDragDrop\n        id=\"lock\"\n        [cdkDropListData]=\"lockItems\"\n        (cdkDropListDropped)=\"drop($event)\"\n        [cdkDropListEnterPredicate]=\"lockListEnterPredicate\">\n        @if (lockItems.length === 0) {\n          <div class=\"cdk-drop-list-empty\"></div>\n        }\n        @for (item of lockItems; track $index) {\n          <thy-list-item\n            class=\"thy-transfer-list-content-item text-truncate\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [ngClass]=\"{ active: item.checked }\">\n            <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n          </thy-list-item>\n        }\n      </thy-list>\n      <div class=\"thy-transfer-list-group-name\">{{ locale().unlocked }}</div>\n    }\n    <thy-list\n      class=\"thy-transfer-list-content\"\n      cdkDropList\n      thyDragDrop\n      [cdkDropListDisabled]=\"!draggable\"\n      id=\"unlock\"\n      [cdkDropListData]=\"unlockItems\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListEnterPredicate]=\"unlockListEnterPredicate\">\n      @if (unlockItems.length === 0) {\n        <div class=\"cdk-drop-list-empty\"></div>\n      }\n      @for (item of unlockItems; track $index) {\n        <thy-list-item\n          class=\"thy-transfer-list-content-item text-truncate\"\n          cdkDrag\n          [cdkDragData]=\"item\"\n          [ngClass]=\"{ active: item.checked, disabled: disabled && item.direction === 'left' }\">\n          <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        </thy-list-item>\n      }\n    </thy-list>\n  </div>\n} @else {\n  <div class=\"thy-transfer-list-body\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        contentRef;\n        context: {\n          $implicit: items,\n          onSelectItem: onSelectItem,\n          onUnselectItem: onUnselectItem\n        }\n      \"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: ThyList, selector: "thy-list", inputs: ["thyDivided"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: ThyDragDropDirective, selector: "[thyDragDrop]" }, { kind: "component", type: ThyListItem, selector: "thy-list-item,[thy-list-item]" }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTransferList, isStandalone: true, selector: "thy-transfer-list", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, canLock: { classPropertyName: "canLock", publicName: "canLock", isSignal: true, isRequired: false, transformFunction: null }, maxLock: { classPropertyName: "maxLock", publicName: "maxLock", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, renderContentRef: { classPropertyName: "renderContentRef", publicName: "renderContentRef", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { draggableUpdate: "draggableUpdate", selectItem: "selectItem", unselectItem: "unselectItem" }, host: { classAttribute: "thy-transfer-list" }, ngImport: i0, template: "<div class=\"thy-transfer-list-header\">\n  <span class=\"thy-transfer-list-header-title\"\n    >{{ title() }} \u00B7 {{ items()?.length }}\n    @if (max()) {\n      <span>{{ locale().maxLimit.replace('{max}', max()?.toString() ?? '') }}</span>\n    }\n  </span>\n</div>\n@if (!renderContentRef()) {\n  <div class=\"thy-transfer-list-body\" cdkDropListGroup [cdkDropListGroupDisabled]=\"!draggable()\">\n    @if (canLock()) {\n      <div class=\"thy-transfer-list-group-name\">{{ locale().maxLockLimit.replace('{maxLock}', maxLock()?.toString() ?? '') }}</div>\n      <thy-list\n        class=\"thy-transfer-list-content\"\n        cdkDropList\n        thyDragDrop\n        id=\"lock\"\n        [cdkDropListData]=\"lockItems\"\n        (cdkDropListDropped)=\"drop($event)\"\n        [cdkDropListEnterPredicate]=\"lockListEnterPredicate\">\n        @if (lockItems.length === 0) {\n          <div class=\"cdk-drop-list-empty\"></div>\n        }\n        @for (item of lockItems; track $index) {\n          <thy-list-item\n            class=\"thy-transfer-list-content-item text-truncate\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [ngClass]=\"{ active: item.checked }\">\n            <ng-template [ngTemplateOutlet]=\"template()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n          </thy-list-item>\n        }\n      </thy-list>\n      <div class=\"thy-transfer-list-group-name\">{{ locale().unlocked }}</div>\n    }\n    <thy-list\n      class=\"thy-transfer-list-content\"\n      cdkDropList\n      thyDragDrop\n      [cdkDropListDisabled]=\"!draggable()\"\n      id=\"unlock\"\n      [cdkDropListData]=\"unlockItems\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListEnterPredicate]=\"unlockListEnterPredicate\">\n      @if (unlockItems.length === 0) {\n        <div class=\"cdk-drop-list-empty\"></div>\n      }\n      @for (item of unlockItems; track $index) {\n        <thy-list-item\n          class=\"thy-transfer-list-content-item text-truncate\"\n          cdkDrag\n          [cdkDragData]=\"item\"\n          [ngClass]=\"{ active: item.checked, disabled: disabled() && item.direction === 'left' }\">\n          <ng-template [ngTemplateOutlet]=\"template()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        </thy-list-item>\n      }\n    </thy-list>\n  </div>\n} @else {\n  <div class=\"thy-transfer-list-body\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        renderContentRef();\n        context: {\n          $implicit: items(),\n          onSelectItem: onSelectItem,\n          onUnselectItem: onUnselectItem\n        }\n      \"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: ThyList, selector: "thy-list", inputs: ["thyDivided"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: ThyDragDropDirective, selector: "[thyDragDrop]" }, { kind: "component", type: ThyListItem, selector: "thy-list-item,[thy-list-item]" }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTransferList, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-transfer-list', encapsulation: ViewEncapsulation.None, imports: [CdkDropListGroup, ThyList, CdkDropList, ThyDragDropDirective, ThyListItem, CdkDrag, NgClass, NgTemplateOutlet], template: "<div class=\"thy-transfer-list-header\">\n  <span class=\"thy-transfer-list-header-title\"\n    >{{ title }} \u00B7 {{ items?.length }}\n    @if (max) {\n      <span>{{ locale().maxLimit.replace('{max}', max) }}</span>\n    }\n  </span>\n</div>\n@if (!contentRef) {\n  <div class=\"thy-transfer-list-body\" cdkDropListGroup [cdkDropListGroupDisabled]=\"!draggable\">\n    @if (canLock) {\n      <div class=\"thy-transfer-list-group-name\">{{ locale().maxLockLimit.replace('{maxLock}', maxLock) }}</div>\n      <thy-list\n        class=\"thy-transfer-list-content\"\n        cdkDropList\n        thyDragDrop\n        id=\"lock\"\n        [cdkDropListData]=\"lockItems\"\n        (cdkDropListDropped)=\"drop($event)\"\n        [cdkDropListEnterPredicate]=\"lockListEnterPredicate\">\n        @if (lockItems.length === 0) {\n          <div class=\"cdk-drop-list-empty\"></div>\n        }\n        @for (item of lockItems; track $index) {\n          <thy-list-item\n            class=\"thy-transfer-list-content-item text-truncate\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [ngClass]=\"{ active: item.checked }\">\n            <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n          </thy-list-item>\n        }\n      </thy-list>\n      <div class=\"thy-transfer-list-group-name\">{{ locale().unlocked }}</div>\n    }\n    <thy-list\n      class=\"thy-transfer-list-content\"\n      cdkDropList\n      thyDragDrop\n      [cdkDropListDisabled]=\"!draggable\"\n      id=\"unlock\"\n      [cdkDropListData]=\"unlockItems\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListEnterPredicate]=\"unlockListEnterPredicate\">\n      @if (unlockItems.length === 0) {\n        <div class=\"cdk-drop-list-empty\"></div>\n      }\n      @for (item of unlockItems; track $index) {\n        <thy-list-item\n          class=\"thy-transfer-list-content-item text-truncate\"\n          cdkDrag\n          [cdkDragData]=\"item\"\n          [ngClass]=\"{ active: item.checked, disabled: disabled && item.direction === 'left' }\">\n          <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        </thy-list-item>\n      }\n    </thy-list>\n  </div>\n} @else {\n  <div class=\"thy-transfer-list-body\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        contentRef;\n        context: {\n          $implicit: items,\n          onSelectItem: onSelectItem,\n          onUnselectItem: onUnselectItem\n        }\n      \"></ng-container>\n  </div>\n}\n" }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], draggable: [{
-                type: Input
-            }], canLock: [{
-                type: Input
-            }], maxLock: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], template: [{
-                type: Input
-            }], contentRef: [{
-                type: Input,
-                args: ['renderContentRef']
-            }], draggableUpdate: [{
-                type: Output
-            }], selectItem: [{
-                type: Output
-            }], unselectItem: [{
-                type: Output
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'thy-transfer-list', host: {
+                        class: 'thy-transfer-list'
+                    }, encapsulation: ViewEncapsulation.None, imports: [CdkDropListGroup, ThyList, CdkDropList, ThyDragDropDirective, ThyListItem, CdkDrag, NgClass, NgTemplateOutlet], template: "<div class=\"thy-transfer-list-header\">\n  <span class=\"thy-transfer-list-header-title\"\n    >{{ title() }} \u00B7 {{ items()?.length }}\n    @if (max()) {\n      <span>{{ locale().maxLimit.replace('{max}', max()?.toString() ?? '') }}</span>\n    }\n  </span>\n</div>\n@if (!renderContentRef()) {\n  <div class=\"thy-transfer-list-body\" cdkDropListGroup [cdkDropListGroupDisabled]=\"!draggable()\">\n    @if (canLock()) {\n      <div class=\"thy-transfer-list-group-name\">{{ locale().maxLockLimit.replace('{maxLock}', maxLock()?.toString() ?? '') }}</div>\n      <thy-list\n        class=\"thy-transfer-list-content\"\n        cdkDropList\n        thyDragDrop\n        id=\"lock\"\n        [cdkDropListData]=\"lockItems\"\n        (cdkDropListDropped)=\"drop($event)\"\n        [cdkDropListEnterPredicate]=\"lockListEnterPredicate\">\n        @if (lockItems.length === 0) {\n          <div class=\"cdk-drop-list-empty\"></div>\n        }\n        @for (item of lockItems; track $index) {\n          <thy-list-item\n            class=\"thy-transfer-list-content-item text-truncate\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [ngClass]=\"{ active: item.checked }\">\n            <ng-template [ngTemplateOutlet]=\"template()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n          </thy-list-item>\n        }\n      </thy-list>\n      <div class=\"thy-transfer-list-group-name\">{{ locale().unlocked }}</div>\n    }\n    <thy-list\n      class=\"thy-transfer-list-content\"\n      cdkDropList\n      thyDragDrop\n      [cdkDropListDisabled]=\"!draggable()\"\n      id=\"unlock\"\n      [cdkDropListData]=\"unlockItems\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListEnterPredicate]=\"unlockListEnterPredicate\">\n      @if (unlockItems.length === 0) {\n        <div class=\"cdk-drop-list-empty\"></div>\n      }\n      @for (item of unlockItems; track $index) {\n        <thy-list-item\n          class=\"thy-transfer-list-content-item text-truncate\"\n          cdkDrag\n          [cdkDragData]=\"item\"\n          [ngClass]=\"{ active: item.checked, disabled: disabled() && item.direction === 'left' }\">\n          <ng-template [ngTemplateOutlet]=\"template()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        </thy-list-item>\n      }\n    </thy-list>\n  </div>\n} @else {\n  <div class=\"thy-transfer-list-body\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        renderContentRef();\n        context: {\n          $implicit: items(),\n          onSelectItem: onSelectItem,\n          onUnselectItem: onUnselectItem\n        }\n      \"></ng-container>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [] });
 
 /**
  * 穿梭框组件
@@ -169,54 +152,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
  */
 class ThyTransfer {
     constructor() {
-        this.hostClass = 'thy-transfer';
         this.leftDataSource = [];
         this.rightDataSource = [];
-        this.allDataSource = [];
-        this.rightDraggable = false;
-        this._autoMove = true;
+        /**
+         * 数据源
+         * @type ThyTransferItem[]
+         */
+        this.thyData = input([]);
+        this.thyRenderLeftTemplateRef = input();
+        this.thyRenderRightTemplateRef = input();
+        /**
+         * title集合，title[0]为左标题，title[1]为右标题
+         * @type string[]
+         */
+        this.thyTitles = input([]);
+        /**
+         * 右侧列表是否可以锁定
+         * @default false
+         */
+        this.thyRightCanLock = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 右侧锁定最大数量
+         */
+        this.thyRightLockMax = input(undefined, { transform: numberAttribute });
+        /**
+         * 右侧选择最大数量
+         */
+        this.thyRightMax = input(undefined, { transform: numberAttribute });
+        /**
+         * 设置是否自动移动
+         * @description.en-us Currently not implemented, in order to support the selections move
+         * @default true
+         */
+        this.thyAutoMove = input(true, { transform: coerceBooleanProperty });
+        /**
+         * 左侧列表是否拖动
+         * @default false
+         */
+        this.thyLeftDraggable = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 右侧列表是否拖动
+         * @default false
+         */
+        this.thyRightDraggable = input(false, { transform: coerceBooleanProperty });
         /**
          * @type EventEmitter<ThyTransferDragEvent>
          */
-        this.thyDraggableUpdate = new EventEmitter();
+        this.thyDraggableUpdate = output();
         /**
          * Transfer变化的回调事件
          * @type EventEmitter<ThyTransferChangeEvent>
          */
-        this.thyChange = new EventEmitter();
-    }
-    /**
-     * 数据源
-     * @type ThyTransferItem[]
-     */
-    set thyData(value) {
-        if (value) {
-            this.initializeTransferData(value);
-        }
-    }
-    /**
-     * title集合，title[0]为左标题，title[1]为右标题
-     * @type string[]
-     */
-    set thyTitles(value) {
-        this.leftTitle = value[0] || '';
-        this.rightTitle = value[1] || '';
-    }
-    /**
-     * 设置是否自动移动
-     * @description.en-us Currently not implemented, in order to support the selections move
-     * @default true
-     */
-    set thyAutoMove(value) {
-        this._autoMove = value;
+        this.thyChange = output();
+        /**
+         * 设置自定义Item渲染数据模板
+         * @type TemplateRef
+         */
+        this.templateRef = contentChild('renderTemplate');
+        /**
+         * 设置自定义左侧内容模板
+         * @type TemplateRef
+         */
+        this.leftContentRef = contentChild('renderLeftTemplate');
+        /**
+         * 设置自定义右侧内容模板
+         * @type TemplateRef
+         */
+        this.rightContentRef = contentChild('renderRightTemplate');
+        this.leftTitle = computed(() => this.thyTitles()[0] || '');
+        this.rightTitle = computed(() => this.thyTitles()[1] || '');
+        effect(() => {
+            this.initializeTransferData();
+        });
     }
     ngOnInit() { }
     initializeTransferData(data = []) {
-        this.allDataSource = [];
         this.leftDataSource = [];
         this.rightDataSource = [];
-        data.forEach(item => {
-            this.allDataSource.push(item);
+        this.thyData().forEach(item => {
             if (item.direction === TransferDirection.left) {
                 this.leftDataSource.push(item);
             }
@@ -229,12 +242,12 @@ class ThyTransfer {
         if (event.item.isFixed) {
             return;
         }
-        if (this.thyRightMax <= this.rightDataSource.length && from === TransferDirection.left) {
+        if (this.thyRightMax() <= this.rightDataSource.length && from === TransferDirection.left) {
             return;
         }
         const to = from === TransferDirection.left ? TransferDirection.right : TransferDirection.left;
         event.item.checked = !event.item.checked;
-        if (this._autoMove) {
+        if (this.thyAutoMove()) {
             this.onMove(to);
         }
     }
@@ -292,48 +305,14 @@ class ThyTransfer {
                 : [...otherListData.lock, ...otherListData.unlock];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTransfer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTransfer, isStandalone: true, selector: "thy-transfer", inputs: { thyData: "thyData", thyrenderLeftTemplateRef: "thyrenderLeftTemplateRef", thyrenderRightTemplateRef: "thyrenderRightTemplateRef", thyTitles: "thyTitles", thyRightCanLock: "thyRightCanLock", thyRightLockMax: "thyRightLockMax", thyRightMax: "thyRightMax", thyAutoMove: "thyAutoMove", thyLeftDraggable: "thyLeftDraggable", thyRightDraggable: "thyRightDraggable" }, outputs: { thyDraggableUpdate: "thyDraggableUpdate", thyChange: "thyChange" }, host: { properties: { "class": "this.hostClass" } }, queries: [{ propertyName: "templateRef", first: true, predicate: ["renderTemplate"], descendants: true }, { propertyName: "leftContentRef", first: true, predicate: ["renderLeftTemplate"], descendants: true }, { propertyName: "rightContentRef", first: true, predicate: ["renderRightTemplate"], descendants: true }], ngImport: i0, template: "<thy-transfer-list\n  [items]=\"allDataSource\"\n  [title]=\"leftTitle\"\n  [draggable]=\"thyLeftDraggable\"\n  [disabled]=\"thyRightMax <= rightDataSource.length\"\n  [renderContentRef]=\"leftContentRef\"\n  (draggableUpdate)=\"onDragUpdate('left', $event)\"\n  [template]=\"leftTemplateRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\"\n  >\n  <ng-template #leftTemplateRef let-item>\n    <div (click)=\"onSelect(item.direction === 'left' ? 'left' : 'right', { item: item })\" class=\"list-item-content\">\n      @if (thyLeftDraggable) {\n        <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n      }\n      <div class=\"item-name\" [ngClass]=\"{ 'un-select-item': item.direction !== 'right' }\">\n        <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n      </div>\n      @if (item.direction === 'right') {\n        <thy-icon class=\"text-primary item-status\" thyIconName=\"check\"></thy-icon>\n      }\n    </div>\n  </ng-template>\n</thy-transfer-list>\n\n<div class=\"thy-transfer-operation\">\n  <div class=\"thy-transfer-operation-body\">\n    <thy-icon thyIconName=\"angle-right\" class=\"operation-link\"></thy-icon>\n    <br />\n    <thy-icon thyIconName=\"angle-left\" class=\"operation-link\"></thy-icon>\n  </div>\n</div>\n\n<thy-transfer-list\n  [items]=\"rightDataSource\"\n  [title]=\"rightTitle\"\n  [draggable]=\"thyRightDraggable\"\n  (draggableUpdate)=\"onDragUpdate('right', $event)\"\n  [canLock]=\"thyRightCanLock\"\n  [maxLock]=\"thyRightLockMax\"\n  [max]=\"thyRightMax\"\n  [template]=\"rightTemplateRef\"\n  [renderContentRef]=\"rightContentRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\"\n  >\n  <ng-template #rightTemplateRef let-item>\n    @if (thyRightDraggable) {\n      <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n    }\n    <div class=\"item-name\">\n      <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n    @if (item.direction === 'right' && !item.isFixed) {\n      <a class=\"link-secondary\" (click)=\"onSelect('right', { item: item })\">\n        <thy-icon class=\"item-status\" thyIconName=\"close\"></thy-icon>\n      </a>\n    }\n  </ng-template>\n</thy-transfer-list>\n\n<ng-template #thyTransferListItem let-item>\n  @if (templateRef) {\n    <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n  }\n  @if (!templateRef) {\n    <thy-flexible-text [thyTooltipContent]=\"item.title\">\n      {{ item.title }}\n    </thy-flexible-text>\n  }\n</ng-template>\n", dependencies: [{ kind: "component", type: ThyTransferList, selector: "thy-transfer-list", inputs: ["title", "items", "draggable", "canLock", "maxLock", "max", "disabled", "template", "renderContentRef"], outputs: ["draggableUpdate", "selectItem", "unselectItem"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTransfer, isStandalone: true, selector: "thy-transfer", inputs: { thyData: { classPropertyName: "thyData", publicName: "thyData", isSignal: true, isRequired: false, transformFunction: null }, thyRenderLeftTemplateRef: { classPropertyName: "thyRenderLeftTemplateRef", publicName: "thyRenderLeftTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, thyRenderRightTemplateRef: { classPropertyName: "thyRenderRightTemplateRef", publicName: "thyRenderRightTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, thyTitles: { classPropertyName: "thyTitles", publicName: "thyTitles", isSignal: true, isRequired: false, transformFunction: null }, thyRightCanLock: { classPropertyName: "thyRightCanLock", publicName: "thyRightCanLock", isSignal: true, isRequired: false, transformFunction: null }, thyRightLockMax: { classPropertyName: "thyRightLockMax", publicName: "thyRightLockMax", isSignal: true, isRequired: false, transformFunction: null }, thyRightMax: { classPropertyName: "thyRightMax", publicName: "thyRightMax", isSignal: true, isRequired: false, transformFunction: null }, thyAutoMove: { classPropertyName: "thyAutoMove", publicName: "thyAutoMove", isSignal: true, isRequired: false, transformFunction: null }, thyLeftDraggable: { classPropertyName: "thyLeftDraggable", publicName: "thyLeftDraggable", isSignal: true, isRequired: false, transformFunction: null }, thyRightDraggable: { classPropertyName: "thyRightDraggable", publicName: "thyRightDraggable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyDraggableUpdate: "thyDraggableUpdate", thyChange: "thyChange" }, host: { classAttribute: "thy-transfer" }, queries: [{ propertyName: "templateRef", first: true, predicate: ["renderTemplate"], descendants: true, isSignal: true }, { propertyName: "leftContentRef", first: true, predicate: ["renderLeftTemplate"], descendants: true, isSignal: true }, { propertyName: "rightContentRef", first: true, predicate: ["renderRightTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<thy-transfer-list\n  [items]=\"thyData()\"\n  [title]=\"leftTitle()\"\n  [draggable]=\"thyLeftDraggable()\"\n  [disabled]=\"thyRightMax() <= rightDataSource.length\"\n  [renderContentRef]=\"leftContentRef()\"\n  (draggableUpdate)=\"onDragUpdate('left', $event)\"\n  [template]=\"leftTemplateRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\">\n  <ng-template #leftTemplateRef let-item>\n    <div (click)=\"onSelect(item.direction === 'left' ? 'left' : 'right', { item: item })\" class=\"list-item-content\">\n      @if (thyLeftDraggable()) {\n        <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n      }\n      <div class=\"item-name\" [ngClass]=\"{ 'un-select-item': item.direction !== 'right' }\">\n        <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n      </div>\n      @if (item.direction === 'right') {\n        <thy-icon class=\"text-primary item-status\" thyIconName=\"check\"></thy-icon>\n      }\n    </div>\n  </ng-template>\n</thy-transfer-list>\n\n<div class=\"thy-transfer-operation\">\n  <div class=\"thy-transfer-operation-body\">\n    <thy-icon thyIconName=\"angle-right\" class=\"operation-link\"></thy-icon>\n    <br />\n    <thy-icon thyIconName=\"angle-left\" class=\"operation-link\"></thy-icon>\n  </div>\n</div>\n\n<thy-transfer-list\n  [items]=\"rightDataSource\"\n  [title]=\"rightTitle()\"\n  [draggable]=\"thyRightDraggable()\"\n  (draggableUpdate)=\"onDragUpdate('right', $event)\"\n  [canLock]=\"thyRightCanLock()\"\n  [maxLock]=\"thyRightLockMax()\"\n  [max]=\"thyRightMax()\"\n  [template]=\"rightTemplateRef\"\n  [renderContentRef]=\"rightContentRef()\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\">\n  <ng-template #rightTemplateRef let-item>\n    @if (thyRightDraggable()) {\n      <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n    }\n    <div class=\"item-name\">\n      <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n    @if (item.direction === 'right' && !item.isFixed) {\n      <a class=\"link-secondary\" (click)=\"onSelect('right', { item: item })\">\n        <thy-icon class=\"item-status\" thyIconName=\"close\"></thy-icon>\n      </a>\n    }\n  </ng-template>\n</thy-transfer-list>\n\n<ng-template #thyTransferListItem let-item>\n  @if (templateRef()) {\n    <ng-template [ngTemplateOutlet]=\"templateRef()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n  }\n  @if (!templateRef()) {\n    <thy-flexible-text [thyTooltipContent]=\"item.title\">\n      {{ item.title }}\n    </thy-flexible-text>\n  }\n</ng-template>\n", dependencies: [{ kind: "component", type: ThyTransferList, selector: "thy-transfer-list", inputs: ["title", "items", "draggable", "canLock", "maxLock", "max", "disabled", "template", "renderContentRef"], outputs: ["draggableUpdate", "selectItem", "unselectItem"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTransfer, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-transfer', encapsulation: ViewEncapsulation.None, imports: [ThyTransferList, ThyIcon, NgClass, NgTemplateOutlet, ThyFlexibleText], template: "<thy-transfer-list\n  [items]=\"allDataSource\"\n  [title]=\"leftTitle\"\n  [draggable]=\"thyLeftDraggable\"\n  [disabled]=\"thyRightMax <= rightDataSource.length\"\n  [renderContentRef]=\"leftContentRef\"\n  (draggableUpdate)=\"onDragUpdate('left', $event)\"\n  [template]=\"leftTemplateRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\"\n  >\n  <ng-template #leftTemplateRef let-item>\n    <div (click)=\"onSelect(item.direction === 'left' ? 'left' : 'right', { item: item })\" class=\"list-item-content\">\n      @if (thyLeftDraggable) {\n        <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n      }\n      <div class=\"item-name\" [ngClass]=\"{ 'un-select-item': item.direction !== 'right' }\">\n        <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n      </div>\n      @if (item.direction === 'right') {\n        <thy-icon class=\"text-primary item-status\" thyIconName=\"check\"></thy-icon>\n      }\n    </div>\n  </ng-template>\n</thy-transfer-list>\n\n<div class=\"thy-transfer-operation\">\n  <div class=\"thy-transfer-operation-body\">\n    <thy-icon thyIconName=\"angle-right\" class=\"operation-link\"></thy-icon>\n    <br />\n    <thy-icon thyIconName=\"angle-left\" class=\"operation-link\"></thy-icon>\n  </div>\n</div>\n\n<thy-transfer-list\n  [items]=\"rightDataSource\"\n  [title]=\"rightTitle\"\n  [draggable]=\"thyRightDraggable\"\n  (draggableUpdate)=\"onDragUpdate('right', $event)\"\n  [canLock]=\"thyRightCanLock\"\n  [maxLock]=\"thyRightLockMax\"\n  [max]=\"thyRightMax\"\n  [template]=\"rightTemplateRef\"\n  [renderContentRef]=\"rightContentRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\"\n  >\n  <ng-template #rightTemplateRef let-item>\n    @if (thyRightDraggable) {\n      <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n    }\n    <div class=\"item-name\">\n      <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n    @if (item.direction === 'right' && !item.isFixed) {\n      <a class=\"link-secondary\" (click)=\"onSelect('right', { item: item })\">\n        <thy-icon class=\"item-status\" thyIconName=\"close\"></thy-icon>\n      </a>\n    }\n  </ng-template>\n</thy-transfer-list>\n\n<ng-template #thyTransferListItem let-item>\n  @if (templateRef) {\n    <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n  }\n  @if (!templateRef) {\n    <thy-flexible-text [thyTooltipContent]=\"item.title\">\n      {{ item.title }}\n    </thy-flexible-text>\n  }\n</ng-template>\n" }]
-        }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], thyData: [{
-                type: Input
-            }], thyrenderLeftTemplateRef: [{
-                type: Input
-            }], thyrenderRightTemplateRef: [{
-                type: Input
-            }], thyTitles: [{
-                type: Input
-            }], thyRightCanLock: [{
-                type: Input
-            }], thyRightLockMax: [{
-                type: Input
-            }], thyRightMax: [{
-                type: Input
-            }], thyAutoMove: [{
-                type: Input
-            }], thyLeftDraggable: [{
-                type: Input
-            }], thyRightDraggable: [{
-                type: Input
-            }], thyDraggableUpdate: [{
-                type: Output
-            }], thyChange: [{
-                type: Output
-            }], templateRef: [{
-                type: ContentChild,
-                args: ['renderTemplate']
-            }], leftContentRef: [{
-                type: ContentChild,
-                args: ['renderLeftTemplate']
-            }], rightContentRef: [{
-                type: ContentChild,
-                args: ['renderRightTemplate']
-            }] } });
+            args: [{ selector: 'thy-transfer', host: {
+                        class: 'thy-transfer'
+                    }, encapsulation: ViewEncapsulation.None, imports: [ThyTransferList, ThyIcon, NgClass, NgTemplateOutlet, ThyFlexibleText], template: "<thy-transfer-list\n  [items]=\"thyData()\"\n  [title]=\"leftTitle()\"\n  [draggable]=\"thyLeftDraggable()\"\n  [disabled]=\"thyRightMax() <= rightDataSource.length\"\n  [renderContentRef]=\"leftContentRef()\"\n  (draggableUpdate)=\"onDragUpdate('left', $event)\"\n  [template]=\"leftTemplateRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\">\n  <ng-template #leftTemplateRef let-item>\n    <div (click)=\"onSelect(item.direction === 'left' ? 'left' : 'right', { item: item })\" class=\"list-item-content\">\n      @if (thyLeftDraggable()) {\n        <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n      }\n      <div class=\"item-name\" [ngClass]=\"{ 'un-select-item': item.direction !== 'right' }\">\n        <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n      </div>\n      @if (item.direction === 'right') {\n        <thy-icon class=\"text-primary item-status\" thyIconName=\"check\"></thy-icon>\n      }\n    </div>\n  </ng-template>\n</thy-transfer-list>\n\n<div class=\"thy-transfer-operation\">\n  <div class=\"thy-transfer-operation-body\">\n    <thy-icon thyIconName=\"angle-right\" class=\"operation-link\"></thy-icon>\n    <br />\n    <thy-icon thyIconName=\"angle-left\" class=\"operation-link\"></thy-icon>\n  </div>\n</div>\n\n<thy-transfer-list\n  [items]=\"rightDataSource\"\n  [title]=\"rightTitle()\"\n  [draggable]=\"thyRightDraggable()\"\n  (draggableUpdate)=\"onDragUpdate('right', $event)\"\n  [canLock]=\"thyRightCanLock()\"\n  [maxLock]=\"thyRightLockMax()\"\n  [max]=\"thyRightMax()\"\n  [template]=\"rightTemplateRef\"\n  [renderContentRef]=\"rightContentRef()\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\">\n  <ng-template #rightTemplateRef let-item>\n    @if (thyRightDraggable()) {\n      <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n    }\n    <div class=\"item-name\">\n      <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n    @if (item.direction === 'right' && !item.isFixed) {\n      <a class=\"link-secondary\" (click)=\"onSelect('right', { item: item })\">\n        <thy-icon class=\"item-status\" thyIconName=\"close\"></thy-icon>\n      </a>\n    }\n  </ng-template>\n</thy-transfer-list>\n\n<ng-template #thyTransferListItem let-item>\n  @if (templateRef()) {\n    <ng-template [ngTemplateOutlet]=\"templateRef()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n  }\n  @if (!templateRef()) {\n    <thy-flexible-text [thyTooltipContent]=\"item.title\">\n      {{ item.title }}\n    </thy-flexible-text>\n  }\n</ng-template>\n" }]
+        }], ctorParameters: () => [] });
 
 class ThyTransferModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTransferModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-transfer.mjs","sources":["../../../src/transfer/transfer.interface.ts","../../../src/transfer/transfer-list.component.ts","../../../src/transfer/transfer-list.component.html","../../../src/transfer/transfer.component.ts","../../../src/transfer/transfer.component.html","../../../src/transfer/transfer.module.ts","../../../src/transfer/ngx-tethys-transfer.ts"],"sourcesContent":["export type Direction = 'left' | 'right';\n\nexport enum TransferDirection {\n    left = 'left',\n    right = 'right'\n}\n\nexport interface ThyTransferData {\n    source: ThyTransferModel;\n    target: ThyTransferModel;\n}\n\nexport interface ThyTransferModel {\n    title?: string;\n    data: Array<any>;\n}\n\n/**\n * @public\n * @order 20\n */\nexport interface ThyTransferItem {\n    /**\n     * 数据标题\n     */\n    title: string;\n\n    /**\n     * 设置方向，可选值 [left,right]\n     */\n    direction?: Direction;\n\n    order?: number;\n\n    disabled?: boolean;\n\n    /**\n     * 选中状态\n     */\n    checked?: boolean;\n\n    isLock?: boolean;\n\n    groupId?: string;\n\n    isFixed?: boolean;\n\n    /**\n     * 自定义数据\n     */\n    [key: string]: any;\n}\n\nexport interface ThyTransferSelectEvent {\n    item: ThyTransferItem;\n}\n\nexport interface ThyTransferChangeEvent {\n    from?: string;\n    to?: string;\n    items?: ThyTransferItem[];\n    left?: InnerTransferList;\n    right?: InnerTransferList;\n}\n\nexport interface ThyTransferDragEvent {\n    oldIndex?: number;\n    newIndex?: number;\n    model?: ThyTransferItem;\n    models?: ThyTransferItem[];\n    left?: InnerTransferList;\n    right?: InnerTransferList;\n}\n\nexport interface InnerTransferDragEvent {\n    dragEvent?: ThyTransferDragEvent;\n    listData?: InnerTransferList;\n}\n\nexport interface InnerTransferList {\n    lock?: ThyTransferItem[];\n    unlock?: ThyTransferItem[];\n}\n","import { CdkDrag, CdkDragDrop, CdkDropList, CdkDropListGroup, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';\nimport {\n    Component,\n    DoCheck,\n    EventEmitter,\n    HostBinding,\n    Input,\n    IterableChanges,\n    IterableDiffer,\n    IterableDiffers,\n    OnInit,\n    Output,\n    Signal,\n    TemplateRef,\n    ViewEncapsulation,\n    inject\n} from '@angular/core';\n\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ThyList, ThyListItem } from 'ngx-tethys/list';\nimport { ThyDragDropDirective } from 'ngx-tethys/shared';\nimport { InnerTransferDragEvent, ThyTransferDragEvent, ThyTransferItem, ThyTransferSelectEvent } from './transfer.interface';\nimport { injectLocale, ThyTransferLocale } from 'ngx-tethys/i18n';\n\n/**\n * @private\n */\n@Component({\n    selector: 'thy-transfer-list',\n    templateUrl: './transfer-list.component.html',\n    encapsulation: ViewEncapsulation.None,\n    imports: [CdkDropListGroup, ThyList, CdkDropList, ThyDragDropDirective, ThyListItem, CdkDrag, NgClass, NgTemplateOutlet]\n})\nexport class ThyTransferList implements OnInit, DoCheck {\n    private differs = inject(IterableDiffers);\n\n    public lockItems: ThyTransferItem[] = [];\n\n    public unlockItems: ThyTransferItem[] = [];\n\n    private _diff: IterableDiffer<ThyTransferItem>;\n\n    private _lockDiff: IterableDiffer<ThyTransferItem>;\n\n    private _unlockDiff: IterableDiffer<ThyTransferItem>;\n\n    locale: Signal<ThyTransferLocale> = injectLocale('transfer');\n\n    @Input() title: string;\n\n    @Input() items: ThyTransferItem[];\n\n    @Input() draggable: boolean;\n\n    @Input() canLock: boolean;\n\n    @Input() maxLock: number;\n\n    @Input() max: number;\n\n    @Input() disabled: boolean;\n\n    @Input() template: TemplateRef<any>;\n\n    @Input('renderContentRef') contentRef: TemplateRef<any>;\n\n    @Output() draggableUpdate: EventEmitter<InnerTransferDragEvent> = new EventEmitter<InnerTransferDragEvent>();\n\n    @Output() selectItem: EventEmitter<ThyTransferSelectEvent> = new EventEmitter<ThyTransferSelectEvent>();\n\n    @Output() unselectItem: EventEmitter<ThyTransferSelectEvent> = new EventEmitter<ThyTransferSelectEvent>();\n\n    @HostBinding('class') hostClass = 'thy-transfer-list';\n\n    ngOnInit() {\n        this._combineTransferData();\n        if (this.canLock) {\n            this._lockDiff = this.differs.find(this.lockItems).create();\n            this._unlockDiff = this.differs.find(this.unlockItems).create();\n        } else {\n            this._unlockDiff = this.differs.find(this.unlockItems).create();\n        }\n        this._diff = this.differs.find(this.items).create();\n    }\n\n    private _combineTransferData() {\n        this.lockItems = [];\n        this.unlockItems = [];\n        if (this.canLock) {\n            (this.items || []).forEach(item => {\n                if (item.isLock) {\n                    this.lockItems.push(item);\n                } else {\n                    this.unlockItems.push(item);\n                }\n            });\n        } else {\n            this.unlockItems = this.items;\n        }\n    }\n\n    private _afterChangeItems(changes: IterableChanges<ThyTransferItem>, items: ThyTransferItem[]) {\n        // 数据发生变化时，更改order值\n        changes.forEachAddedItem(record => {\n            record.item.order = record.currentIndex;\n        });\n        changes.forEachRemovedItem(() => {\n            items.forEach((item, index) => {\n                item.order = index;\n            });\n        });\n        changes.forEachMovedItem(() => {\n            items.forEach((item, index) => {\n                item.order = index;\n            });\n        });\n    }\n\n    ngDoCheck() {\n        const changes = this._diff.diff(this.items);\n        if (changes) {\n            this._afterChangeItems(changes, this.items);\n            this._combineTransferData();\n        }\n        if (this._lockDiff) {\n            const lockChanges = this._lockDiff.diff(this.lockItems);\n            if (lockChanges) {\n                this._afterChangeItems(lockChanges, this.lockItems);\n            }\n        }\n        const unlockChanges = this._unlockDiff.diff(this.unlockItems);\n        if (unlockChanges) {\n            this._afterChangeItems(unlockChanges, this.unlockItems);\n        }\n    }\n\n    lockListEnterPredicate = () => {\n        return this.lockItems.length < this.maxLock;\n    };\n\n    unlockListEnterPredicate = (event: CdkDrag<ThyTransferItem>) => {\n        return !event.data.isFixed;\n    };\n\n    onSelectItem = (item: ThyTransferItem) => {\n        this.selectItem.emit({ item });\n    };\n\n    onUnselectItem = (item: ThyTransferItem) => {\n        this.unselectItem.emit({ item });\n    };\n\n    drop(event: CdkDragDrop<ThyTransferItem[]>) {\n        if (event.previousContainer === event.container) {\n            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);\n        } else {\n            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);\n            (event.previousContainer.data || []).forEach(item => {\n                item.isLock = event.previousContainer.id === 'lock';\n            });\n\n            (event.container.data || []).forEach(item => {\n                item.isLock = event.container.id === 'lock';\n            });\n        }\n        const dragEvent: ThyTransferDragEvent = {\n            model: event.item.data,\n            models: event.container.data,\n            oldIndex: event.previousIndex,\n            newIndex: event.currentIndex\n        };\n        this.draggableUpdate.emit({\n            dragEvent: dragEvent,\n            listData: { lock: this.lockItems, unlock: this.unlockItems }\n        });\n    }\n}\n","<div class=\"thy-transfer-list-header\">\n  <span class=\"thy-transfer-list-header-title\"\n    >{{ title }} · {{ items?.length }}\n    @if (max) {\n      <span>{{ locale().maxLimit.replace('{max}', max) }}</span>\n    }\n  </span>\n</div>\n@if (!contentRef) {\n  <div class=\"thy-transfer-list-body\" cdkDropListGroup [cdkDropListGroupDisabled]=\"!draggable\">\n    @if (canLock) {\n      <div class=\"thy-transfer-list-group-name\">{{ locale().maxLockLimit.replace('{maxLock}', maxLock) }}</div>\n      <thy-list\n        class=\"thy-transfer-list-content\"\n        cdkDropList\n        thyDragDrop\n        id=\"lock\"\n        [cdkDropListData]=\"lockItems\"\n        (cdkDropListDropped)=\"drop($event)\"\n        [cdkDropListEnterPredicate]=\"lockListEnterPredicate\">\n        @if (lockItems.length === 0) {\n          <div class=\"cdk-drop-list-empty\"></div>\n        }\n        @for (item of lockItems; track $index) {\n          <thy-list-item\n            class=\"thy-transfer-list-content-item text-truncate\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [ngClass]=\"{ active: item.checked }\">\n            <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n          </thy-list-item>\n        }\n      </thy-list>\n      <div class=\"thy-transfer-list-group-name\">{{ locale().unlocked }}</div>\n    }\n    <thy-list\n      class=\"thy-transfer-list-content\"\n      cdkDropList\n      thyDragDrop\n      [cdkDropListDisabled]=\"!draggable\"\n      id=\"unlock\"\n      [cdkDropListData]=\"unlockItems\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListEnterPredicate]=\"unlockListEnterPredicate\">\n      @if (unlockItems.length === 0) {\n        <div class=\"cdk-drop-list-empty\"></div>\n      }\n      @for (item of unlockItems; track $index) {\n        <thy-list-item\n          class=\"thy-transfer-list-content-item text-truncate\"\n          cdkDrag\n          [cdkDragData]=\"item\"\n          [ngClass]=\"{ active: item.checked, disabled: disabled && item.direction === 'left' }\">\n          <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        </thy-list-item>\n      }\n    </thy-list>\n  </div>\n} @else {\n  <div class=\"thy-transfer-list-body\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        contentRef;\n        context: {\n          $implicit: items,\n          onSelectItem: onSelectItem,\n          onUnselectItem: onUnselectItem\n        }\n      \"></ng-container>\n  </div>\n}\n","import { Component, ContentChild, EventEmitter, HostBinding, Input, OnInit, Output, TemplateRef, ViewEncapsulation } from '@angular/core';\n\nimport {\n    Direction,\n    InnerTransferDragEvent,\n    ThyTransferChangeEvent,\n    ThyTransferDragEvent,\n    ThyTransferItem,\n    ThyTransferSelectEvent,\n    TransferDirection\n} from './transfer.interface';\nimport { ThyFlexibleText } from 'ngx-tethys/flexible-text';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ThyTransferList } from './transfer-list.component';\n\n/**\n * 穿梭框组件\n * @name thy-transfer\n * @order 10\n */\n@Component({\n    selector: 'thy-transfer',\n    templateUrl: './transfer.component.html',\n    encapsulation: ViewEncapsulation.None,\n    imports: [ThyTransferList, ThyIcon, NgClass, NgTemplateOutlet, ThyFlexibleText]\n})\nexport class ThyTransfer implements OnInit {\n    @HostBinding('class') hostClass = 'thy-transfer';\n\n    public leftDataSource: ThyTransferItem[] = [];\n\n    public rightDataSource: ThyTransferItem[] = [];\n\n    public allDataSource: ThyTransferItem[] = [];\n\n    public leftTitle: string;\n\n    public rightTitle: string;\n\n    public rightDraggable = false;\n\n    private _autoMove = true;\n\n    /**\n     * 数据源\n     * @type ThyTransferItem[]\n     */\n    @Input()\n    set thyData(value: ThyTransferItem[]) {\n        if (value) {\n            this.initializeTransferData(value);\n        }\n    }\n\n    @Input() thyrenderLeftTemplateRef: TemplateRef<any>;\n\n    @Input() thyrenderRightTemplateRef: TemplateRef<any>;\n\n    /**\n     * title集合，title[0]为左标题，title[1]为右标题\n     * @type string[]\n     */\n    @Input()\n    set thyTitles(value: string[]) {\n        this.leftTitle = value[0] || '';\n        this.rightTitle = value[1] || '';\n    }\n\n    /**\n     * 右侧列表是否可以锁定\n     * @default false\n     */\n    @Input() thyRightCanLock: boolean;\n\n    /**\n     * 右侧锁定最大数量\n     */\n    @Input() thyRightLockMax: number;\n\n    /**\n     * 右侧选择最大数量\n     */\n    @Input() thyRightMax: number;\n\n    /**\n     * 设置是否自动移动\n     * @description.en-us Currently not implemented, in order to support the selections move\n     * @default true\n     */\n    @Input()\n    set thyAutoMove(value: boolean) {\n        this._autoMove = value;\n    }\n\n    /**\n     * 左侧列表是否拖动\n     * @default false\n     */\n    @Input() thyLeftDraggable: boolean;\n\n    /**\n     * 右侧列表是否拖动\n     * @default false\n     */\n    @Input() thyRightDraggable: boolean;\n\n    /**\n     * @type EventEmitter<ThyTransferDragEvent>\n     */\n    @Output() thyDraggableUpdate: EventEmitter<ThyTransferDragEvent> = new EventEmitter<ThyTransferDragEvent>();\n\n    /**\n     * Transfer变化的回调事件\n     * @type EventEmitter<ThyTransferChangeEvent>\n     */\n    @Output() thyChange: EventEmitter<ThyTransferChangeEvent> = new EventEmitter<ThyTransferChangeEvent>();\n\n    /**\n     * 设置自定义Item渲染数据模板\n     * @type TemplateRef\n     */\n    @ContentChild('renderTemplate') templateRef: TemplateRef<any>;\n\n    /**\n     * 设置自定义左侧内容模板\n     * @type TemplateRef\n     */\n    @ContentChild('renderLeftTemplate') leftContentRef: TemplateRef<any>;\n\n    /**\n     * 设置自定义右侧内容模板\n     * @type TemplateRef\n     */\n    @ContentChild('renderRightTemplate') rightContentRef: TemplateRef<any>;\n\n    ngOnInit() {}\n\n    initializeTransferData(data: ThyTransferItem[] = []) {\n        this.allDataSource = [];\n        this.leftDataSource = [];\n        this.rightDataSource = [];\n        data.forEach(item => {\n            this.allDataSource.push(item);\n            if (item.direction === TransferDirection.left) {\n                this.leftDataSource.push(item);\n            }\n            if (item.direction === TransferDirection.right) {\n                this.rightDataSource.push(item);\n            }\n        });\n    }\n\n    onSelect(from: Direction, event: ThyTransferSelectEvent) {\n        if (event.item.isFixed) {\n            return;\n        }\n        if (this.thyRightMax <= this.rightDataSource.length && from === TransferDirection.left) {\n            return;\n        }\n        const to = from === TransferDirection.left ? TransferDirection.right : TransferDirection.left;\n        event.item.checked = !event.item.checked;\n        if (this._autoMove) {\n            this.onMove(to);\n        }\n    }\n\n    selectItem(event: ThyTransferSelectEvent) {\n        this.onSelect(TransferDirection.left, event);\n    }\n\n    unselectItem(event: ThyTransferSelectEvent) {\n        this.onSelect(TransferDirection.right, event);\n    }\n\n    private groupListByIsLock(list: ThyTransferItem[] = []) {\n        const lock: ThyTransferItem[] = [],\n            unlock: ThyTransferItem[] = [];\n        list.forEach(item => {\n            if (item.isLock) {\n                lock.push(item);\n            } else {\n                unlock.push(item);\n            }\n        });\n        return { lock: lock, unlock: unlock };\n    }\n\n    onMove(to: Direction) {\n        const fromDataSource = to === TransferDirection.right ? this.leftDataSource : this.rightDataSource;\n        const toDataSource = to === TransferDirection.right ? this.rightDataSource : this.leftDataSource;\n        const selections = fromDataSource.filter(item => item.checked);\n        const changeEvent: ThyTransferChangeEvent = {\n            from: to === TransferDirection.right ? TransferDirection.left : TransferDirection.right,\n            to: to,\n            items: [...selections]\n        };\n        selections.forEach(item => {\n            const index = fromDataSource.indexOf(item);\n            const removed = fromDataSource.splice(index, 1)[0];\n            removed.checked = !removed.checked;\n            removed.direction = to;\n            toDataSource.push(removed);\n        });\n        this.thyChange.emit({\n            ...changeEvent,\n            left: this.groupListByIsLock(this.leftDataSource),\n            right: this.groupListByIsLock(this.rightDataSource)\n        });\n    }\n\n    onDragUpdate(direction: Direction, event: InnerTransferDragEvent) {\n        const otherDirectionData = direction === TransferDirection.left ? this.rightDataSource : this.leftDataSource;\n        const otherListData = this.groupListByIsLock(otherDirectionData);\n        this.thyDraggableUpdate.emit({\n            ...event.dragEvent,\n            left: direction === TransferDirection.left ? event.listData : otherListData,\n            right: direction === TransferDirection.right ? event.listData : otherListData\n        });\n\n        this.rightDataSource =\n            direction === TransferDirection.right\n                ? [...event.listData.lock, ...event.listData.unlock]\n                : [...otherListData.lock, ...otherListData.unlock];\n    }\n}\n","<thy-transfer-list\n  [items]=\"allDataSource\"\n  [title]=\"leftTitle\"\n  [draggable]=\"thyLeftDraggable\"\n  [disabled]=\"thyRightMax <= rightDataSource.length\"\n  [renderContentRef]=\"leftContentRef\"\n  (draggableUpdate)=\"onDragUpdate('left', $event)\"\n  [template]=\"leftTemplateRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\"\n  >\n  <ng-template #leftTemplateRef let-item>\n    <div (click)=\"onSelect(item.direction === 'left' ? 'left' : 'right', { item: item })\" class=\"list-item-content\">\n      @if (thyLeftDraggable) {\n        <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n      }\n      <div class=\"item-name\" [ngClass]=\"{ 'un-select-item': item.direction !== 'right' }\">\n        <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n      </div>\n      @if (item.direction === 'right') {\n        <thy-icon class=\"text-primary item-status\" thyIconName=\"check\"></thy-icon>\n      }\n    </div>\n  </ng-template>\n</thy-transfer-list>\n\n<div class=\"thy-transfer-operation\">\n  <div class=\"thy-transfer-operation-body\">\n    <thy-icon thyIconName=\"angle-right\" class=\"operation-link\"></thy-icon>\n    <br />\n    <thy-icon thyIconName=\"angle-left\" class=\"operation-link\"></thy-icon>\n  </div>\n</div>\n\n<thy-transfer-list\n  [items]=\"rightDataSource\"\n  [title]=\"rightTitle\"\n  [draggable]=\"thyRightDraggable\"\n  (draggableUpdate)=\"onDragUpdate('right', $event)\"\n  [canLock]=\"thyRightCanLock\"\n  [maxLock]=\"thyRightLockMax\"\n  [max]=\"thyRightMax\"\n  [template]=\"rightTemplateRef\"\n  [renderContentRef]=\"rightContentRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\"\n  >\n  <ng-template #rightTemplateRef let-item>\n    @if (thyRightDraggable) {\n      <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n    }\n    <div class=\"item-name\">\n      <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n    @if (item.direction === 'right' && !item.isFixed) {\n      <a class=\"link-secondary\" (click)=\"onSelect('right', { item: item })\">\n        <thy-icon class=\"item-status\" thyIconName=\"close\"></thy-icon>\n      </a>\n    }\n  </ng-template>\n</thy-transfer-list>\n\n<ng-template #thyTransferListItem let-item>\n  @if (templateRef) {\n    <ng-template [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n  }\n  @if (!templateRef) {\n    <thy-flexible-text [thyTooltipContent]=\"item.title\">\n      {{ item.title }}\n    </thy-flexible-text>\n  }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyTransfer } from './transfer.component';\nimport { ThyTransferList } from './transfer-list.component';\nimport { ThyButtonModule } from 'ngx-tethys/button';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyListModule } from 'ngx-tethys/list';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';\n@NgModule({\n    imports: [\n        CommonModule,\n        ThyButtonModule,\n        DragDropModule,\n        ThyIconModule,\n        ThyListModule,\n        ThySharedModule,\n        ThyFlexibleTextModule,\n        ThyTransfer,\n        ThyTransferList\n    ],\n    exports: [ThyTransfer]\n})\nexport class ThyTransferModule {}\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-transfer.mjs","sources":["../../../src/transfer/transfer.interface.ts","../../../src/transfer/transfer-list.component.ts","../../../src/transfer/transfer-list.component.html","../../../src/transfer/transfer.component.ts","../../../src/transfer/transfer.component.html","../../../src/transfer/transfer.module.ts","../../../src/transfer/ngx-tethys-transfer.ts"],"sourcesContent":["export type Direction = 'left' | 'right';\n\nexport enum TransferDirection {\n    left = 'left',\n    right = 'right'\n}\n\nexport interface ThyTransferData {\n    source: ThyTransferModel;\n    target: ThyTransferModel;\n}\n\nexport interface ThyTransferModel {\n    title?: string;\n    data: Array<any>;\n}\n\n/**\n * @public\n * @order 20\n */\nexport interface ThyTransferItem {\n    /**\n     * 数据标题\n     */\n    title: string;\n\n    /**\n     * 设置方向，可选值 [left,right]\n     */\n    direction?: Direction;\n\n    order?: number;\n\n    disabled?: boolean;\n\n    /**\n     * 选中状态\n     */\n    checked?: boolean;\n\n    isLock?: boolean;\n\n    groupId?: string;\n\n    isFixed?: boolean;\n\n    /**\n     * 自定义数据\n     */\n    [key: string]: any;\n}\n\nexport interface ThyTransferSelectEvent {\n    item: ThyTransferItem;\n}\n\nexport interface ThyTransferChangeEvent {\n    from?: string;\n    to?: string;\n    items?: ThyTransferItem[];\n    left?: InnerTransferList;\n    right?: InnerTransferList;\n}\n\nexport interface ThyTransferDragEvent {\n    oldIndex?: number;\n    newIndex?: number;\n    model?: ThyTransferItem;\n    models?: ThyTransferItem[];\n    left?: InnerTransferList;\n    right?: InnerTransferList;\n}\n\nexport interface InnerTransferDragEvent {\n    dragEvent?: ThyTransferDragEvent;\n    listData?: InnerTransferList;\n}\n\nexport interface InnerTransferList {\n    lock?: ThyTransferItem[];\n    unlock?: ThyTransferItem[];\n}\n","import { CdkDrag, CdkDragDrop, CdkDropList, CdkDropListGroup, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';\nimport {\n    Component,\n    DoCheck,\n    IterableChanges,\n    IterableDiffer,\n    IterableDiffers,\n    OnInit,\n    Signal,\n    TemplateRef,\n    ViewEncapsulation,\n    inject,\n    input,\n    numberAttribute,\n    output\n} from '@angular/core';\n\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ThyList, ThyListItem } from 'ngx-tethys/list';\nimport { ThyDragDropDirective } from 'ngx-tethys/shared';\nimport { InnerTransferDragEvent, ThyTransferDragEvent, ThyTransferItem, ThyTransferSelectEvent } from './transfer.interface';\nimport { injectLocale, ThyTransferLocale } from 'ngx-tethys/i18n';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\n\n/**\n * @private\n */\n@Component({\n    selector: 'thy-transfer-list',\n    templateUrl: './transfer-list.component.html',\n    host: {\n        class: 'thy-transfer-list'\n    },\n    encapsulation: ViewEncapsulation.None,\n    imports: [CdkDropListGroup, ThyList, CdkDropList, ThyDragDropDirective, ThyListItem, CdkDrag, NgClass, NgTemplateOutlet]\n})\nexport class ThyTransferList implements OnInit, DoCheck {\n    private differs = inject(IterableDiffers);\n\n    public lockItems: ThyTransferItem[] = [];\n\n    public unlockItems: ThyTransferItem[] = [];\n\n    private _diff: IterableDiffer<ThyTransferItem>;\n\n    private _lockDiff: IterableDiffer<ThyTransferItem>;\n\n    private _unlockDiff: IterableDiffer<ThyTransferItem>;\n\n    locale: Signal<ThyTransferLocale> = injectLocale('transfer');\n\n    readonly title = input<string>();\n\n    readonly items = input<ThyTransferItem[]>();\n\n    readonly draggable = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    readonly canLock = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    readonly maxLock = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    readonly max = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    readonly disabled = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    readonly template = input<TemplateRef<any>>();\n\n    readonly renderContentRef = input<TemplateRef<any>>();\n\n    readonly draggableUpdate = output<InnerTransferDragEvent>();\n\n    readonly selectItem = output<ThyTransferSelectEvent>();\n\n    readonly unselectItem = output<ThyTransferSelectEvent>();\n\n    constructor() {}\n\n    ngOnInit() {\n        this._combineTransferData();\n        if (this.canLock()) {\n            this._lockDiff = this.differs.find(this.lockItems).create();\n            this._unlockDiff = this.differs.find(this.unlockItems).create();\n        } else {\n            this._unlockDiff = this.differs.find(this.unlockItems).create();\n        }\n        this._diff = this.differs.find(this.items()).create();\n    }\n\n    private _combineTransferData() {\n        this.lockItems = [];\n        this.unlockItems = [];\n        if (this.canLock()) {\n            (this.items() || []).forEach(item => {\n                if (item.isLock) {\n                    this.lockItems.push(item);\n                } else {\n                    this.unlockItems.push(item);\n                }\n            });\n        } else {\n            this.unlockItems = this.items();\n        }\n    }\n\n    private _afterChangeItems(changes: IterableChanges<ThyTransferItem>, items: ThyTransferItem[]) {\n        // 数据发生变化时，更改order值\n        changes.forEachAddedItem(record => {\n            record.item.order = record.currentIndex;\n        });\n        changes.forEachRemovedItem(() => {\n            items.forEach((item, index) => {\n                item.order = index;\n            });\n        });\n        changes.forEachMovedItem(() => {\n            items.forEach((item, index) => {\n                item.order = index;\n            });\n        });\n    }\n\n    ngDoCheck() {\n        const changes = this._diff.diff(this.items());\n        if (changes) {\n            this._afterChangeItems(changes, this.items());\n            this._combineTransferData();\n        }\n        if (this._lockDiff) {\n            const lockChanges = this._lockDiff.diff(this.lockItems);\n            if (lockChanges) {\n                this._afterChangeItems(lockChanges, this.lockItems);\n            }\n        }\n        const unlockChanges = this._unlockDiff.diff(this.unlockItems);\n        if (unlockChanges) {\n            this._afterChangeItems(unlockChanges, this.unlockItems);\n        }\n    }\n\n    lockListEnterPredicate = () => {\n        return this.lockItems.length < this.maxLock();\n    };\n\n    unlockListEnterPredicate = (event: CdkDrag<ThyTransferItem>) => {\n        return !event.data.isFixed;\n    };\n\n    onSelectItem = (item: ThyTransferItem) => {\n        this.selectItem.emit({ item });\n    };\n\n    onUnselectItem = (item: ThyTransferItem) => {\n        this.unselectItem.emit({ item });\n    };\n\n    drop(event: CdkDragDrop<ThyTransferItem[]>) {\n        if (event.previousContainer === event.container) {\n            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);\n        } else {\n            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);\n            (event.previousContainer.data || []).forEach(item => {\n                item.isLock = event.previousContainer.id === 'lock';\n            });\n\n            (event.container.data || []).forEach(item => {\n                item.isLock = event.container.id === 'lock';\n            });\n        }\n        const dragEvent: ThyTransferDragEvent = {\n            model: event.item.data,\n            models: event.container.data,\n            oldIndex: event.previousIndex,\n            newIndex: event.currentIndex\n        };\n        this.draggableUpdate.emit({\n            dragEvent: dragEvent,\n            listData: { lock: this.lockItems, unlock: this.unlockItems }\n        });\n    }\n}\n","<div class=\"thy-transfer-list-header\">\n  <span class=\"thy-transfer-list-header-title\"\n    >{{ title() }} · {{ items()?.length }}\n    @if (max()) {\n      <span>{{ locale().maxLimit.replace('{max}', max()?.toString() ?? '') }}</span>\n    }\n  </span>\n</div>\n@if (!renderContentRef()) {\n  <div class=\"thy-transfer-list-body\" cdkDropListGroup [cdkDropListGroupDisabled]=\"!draggable()\">\n    @if (canLock()) {\n      <div class=\"thy-transfer-list-group-name\">{{ locale().maxLockLimit.replace('{maxLock}', maxLock()?.toString() ?? '') }}</div>\n      <thy-list\n        class=\"thy-transfer-list-content\"\n        cdkDropList\n        thyDragDrop\n        id=\"lock\"\n        [cdkDropListData]=\"lockItems\"\n        (cdkDropListDropped)=\"drop($event)\"\n        [cdkDropListEnterPredicate]=\"lockListEnterPredicate\">\n        @if (lockItems.length === 0) {\n          <div class=\"cdk-drop-list-empty\"></div>\n        }\n        @for (item of lockItems; track $index) {\n          <thy-list-item\n            class=\"thy-transfer-list-content-item text-truncate\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [ngClass]=\"{ active: item.checked }\">\n            <ng-template [ngTemplateOutlet]=\"template()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n          </thy-list-item>\n        }\n      </thy-list>\n      <div class=\"thy-transfer-list-group-name\">{{ locale().unlocked }}</div>\n    }\n    <thy-list\n      class=\"thy-transfer-list-content\"\n      cdkDropList\n      thyDragDrop\n      [cdkDropListDisabled]=\"!draggable()\"\n      id=\"unlock\"\n      [cdkDropListData]=\"unlockItems\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListEnterPredicate]=\"unlockListEnterPredicate\">\n      @if (unlockItems.length === 0) {\n        <div class=\"cdk-drop-list-empty\"></div>\n      }\n      @for (item of unlockItems; track $index) {\n        <thy-list-item\n          class=\"thy-transfer-list-content-item text-truncate\"\n          cdkDrag\n          [cdkDragData]=\"item\"\n          [ngClass]=\"{ active: item.checked, disabled: disabled() && item.direction === 'left' }\">\n          <ng-template [ngTemplateOutlet]=\"template()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        </thy-list-item>\n      }\n    </thy-list>\n  </div>\n} @else {\n  <div class=\"thy-transfer-list-body\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        renderContentRef();\n        context: {\n          $implicit: items(),\n          onSelectItem: onSelectItem,\n          onUnselectItem: onUnselectItem\n        }\n      \"></ng-container>\n  </div>\n}\n","import {\n    Component,\n    OnInit,\n    TemplateRef,\n    ViewEncapsulation,\n    computed,\n    input,\n    output,\n    contentChild,\n    numberAttribute,\n    effect\n} from '@angular/core';\n\nimport {\n    Direction,\n    InnerTransferDragEvent,\n    ThyTransferChangeEvent,\n    ThyTransferDragEvent,\n    ThyTransferItem,\n    ThyTransferSelectEvent,\n    TransferDirection\n} from './transfer.interface';\nimport { ThyFlexibleText } from 'ngx-tethys/flexible-text';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ThyTransferList } from './transfer-list.component';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\n\n/**\n * 穿梭框组件\n * @name thy-transfer\n * @order 10\n */\n@Component({\n    selector: 'thy-transfer',\n    templateUrl: './transfer.component.html',\n    host: {\n        class: 'thy-transfer'\n    },\n    encapsulation: ViewEncapsulation.None,\n    imports: [ThyTransferList, ThyIcon, NgClass, NgTemplateOutlet, ThyFlexibleText]\n})\nexport class ThyTransfer implements OnInit {\n    public leftDataSource: ThyTransferItem[] = [];\n\n    public rightDataSource: ThyTransferItem[] = [];\n    /**\n     * 数据源\n     * @type ThyTransferItem[]\n     */\n    readonly thyData = input<ThyTransferItem[]>([]);\n\n    readonly thyRenderLeftTemplateRef = input<TemplateRef<any>>();\n\n    readonly thyRenderRightTemplateRef = input<TemplateRef<any>>();\n\n    /**\n     * title集合，title[0]为左标题，title[1]为右标题\n     * @type string[]\n     */\n    readonly thyTitles = input<string[]>([]);\n\n    /**\n     * 右侧列表是否可以锁定\n     * @default false\n     */\n    readonly thyRightCanLock = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 右侧锁定最大数量\n     */\n    readonly thyRightLockMax = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 右侧选择最大数量\n     */\n    readonly thyRightMax = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 设置是否自动移动\n     * @description.en-us Currently not implemented, in order to support the selections move\n     * @default true\n     */\n    readonly thyAutoMove = input<boolean, ThyBooleanInput>(true, { transform: coerceBooleanProperty });\n\n    /**\n     * 左侧列表是否拖动\n     * @default false\n     */\n    readonly thyLeftDraggable = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 右侧列表是否拖动\n     * @default false\n     */\n    readonly thyRightDraggable = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * @type EventEmitter<ThyTransferDragEvent>\n     */\n    thyDraggableUpdate = output<ThyTransferDragEvent>();\n\n    /**\n     * Transfer变化的回调事件\n     * @type EventEmitter<ThyTransferChangeEvent>\n     */\n    thyChange = output<ThyTransferChangeEvent>();\n\n    /**\n     * 设置自定义Item渲染数据模板\n     * @type TemplateRef\n     */\n    readonly templateRef = contentChild<TemplateRef<any>>('renderTemplate');\n\n    /**\n     * 设置自定义左侧内容模板\n     * @type TemplateRef\n     */\n    readonly leftContentRef = contentChild<TemplateRef<any>>('renderLeftTemplate');\n\n    /**\n     * 设置自定义右侧内容模板\n     * @type TemplateRef\n     */\n    readonly rightContentRef = contentChild<TemplateRef<any>>('renderRightTemplate');\n\n    readonly leftTitle = computed(() => this.thyTitles()[0] || '');\n\n    readonly rightTitle = computed(() => this.thyTitles()[1] || '');\n\n    constructor() {\n        effect(() => {\n            this.initializeTransferData();\n        });\n    }\n\n    ngOnInit() {}\n\n    initializeTransferData(data: ThyTransferItem[] = []) {\n        this.leftDataSource = [];\n        this.rightDataSource = [];\n        this.thyData().forEach(item => {\n            if (item.direction === TransferDirection.left) {\n                this.leftDataSource.push(item);\n            }\n            if (item.direction === TransferDirection.right) {\n                this.rightDataSource.push(item);\n            }\n        });\n    }\n\n    onSelect(from: Direction, event: ThyTransferSelectEvent) {\n        if (event.item.isFixed) {\n            return;\n        }\n        if (this.thyRightMax() <= this.rightDataSource.length && from === TransferDirection.left) {\n            return;\n        }\n        const to = from === TransferDirection.left ? TransferDirection.right : TransferDirection.left;\n        event.item.checked = !event.item.checked;\n        if (this.thyAutoMove()) {\n            this.onMove(to);\n        }\n    }\n\n    selectItem(event: ThyTransferSelectEvent) {\n        this.onSelect(TransferDirection.left, event);\n    }\n\n    unselectItem(event: ThyTransferSelectEvent) {\n        this.onSelect(TransferDirection.right, event);\n    }\n\n    private groupListByIsLock(list: ThyTransferItem[] = []) {\n        const lock: ThyTransferItem[] = [],\n            unlock: ThyTransferItem[] = [];\n        list.forEach(item => {\n            if (item.isLock) {\n                lock.push(item);\n            } else {\n                unlock.push(item);\n            }\n        });\n        return { lock: lock, unlock: unlock };\n    }\n\n    onMove(to: Direction) {\n        const fromDataSource = to === TransferDirection.right ? this.leftDataSource : this.rightDataSource;\n        const toDataSource = to === TransferDirection.right ? this.rightDataSource : this.leftDataSource;\n        const selections = fromDataSource.filter(item => item.checked);\n        const changeEvent: ThyTransferChangeEvent = {\n            from: to === TransferDirection.right ? TransferDirection.left : TransferDirection.right,\n            to: to,\n            items: [...selections]\n        };\n        selections.forEach(item => {\n            const index = fromDataSource.indexOf(item);\n            const removed = fromDataSource.splice(index, 1)[0];\n            removed.checked = !removed.checked;\n            removed.direction = to;\n            toDataSource.push(removed);\n        });\n        this.thyChange.emit({\n            ...changeEvent,\n            left: this.groupListByIsLock(this.leftDataSource),\n            right: this.groupListByIsLock(this.rightDataSource)\n        });\n    }\n\n    onDragUpdate(direction: Direction, event: InnerTransferDragEvent) {\n        const otherDirectionData = direction === TransferDirection.left ? this.rightDataSource : this.leftDataSource;\n        const otherListData = this.groupListByIsLock(otherDirectionData);\n        this.thyDraggableUpdate.emit({\n            ...event.dragEvent,\n            left: direction === TransferDirection.left ? event.listData : otherListData,\n            right: direction === TransferDirection.right ? event.listData : otherListData\n        });\n\n        this.rightDataSource =\n            direction === TransferDirection.right\n                ? [...event.listData.lock, ...event.listData.unlock]\n                : [...otherListData.lock, ...otherListData.unlock];\n    }\n}\n","<thy-transfer-list\n  [items]=\"thyData()\"\n  [title]=\"leftTitle()\"\n  [draggable]=\"thyLeftDraggable()\"\n  [disabled]=\"thyRightMax() <= rightDataSource.length\"\n  [renderContentRef]=\"leftContentRef()\"\n  (draggableUpdate)=\"onDragUpdate('left', $event)\"\n  [template]=\"leftTemplateRef\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\">\n  <ng-template #leftTemplateRef let-item>\n    <div (click)=\"onSelect(item.direction === 'left' ? 'left' : 'right', { item: item })\" class=\"list-item-content\">\n      @if (thyLeftDraggable()) {\n        <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n      }\n      <div class=\"item-name\" [ngClass]=\"{ 'un-select-item': item.direction !== 'right' }\">\n        <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n      </div>\n      @if (item.direction === 'right') {\n        <thy-icon class=\"text-primary item-status\" thyIconName=\"check\"></thy-icon>\n      }\n    </div>\n  </ng-template>\n</thy-transfer-list>\n\n<div class=\"thy-transfer-operation\">\n  <div class=\"thy-transfer-operation-body\">\n    <thy-icon thyIconName=\"angle-right\" class=\"operation-link\"></thy-icon>\n    <br />\n    <thy-icon thyIconName=\"angle-left\" class=\"operation-link\"></thy-icon>\n  </div>\n</div>\n\n<thy-transfer-list\n  [items]=\"rightDataSource\"\n  [title]=\"rightTitle()\"\n  [draggable]=\"thyRightDraggable()\"\n  (draggableUpdate)=\"onDragUpdate('right', $event)\"\n  [canLock]=\"thyRightCanLock()\"\n  [maxLock]=\"thyRightLockMax()\"\n  [max]=\"thyRightMax()\"\n  [template]=\"rightTemplateRef\"\n  [renderContentRef]=\"rightContentRef()\"\n  (selectItem)=\"selectItem($event)\"\n  (unselectItem)=\"unselectItem($event)\">\n  <ng-template #rightTemplateRef let-item>\n    @if (thyRightDraggable()) {\n      <thy-icon thyIconName=\"drag\" class=\"drag-handle\"></thy-icon>\n    }\n    <div class=\"item-name\">\n      <ng-template [ngTemplateOutlet]=\"thyTransferListItem\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n    @if (item.direction === 'right' && !item.isFixed) {\n      <a class=\"link-secondary\" (click)=\"onSelect('right', { item: item })\">\n        <thy-icon class=\"item-status\" thyIconName=\"close\"></thy-icon>\n      </a>\n    }\n  </ng-template>\n</thy-transfer-list>\n\n<ng-template #thyTransferListItem let-item>\n  @if (templateRef()) {\n    <ng-template [ngTemplateOutlet]=\"templateRef()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n  }\n  @if (!templateRef()) {\n    <thy-flexible-text [thyTooltipContent]=\"item.title\">\n      {{ item.title }}\n    </thy-flexible-text>\n  }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyTransfer } from './transfer.component';\nimport { ThyTransferList } from './transfer-list.component';\nimport { ThyButtonModule } from 'ngx-tethys/button';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyListModule } from 'ngx-tethys/list';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';\n@NgModule({\n    imports: [\n        CommonModule,\n        ThyButtonModule,\n        DragDropModule,\n        ThyIconModule,\n        ThyListModule,\n        ThySharedModule,\n        ThyFlexibleTextModule,\n        ThyTransfer,\n        ThyTransferList\n    ],\n    exports: [ThyTransfer]\n})\nexport class ThyTransferModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-tree-select.mjs

@@ -1,7 +1,7 @@
 import { ViewportRuler, CdkOverlayOrigin, CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
 import { isPlatformBrowser, NgTemplateOutlet, NgClass, NgStyle, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, NgZone, ChangeDetectorRef, PLATFORM_ID, EventEmitter, forwardRef, Output, Input, ViewChild, ContentChild, HostBinding, Component, NgModule } from '@angular/core';
+import { inject, ElementRef, NgZone, ChangeDetectorRef, PLATFORM_ID, output, forwardRef, Input, ViewChild, ContentChild, HostBinding, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { ThyEmpty, ThyEmptyModule } from 'ngx-tethys/empty';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
@@ -209,7 +209,7 @@ class ThyTreeSelect extends TabIndexDisabledControlValueAccessorMixin {
         /**
          * 树选择组件展开和折叠状态事件
          */
-        this.thyExpandStatusChange = new EventEmitter();
+        this.thyExpandStatusChange = output();
     }
     ngOnInit() {
         this.isMulti = this.thyMultiple;
@@ -514,8 +514,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                 type: Input
             }], thyGetNodeChildren: [{
                 type: Input
-            }], thyExpandStatusChange: [{
-                type: Output
             }] } });
 const DEFAULT_ITEM_SIZE = 40;
 /**