raise-common-lib 0.0.217 → 0.0.219

package/fesm2015/raise-common-lib.js

@@ -22722,6 +22722,1094 @@ if (false) {
     CommonDialogComponent.prototype.dialogRef;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/smart-popup/index.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class SmartPopupComponent {
+    /**
+     * @param {?} ref
+     */
+    constructor(ref) {
+        this.ref = ref;
+        this._placement = "BottomLeft";
+        this._offset = 8;
+        this._autoAdjust = "yes";
+        this.triggerElementRef = null;
+        this.loading = false;
+        this._open = false;
+        this._width = null;
+        this._height = null;
+        this.openChange = new EventEmitter();
+        this.contentLoad = new EventEmitter();
+        this.currentTriggerElement = null;
+        this.FIXED_CONTAINER_ID = "rs-smart-popup-fixed-container";
+        this.opened = "no";
+        this.positioning = "no";
+        this.actualPlacement = "bottom";
+        this.actualPosition = "start";
+        this.onClickOutside = (/**
+         * @param {?} event
+         * @return {?}
+         */
+        (event) => {
+            /** @type {?} */
+            const target = (/** @type {?} */ (event.target));
+            /** @type {?} */
+            const isClickOnTrigger = this.currentTriggerElement && this.currentTriggerElement.contains(target);
+            /** @type {?} */
+            const isClickOnPopup = this.popupElement &&
+                this.popupElement.nativeElement &&
+                this.popupElement.nativeElement.contains(target);
+            if (!isClickOnTrigger && !isClickOnPopup) {
+                this.close();
+            }
+        });
+        this.onWindowScroll = (/**
+         * @param {?} event
+         * @return {?}
+         */
+        (event) => {
+            if (this.opened === "yes") {
+                // 检查滚动是否发生在弹窗内部
+                /** @type {?} */
+                const target = (/** @type {?} */ (event.target));
+                /** @type {?} */
+                const isScrollOnPopup = this.popupElement &&
+                    this.popupElement.nativeElement &&
+                    this.popupElement.nativeElement.contains(target);
+                // 如果滚动发生在弹窗内部，不更新位置（避免不必要的计算）
+                // 如果滚动发生在外部，更新位置（因为触发元素位置可能改变）
+                if (!isScrollOnPopup) {
+                    this.updatePopupPosition();
+                }
+            }
+        });
+    }
+    // 解析placement格式
+    /**
+     * @return {?}
+     */
+    get placementInfo() {
+        /** @type {?} */
+        const placementMap = {
+            TopLeft: { placement: "top", position: "start" },
+            TopCenter: { placement: "top", position: "center" },
+            TopRight: { placement: "top", position: "end" },
+            BottomLeft: { placement: "bottom", position: "start" },
+            BottomCenter: { placement: "bottom", position: "center" },
+            BottomRight: { placement: "bottom", position: "end" },
+            LeftTop: { placement: "left", position: "start" },
+            LeftCenter: { placement: "left", position: "center" },
+            LeftBottom: { placement: "left", position: "end" },
+            RightTop: { placement: "right", position: "start" },
+            RightCenter: { placement: "right", position: "center" },
+            RightBottom: { placement: "right", position: "end" },
+        };
+        return (placementMap[this._placement] || {
+            placement: "bottom",
+            position: "start",
+        });
+    }
+    /**
+     * @return {?}
+     */
+    get offset() {
+        return this._offset || 8;
+    }
+    /**
+     * @return {?}
+     */
+    get autoAdjust() {
+        return this._autoAdjust === "yes";
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.fixedContainerEl = this.getFixedContainer();
+        this.fixedContainerEl.append(this.popupElement.nativeElement);
+        this.updateTriggerElement();
+        // 如果提供了固定尺寸，立即应用
+        if (this._width !== null &&
+            this._height !== null &&
+            this.popupElement &&
+            this.popupElement.nativeElement) {
+            /** @type {?} */
+            const popupEl = this.popupElement.nativeElement;
+            popupEl.style.width = this._width + "px";
+            popupEl.style.height = this._height + "px";
+            popupEl.style.minWidth = this._width + "px";
+            popupEl.style.maxWidth = this._width + "px";
+            popupEl.style.minHeight = this._height + "px";
+            popupEl.style.maxHeight = this._height + "px";
+        }
+        // 如果外部传入 open 属性为 true，自动打开
+        if (this._open) {
+            setTimeout((/**
+             * @return {?}
+             */
+            () => this.open()), 0);
+        }
+    }
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    ngOnChanges(changes) {
+        // 处理固定尺寸变化
+        if ((changes._width || changes._height) &&
+            this.popupElement &&
+            this.popupElement.nativeElement) {
+            /** @type {?} */
+            const popupEl = this.popupElement.nativeElement;
+            if (this._width !== null) {
+                popupEl.style.width = this._width + "px";
+                popupEl.style.minWidth = this._width + "px";
+                popupEl.style.maxWidth = this._width + "px";
+            }
+            if (this._height !== null) {
+                popupEl.style.height = this._height + "px";
+                popupEl.style.minHeight = this._height + "px";
+                popupEl.style.maxHeight = this._height + "px";
+            }
+        }
+        // 先处理触发元素变化（确保在打开前更新触发元素）
+        if (changes.triggerElementRef) {
+            /** @type {?} */
+            const previousTrigger = this.currentTriggerElement;
+            this.updateTriggerElement();
+            // 如果弹窗已经打开，且触发元素发生了变化，立即更新位置
+            if (this.opened === "yes" &&
+                previousTrigger !== this.currentTriggerElement &&
+                this.currentTriggerElement) {
+                // 使用新的打开方式更新位置
+                this.positioning = "yes";
+                this.ref.markForCheck();
+                requestAnimationFrame((/**
+                 * @return {?}
+                 */
+                () => {
+                    requestAnimationFrame((/**
+                     * @return {?}
+                     */
+                    () => {
+                        this.updatePopupPosition();
+                        this.positioning = "no";
+                        this.ref.markForCheck();
+                    }));
+                }));
+            }
+        }
+        // 处理 open 变化（确保在触发元素更新后处理）
+        if (changes._open) {
+            if (this._open && this.opened === "no") {
+                // 确保触发元素已更新
+                this.updateTriggerElement();
+                // 使用 setTimeout 确保所有变更都已处理
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    // 再次确保触发元素已更新
+                    this.updateTriggerElement();
+                    this.open();
+                }), 0);
+            }
+            else if (!this._open && this.opened === "yes") {
+                this.close();
+            }
+        }
+        // 当加载完成时，更新位置（如果提供了固定尺寸，不需要更新位置）
+        if (changes.loading &&
+            !changes.loading.currentValue &&
+            changes.loading.previousValue) {
+            if (this.opened === "yes") {
+                // 如果提供了固定尺寸，位置已经计算好了，不需要更新
+                if (this._width !== null && this._height !== null) {
+                    this.contentLoad.emit();
+                }
+                else {
+                    // 如果正在定位，不需要更新位置
+                    if (this.positioning === "no") {
+                        requestAnimationFrame((/**
+                         * @return {?}
+                         */
+                        () => {
+                            this.updatePopupPosition();
+                            this.contentLoad.emit();
+                        }));
+                    }
+                    else {
+                        // 如果正在定位，等待定位完成后再触发事件
+                        /** @type {?} */
+                        const checkPositioning = (/**
+                         * @return {?}
+                         */
+                        () => {
+                            if (this.positioning === "no") {
+                                this.contentLoad.emit();
+                            }
+                            else {
+                                setTimeout(checkPositioning, 10);
+                            }
+                        });
+                        checkPositioning();
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        if (this.popupElement && this.popupElement.nativeElement) {
+            this.popupElement.nativeElement.remove();
+        }
+        window.removeEventListener("click", this.onClickOutside);
+        window.removeEventListener("scroll", this.onWindowScroll, true);
+    }
+    /**
+     * @return {?}
+     */
+    updateTriggerElement() {
+        if (this.triggerElementRef) {
+            this.currentTriggerElement = this.triggerElementRef;
+        }
+        else if (this.internalTriggerElement &&
+            this.internalTriggerElement.nativeElement) {
+            this.currentTriggerElement = this.internalTriggerElement.nativeElement;
+        }
+        else {
+            this.currentTriggerElement = null;
+        }
+    }
+    /**
+     * @return {?}
+     */
+    getFixedContainer() {
+        /** @type {?} */
+        let containerElement = document.getElementById(this.FIXED_CONTAINER_ID);
+        if (!containerElement) {
+            containerElement = document.createElement("div");
+            containerElement.setAttribute("id", this.FIXED_CONTAINER_ID);
+            document.body.append(containerElement);
+        }
+        return containerElement;
+    }
+    /**
+     * @param {?=} triggerElement
+     * @return {?}
+     */
+    open(triggerElement) {
+        // 如果传入了触发元素，使用它
+        if (triggerElement) {
+            this.currentTriggerElement = triggerElement;
+        }
+        else {
+            this.updateTriggerElement();
+        }
+        if (!this.currentTriggerElement) {
+            console.warn("SmartPopupComponent: No trigger element found");
+            return;
+        }
+        // 如果已经打开，先关闭再打开（更新位置）
+        if (this.opened === "yes") {
+            // 先关闭弹窗
+            this.opened = "no";
+            this.positioning = "no";
+            this.ref.markForCheck();
+            // 立即在新位置打开
+            requestAnimationFrame((/**
+             * @return {?}
+             */
+            () => {
+                // 再次确保触发元素已更新
+                this.updateTriggerElement();
+                this.openPopup();
+            }));
+            return;
+        }
+        // 确保触发元素已更新
+        this.updateTriggerElement();
+        this.openPopup();
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    openPopup() {
+        // 再次确保触发元素已更新
+        this.updateTriggerElement();
+        if (!this.currentTriggerElement) {
+            console.warn("SmartPopupComponent: No trigger element found when opening popup");
+            return;
+        }
+        // 如果提供了固定尺寸，可以在打开前就计算好位置
+        if (this._width !== null && this._height !== null) {
+            // 先计算位置（不依赖DOM渲染，直接根据triggerElement计算）
+            /** @type {?} */
+            const triggerRect = this.currentTriggerElement.getBoundingClientRect();
+            /** @type {?} */
+            const viewportWidth = window.innerWidth;
+            /** @type {?} */
+            const viewportHeight = window.innerHeight;
+            /** @type {?} */
+            const popupSize = {
+                width: this._width,
+                height: this._height,
+            };
+            /** @type {?} */
+            const popupRect = (/** @type {?} */ ({
+                width: popupSize.width,
+                height: popupSize.height,
+                top: 0,
+                left: 0,
+                right: popupSize.width,
+                bottom: popupSize.height,
+                x: 0,
+                y: 0,
+                toJSON: (/**
+                 * @return {?}
+                 */
+                () => ({})),
+            }));
+            /** @type {?} */
+            const targetInfo = this.placementInfo;
+            /** @type {?} */
+            let finalPlacement = targetInfo.placement;
+            /** @type {?} */
+            let finalPosition = targetInfo.position;
+            if (this.autoAdjust) {
+                /** @type {?} */
+                const optimal = this.calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight);
+                finalPlacement = optimal.placement;
+                finalPosition = optimal.position;
+            }
+            this.actualPlacement = finalPlacement;
+            this.actualPosition = finalPosition;
+            // 计算位置坐标（不依赖DOM，直接计算）
+            /** @type {?} */
+            const position = this.calculatePositionCoordinates(triggerRect, finalPlacement, finalPosition, popupSize);
+            // 先设置打开状态，但保持隐藏（positioning = yes）
+            this.opened = "yes";
+            this.positioning = "yes";
+            this.openChange.emit(true);
+            this.ref.markForCheck();
+            // 强制更新视图，确保DOM已更新
+            this.ref.detectChanges();
+            // 如果元素已经存在，立即设置位置（不等待 requestAnimationFrame）
+            if (this.popupElement && this.popupElement.nativeElement) {
+                /** @type {?} */
+                const popupEl = this.popupElement.nativeElement;
+                // 立即设置尺寸和位置
+                popupEl.style.width = this._width + "px";
+                popupEl.style.height = this._height + "px";
+                popupEl.style.minWidth = this._width + "px";
+                popupEl.style.maxWidth = this._width + "px";
+                popupEl.style.minHeight = this._height + "px";
+                popupEl.style.maxHeight = this._height + "px";
+                popupEl.style.top = position.top;
+                popupEl.style.left = position.left;
+                popupEl.style.transform = `translate(${position.translateX}, ${position.translateY})`;
+                // 强制同步应用样式
+                popupEl.offsetHeight;
+                // 位置设置完成后，立即显示弹窗
+                this.positioning = "no";
+                this.ref.markForCheck();
+            }
+            else {
+                // 如果元素还不存在，等待渲染
+                requestAnimationFrame((/**
+                 * @return {?}
+                 */
+                () => {
+                    if (this.popupElement && this.popupElement.nativeElement) {
+                        /** @type {?} */
+                        const popupEl = this.popupElement.nativeElement;
+                        // 立即设置尺寸和位置
+                        popupEl.style.width = this._width + "px";
+                        popupEl.style.height = this._height + "px";
+                        popupEl.style.minWidth = this._width + "px";
+                        popupEl.style.maxWidth = this._width + "px";
+                        popupEl.style.minHeight = this._height + "px";
+                        popupEl.style.maxHeight = this._height + "px";
+                        popupEl.style.top = position.top;
+                        popupEl.style.left = position.left;
+                        popupEl.style.transform = `translate(${position.translateX}, ${position.translateY})`;
+                        // 强制同步应用样式
+                        popupEl.offsetHeight;
+                        // 位置设置完成后，立即显示弹窗
+                        this.positioning = "no";
+                        this.ref.markForCheck();
+                    }
+                }));
+            }
+        }
+        else {
+            // 没有固定尺寸，需要等待DOM渲染
+            this.positioning = "yes";
+            this.ref.markForCheck();
+            // 立即强制更新视图，确保DOM已更新
+            this.ref.detectChanges();
+            // 使用 requestAnimationFrame 确保在浏览器渲染之前更新位置
+            requestAnimationFrame((/**
+             * @return {?}
+             */
+            () => {
+                // 确保元素已渲染并获取尺寸
+                if (this.popupElement && this.popupElement.nativeElement) {
+                    // 强制重新计算布局，确保元素尺寸已计算
+                    this.popupElement.nativeElement.offsetHeight;
+                    // 计算并设置位置
+                    this.updatePopupPosition();
+                    // 位置设置完成后，移除定位状态，显示弹窗
+                    this.positioning = "no";
+                    this.ref.markForCheck();
+                }
+            }));
+        }
+        window.addEventListener("click", this.onClickOutside);
+        window.addEventListener("scroll", this.onWindowScroll, true);
+    }
+    /**
+     * @return {?}
+     */
+    close() {
+        if (this.opened === "no") {
+            return;
+        }
+        this.opened = "no";
+        this.positioning = "no";
+        this.openChange.emit(false);
+        window.removeEventListener("click", this.onClickOutside);
+        window.removeEventListener("scroll", this.onWindowScroll, true);
+        this.ref.markForCheck();
+    }
+    /**
+     * @return {?}
+     */
+    toggle() {
+        if (this.opened === "yes") {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onClickTrigger(event) {
+        event.stopPropagation();
+        this.toggle();
+    }
+    // 处理弹窗内部的滚轮事件
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onPopupWheel(event) {
+        // 阻止滚轮事件冒泡，避免触发外部滚动处理
+        event.stopPropagation();
+    }
+    // 处理弹窗内部的滚动事件
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    onPopupScroll(event) {
+        // 阻止滚动事件冒泡，避免触发外部滚动处理
+        event.stopPropagation();
+    }
+    // 计算并设置位置（支持固定尺寸，可在打开前调用）
+    /**
+     * @private
+     * @return {?}
+     */
+    calculateAndSetPosition() {
+        if (!this.currentTriggerElement) {
+            return;
+        }
+        /** @type {?} */
+        const triggerRect = this.currentTriggerElement.getBoundingClientRect();
+        /** @type {?} */
+        const viewportWidth = window.innerWidth;
+        /** @type {?} */
+        const viewportHeight = window.innerHeight;
+        // 获取弹窗尺寸（优先使用固定尺寸）
+        /** @type {?} */
+        const popupSize = {
+            width: this._width !== null
+                ? this._width
+                : this.popupElement && this.popupElement.nativeElement
+                    ? this.popupElement.nativeElement.offsetWidth
+                    : 300,
+            height: this._height !== null
+                ? this._height
+                : this.popupElement && this.popupElement.nativeElement
+                    ? this.popupElement.nativeElement.offsetHeight
+                    : 200,
+        };
+        // 创建虚拟的 popupRect（用于计算）
+        /** @type {?} */
+        const popupRect = (/** @type {?} */ ({
+            width: popupSize.width,
+            height: popupSize.height,
+            top: 0,
+            left: 0,
+            right: popupSize.width,
+            bottom: popupSize.height,
+            x: 0,
+            y: 0,
+            toJSON: (/**
+             * @return {?}
+             */
+            () => ({})),
+        }));
+        // 获取目标位置信息
+        /** @type {?} */
+        const targetInfo = this.placementInfo;
+        /** @type {?} */
+        let finalPlacement = targetInfo.placement;
+        /** @type {?} */
+        let finalPosition = targetInfo.position;
+        if (this.autoAdjust) {
+            /** @type {?} */
+            const optimal = this.calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight);
+            finalPlacement = optimal.placement;
+            finalPosition = optimal.position;
+        }
+        this.actualPlacement = finalPlacement;
+        this.actualPosition = finalPosition;
+        // 立即设置位置（即使元素还没完全渲染，也要先设置位置）
+        if (this.popupElement && this.popupElement.nativeElement) {
+            this.setPopupPosition(triggerRect, popupRect, finalPlacement, finalPosition, popupSize);
+            // 强制应用样式，确保位置立即生效
+            this.ref.detectChanges();
+        }
+        else {
+            // 如果元素还不存在，延迟设置位置
+            setTimeout((/**
+             * @return {?}
+             */
+            () => {
+                if (this.popupElement && this.popupElement.nativeElement) {
+                    this.setPopupPosition(triggerRect, popupRect, finalPlacement, finalPosition, popupSize);
+                    this.ref.detectChanges();
+                }
+            }), 0);
+        }
+        this.ref.markForCheck();
+    }
+    /**
+     * @return {?}
+     */
+    updatePopupPosition() {
+        if (!this.currentTriggerElement ||
+            !this.popupElement ||
+            !this.popupElement.nativeElement) {
+            return;
+        }
+        // 如果提供了固定尺寸，使用固定尺寸计算
+        if (this._width !== null && this._height !== null) {
+            this.calculateAndSetPosition();
+            return;
+        }
+        /** @type {?} */
+        const triggerRect = this.currentTriggerElement.getBoundingClientRect();
+        /** @type {?} */
+        const popupRect = this.popupElement.nativeElement.getBoundingClientRect();
+        /** @type {?} */
+        const viewportWidth = window.innerWidth;
+        /** @type {?} */
+        const viewportHeight = window.innerHeight;
+        // 获取目标位置信息
+        /** @type {?} */
+        const targetInfo = this.placementInfo;
+        /** @type {?} */
+        let finalPlacement = targetInfo.placement;
+        /** @type {?} */
+        let finalPosition = targetInfo.position;
+        if (this.autoAdjust) {
+            /** @type {?} */
+            const optimal = this.calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight);
+            finalPlacement = optimal.placement;
+            finalPosition = optimal.position;
+        }
+        this.actualPlacement = finalPlacement;
+        this.actualPosition = finalPosition;
+        this.setPopupPosition(triggerRect, popupRect, finalPlacement, finalPosition);
+        this.ref.markForCheck();
+    }
+    /**
+     * @param {?} triggerRect
+     * @param {?} popupRect
+     * @param {?} viewportWidth
+     * @param {?} viewportHeight
+     * @return {?}
+     */
+    calculateOptimalPlacement(triggerRect, popupRect, viewportWidth, viewportHeight) {
+        /** @type {?} */
+        const targetInfo = this.placementInfo;
+        /** @type {?} */
+        const preferred = targetInfo.placement;
+        /** @type {?} */
+        const preferredPosition = targetInfo.position;
+        /** @type {?} */
+        const space = {
+            top: triggerRect.top,
+            bottom: viewportHeight - triggerRect.bottom,
+            left: triggerRect.left,
+            right: viewportWidth - triggerRect.right,
+        };
+        /** @type {?} */
+        const popupSize = {
+            width: popupRect.width || 300,
+            // 默认宽度，如果还没有渲染
+            height: popupRect.height || 200,
+        };
+        // 检查首选位置是否有足够空间
+        /** @type {?} */
+        const hasEnoughSpace = (/**
+         * @param {?} placement
+         * @return {?}
+         */
+        (placement) => {
+            switch (placement) {
+                case "top":
+                    return space.top >= popupSize.height + this.offset;
+                case "bottom":
+                    return space.bottom >= popupSize.height + this.offset;
+                case "left":
+                    return space.left >= popupSize.width + this.offset;
+                case "right":
+                    return space.right >= popupSize.width + this.offset;
+            }
+        });
+        // 检查指定位置是否有足够空间
+        /** @type {?} */
+        const checkPositionSpace = (/**
+         * @param {?} placement
+         * @param {?} position
+         * @return {?}
+         */
+        (placement, position) => {
+            if (placement === "top" || placement === "bottom") {
+                // 对于上下位置，检查水平对齐空间
+                /** @type {?} */
+                const popupWidth = popupSize.width;
+                /** @type {?} */
+                const spaceLeft = triggerRect.left;
+                /** @type {?} */
+                const spaceRight = viewportWidth - triggerRect.right;
+                if (position === "center") {
+                    return spaceLeft >= popupWidth / 2 && spaceRight >= popupWidth / 2;
+                }
+                else if (position === "start") {
+                    return spaceLeft >= popupWidth;
+                }
+                else {
+                    // end
+                    return spaceRight >= popupWidth;
+                }
+            }
+            else {
+                // 对于左右位置，检查垂直对齐空间
+                /** @type {?} */
+                const popupHeight = popupSize.height;
+                /** @type {?} */
+                const spaceTop = triggerRect.top;
+                /** @type {?} */
+                const spaceBottom = viewportHeight - triggerRect.bottom;
+                if (position === "center") {
+                    return spaceTop >= popupHeight / 2 && spaceBottom >= popupHeight / 2;
+                }
+                else if (position === "start") {
+                    return spaceTop >= popupHeight;
+                }
+                else {
+                    // end
+                    return spaceBottom >= popupHeight;
+                }
+            }
+        });
+        // 计算位置是否合适（考虑水平/垂直对齐）
+        /** @type {?} */
+        const calculatePosition = (/**
+         * @param {?} placement
+         * @return {?}
+         */
+        (placement) => {
+            if (placement === "top" || placement === "bottom") {
+                // 对于上下位置，检查水平对齐
+                /** @type {?} */
+                const popupWidth = popupSize.width;
+                /** @type {?} */
+                const spaceLeft = triggerRect.left;
+                /** @type {?} */
+                const spaceRight = viewportWidth - triggerRect.right;
+                // 优先尝试使用用户指定的position
+                if (checkPositionSpace(placement, preferredPosition)) {
+                    return preferredPosition;
+                }
+                // 如果中心对齐有足够空间，优先使用中心
+                if (spaceLeft >= popupWidth / 2 && spaceRight >= popupWidth / 2) {
+                    return "center";
+                }
+                // 如果左侧空间不足，使用右对齐
+                if (spaceLeft < popupWidth / 2) {
+                    return "end";
+                }
+                // 如果右侧空间不足，使用左对齐
+                if (spaceRight < popupWidth / 2) {
+                    return "start";
+                }
+                return preferredPosition;
+            }
+            else {
+                // 对于左右位置，检查垂直对齐
+                /** @type {?} */
+                const popupHeight = popupSize.height;
+                /** @type {?} */
+                const spaceTop = triggerRect.top;
+                /** @type {?} */
+                const spaceBottom = viewportHeight - triggerRect.bottom;
+                // 优先尝试使用用户指定的position
+                if (checkPositionSpace(placement, preferredPosition)) {
+                    return preferredPosition;
+                }
+                // 如果中心对齐有足够空间，优先使用中心
+                if (spaceTop >= popupHeight / 2 && spaceBottom >= popupHeight / 2) {
+                    return "center";
+                }
+                // 如果上方空间不足，使用下对齐
+                if (spaceTop < popupHeight / 2) {
+                    return "end";
+                }
+                // 如果下方空间不足，使用上对齐
+                if (spaceBottom < popupHeight / 2) {
+                    return "start";
+                }
+                return preferredPosition;
+            }
+        });
+        // 如果首选位置有足够空间，优先使用用户指定的position
+        if (hasEnoughSpace(preferred)) {
+            // 检查用户指定的position是否有足够空间
+            if (checkPositionSpace(preferred, preferredPosition)) {
+                return {
+                    placement: preferred,
+                    position: preferredPosition,
+                };
+            }
+            // 如果指定的position空间不足，自动计算最佳position
+            return {
+                placement: preferred,
+                position: calculatePosition(preferred),
+            };
+        }
+        // 根据首选位置选择备选位置
+        /** @type {?} */
+        const alternatives = {
+            bottom: ["top", "right", "left"],
+            top: ["bottom", "right", "left"],
+            right: ["left", "bottom", "top"],
+            left: ["right", "bottom", "top"],
+        };
+        /** @type {?} */
+        const altList = alternatives[preferred] || [];
+        // 尝试找到第一个有足够空间的备选位置
+        for (const alt of altList) {
+            if (hasEnoughSpace(alt)) {
+                return {
+                    placement: alt,
+                    position: calculatePosition(alt),
+                };
+            }
+        }
+        // 如果都没有足够空间，选择空间最大的位置
+        /** @type {?} */
+        const maxSpace = Math.max(space.top, space.bottom, space.left, space.right);
+        /** @type {?} */
+        let bestPlacement;
+        if (maxSpace === space.top)
+            bestPlacement = "top";
+        else if (maxSpace === space.bottom)
+            bestPlacement = "bottom";
+        else if (maxSpace === space.left)
+            bestPlacement = "left";
+        else
+            bestPlacement = "right";
+        return {
+            placement: bestPlacement,
+            position: calculatePosition(bestPlacement),
+        };
+    }
+    // 计算位置坐标（纯计算，不依赖DOM，包含边界约束）
+    /**
+     * @private
+     * @param {?} triggerRect
+     * @param {?} placement
+     * @param {?} position
+     * @param {?} popupSize
+     * @return {?}
+     */
+    calculatePositionCoordinates(triggerRect, placement, position, popupSize) {
+        /** @type {?} */
+        const triggerWidth = triggerRect.width;
+        /** @type {?} */
+        const triggerHeight = triggerRect.height;
+        /** @type {?} */
+        const viewportWidth = window.innerWidth;
+        /** @type {?} */
+        const viewportHeight = window.innerHeight;
+        /** @type {?} */
+        const scrollX = window.scrollX;
+        /** @type {?} */
+        const scrollY = window.scrollY;
+        /** @type {?} */
+        let top = 0;
+        /** @type {?} */
+        let left = 0;
+        /** @type {?} */
+        let translateX = "0";
+        /** @type {?} */
+        let translateY = "0";
+        switch (placement) {
+            case "top":
+                top = triggerRect.top + scrollY - this.offset;
+                translateY = "-100%";
+                if (position === "start") {
+                    left = triggerRect.left + scrollX;
+                }
+                else if (position === "center") {
+                    left = triggerRect.left + scrollX + triggerWidth / 2;
+                    translateX = "-50%";
+                }
+                else {
+                    left = triggerRect.left + scrollX + triggerWidth;
+                    translateX = "-100%";
+                }
+                // 边界约束：确保弹窗不超出视口
+                if (top - popupSize.height < scrollY) {
+                    top = scrollY + 8; // 距离顶部至少8px
+                }
+                if (left < scrollX) {
+                    left = scrollX + 8;
+                    translateX = "0";
+                }
+                else if (left + popupSize.width > scrollX + viewportWidth) {
+                    left = scrollX + viewportWidth - popupSize.width - 8;
+                    translateX = "0";
+                }
+                break;
+            case "bottom":
+                top = triggerRect.bottom + scrollY + this.offset;
+                if (position === "start") {
+                    left = triggerRect.left + scrollX;
+                }
+                else if (position === "center") {
+                    left = triggerRect.left + scrollX + triggerWidth / 2;
+                    translateX = "-50%";
+                }
+                else {
+                    left = triggerRect.left + scrollX + triggerWidth;
+                    translateX = "-100%";
+                }
+                // 边界约束：确保弹窗不超出视口
+                if (top + popupSize.height > scrollY + viewportHeight) {
+                    top = scrollY + viewportHeight - popupSize.height - 8; // 距离底部至少8px
+                }
+                if (left < scrollX) {
+                    left = scrollX + 8;
+                    translateX = "0";
+                }
+                else if (left + popupSize.width > scrollX + viewportWidth) {
+                    left = scrollX + viewportWidth - popupSize.width - 8;
+                    translateX = "0";
+                }
+                break;
+            case "left":
+                left = triggerRect.left + scrollX - this.offset;
+                translateX = "-100%";
+                if (position === "start") {
+                    top = triggerRect.top + scrollY;
+                }
+                else if (position === "center") {
+                    top = triggerRect.top + scrollY + triggerHeight / 2;
+                    translateY = "-50%";
+                }
+                else {
+                    top = triggerRect.top + scrollY + triggerHeight;
+                    translateY = "-100%";
+                }
+                // 边界约束：确保弹窗不超出视口
+                if (left - popupSize.width < scrollX) {
+                    left = scrollX + 8; // 距离左侧至少8px
+                }
+                if (top < scrollY) {
+                    top = scrollY + 8;
+                    translateY = "0";
+                }
+                else if (top + popupSize.height > scrollY + viewportHeight) {
+                    top = scrollY + viewportHeight - popupSize.height - 8;
+                    translateY = "0";
+                }
+                break;
+            case "right":
+                left = triggerRect.right + scrollX + this.offset;
+                if (position === "start") {
+                    top = triggerRect.top + scrollY;
+                }
+                else if (position === "center") {
+                    top = triggerRect.top + scrollY + triggerHeight / 2;
+                    translateY = "-50%";
+                }
+                else {
+                    top = triggerRect.top + scrollY + triggerHeight;
+                    translateY = "-100%";
+                }
+                // 边界约束：确保弹窗不超出视口
+                if (left + popupSize.width > scrollX + viewportWidth) {
+                    left = scrollX + viewportWidth - popupSize.width - 8; // 距离右侧至少8px
+                }
+                if (top < scrollY) {
+                    top = scrollY + 8;
+                    translateY = "0";
+                }
+                else if (top + popupSize.height > scrollY + viewportHeight) {
+                    top = scrollY + viewportHeight - popupSize.height - 8;
+                    translateY = "0";
+                }
+                break;
+        }
+        return {
+            top: top + "px",
+            left: left + "px",
+            translateX,
+            translateY,
+        };
+    }
+    /**
+     * @param {?} triggerRect
+     * @param {?} popupRect
+     * @param {?} placement
+     * @param {?} position
+     * @param {?=} popupSize
+     * @return {?}
+     */
+    setPopupPosition(triggerRect, popupRect, placement, position, popupSize) {
+        /** @type {?} */
+        const popupEl = this.popupElement && this.popupElement.nativeElement
+            ? this.popupElement.nativeElement
+            : null;
+        if (!popupEl) {
+            return; // 如果元素还不存在，无法设置位置
+        }
+        // 优先使用传入的固定尺寸，否则从DOM获取
+        /** @type {?} */
+        const popupWidth = popupSize && popupSize.width !== null && popupSize.width !== undefined
+            ? popupSize.width
+            : popupRect.width || popupEl.offsetWidth || 300;
+        /** @type {?} */
+        const popupHeight = popupSize && popupSize.height !== null && popupSize.height !== undefined
+            ? popupSize.height
+            : popupRect.height || popupEl.offsetHeight || 200;
+        /** @type {?} */
+        const coordinates = this.calculatePositionCoordinates(triggerRect, placement, position, { width: popupWidth, height: popupHeight });
+        popupEl.style.top = coordinates.top;
+        popupEl.style.left = coordinates.left;
+        popupEl.style.transform = `translate(${coordinates.translateX}, ${coordinates.translateY})`;
+    }
+    /**
+     * @return {?}
+     */
+    onWindowResize() {
+        if (this.opened === "yes") {
+            this.updatePopupPosition();
+        }
+    }
+}
+SmartPopupComponent.decorators = [
+    { type: Component, args: [{
+                selector: "rs-smart-popup",
+                template: "<!-- \u89E6\u53D1\u5143\u7D20\u63D2\u69FD -->\r\n<ng-container #trigger>\r\n  <ng-content select=\"[trigger]\"></ng-content>\r\n</ng-container>\r\n\r\n<!-- \u5F39\u7A97\u5185\u5BB9 -->\r\n<div\r\n  #popup\r\n  class=\"rs-smart-popup-content\"\r\n  [attr.data-opened]=\"opened\"\r\n  [attr.data-positioning]=\"positioning\"\r\n  (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 = () => [
+    { type: ChangeDetectorRef }
+];
+SmartPopupComponent.propDecorators = {
+    _placement: [{ type: Input, args: ["placement",] }],
+    _offset: [{ type: Input, args: ["offset",] }],
+    _autoAdjust: [{ type: Input, args: ["autoAdjust",] }],
+    triggerElementRef: [{ type: Input, args: ["triggerElement",] }],
+    loading: [{ type: Input, args: ["loading",] }],
+    _open: [{ type: Input, args: ["open",] }],
+    _width: [{ type: Input, args: ["width",] }],
+    _height: [{ type: Input, args: ["height",] }],
+    openChange: [{ type: Output, args: ["openChange",] }],
+    contentLoad: [{ type: Output, args: ["contentLoad",] }],
+    internalTriggerElement: [{ type: ViewChild, args: ["trigger", { static: false },] }],
+    popupElement: [{ type: ViewChild, args: ["popup", { static: false },] }],
+    onWindowResize: [{ type: HostListener, args: ["window:resize",] }]
+};
+if (false) {
+    /** @type {?} */
+    SmartPopupComponent.prototype._placement;
+    /** @type {?} */
+    SmartPopupComponent.prototype._offset;
+    /** @type {?} */
+    SmartPopupComponent.prototype._autoAdjust;
+    /** @type {?} */
+    SmartPopupComponent.prototype.triggerElementRef;
+    /** @type {?} */
+    SmartPopupComponent.prototype.loading;
+    /** @type {?} */
+    SmartPopupComponent.prototype._open;
+    /** @type {?} */
+    SmartPopupComponent.prototype._width;
+    /** @type {?} */
+    SmartPopupComponent.prototype._height;
+    /** @type {?} */
+    SmartPopupComponent.prototype.openChange;
+    /** @type {?} */
+    SmartPopupComponent.prototype.contentLoad;
+    /** @type {?} */
+    SmartPopupComponent.prototype.internalTriggerElement;
+    /** @type {?} */
+    SmartPopupComponent.prototype.popupElement;
+    /** @type {?} */
+    SmartPopupComponent.prototype.currentTriggerElement;
+    /** @type {?} */
+    SmartPopupComponent.prototype.FIXED_CONTAINER_ID;
+    /** @type {?} */
+    SmartPopupComponent.prototype.fixedContainerEl;
+    /** @type {?} */
+    SmartPopupComponent.prototype.opened;
+    /** @type {?} */
+    SmartPopupComponent.prototype.positioning;
+    /** @type {?} */
+    SmartPopupComponent.prototype.actualPlacement;
+    /** @type {?} */
+    SmartPopupComponent.prototype.actualPosition;
+    /** @type {?} */
+    SmartPopupComponent.prototype.onClickOutside;
+    /** @type {?} */
+    SmartPopupComponent.prototype.onWindowScroll;
+    /**
+     * @type {?}
+     * @private
+     */
+    SmartPopupComponent.prototype.ref;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/dashboard/dashboard.service.ts
@@ -47707,6 +48795,7 @@ RaiseCommonLibModule.decorators = [
                     RSNavCardGroupComponent,
                     RSToolbarComponent,
                     TruncatedTextToggleComponent,
+                    SmartPopupComponent,
                     RSStepperComponent,
                     PaneGroupNewComponent,
                     SidebarIconlistNewComponent,
@@ -47889,6 +48978,7 @@ RaiseCommonLibModule.decorators = [
                     RSNavCardGroupComponent,
                     RSToolbarComponent,
                     TruncatedTextToggleComponent,
+                    SmartPopupComponent,
                     CommonDialogComponent,
                     RSStepperComponent,
                     PaneGroupNewComponent,
@@ -47928,5 +49018,5 @@ RaiseCommonLibModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { API_SERVICE_TOKEN, CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, PBF_TOKEN, PaneGroupNewComponent, ROLE_SERVICE_TOKEN, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSStepperComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, DashboardService as ɵb, ApiList as ɵc, DashboardPorletsService as ɵd, debounce as ɵe, RichtexteditorComponent as ɵf, ConfirmSelectComponent as ɵg, NewActionNotificationComponent as ɵh, CommonDeleteComponent as ɵi, SidebarIconlistNewComponent as ɵj, EmptyIconPromptComponent as ɵk, GadgetTableComponent as ɵl, GadgetPivotComponent as ɵm, GadgetPivotChartComponent as ɵn, GadgetTransposeComponent as ɵo, PortletTypeNewComponent as ɵp, FieldFilterComponent as ɵq, FieldFormatComponent as ɵr, DataMartNewComponent as ɵs, BarChartsComponent as ɵt, PaneDownloadComponent as ɵu };
+export { API_SERVICE_TOKEN, CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, PBF_TOKEN, PaneGroupNewComponent, ROLE_SERVICE_TOKEN, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSStepperComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SmartPopupComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, DashboardService as ɵb, ApiList as ɵc, DashboardPorletsService as ɵd, debounce as ɵe, RichtexteditorComponent as ɵf, ConfirmSelectComponent as ɵg, NewActionNotificationComponent as ɵh, CommonDeleteComponent as ɵi, SidebarIconlistNewComponent as ɵj, EmptyIconPromptComponent as ɵk, GadgetTableComponent as ɵl, GadgetPivotComponent as ɵm, GadgetPivotChartComponent as ɵn, GadgetTransposeComponent as ɵo, PortletTypeNewComponent as ɵp, FieldFilterComponent as ɵq, FieldFormatComponent as ɵr, DataMartNewComponent as ɵs, BarChartsComponent as ɵt, PaneDownloadComponent as ɵu };
 //# sourceMappingURL=raise-common-lib.js.map