raise-common-lib 0.0.218 → 0.0.219

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

@@ -24152,11 +24152,23 @@
                 }
             });
             this.onWindowScroll = (/**
+             * @param {?} event
              * @return {?}
              */
-            function () {
+            function (event) {
                 if (_this.opened === "yes") {
-                    _this.updatePopupPosition();
+                    // 检查滚动是否发生在弹窗内部
+                    /** @type {?} */
+                    var target = (/** @type {?} */ (event.target));
+                    /** @type {?} */
+                    var isScrollOnPopup = _this.popupElement &&
+                        _this.popupElement.nativeElement &&
+                        _this.popupElement.nativeElement.contains(target);
+                    // 如果滚动发生在弹窗内部，不更新位置（避免不必要的计算）
+                    // 如果滚动发生在外部，更新位置（因为触发元素位置可能改变）
+                    if (!isScrollOnPopup) {
+                        _this.updatePopupPosition();
+                    }
                 }
             });
         }
@@ -24632,6 +24644,38 @@
             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();
+        };
         // 计算并设置位置（支持固定尺寸，可在打开前调用）
         // 计算并设置位置（支持固定尺寸，可在打开前调用）
         /**
@@ -25195,7 +25239,7 @@
         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>\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",
+                        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)}}"]
                     }] }
         ];