raise-common-lib 0.0.217 → 0.0.218

package/fesm5/raise-common-lib.js

@@ -23744,6 +23744,1167 @@ 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 = (/**
+         * @return {?}
+         */
+        function () {
+            if (_this.opened === "yes") {
+                _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();
+    };
+    // 计算并设置位置（支持固定尺寸，可在打开前调用）
+    // 计算并设置位置（支持固定尺寸，可在打开前调用）
+    /**
+     * @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>\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 +52974,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         RSNavCardGroupComponent,
                         RSToolbarComponent,
                         TruncatedTextToggleComponent,
+                        SmartPopupComponent,
                         RSStepperComponent,
                         PaneGroupNewComponent,
                         SidebarIconlistNewComponent,
@@ -51995,6 +53157,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         RSNavCardGroupComponent,
                         RSToolbarComponent,
                         TruncatedTextToggleComponent,
+                        SmartPopupComponent,
                         CommonDialogComponent,
                         RSStepperComponent,
                         PaneGroupNewComponent,
@@ -52036,5 +53199,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