raise-common-lib 0.0.217 → 0.0.219

package/bundles/raise-common-lib.umd.js

@@ -24109,6 +24109,1211 @@
         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 core.EventEmitter();
+            this.contentLoad = new core.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: core.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: core.ChangeDetectorRef }
+        ]; };
+        SmartPopupComponent.propDecorators = {
+            _placement: [{ type: core.Input, args: ["placement",] }],
+            _offset: [{ type: core.Input, args: ["offset",] }],
+            _autoAdjust: [{ type: core.Input, args: ["autoAdjust",] }],
+            triggerElementRef: [{ type: core.Input, args: ["triggerElement",] }],
+            loading: [{ type: core.Input, args: ["loading",] }],
+            _open: [{ type: core.Input, args: ["open",] }],
+            _width: [{ type: core.Input, args: ["width",] }],
+            _height: [{ type: core.Input, args: ["height",] }],
+            openChange: [{ type: core.Output, args: ["openChange",] }],
+            contentLoad: [{ type: core.Output, args: ["contentLoad",] }],
+            internalTriggerElement: [{ type: core.ViewChild, args: ["trigger", { static: false },] }],
+            popupElement: [{ type: core.ViewChild, args: ["popup", { static: false },] }],
+            onWindowResize: [{ type: core.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
@@ -52178,6 +53383,7 @@
                             RSNavCardGroupComponent,
                             RSToolbarComponent,
                             TruncatedTextToggleComponent,
+                            SmartPopupComponent,
                             RSStepperComponent,
                             PaneGroupNewComponent,
                             SidebarIconlistNewComponent,
@@ -52360,6 +53566,7 @@
                             RSNavCardGroupComponent,
                             RSToolbarComponent,
                             TruncatedTextToggleComponent,
+                            SmartPopupComponent,
                             CommonDialogComponent,
                             RSStepperComponent,
                             PaneGroupNewComponent,
@@ -52425,6 +53632,7 @@
     exports.RsPageListComponent = RsPageListComponent;
     exports.RsPageTabComponent = RsPageTabComponent;
     exports.SearchInputComponent = SearchInputComponent;
+    exports.SmartPopupComponent = SmartPopupComponent;
     exports.SwitchInputComponent = SwitchInputComponent;
     exports.TagInputComponent = TagInputComponent;
     exports.ToolbarItemComponent = ToolbarItemComponent;