raise-common-lib 0.0.217 → 0.0.219

package/fesm5/raise-common-lib.js

@@ -23744,6 +23744,1211 @@ 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
+ */
+var SmartPopupComponent = /** @class */ (function () {
+    function SmartPopupComponent(ref) {
+        var _this = this;
+        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 {?}
+         */
+        function (event) {
+            /** @type {?} */
+            var target = (/** @type {?} */ (event.target));
+            /** @type {?} */
+            var isClickOnTrigger = _this.currentTriggerElement && _this.currentTriggerElement.contains(target);
+            /** @type {?} */
+            var isClickOnPopup = _this.popupElement &&
+                _this.popupElement.nativeElement &&
+                _this.popupElement.nativeElement.contains(target);
+            if (!isClickOnTrigger && !isClickOnPopup) {
+                _this.close();
+            }
+        });
+        this.onWindowScroll = (/**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            if (_this.opened === "yes") {
+                // 检查滚动是否发生在弹窗内部
+                /** @type {?} */
+                var target = (/** @type {?} */ (event.target));
+                /** @type {?} */
+                var isScrollOnPopup = _this.popupElement &&
+                    _this.popupElement.nativeElement &&
+                    _this.popupElement.nativeElement.contains(target);
+                // 如果滚动发生在弹窗内部，不更新位置（避免不必要的计算）
+                // 如果滚动发生在外部，更新位置（因为触发元素位置可能改变）
+                if (!isScrollOnPopup) {
+                    _this.updatePopupPosition();
+                }
+            }
+        });
+    }
+    Object.defineProperty(SmartPopupComponent.prototype, "placementInfo", {
+        // 解析placement格式
+        get: 
+        // 解析placement格式
+        /**
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var 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",
+            });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SmartPopupComponent.prototype, "offset", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this._offset || 8;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SmartPopupComponent.prototype, "autoAdjust", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this._autoAdjust === "yes";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.ngAfterViewInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        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 {?} */
+            var 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 {?}
+             */
+            function () { return _this.open(); }), 0);
+        }
+    };
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.ngOnChanges = /**
+     * @param {?} changes
+     * @return {?}
+     */
+    function (changes) {
+        var _this = this;
+        // 处理固定尺寸变化
+        if ((changes._width || changes._height) &&
+            this.popupElement &&
+            this.popupElement.nativeElement) {
+            /** @type {?} */
+            var 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 {?} */
+            var previousTrigger = this.currentTriggerElement;
+            this.updateTriggerElement();
+            // 如果弹窗已经打开，且触发元素发生了变化，立即更新位置
+            if (this.opened === "yes" &&
+                previousTrigger !== this.currentTriggerElement &&
+                this.currentTriggerElement) {
+                // 使用新的打开方式更新位置
+                this.positioning = "yes";
+                this.ref.markForCheck();
+                requestAnimationFrame((/**
+                 * @return {?}
+                 */
+                function () {
+                    requestAnimationFrame((/**
+                     * @return {?}
+                     */
+                    function () {
+                        _this.updatePopupPosition();
+                        _this.positioning = "no";
+                        _this.ref.markForCheck();
+                    }));
+                }));
+            }
+        }
+        // 处理 open 变化（确保在触发元素更新后处理）
+        if (changes._open) {
+            if (this._open && this.opened === "no") {
+                // 确保触发元素已更新
+                this.updateTriggerElement();
+                // 使用 setTimeout 确保所有变更都已处理
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    // 再次确保触发元素已更新
+                    _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 {?}
+                         */
+                        function () {
+                            _this.updatePopupPosition();
+                            _this.contentLoad.emit();
+                        }));
+                    }
+                    else {
+                        // 如果正在定位，等待定位完成后再触发事件
+                        /** @type {?} */
+                        var checkPositioning_1 = (/**
+                         * @return {?}
+                         */
+                        function () {
+                            if (_this.positioning === "no") {
+                                _this.contentLoad.emit();
+                            }
+                            else {
+                                setTimeout(checkPositioning_1, 10);
+                            }
+                        });
+                        checkPositioning_1();
+                    }
+                }
+            }
+        }
+    };
+    /**
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        if (this.popupElement && this.popupElement.nativeElement) {
+            this.popupElement.nativeElement.remove();
+        }
+        window.removeEventListener("click", this.onClickOutside);
+        window.removeEventListener("scroll", this.onWindowScroll, true);
+    };
+    /**
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.updateTriggerElement = /**
+     * @return {?}
+     */
+    function () {
+        if (this.triggerElementRef) {
+            this.currentTriggerElement = this.triggerElementRef;
+        }
+        else if (this.internalTriggerElement &&
+            this.internalTriggerElement.nativeElement) {
+            this.currentTriggerElement = this.internalTriggerElement.nativeElement;
+        }
+        else {
+            this.currentTriggerElement = null;
+        }
+    };
+    /**
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.getFixedContainer = /**
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var 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 {?}
+     */
+    SmartPopupComponent.prototype.open = /**
+     * @param {?=} triggerElement
+     * @return {?}
+     */
+    function (triggerElement) {
+        var _this = this;
+        // 如果传入了触发元素，使用它
+        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 {?}
+             */
+            function () {
+                // 再次确保触发元素已更新
+                _this.updateTriggerElement();
+                _this.openPopup();
+            }));
+            return;
+        }
+        // 确保触发元素已更新
+        this.updateTriggerElement();
+        this.openPopup();
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.openPopup = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        // 再次确保触发元素已更新
+        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 {?} */
+            var triggerRect = this.currentTriggerElement.getBoundingClientRect();
+            /** @type {?} */
+            var viewportWidth = window.innerWidth;
+            /** @type {?} */
+            var viewportHeight = window.innerHeight;
+            /** @type {?} */
+            var popupSize = {
+                width: this._width,
+                height: this._height,
+            };
+            /** @type {?} */
+            var popupRect = (/** @type {?} */ ({
+                width: popupSize.width,
+                height: popupSize.height,
+                top: 0,
+                left: 0,
+                right: popupSize.width,
+                bottom: popupSize.height,
+                x: 0,
+                y: 0,
+                toJSON: (/**
+                 * @return {?}
+                 */
+                function () { return ({}); }),
+            }));
+            /** @type {?} */
+            var targetInfo = this.placementInfo;
+            /** @type {?} */
+            var finalPlacement = targetInfo.placement;
+            /** @type {?} */
+            var finalPosition = targetInfo.position;
+            if (this.autoAdjust) {
+                /** @type {?} */
+                var optimal = this.calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight);
+                finalPlacement = optimal.placement;
+                finalPosition = optimal.position;
+            }
+            this.actualPlacement = finalPlacement;
+            this.actualPosition = finalPosition;
+            // 计算位置坐标（不依赖DOM，直接计算）
+            /** @type {?} */
+            var position_1 = 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 {?} */
+                var 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_1.top;
+                popupEl.style.left = position_1.left;
+                popupEl.style.transform = "translate(" + position_1.translateX + ", " + position_1.translateY + ")";
+                // 强制同步应用样式
+                popupEl.offsetHeight;
+                // 位置设置完成后，立即显示弹窗
+                this.positioning = "no";
+                this.ref.markForCheck();
+            }
+            else {
+                // 如果元素还不存在，等待渲染
+                requestAnimationFrame((/**
+                 * @return {?}
+                 */
+                function () {
+                    if (_this.popupElement && _this.popupElement.nativeElement) {
+                        /** @type {?} */
+                        var 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_1.top;
+                        popupEl.style.left = position_1.left;
+                        popupEl.style.transform = "translate(" + position_1.translateX + ", " + position_1.translateY + ")";
+                        // 强制同步应用样式
+                        popupEl.offsetHeight;
+                        // 位置设置完成后，立即显示弹窗
+                        _this.positioning = "no";
+                        _this.ref.markForCheck();
+                    }
+                }));
+            }
+        }
+        else {
+            // 没有固定尺寸，需要等待DOM渲染
+            this.positioning = "yes";
+            this.ref.markForCheck();
+            // 立即强制更新视图，确保DOM已更新
+            this.ref.detectChanges();
+            // 使用 requestAnimationFrame 确保在浏览器渲染之前更新位置
+            requestAnimationFrame((/**
+             * @return {?}
+             */
+            function () {
+                // 确保元素已渲染并获取尺寸
+                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 {?}
+     */
+    SmartPopupComponent.prototype.close = /**
+     * @return {?}
+     */
+    function () {
+        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 {?}
+     */
+    SmartPopupComponent.prototype.toggle = /**
+     * @return {?}
+     */
+    function () {
+        if (this.opened === "yes") {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.onClickTrigger = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        event.stopPropagation();
+        this.toggle();
+    };
+    // 处理弹窗内部的滚轮事件
+    // 处理弹窗内部的滚轮事件
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.onPopupWheel = 
+    // 处理弹窗内部的滚轮事件
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        // 阻止滚轮事件冒泡，避免触发外部滚动处理
+        event.stopPropagation();
+    };
+    // 处理弹窗内部的滚动事件
+    // 处理弹窗内部的滚动事件
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.onPopupScroll = 
+    // 处理弹窗内部的滚动事件
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        // 阻止滚动事件冒泡，避免触发外部滚动处理
+        event.stopPropagation();
+    };
+    // 计算并设置位置（支持固定尺寸，可在打开前调用）
+    // 计算并设置位置（支持固定尺寸，可在打开前调用）
+    /**
+     * @private
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.calculateAndSetPosition = 
+    // 计算并设置位置（支持固定尺寸，可在打开前调用）
+    /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (!this.currentTriggerElement) {
+            return;
+        }
+        /** @type {?} */
+        var triggerRect = this.currentTriggerElement.getBoundingClientRect();
+        /** @type {?} */
+        var viewportWidth = window.innerWidth;
+        /** @type {?} */
+        var viewportHeight = window.innerHeight;
+        // 获取弹窗尺寸（优先使用固定尺寸）
+        /** @type {?} */
+        var 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 {?} */
+        var popupRect = (/** @type {?} */ ({
+            width: popupSize.width,
+            height: popupSize.height,
+            top: 0,
+            left: 0,
+            right: popupSize.width,
+            bottom: popupSize.height,
+            x: 0,
+            y: 0,
+            toJSON: (/**
+             * @return {?}
+             */
+            function () { return ({}); }),
+        }));
+        // 获取目标位置信息
+        /** @type {?} */
+        var targetInfo = this.placementInfo;
+        /** @type {?} */
+        var finalPlacement = targetInfo.placement;
+        /** @type {?} */
+        var finalPosition = targetInfo.position;
+        if (this.autoAdjust) {
+            /** @type {?} */
+            var 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 {?}
+             */
+            function () {
+                if (_this.popupElement && _this.popupElement.nativeElement) {
+                    _this.setPopupPosition(triggerRect, popupRect, finalPlacement, finalPosition, popupSize);
+                    _this.ref.detectChanges();
+                }
+            }), 0);
+        }
+        this.ref.markForCheck();
+    };
+    /**
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.updatePopupPosition = /**
+     * @return {?}
+     */
+    function () {
+        if (!this.currentTriggerElement ||
+            !this.popupElement ||
+            !this.popupElement.nativeElement) {
+            return;
+        }
+        // 如果提供了固定尺寸，使用固定尺寸计算
+        if (this._width !== null && this._height !== null) {
+            this.calculateAndSetPosition();
+            return;
+        }
+        /** @type {?} */
+        var triggerRect = this.currentTriggerElement.getBoundingClientRect();
+        /** @type {?} */
+        var popupRect = this.popupElement.nativeElement.getBoundingClientRect();
+        /** @type {?} */
+        var viewportWidth = window.innerWidth;
+        /** @type {?} */
+        var viewportHeight = window.innerHeight;
+        // 获取目标位置信息
+        /** @type {?} */
+        var targetInfo = this.placementInfo;
+        /** @type {?} */
+        var finalPlacement = targetInfo.placement;
+        /** @type {?} */
+        var finalPosition = targetInfo.position;
+        if (this.autoAdjust) {
+            /** @type {?} */
+            var 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 {?}
+     */
+    SmartPopupComponent.prototype.calculateOptimalPlacement = /**
+     * @param {?} triggerRect
+     * @param {?} popupRect
+     * @param {?} viewportWidth
+     * @param {?} viewportHeight
+     * @return {?}
+     */
+    function (triggerRect, popupRect, viewportWidth, viewportHeight) {
+        var e_1, _a;
+        var _this = this;
+        /** @type {?} */
+        var targetInfo = this.placementInfo;
+        /** @type {?} */
+        var preferred = targetInfo.placement;
+        /** @type {?} */
+        var preferredPosition = targetInfo.position;
+        /** @type {?} */
+        var space = {
+            top: triggerRect.top,
+            bottom: viewportHeight - triggerRect.bottom,
+            left: triggerRect.left,
+            right: viewportWidth - triggerRect.right,
+        };
+        /** @type {?} */
+        var popupSize = {
+            width: popupRect.width || 300,
+            // 默认宽度，如果还没有渲染
+            height: popupRect.height || 200,
+        };
+        // 检查首选位置是否有足够空间
+        /** @type {?} */
+        var hasEnoughSpace = (/**
+         * @param {?} placement
+         * @return {?}
+         */
+        function (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 {?} */
+        var checkPositionSpace = (/**
+         * @param {?} placement
+         * @param {?} position
+         * @return {?}
+         */
+        function (placement, position) {
+            if (placement === "top" || placement === "bottom") {
+                // 对于上下位置，检查水平对齐空间
+                /** @type {?} */
+                var popupWidth = popupSize.width;
+                /** @type {?} */
+                var spaceLeft = triggerRect.left;
+                /** @type {?} */
+                var 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 {?} */
+                var popupHeight = popupSize.height;
+                /** @type {?} */
+                var spaceTop = triggerRect.top;
+                /** @type {?} */
+                var 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 {?} */
+        var calculatePosition = (/**
+         * @param {?} placement
+         * @return {?}
+         */
+        function (placement) {
+            if (placement === "top" || placement === "bottom") {
+                // 对于上下位置，检查水平对齐
+                /** @type {?} */
+                var popupWidth = popupSize.width;
+                /** @type {?} */
+                var spaceLeft = triggerRect.left;
+                /** @type {?} */
+                var 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 {?} */
+                var popupHeight = popupSize.height;
+                /** @type {?} */
+                var spaceTop = triggerRect.top;
+                /** @type {?} */
+                var 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 {?} */
+        var alternatives = {
+            bottom: ["top", "right", "left"],
+            top: ["bottom", "right", "left"],
+            right: ["left", "bottom", "top"],
+            left: ["right", "bottom", "top"],
+        };
+        /** @type {?} */
+        var altList = alternatives[preferred] || [];
+        try {
+            // 尝试找到第一个有足够空间的备选位置
+            for (var altList_1 = __values(altList), altList_1_1 = altList_1.next(); !altList_1_1.done; altList_1_1 = altList_1.next()) {
+                var alt = altList_1_1.value;
+                if (hasEnoughSpace(alt)) {
+                    return {
+                        placement: alt,
+                        position: calculatePosition(alt),
+                    };
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (altList_1_1 && !altList_1_1.done && (_a = altList_1.return)) _a.call(altList_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        // 如果都没有足够空间，选择空间最大的位置
+        /** @type {?} */
+        var maxSpace = Math.max(space.top, space.bottom, space.left, space.right);
+        /** @type {?} */
+        var 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，包含边界约束）
+    // 计算位置坐标（纯计算，不依赖DOM，包含边界约束）
+    /**
+     * @private
+     * @param {?} triggerRect
+     * @param {?} placement
+     * @param {?} position
+     * @param {?} popupSize
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.calculatePositionCoordinates = 
+    // 计算位置坐标（纯计算，不依赖DOM，包含边界约束）
+    /**
+     * @private
+     * @param {?} triggerRect
+     * @param {?} placement
+     * @param {?} position
+     * @param {?} popupSize
+     * @return {?}
+     */
+    function (triggerRect, placement, position, popupSize) {
+        /** @type {?} */
+        var triggerWidth = triggerRect.width;
+        /** @type {?} */
+        var triggerHeight = triggerRect.height;
+        /** @type {?} */
+        var viewportWidth = window.innerWidth;
+        /** @type {?} */
+        var viewportHeight = window.innerHeight;
+        /** @type {?} */
+        var scrollX = window.scrollX;
+        /** @type {?} */
+        var scrollY = window.scrollY;
+        /** @type {?} */
+        var top = 0;
+        /** @type {?} */
+        var left = 0;
+        /** @type {?} */
+        var translateX = "0";
+        /** @type {?} */
+        var 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: translateX,
+            translateY: translateY,
+        };
+    };
+    /**
+     * @param {?} triggerRect
+     * @param {?} popupRect
+     * @param {?} placement
+     * @param {?} position
+     * @param {?=} popupSize
+     * @return {?}
+     */
+    SmartPopupComponent.prototype.setPopupPosition = /**
+     * @param {?} triggerRect
+     * @param {?} popupRect
+     * @param {?} placement
+     * @param {?} position
+     * @param {?=} popupSize
+     * @return {?}
+     */
+    function (triggerRect, popupRect, placement, position, popupSize) {
+        /** @type {?} */
+        var popupEl = this.popupElement && this.popupElement.nativeElement
+            ? this.popupElement.nativeElement
+            : null;
+        if (!popupEl) {
+            return; // 如果元素还不存在，无法设置位置
+        }
+        // 优先使用传入的固定尺寸，否则从DOM获取
+        /** @type {?} */
+        var popupWidth = popupSize && popupSize.width !== null && popupSize.width !== undefined
+            ? popupSize.width
+            : popupRect.width || popupEl.offsetWidth || 300;
+        /** @type {?} */
+        var popupHeight = popupSize && popupSize.height !== null && popupSize.height !== undefined
+            ? popupSize.height
+            : popupRect.height || popupEl.offsetHeight || 200;
+        /** @type {?} */
+        var 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 {?}
+     */
+    SmartPopupComponent.prototype.onWindowResize = /**
+     * @return {?}
+     */
+    function () {
+        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  (wheel)=\"onPopupWheel($event)\"\r\n  (scroll)=\"onPopupScroll($event)\"\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 = function () { return [
+        { 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",] }]
+    };
+    return SmartPopupComponent;
+}());
+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
@@ -51813,6 +53018,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         RSNavCardGroupComponent,
                         RSToolbarComponent,
                         TruncatedTextToggleComponent,
+                        SmartPopupComponent,
                         RSStepperComponent,
                         PaneGroupNewComponent,
                         SidebarIconlistNewComponent,
@@ -51995,6 +53201,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         RSNavCardGroupComponent,
                         RSToolbarComponent,
                         TruncatedTextToggleComponent,
+                        SmartPopupComponent,
                         CommonDialogComponent,
                         RSStepperComponent,
                         PaneGroupNewComponent,
@@ -52036,5 +53243,5 @@ var RaiseCommonLibModule = /** @class */ (function () {
  * @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