raise-common-lib 0.0.216 → 0.0.218

package/fesm2015/raise-common-lib.js

@@ -659,7 +659,7 @@ class CommonGridComponent {
 CommonGridComponent.decorators = [
     { type: Component, args: [{
                 selector: "rs-common-grid",
-                template: "<ejs-grid\r\n  #grid\r\n  [id]=\"gridId\"\r\n  [ngClass]=\"{\r\n    'hide-Check-box': !alwaysShowCheckbox,\r\n    'grid-loading': className === 'grid-loading'\r\n  }\"\r\n  [dataSource]=\"dataSource\"\r\n  [allowPaging]=\"allowPaging && pageSettings\"\r\n  [allowResizing]=\"true\"\r\n  [pageSettings]=\"pageSettings\"\r\n  [showColumnMenu]=\"true\"\r\n  [allowSorting]=\"true\"\r\n  [allowFiltering]=\"true\"\r\n  [allowExcelExport]=\"true\"\r\n  [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n  [filterSettings]=\"filterSettings\"\r\n  [resizeSettings]=\"resizeSettings\"\r\n  [allowSelection]=\"true\"\r\n  [editSettings]=\"editSettings\"\r\n  [childGrid]=\"childGrid\"\r\n  [contextMenuItems]=\"dataSource && dataSource.length ? contextMenuItems : null\"\r\n  [selectionSettings]=\"selectionSettings\"\r\n  (recordClick)=\"_recordClick($event)\"\r\n  (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n  (actionBegin)=\"_actionBegin($event)\"\r\n  (actionComplete)=\"_actionHandler($event)\"\r\n  (rowSelected)=\"_rowSelected($event)\"\r\n  (rowDeselecting)=\"_rowDeselecting($event)\"\r\n  (rowDeselected)=\"_rowDeselected($event)\"\r\n  style=\"border: none\"\r\n  (contextMenuClick)=\"_onContextMenu($event)\"\r\n  (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n  (queryCellInfo)=\"customiseCell($event)\"\r\n  (dataBound)=\"_dataBound($event)\"\r\n  (rowDataBound)=\"_rowDataBound($event)\"\r\n  (rowSelecting)=\"_rowSelecting($event)\"\r\n  (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n  (rowDrop)=\"onRowDrop($event)\"\r\n  (rowDragStart)=\"_rowDragStart($event)\"\r\n  (rowDrag)=\"_rowDrag($event)\"\r\n  (load)=\"_load()\"\r\n  [frozenColumns]=\"frozenColumns\"\r\n  [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n  <e-columns>\r\n    <e-column\r\n      *ngIf=\"showCheckBox\"\r\n      type=\"checkbox\"\r\n      [width]=\"checkBoxWidth\"\r\n      [minWidth]=\"checkBoxWidth\"\r\n      [showColumnMenu]=\"false\"\r\n      [allowResizing]=\"false\"\r\n    ></e-column>\r\n    <e-column\r\n      *ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n      [field]=\"item.columnName\"\r\n      [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n      [customAttributes]=\"\r\n        item.colName === 'entityUserList' || item.colName === 'kycProgress'\r\n          ? { class: 'hideColumnFilterClass' }\r\n          : {}\r\n      \"\r\n      [headerText]=\"item.columnDisplayName\"\r\n      [textAlign]=\"item.textAlign\"\r\n      [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n      [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n      [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n      [showInColumnChooser]=\"\r\n        item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n      \"\r\n      [editType]=\"item.editType\"\r\n      [validationRules]=\"item.validationRules\"\r\n      [type]=\"item.dataType || 'string'\"\r\n      [width]=\"item.width\"\r\n      [minWidth]=\"item.minWidth\"\r\n      [format]=\"item.format\"\r\n      [visible]=\"item.visible\"\r\n      [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n      [clipMode]=\"\r\n        item.clipMode ? item.clipMode : clipMode || 'EllipsisWithTooltip'\r\n      \"\r\n      [sortComparer]=\"item.dateComparer || null\"\r\n      [allowResizing]=\"!last\"\r\n    >\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n",
+                template: "<ejs-grid\r\n  #grid\r\n  [id]=\"gridId\"\r\n  [ngClass]=\"{\r\n    'hide-Check-box': !alwaysShowCheckbox,\r\n    'grid-loading': className === 'grid-loading'\r\n  }\"\r\n  [dataSource]=\"dataSource\"\r\n  [allowPaging]=\"allowPaging && pageSettings\"\r\n  [allowResizing]=\"true\"\r\n  [pageSettings]=\"pageSettings\"\r\n  [showColumnMenu]=\"true\"\r\n  [allowSorting]=\"true\"\r\n  [allowFiltering]=\"true\"\r\n  [allowExcelExport]=\"true\"\r\n  [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n  [filterSettings]=\"filterSettings\"\r\n  [resizeSettings]=\"resizeSettings\"\r\n  [allowSelection]=\"true\"\r\n  [editSettings]=\"editSettings\"\r\n  [childGrid]=\"childGrid\"\r\n  [contextMenuItems]=\"dataSource && dataSource.length ? contextMenuItems : null\"\r\n  [selectionSettings]=\"selectionSettings\"\r\n  (recordClick)=\"_recordClick($event)\"\r\n  (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n  (actionBegin)=\"_actionBegin($event)\"\r\n  (actionComplete)=\"_actionHandler($event)\"\r\n  (rowSelected)=\"_rowSelected($event)\"\r\n  (rowDeselecting)=\"_rowDeselecting($event)\"\r\n  (rowDeselected)=\"_rowDeselected($event)\"\r\n  style=\"border: none\"\r\n  (contextMenuClick)=\"_onContextMenu($event)\"\r\n  (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n  (queryCellInfo)=\"customiseCell($event)\"\r\n  (dataBound)=\"_dataBound($event)\"\r\n  (rowDataBound)=\"_rowDataBound($event)\"\r\n  (rowSelecting)=\"_rowSelecting($event)\"\r\n  (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n  (rowDrop)=\"onRowDrop($event)\"\r\n  (rowDragStart)=\"_rowDragStart($event)\"\r\n  (rowDrag)=\"_rowDrag($event)\"\r\n  (load)=\"_load()\"\r\n  [frozenColumns]=\"frozenColumns\"\r\n  [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n  <e-columns>\r\n    <e-column\r\n      *ngIf=\"showCheckBox\"\r\n      type=\"checkbox\"\r\n      [width]=\"checkBoxWidth\"\r\n      [minWidth]=\"checkBoxWidth\"\r\n      [showColumnMenu]=\"false\"\r\n      [allowResizing]=\"false\"\r\n    ></e-column>\r\n    <e-column\r\n      *ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n      [field]=\"item.columnName\"\r\n      [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n      [customAttributes]=\"\r\n        item.colName === 'entityUserList' || item.colName === 'kycProgress'\r\n          ? { class: 'hideColumnFilterClass' }\r\n          : {}\r\n      \"\r\n      [headerText]=\"item.columnDisplayName\"\r\n      [textAlign]=\"item.textAlign\"\r\n      [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n      [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n      [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n      [showInColumnChooser]=\"\r\n        item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n      \"\r\n      [editType]=\"item.editType\"\r\n      [validationRules]=\"item.validationRules\"\r\n      [type]=\"item.dataType || 'string'\"\r\n      [width]=\"item.width\"\r\n      [minWidth]=\"item.minWidth\"\r\n      [format]=\"item.format\"\r\n      [visible]=\"item.visible\"\r\n      [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n      [clipMode]=\"\r\n        item.clipMode ? item.clipMode : clipMode || 'EllipsisWithTooltip'\r\n      \"\r\n      [sortComparer]=\"item.dateComparer || null\"\r\n      [allowResizing]=\"!last\"\r\n      [headerTemplate]=\"item.showHeaderTemplate ? headerTemplate : undefined\"\r\n    >\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n",
                 styles: [""]
             }] }
 ];
@@ -691,6 +691,7 @@ CommonGridComponent.propDecorators = {
     childGrid: [{ type: Input }],
     frozenColumns: [{ type: Input }],
     columnChooserSettings: [{ type: Input }],
+    headerTemplate: [{ type: Input }],
     contextMenuItems: [{ type: Input }],
     selectionSettings: [{ type: Input }],
     alwaysShowCheckbox: [{ type: Input }],
@@ -761,6 +762,8 @@ if (false) {
     CommonGridComponent.prototype.frozenColumns;
     /** @type {?} */
     CommonGridComponent.prototype.columnChooserSettings;
+    /** @type {?} */
+    CommonGridComponent.prototype.headerTemplate;
     /**
      * Sample: [
      * {
@@ -22553,6 +22556,7 @@ class CommonDialogComponent {
         this.showErrorIcon = false;
         this.showZoomBtn = false;
         this.customSave = false;
+        this.customPageTitle = false;
         // 显示相关属性
         this.dialogStyle = {};
         this.size = "";
@@ -22637,7 +22641,7 @@ class CommonDialogComponent {
 CommonDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: "rs-common-dialog",
-                template: "<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n  <!-- \u5934\u90E8 -->\r\n  <div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n    <div class=\"header__title\">\r\n      <img\r\n        src=\"../../../assets/img/notification-status-warning.svg\"\r\n        alt=\"\"\r\n        *ngIf=\"showErrorIcon\"\r\n      />\r\n      {{ title }}\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"header__actions\">\r\n      <div *ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size === 'largest'\"\r\n          src=\"../../../assets/img/dialog-shrink.svg\"\r\n        />\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size !== 'largest'\"\r\n          src=\"../../../assets/img/dialog-grow.svg\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n        <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- \u5185\u5BB9 -->\r\n  <div class=\"dialog__content\" mat-dialog-content>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <!-- \u5E95\u90E8\u6309\u94AE -->\r\n  <div mat-dialog-actions class=\"dialog__footer\">\r\n    <ng-content select=\"[footerSlot]\"></ng-content>\r\n    <!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n    <ng-container *ngIf=\"!customFooter\">\r\n      <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n    </ng-container>\r\n    <ng-template #defaultTemplate>\r\n      <button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" (click)=\"onClose()\">\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideDiscardBtn\" class=\"e-btn\" (click)=\"onDiscard()\">\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" (click)=\"onSave()\">\r\n        {{ saveBtnLabel }}\r\n      </button>\r\n    </ng-template>\r\n  </div>\r\n  <!-- loading -->\r\n  <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n    <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n  </div>\r\n</div>\r\n",
+                template: "<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n  <!-- \u5934\u90E8 -->\r\n  <div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n    <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </ng-container>\r\n    <ng-template #defaultTitle>\r\n      <div class=\"header__title\">\r\n        <img\r\n          src=\"../../../assets/img/notification-status-warning.svg\"\r\n          alt=\"\"\r\n          *ngIf=\"showErrorIcon\"\r\n        />\r\n        {{ title }}\r\n      </div>\r\n    </ng-template>\r\n    <!-- <div class=\"header__title\">\r\n      <img\r\n        src=\"../../../assets/img/notification-status-warning.svg\"\r\n        alt=\"\"\r\n        *ngIf=\"showErrorIcon\"\r\n      />\r\n      {{ title }}\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </div> -->\r\n    <div class=\"header__actions\">\r\n      <div *ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size === 'largest'\"\r\n          src=\"../../../assets/img/dialog-shrink.svg\"\r\n        />\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size !== 'largest'\"\r\n          src=\"../../../assets/img/dialog-grow.svg\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n        <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- \u5185\u5BB9 -->\r\n  <div class=\"dialog__content\" mat-dialog-content>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <!-- \u5E95\u90E8\u6309\u94AE -->\r\n  <div mat-dialog-actions class=\"dialog__footer\">\r\n    <ng-content select=\"[footerSlot]\"></ng-content>\r\n    <!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n    <ng-container *ngIf=\"!customFooter\">\r\n      <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n    </ng-container>\r\n    <ng-template #defaultTemplate>\r\n      <button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" (click)=\"onClose()\">\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideDiscardBtn\" class=\"e-btn\" (click)=\"onDiscard()\">\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" (click)=\"onSave()\">\r\n        {{ saveBtnLabel }}\r\n      </button>\r\n    </ng-template>\r\n  </div>\r\n  <!-- loading -->\r\n  <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n    <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n  </div>\r\n</div>\r\n",
                 styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]
             }] }
 ];
@@ -22657,6 +22661,7 @@ CommonDialogComponent.propDecorators = {
     showErrorIcon: [{ type: Input }],
     showZoomBtn: [{ type: Input }],
     customSave: [{ type: Input }],
+    customPageTitle: [{ type: Input }],
     onCloseRequest: [{ type: Input }],
     dialogStyle: [{ type: Input }],
     size: [{ type: Input }],
@@ -22692,6 +22697,8 @@ if (false) {
     /** @type {?} */
     CommonDialogComponent.prototype.customSave;
     /** @type {?} */
+    CommonDialogComponent.prototype.customPageTitle;
+    /** @type {?} */
     CommonDialogComponent.prototype.onCloseRequest;
     /** @type {?} */
     CommonDialogComponent.prototype.dialogStyle;
@@ -22715,6 +22722,1064 @@ if (false) {
     CommonDialogComponent.prototype.dialogRef;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/smart-popup/index.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class SmartPopupComponent {
+    /**
+     * @param {?} ref
+     */
+    constructor(ref) {
+        this.ref = ref;
+        this._placement = "BottomLeft";
+        this._offset = 8;
+        this._autoAdjust = "yes";
+        this.triggerElementRef = null;
+        this.loading = false;
+        this._open = false;
+        this._width = null;
+        this._height = null;
+        this.openChange = new EventEmitter();
+        this.contentLoad = new EventEmitter();
+        this.currentTriggerElement = null;
+        this.FIXED_CONTAINER_ID = "rs-smart-popup-fixed-container";
+        this.opened = "no";
+        this.positioning = "no";
+        this.actualPlacement = "bottom";
+        this.actualPosition = "start";
+        this.onClickOutside = (/**
+         * @param {?} event
+         * @return {?}
+         */
+        (event) => {
+            /** @type {?} */
+            const target = (/** @type {?} */ (event.target));
+            /** @type {?} */
+            const isClickOnTrigger = this.currentTriggerElement && this.currentTriggerElement.contains(target);
+            /** @type {?} */
+            const isClickOnPopup = this.popupElement &&
+                this.popupElement.nativeElement &&
+                this.popupElement.nativeElement.contains(target);
+            if (!isClickOnTrigger && !isClickOnPopup) {
+                this.close();
+            }
+        });
+        this.onWindowScroll = (/**
+         * @return {?}
+         */
+        () => {
+            if (this.opened === "yes") {
+                this.updatePopupPosition();
+            }
+        });
+    }
+    // 解析placement格式
+    /**
+     * @return {?}
+     */
+    get placementInfo() {
+        /** @type {?} */
+        const placementMap = {
+            TopLeft: { placement: "top", position: "start" },
+            TopCenter: { placement: "top", position: "center" },
+            TopRight: { placement: "top", position: "end" },
+            BottomLeft: { placement: "bottom", position: "start" },
+            BottomCenter: { placement: "bottom", position: "center" },
+            BottomRight: { placement: "bottom", position: "end" },
+            LeftTop: { placement: "left", position: "start" },
+            LeftCenter: { placement: "left", position: "center" },
+            LeftBottom: { placement: "left", position: "end" },
+            RightTop: { placement: "right", position: "start" },
+            RightCenter: { placement: "right", position: "center" },
+            RightBottom: { placement: "right", position: "end" },
+        };
+        return (placementMap[this._placement] || {
+            placement: "bottom",
+            position: "start",
+        });
+    }
+    /**
+     * @return {?}
+     */
+    get offset() {
+        return this._offset || 8;
+    }
+    /**
+     * @return {?}
+     */
+    get autoAdjust() {
+        return this._autoAdjust === "yes";
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.fixedContainerEl = this.getFixedContainer();
+        this.fixedContainerEl.append(this.popupElement.nativeElement);
+        this.updateTriggerElement();
+        // 如果提供了固定尺寸，立即应用
+        if (this._width !== null &&
+            this._height !== null &&
+            this.popupElement &&
+            this.popupElement.nativeElement) {
+            /** @type {?} */
+            const popupEl = this.popupElement.nativeElement;
+            popupEl.style.width = this._width + "px";
+            popupEl.style.height = this._height + "px";
+            popupEl.style.minWidth = this._width + "px";
+            popupEl.style.maxWidth = this._width + "px";
+            popupEl.style.minHeight = this._height + "px";
+            popupEl.style.maxHeight = this._height + "px";
+        }
+        // 如果外部传入 open 属性为 true，自动打开
+        if (this._open) {
+            setTimeout((/**
+             * @return {?}
+             */
+            () => this.open()), 0);
+        }
+    }
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    ngOnChanges(changes) {
+        // 处理固定尺寸变化
+        if ((changes._width || changes._height) &&
+            this.popupElement &&
+            this.popupElement.nativeElement) {
+            /** @type {?} */
+            const popupEl = this.popupElement.nativeElement;
+            if (this._width !== null) {
+                popupEl.style.width = this._width + "px";
+                popupEl.style.minWidth = this._width + "px";
+                popupEl.style.maxWidth = this._width + "px";
+            }
+            if (this._height !== null) {
+                popupEl.style.height = this._height + "px";
+                popupEl.style.minHeight = this._height + "px";
+                popupEl.style.maxHeight = this._height + "px";
+            }
+        }
+        // 先处理触发元素变化（确保在打开前更新触发元素）
+        if (changes.triggerElementRef) {
+            /** @type {?} */
+            const previousTrigger = this.currentTriggerElement;
+            this.updateTriggerElement();
+            // 如果弹窗已经打开，且触发元素发生了变化，立即更新位置
+            if (this.opened === "yes" &&
+                previousTrigger !== this.currentTriggerElement &&
+                this.currentTriggerElement) {
+                // 使用新的打开方式更新位置
+                this.positioning = "yes";
+                this.ref.markForCheck();
+                requestAnimationFrame((/**
+                 * @return {?}
+                 */
+                () => {
+                    requestAnimationFrame((/**
+                     * @return {?}
+                     */
+                    () => {
+                        this.updatePopupPosition();
+                        this.positioning = "no";
+                        this.ref.markForCheck();
+                    }));
+                }));
+            }
+        }
+        // 处理 open 变化（确保在触发元素更新后处理）
+        if (changes._open) {
+            if (this._open && this.opened === "no") {
+                // 确保触发元素已更新
+                this.updateTriggerElement();
+                // 使用 setTimeout 确保所有变更都已处理
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    // 再次确保触发元素已更新
+                    this.updateTriggerElement();
+                    this.open();
+                }), 0);
+            }
+            else if (!this._open && this.opened === "yes") {
+                this.close();
+            }
+        }
+        // 当加载完成时，更新位置（如果提供了固定尺寸，不需要更新位置）
+        if (changes.loading &&
+            !changes.loading.currentValue &&
+            changes.loading.previousValue) {
+            if (this.opened === "yes") {
+                // 如果提供了固定尺寸，位置已经计算好了，不需要更新
+                if (this._width !== null && this._height !== null) {
+                    this.contentLoad.emit();
+                }
+                else {
+                    // 如果正在定位，不需要更新位置
+                    if (this.positioning === "no") {
+                        requestAnimationFrame((/**
+                         * @return {?}
+                         */
+                        () => {
+                            this.updatePopupPosition();
+                            this.contentLoad.emit();
+                        }));
+                    }
+                    else {
+                        // 如果正在定位，等待定位完成后再触发事件
+                        /** @type {?} */
+                        const checkPositioning = (/**
+                         * @return {?}
+                         */
+                        () => {
+                            if (this.positioning === "no") {
+                                this.contentLoad.emit();
+                            }
+                            else {
+                                setTimeout(checkPositioning, 10);
+                            }
+                        });
+                        checkPositioning();
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        if (this.popupElement && this.popupElement.nativeElement) {
+            this.popupElement.nativeElement.remove();
+        }
+        window.removeEventListener("click", this.onClickOutside);
+        window.removeEventListener("scroll", this.onWindowScroll, true);
+    }
+    /**
+     * @return {?}
+     */
+    updateTriggerElement() {
+        if (this.triggerElementRef) {
+            this.currentTriggerElement = this.triggerElementRef;
+        }
+        else if (this.internalTriggerElement &&
+            this.internalTriggerElement.nativeElement) {
+            this.currentTriggerElement = this.internalTriggerElement.nativeElement;
+        }
+        else {
+            this.currentTriggerElement = null;
+        }
+    }
+    /**
+     * @return {?}
+     */
+    getFixedContainer() {
+        /** @type {?} */
+        let containerElement = document.getElementById(this.FIXED_CONTAINER_ID);
+        if (!containerElement) {
+            containerElement = document.createElement("div");
+            containerElement.setAttribute("id", this.FIXED_CONTAINER_ID);
+            document.body.append(containerElement);
+        }
+        return containerElement;
+    }
+    /**
+     * @param {?=} triggerElement
+     * @return {?}
+     */
+    open(triggerElement) {
+        // 如果传入了触发元素，使用它
+        if (triggerElement) {
+            this.currentTriggerElement = triggerElement;
+        }
+        else {
+            this.updateTriggerElement();
+        }
+        if (!this.currentTriggerElement) {
+            console.warn("SmartPopupComponent: No trigger element found");
+            return;
+        }
+        // 如果已经打开，先关闭再打开（更新位置）
+        if (this.opened === "yes") {
+            // 先关闭弹窗
+            this.opened = "no";
+            this.positioning = "no";
+            this.ref.markForCheck();
+            // 立即在新位置打开
+            requestAnimationFrame((/**
+             * @return {?}
+             */
+            () => {
+                // 再次确保触发元素已更新
+                this.updateTriggerElement();
+                this.openPopup();
+            }));
+            return;
+        }
+        // 确保触发元素已更新
+        this.updateTriggerElement();
+        this.openPopup();
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    openPopup() {
+        // 再次确保触发元素已更新
+        this.updateTriggerElement();
+        if (!this.currentTriggerElement) {
+            console.warn("SmartPopupComponent: No trigger element found when opening popup");
+            return;
+        }
+        // 如果提供了固定尺寸，可以在打开前就计算好位置
+        if (this._width !== null && this._height !== null) {
+            // 先计算位置（不依赖DOM渲染，直接根据triggerElement计算）
+            /** @type {?} */
+            const triggerRect = this.currentTriggerElement.getBoundingClientRect();
+            /** @type {?} */
+            const viewportWidth = window.innerWidth;
+            /** @type {?} */
+            const viewportHeight = window.innerHeight;
+            /** @type {?} */
+            const popupSize = {
+                width: this._width,
+                height: this._height,
+            };
+            /** @type {?} */
+            const popupRect = (/** @type {?} */ ({
+                width: popupSize.width,
+                height: popupSize.height,
+                top: 0,
+                left: 0,
+                right: popupSize.width,
+                bottom: popupSize.height,
+                x: 0,
+                y: 0,
+                toJSON: (/**
+                 * @return {?}
+                 */
+                () => ({})),
+            }));
+            /** @type {?} */
+            const targetInfo = this.placementInfo;
+            /** @type {?} */
+            let finalPlacement = targetInfo.placement;
+            /** @type {?} */
+            let finalPosition = targetInfo.position;
+            if (this.autoAdjust) {
+                /** @type {?} */
+                const optimal = this.calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight);
+                finalPlacement = optimal.placement;
+                finalPosition = optimal.position;
+            }
+            this.actualPlacement = finalPlacement;
+            this.actualPosition = finalPosition;
+            // 计算位置坐标（不依赖DOM，直接计算）
+            /** @type {?} */
+            const position = this.calculatePositionCoordinates(triggerRect, finalPlacement, finalPosition, popupSize);
+            // 先设置打开状态，但保持隐藏（positioning = yes）
+            this.opened = "yes";
+            this.positioning = "yes";
+            this.openChange.emit(true);
+            this.ref.markForCheck();
+            // 强制更新视图，确保DOM已更新
+            this.ref.detectChanges();
+            // 如果元素已经存在，立即设置位置（不等待 requestAnimationFrame）
+            if (this.popupElement && this.popupElement.nativeElement) {
+                /** @type {?} */
+                const popupEl = this.popupElement.nativeElement;
+                // 立即设置尺寸和位置
+                popupEl.style.width = this._width + "px";
+                popupEl.style.height = this._height + "px";
+                popupEl.style.minWidth = this._width + "px";
+                popupEl.style.maxWidth = this._width + "px";
+                popupEl.style.minHeight = this._height + "px";
+                popupEl.style.maxHeight = this._height + "px";
+                popupEl.style.top = position.top;
+                popupEl.style.left = position.left;
+                popupEl.style.transform = `translate(${position.translateX}, ${position.translateY})`;
+                // 强制同步应用样式
+                popupEl.offsetHeight;
+                // 位置设置完成后，立即显示弹窗
+                this.positioning = "no";
+                this.ref.markForCheck();
+            }
+            else {
+                // 如果元素还不存在，等待渲染
+                requestAnimationFrame((/**
+                 * @return {?}
+                 */
+                () => {
+                    if (this.popupElement && this.popupElement.nativeElement) {
+                        /** @type {?} */
+                        const popupEl = this.popupElement.nativeElement;
+                        // 立即设置尺寸和位置
+                        popupEl.style.width = this._width + "px";
+                        popupEl.style.height = this._height + "px";
+                        popupEl.style.minWidth = this._width + "px";
+                        popupEl.style.maxWidth = this._width + "px";
+                        popupEl.style.minHeight = this._height + "px";
+                        popupEl.style.maxHeight = this._height + "px";
+                        popupEl.style.top = position.top;
+                        popupEl.style.left = position.left;
+                        popupEl.style.transform = `translate(${position.translateX}, ${position.translateY})`;
+                        // 强制同步应用样式
+                        popupEl.offsetHeight;
+                        // 位置设置完成后，立即显示弹窗
+                        this.positioning = "no";
+                        this.ref.markForCheck();
+                    }
+                }));
+            }
+        }
+        else {
+            // 没有固定尺寸，需要等待DOM渲染
+            this.positioning = "yes";
+            this.ref.markForCheck();
+            // 立即强制更新视图，确保DOM已更新
+            this.ref.detectChanges();
+            // 使用 requestAnimationFrame 确保在浏览器渲染之前更新位置
+            requestAnimationFrame((/**
+             * @return {?}
+             */
+            () => {
+                // 确保元素已渲染并获取尺寸
+                if (this.popupElement && this.popupElement.nativeElement) {
+                    // 强制重新计算布局，确保元素尺寸已计算
+                    this.popupElement.nativeElement.offsetHeight;
+                    // 计算并设置位置
+                    this.updatePopupPosition();
+                    // 位置设置完成后，移除定位状态，显示弹窗
+                    this.positioning = "no";
+                    this.ref.markForCheck();
+                }
+            }));
+        }
+        window.addEventListener("click", this.onClickOutside);
+        window.addEventListener("scroll", this.onWindowScroll, true);
+    }
+    /**
+     * @return {?}
+     */
+    close() {
+        if (this.opened === "no") {
+            return;
+        }
+        this.opened = "no";
+        this.positioning = "no";
+        this.openChange.emit(false);
+        window.removeEventListener("click", this.onClickOutside);
+        window.removeEventListener("scroll", this.onWindowScroll, true);
+        this.ref.markForCheck();
+    }
+    /**
+     * @return {?}
+     */
+    toggle() {
+        if (this.opened === "yes") {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onClickTrigger(event) {
+        event.stopPropagation();
+        this.toggle();
+    }
+    // 计算并设置位置（支持固定尺寸，可在打开前调用）
+    /**
+     * @private
+     * @return {?}
+     */
+    calculateAndSetPosition() {
+        if (!this.currentTriggerElement) {
+            return;
+        }
+        /** @type {?} */
+        const triggerRect = this.currentTriggerElement.getBoundingClientRect();
+        /** @type {?} */
+        const viewportWidth = window.innerWidth;
+        /** @type {?} */
+        const viewportHeight = window.innerHeight;
+        // 获取弹窗尺寸（优先使用固定尺寸）
+        /** @type {?} */
+        const popupSize = {
+            width: this._width !== null
+                ? this._width
+                : this.popupElement && this.popupElement.nativeElement
+                    ? this.popupElement.nativeElement.offsetWidth
+                    : 300,
+            height: this._height !== null
+                ? this._height
+                : this.popupElement && this.popupElement.nativeElement
+                    ? this.popupElement.nativeElement.offsetHeight
+                    : 200,
+        };
+        // 创建虚拟的 popupRect（用于计算）
+        /** @type {?} */
+        const popupRect = (/** @type {?} */ ({
+            width: popupSize.width,
+            height: popupSize.height,
+            top: 0,
+            left: 0,
+            right: popupSize.width,
+            bottom: popupSize.height,
+            x: 0,
+            y: 0,
+            toJSON: (/**
+             * @return {?}
+             */
+            () => ({})),
+        }));
+        // 获取目标位置信息
+        /** @type {?} */
+        const targetInfo = this.placementInfo;
+        /** @type {?} */
+        let finalPlacement = targetInfo.placement;
+        /** @type {?} */
+        let finalPosition = targetInfo.position;
+        if (this.autoAdjust) {
+            /** @type {?} */
+            const optimal = this.calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight);
+            finalPlacement = optimal.placement;
+            finalPosition = optimal.position;
+        }
+        this.actualPlacement = finalPlacement;
+        this.actualPosition = finalPosition;
+        // 立即设置位置（即使元素还没完全渲染，也要先设置位置）
+        if (this.popupElement && this.popupElement.nativeElement) {
+            this.setPopupPosition(triggerRect, popupRect, finalPlacement, finalPosition, popupSize);
+            // 强制应用样式，确保位置立即生效
+            this.ref.detectChanges();
+        }
+        else {
+            // 如果元素还不存在，延迟设置位置
+            setTimeout((/**
+             * @return {?}
+             */
+            () => {
+                if (this.popupElement && this.popupElement.nativeElement) {
+                    this.setPopupPosition(triggerRect, popupRect, finalPlacement, finalPosition, popupSize);
+                    this.ref.detectChanges();
+                }
+            }), 0);
+        }
+        this.ref.markForCheck();
+    }
+    /**
+     * @return {?}
+     */
+    updatePopupPosition() {
+        if (!this.currentTriggerElement ||
+            !this.popupElement ||
+            !this.popupElement.nativeElement) {
+            return;
+        }
+        // 如果提供了固定尺寸，使用固定尺寸计算
+        if (this._width !== null && this._height !== null) {
+            this.calculateAndSetPosition();
+            return;
+        }
+        /** @type {?} */
+        const triggerRect = this.currentTriggerElement.getBoundingClientRect();
+        /** @type {?} */
+        const popupRect = this.popupElement.nativeElement.getBoundingClientRect();
+        /** @type {?} */
+        const viewportWidth = window.innerWidth;
+        /** @type {?} */
+        const viewportHeight = window.innerHeight;
+        // 获取目标位置信息
+        /** @type {?} */
+        const targetInfo = this.placementInfo;
+        /** @type {?} */
+        let finalPlacement = targetInfo.placement;
+        /** @type {?} */
+        let finalPosition = targetInfo.position;
+        if (this.autoAdjust) {
+            /** @type {?} */
+            const optimal = this.calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight);
+            finalPlacement = optimal.placement;
+            finalPosition = optimal.position;
+        }
+        this.actualPlacement = finalPlacement;
+        this.actualPosition = finalPosition;
+        this.setPopupPosition(triggerRect, popupRect, finalPlacement, finalPosition);
+        this.ref.markForCheck();
+    }
+    /**
+     * @param {?} triggerRect
+     * @param {?} popupRect
+     * @param {?} viewportWidth
+     * @param {?} viewportHeight
+     * @return {?}
+     */
+    calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight) {
+        /** @type {?} */
+        const targetInfo = this.placementInfo;
+        /** @type {?} */
+        const preferred = targetInfo.placement;
+        /** @type {?} */
+        const preferredPosition = targetInfo.position;
+        /** @type {?} */
+        const space = {
+            top: triggerRect.top,
+            bottom: viewportHeight - triggerRect.bottom,
+            left: triggerRect.left,
+            right: viewportWidth - triggerRect.right,
+        };
+        /** @type {?} */
+        const popupSize = {
+            width: popupRect.width || 300,
+            // 默认宽度，如果还没有渲染
+            height: popupRect.height || 200,
+        };
+        // 检查首选位置是否有足够空间
+        /** @type {?} */
+        const hasEnoughSpace = (/**
+         * @param {?} placement
+         * @return {?}
+         */
+        (placement) => {
+            switch (placement) {
+                case "top":
+                    return space.top >= popupSize.height + this.offset;
+                case "bottom":
+                    return space.bottom >= popupSize.height + this.offset;
+                case "left":
+                    return space.left >= popupSize.width + this.offset;
+                case "right":
+                    return space.right >= popupSize.width + this.offset;
+            }
+        });
+        // 检查指定位置是否有足够空间
+        /** @type {?} */
+        const checkPositionSpace = (/**
+         * @param {?} placement
+         * @param {?} position
+         * @return {?}
+         */
+        (placement, position) => {
+            if (placement === "top" || placement === "bottom") {
+                // 对于上下位置，检查水平对齐空间
+                /** @type {?} */
+                const popupWidth = popupSize.width;
+                /** @type {?} */
+                const spaceLeft = triggerRect.left;
+                /** @type {?} */
+                const spaceRight = viewportWidth - triggerRect.right;
+                if (position === "center") {
+                    return spaceLeft >= popupWidth / 2 && spaceRight >= popupWidth / 2;
+                }
+                else if (position === "start") {
+                    return spaceLeft >= popupWidth;
+                }
+                else {
+                    // end
+                    return spaceRight >= popupWidth;
+                }
+            }
+            else {
+                // 对于左右位置，检查垂直对齐空间
+                /** @type {?} */
+                const popupHeight = popupSize.height;
+                /** @type {?} */
+                const spaceTop = triggerRect.top;
+                /** @type {?} */
+                const spaceBottom = viewportHeight - triggerRect.bottom;
+                if (position === "center") {
+                    return spaceTop >= popupHeight / 2 && spaceBottom >= popupHeight / 2;
+                }
+                else if (position === "start") {
+                    return spaceTop >= popupHeight;
+                }
+                else {
+                    // end
+                    return spaceBottom >= popupHeight;
+                }
+            }
+        });
+        // 计算位置是否合适（考虑水平/垂直对齐）
+        /** @type {?} */
+        const calculatePosition = (/**
+         * @param {?} placement
+         * @return {?}
+         */
+        (placement) => {
+            if (placement === "top" || placement === "bottom") {
+                // 对于上下位置，检查水平对齐
+                /** @type {?} */
+                const popupWidth = popupSize.width;
+                /** @type {?} */
+                const spaceLeft = triggerRect.left;
+                /** @type {?} */
+                const spaceRight = viewportWidth - triggerRect.right;
+                // 优先尝试使用用户指定的position
+                if (checkPositionSpace(placement, preferredPosition)) {
+                    return preferredPosition;
+                }
+                // 如果中心对齐有足够空间，优先使用中心
+                if (spaceLeft >= popupWidth / 2 && spaceRight >= popupWidth / 2) {
+                    return "center";
+                }
+                // 如果左侧空间不足，使用右对齐
+                if (spaceLeft < popupWidth / 2) {
+                    return "end";
+                }
+                // 如果右侧空间不足，使用左对齐
+                if (spaceRight < popupWidth / 2) {
+                    return "start";
+                }
+                return preferredPosition;
+            }
+            else {
+                // 对于左右位置，检查垂直对齐
+                /** @type {?} */
+                const popupHeight = popupSize.height;
+                /** @type {?} */
+                const spaceTop = triggerRect.top;
+                /** @type {?} */
+                const spaceBottom = viewportHeight - triggerRect.bottom;
+                // 优先尝试使用用户指定的position
+                if (checkPositionSpace(placement, preferredPosition)) {
+                    return preferredPosition;
+                }
+                // 如果中心对齐有足够空间，优先使用中心
+                if (spaceTop >= popupHeight / 2 && spaceBottom >= popupHeight / 2) {
+                    return "center";
+                }
+                // 如果上方空间不足，使用下对齐
+                if (spaceTop < popupHeight / 2) {
+                    return "end";
+                }
+                // 如果下方空间不足，使用上对齐
+                if (spaceBottom < popupHeight / 2) {
+                    return "start";
+                }
+                return preferredPosition;
+            }
+        });
+        // 如果首选位置有足够空间，优先使用用户指定的position
+        if (hasEnoughSpace(preferred)) {
+            // 检查用户指定的position是否有足够空间
+            if (checkPositionSpace(preferred, preferredPosition)) {
+                return {
+                    placement: preferred,
+                    position: preferredPosition,
+                };
+            }
+            // 如果指定的position空间不足，自动计算最佳position
+            return {
+                placement: preferred,
+                position: calculatePosition(preferred),
+            };
+        }
+        // 根据首选位置选择备选位置
+        /** @type {?} */
+        const alternatives = {
+            bottom: ["top", "right", "left"],
+            top: ["bottom", "right", "left"],
+            right: ["left", "bottom", "top"],
+            left: ["right", "bottom", "top"],
+        };
+        /** @type {?} */
+        const altList = alternatives[preferred] || [];
+        // 尝试找到第一个有足够空间的备选位置
+        for (const alt of altList) {
+            if (hasEnoughSpace(alt)) {
+                return {
+                    placement: alt,
+                    position: calculatePosition(alt),
+                };
+            }
+        }
+        // 如果都没有足够空间，选择空间最大的位置
+        /** @type {?} */
+        const maxSpace = Math.max(space.top, space.bottom, space.left, space.right);
+        /** @type {?} */
+        let bestPlacement;
+        if (maxSpace === space.top)
+            bestPlacement = "top";
+        else if (maxSpace === space.bottom)
+            bestPlacement = "bottom";
+        else if (maxSpace === space.left)
+            bestPlacement = "left";
+        else
+            bestPlacement = "right";
+        return {
+            placement: bestPlacement,
+            position: calculatePosition(bestPlacement),
+        };
+    }
+    // 计算位置坐标（纯计算，不依赖DOM，包含边界约束）
+    /**
+     * @private
+     * @param {?} triggerRect
+     * @param {?} placement
+     * @param {?} position
+     * @param {?} popupSize
+     * @return {?}
+     */
+    calculatePositionCoordinates(triggerRect, placement, position, popupSize) {
+        /** @type {?} */
+        const triggerWidth = triggerRect.width;
+        /** @type {?} */
+        const triggerHeight = triggerRect.height;
+        /** @type {?} */
+        const viewportWidth = window.innerWidth;
+        /** @type {?} */
+        const viewportHeight = window.innerHeight;
+        /** @type {?} */
+        const scrollX = window.scrollX;
+        /** @type {?} */
+        const scrollY = window.scrollY;
+        /** @type {?} */
+        let top = 0;
+        /** @type {?} */
+        let left = 0;
+        /** @type {?} */
+        let translateX = "0";
+        /** @type {?} */
+        let translateY = "0";
+        switch (placement) {
+            case "top":
+                top = triggerRect.top + scrollY - this.offset;
+                translateY = "-100%";
+                if (position === "start") {
+                    left = triggerRect.left + scrollX;
+                }
+                else if (position === "center") {
+                    left = triggerRect.left + scrollX + triggerWidth / 2;
+                    translateX = "-50%";
+                }
+                else {
+                    left = triggerRect.left + scrollX + triggerWidth;
+                    translateX = "-100%";
+                }
+                // 边界约束：确保弹窗不超出视口
+                if (top - popupSize.height < scrollY) {
+                    top = scrollY + 8; // 距离顶部至少8px
+                }
+                if (left < scrollX) {
+                    left = scrollX + 8;
+                    translateX = "0";
+                }
+                else if (left + popupSize.width > scrollX + viewportWidth) {
+                    left = scrollX + viewportWidth - popupSize.width - 8;
+                    translateX = "0";
+                }
+                break;
+            case "bottom":
+                top = triggerRect.bottom + scrollY + this.offset;
+                if (position === "start") {
+                    left = triggerRect.left + scrollX;
+                }
+                else if (position === "center") {
+                    left = triggerRect.left + scrollX + triggerWidth / 2;
+                    translateX = "-50%";
+                }
+                else {
+                    left = triggerRect.left + scrollX + triggerWidth;
+                    translateX = "-100%";
+                }
+                // 边界约束：确保弹窗不超出视口
+                if (top + popupSize.height > scrollY + viewportHeight) {
+                    top = scrollY + viewportHeight - popupSize.height - 8; // 距离底部至少8px
+                }
+                if (left < scrollX) {
+                    left = scrollX + 8;
+                    translateX = "0";
+                }
+                else if (left + popupSize.width > scrollX + viewportWidth) {
+                    left = scrollX + viewportWidth - popupSize.width - 8;
+                    translateX = "0";
+                }
+                break;
+            case "left":
+                left = triggerRect.left + scrollX - this.offset;
+                translateX = "-100%";
+                if (position === "start") {
+                    top = triggerRect.top + scrollY;
+                }
+                else if (position === "center") {
+                    top = triggerRect.top + scrollY + triggerHeight / 2;
+                    translateY = "-50%";
+                }
+                else {
+                    top = triggerRect.top + scrollY + triggerHeight;
+                    translateY = "-100%";
+                }
+                // 边界约束：确保弹窗不超出视口
+                if (left - popupSize.width < scrollX) {
+                    left = scrollX + 8; // 距离左侧至少8px
+                }
+                if (top < scrollY) {
+                    top = scrollY + 8;
+                    translateY = "0";
+                }
+                else if (top + popupSize.height > scrollY + viewportHeight) {
+                    top = scrollY + viewportHeight - popupSize.height - 8;
+                    translateY = "0";
+                }
+                break;
+            case "right":
+                left = triggerRect.right + scrollX + this.offset;
+                if (position === "start") {
+                    top = triggerRect.top + scrollY;
+                }
+                else if (position === "center") {
+                    top = triggerRect.top + scrollY + triggerHeight / 2;
+                    translateY = "-50%";
+                }
+                else {
+                    top = triggerRect.top + scrollY + triggerHeight;
+                    translateY = "-100%";
+                }
+                // 边界约束：确保弹窗不超出视口
+                if (left + popupSize.width > scrollX + viewportWidth) {
+                    left = scrollX + viewportWidth - popupSize.width - 8; // 距离右侧至少8px
+                }
+                if (top < scrollY) {
+                    top = scrollY + 8;
+                    translateY = "0";
+                }
+                else if (top + popupSize.height > scrollY + viewportHeight) {
+                    top = scrollY + viewportHeight - popupSize.height - 8;
+                    translateY = "0";
+                }
+                break;
+        }
+        return {
+            top: top + "px",
+            left: left + "px",
+            translateX,
+            translateY,
+        };
+    }
+    /**
+     * @param {?} triggerRect
+     * @param {?} popupRect
+     * @param {?} placement
+     * @param {?} position
+     * @param {?=} popupSize
+     * @return {?}
+     */
+    setPopupPosition(triggerRect, popupRect, placement, position, popupSize) {
+        /** @type {?} */
+        const popupEl = this.popupElement && this.popupElement.nativeElement
+            ? this.popupElement.nativeElement
+            : null;
+        if (!popupEl) {
+            return; // 如果元素还不存在，无法设置位置
+        }
+        // 优先使用传入的固定尺寸，否则从DOM获取
+        /** @type {?} */
+        const popupWidth = popupSize && popupSize.width !== null && popupSize.width !== undefined
+            ? popupSize.width
+            : popupRect.width || popupEl.offsetWidth || 300;
+        /** @type {?} */
+        const popupHeight = popupSize && popupSize.height !== null && popupSize.height !== undefined
+            ? popupSize.height
+            : popupRect.height || popupEl.offsetHeight || 200;
+        /** @type {?} */
+        const coordinates = this.calculatePositionCoordinates(triggerRect, placement, position, { width: popupWidth, height: popupHeight });
+        popupEl.style.top = coordinates.top;
+        popupEl.style.left = coordinates.left;
+        popupEl.style.transform = `translate(${coordinates.translateX}, ${coordinates.translateY})`;
+    }
+    /**
+     * @return {?}
+     */
+    onWindowResize() {
+        if (this.opened === "yes") {
+            this.updatePopupPosition();
+        }
+    }
+}
+SmartPopupComponent.decorators = [
+    { type: Component, args: [{
+                selector: "rs-smart-popup",
+                template: "<!-- \u89E6\u53D1\u5143\u7D20\u63D2\u69FD -->\r\n<ng-container #trigger>\r\n  <ng-content select=\"[trigger]\"></ng-content>\r\n</ng-container>\r\n\r\n<!-- \u5F39\u7A97\u5185\u5BB9 -->\r\n<div\r\n  #popup\r\n  class=\"rs-smart-popup-content\"\r\n  [attr.data-opened]=\"opened\"\r\n  [attr.data-positioning]=\"positioning\"\r\n>\r\n  <div *ngIf=\"loading\" class=\"rs-smart-popup-loading\">\r\n    <div class=\"loading-spinner\"></div>\r\n  </div>\r\n  <div *ngIf=\"!loading\" class=\"rs-smart-popup-body\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n\r\n",
+                styles: [".rs-smart-popup-trigger{display:inline-block;cursor:pointer}::ng-deep #rs-smart-popup-fixed-container{width:0;height:0;z-index:100000;pointer-events:none}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content{pointer-events:auto;position:fixed;z-index:100001;padding:8px;border-radius:8px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);min-width:200px;max-width:400px;max-height:500px;overflow:auto}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content[data-opened=no]{display:none}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content[data-opened=yes]{display:block}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content[data-opened=yes][data-positioning=yes]{display:none!important}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content[data-opened=yes][data-positioning=no]{display:block;visibility:visible;opacity:1;pointer-events:auto;-webkit-animation:.2s ease-out popup-fade-in;animation:.2s ease-out popup-fade-in}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content .rs-smart-popup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:100px}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content .rs-smart-popup-loading .loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin;margin-bottom:12px}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content .rs-smart-popup-loading .loading-text{color:#666;font-size:14px}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}::ng-deep #rs-smart-popup-fixed-container .rs-smart-popup-content .rs-smart-popup-body{width:100%}@-webkit-keyframes popup-fade-in{from{opacity:0;transform:translate(var(--translate-x,0),var(--translate-y,0)) scale(.95)}to{opacity:1;transform:translate(var(--translate-x,0),var(--translate-y,0)) scale(1)}}@keyframes popup-fade-in{from{opacity:0;transform:translate(var(--translate-x,0),var(--translate-y,0)) scale(.95)}to{opacity:1;transform:translate(var(--translate-x,0),var(--translate-y,0)) scale(1)}}"]
+            }] }
+];
+/** @nocollapse */
+SmartPopupComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+SmartPopupComponent.propDecorators = {
+    _placement: [{ type: Input, args: ["placement",] }],
+    _offset: [{ type: Input, args: ["offset",] }],
+    _autoAdjust: [{ type: Input, args: ["autoAdjust",] }],
+    triggerElementRef: [{ type: Input, args: ["triggerElement",] }],
+    loading: [{ type: Input, args: ["loading",] }],
+    _open: [{ type: Input, args: ["open",] }],
+    _width: [{ type: Input, args: ["width",] }],
+    _height: [{ type: Input, args: ["height",] }],
+    openChange: [{ type: Output, args: ["openChange",] }],
+    contentLoad: [{ type: Output, args: ["contentLoad",] }],
+    internalTriggerElement: [{ type: ViewChild, args: ["trigger", { static: false },] }],
+    popupElement: [{ type: ViewChild, args: ["popup", { static: false },] }],
+    onWindowResize: [{ type: HostListener, args: ["window:resize",] }]
+};
+if (false) {
+    /** @type {?} */
+    SmartPopupComponent.prototype._placement;
+    /** @type {?} */
+    SmartPopupComponent.prototype._offset;
+    /** @type {?} */
+    SmartPopupComponent.prototype._autoAdjust;
+    /** @type {?} */
+    SmartPopupComponent.prototype.triggerElementRef;
+    /** @type {?} */
+    SmartPopupComponent.prototype.loading;
+    /** @type {?} */
+    SmartPopupComponent.prototype._open;
+    /** @type {?} */
+    SmartPopupComponent.prototype._width;
+    /** @type {?} */
+    SmartPopupComponent.prototype._height;
+    /** @type {?} */
+    SmartPopupComponent.prototype.openChange;
+    /** @type {?} */
+    SmartPopupComponent.prototype.contentLoad;
+    /** @type {?} */
+    SmartPopupComponent.prototype.internalTriggerElement;
+    /** @type {?} */
+    SmartPopupComponent.prototype.popupElement;
+    /** @type {?} */
+    SmartPopupComponent.prototype.currentTriggerElement;
+    /** @type {?} */
+    SmartPopupComponent.prototype.FIXED_CONTAINER_ID;
+    /** @type {?} */
+    SmartPopupComponent.prototype.fixedContainerEl;
+    /** @type {?} */
+    SmartPopupComponent.prototype.opened;
+    /** @type {?} */
+    SmartPopupComponent.prototype.positioning;
+    /** @type {?} */
+    SmartPopupComponent.prototype.actualPlacement;
+    /** @type {?} */
+    SmartPopupComponent.prototype.actualPosition;
+    /** @type {?} */
+    SmartPopupComponent.prototype.onClickOutside;
+    /** @type {?} */
+    SmartPopupComponent.prototype.onWindowScroll;
+    /**
+     * @type {?}
+     * @private
+     */
+    SmartPopupComponent.prototype.ref;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/dashboard/dashboard.service.ts
@@ -47700,6 +48765,7 @@ RaiseCommonLibModule.decorators = [
                     RSNavCardGroupComponent,
                     RSToolbarComponent,
                     TruncatedTextToggleComponent,
+                    SmartPopupComponent,
                     RSStepperComponent,
                     PaneGroupNewComponent,
                     SidebarIconlistNewComponent,
@@ -47882,6 +48948,7 @@ RaiseCommonLibModule.decorators = [
                     RSNavCardGroupComponent,
                     RSToolbarComponent,
                     TruncatedTextToggleComponent,
+                    SmartPopupComponent,
                     CommonDialogComponent,
                     RSStepperComponent,
                     PaneGroupNewComponent,
@@ -47921,5 +48988,5 @@ RaiseCommonLibModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { API_SERVICE_TOKEN, CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, PBF_TOKEN, PaneGroupNewComponent, ROLE_SERVICE_TOKEN, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSStepperComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, DashboardService as ɵb, ApiList as ɵc, DashboardPorletsService as ɵd, debounce as ɵe, RichtexteditorComponent as ɵf, ConfirmSelectComponent as ɵg, NewActionNotificationComponent as ɵh, CommonDeleteComponent as ɵi, SidebarIconlistNewComponent as ɵj, EmptyIconPromptComponent as ɵk, GadgetTableComponent as ɵl, GadgetPivotComponent as ɵm, GadgetPivotChartComponent as ɵn, GadgetTransposeComponent as ɵo, PortletTypeNewComponent as ɵp, FieldFilterComponent as ɵq, FieldFormatComponent as ɵr, DataMartNewComponent as ɵs, BarChartsComponent as ɵt, PaneDownloadComponent as ɵu };
+export { API_SERVICE_TOKEN, CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, PBF_TOKEN, PaneGroupNewComponent, ROLE_SERVICE_TOKEN, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSStepperComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SmartPopupComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, DashboardService as ɵb, ApiList as ɵc, DashboardPorletsService as ɵd, debounce as ɵe, RichtexteditorComponent as ɵf, ConfirmSelectComponent as ɵg, NewActionNotificationComponent as ɵh, CommonDeleteComponent as ɵi, SidebarIconlistNewComponent as ɵj, EmptyIconPromptComponent as ɵk, GadgetTableComponent as ɵl, GadgetPivotComponent as ɵm, GadgetPivotChartComponent as ɵn, GadgetTransposeComponent as ɵo, PortletTypeNewComponent as ɵp, FieldFilterComponent as ɵq, FieldFormatComponent as ɵr, DataMartNewComponent as ɵs, BarChartsComponent as ɵt, PaneDownloadComponent as ɵu };
 //# sourceMappingURL=raise-common-lib.js.map