raise-common-lib 0.0.218 → 0.0.219

package/fesm5/raise-common-lib.js

@@ -23787,11 +23787,23 @@ var SmartPopupComponent = /** @class */ (function () {
             }
         });
         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();
+                }
             }
         });
     }
@@ -24267,6 +24279,38 @@ var SmartPopupComponent = /** @class */ (function () {
         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();
+    };
     // 计算并设置位置（支持固定尺寸，可在打开前调用）
     // 计算并设置位置（支持固定尺寸，可在打开前调用）
     /**
@@ -24830,7 +24874,7 @@ var SmartPopupComponent = /** @class */ (function () {
     SmartPopupComponent.decorators = [
         { type: Component, args: [{
                     selector: "rs-smart-popup",
-                    template: "<!-- \u89E6\u53D1\u5143\u7D20\u63D2\u69FD -->\r\n<ng-container #trigger>\r\n  <ng-content select=\"[trigger]\"></ng-content>\r\n</ng-container>\r\n\r\n<!-- \u5F39\u7A97\u5185\u5BB9 -->\r\n<div\r\n  #popup\r\n  class=\"rs-smart-popup-content\"\r\n  [attr.data-opened]=\"opened\"\r\n  [attr.data-positioning]=\"positioning\"\r\n>\r\n  <div *ngIf=\"loading\" class=\"rs-smart-popup-loading\">\r\n    <div class=\"loading-spinner\"></div>\r\n  </div>\r\n  <div *ngIf=\"!loading\" class=\"rs-smart-popup-body\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n\r\n",
+                    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)}}"]
                 }] }
     ];