chore: 优化一下

src/base/layer/layer.popup.js

@@ -106,10 +106,11 @@ BI.PopupView = BI.inherit(BI.Widget, {
             });
             this.arrowWrapper = BI.createWidget({
                 type: "bi.absolute",
+                cls: "bi-bubble-arrow-wrapper",
                 items: [{
                     el: this.arrow,
                 }]
-            })
+            });
             // 因为三角符号的原因位置变大了，需要占位
             this.placeholder = BI.createWidget({
                 type: "bi.layout"

src/less/base/view/popupview.less

@@ -28,7 +28,10 @@
 }
 
 .bi-popup-view[data-popper-placement^='top'], .bi-popup-view.top {
-  > div > .bi-bubble-arrow {
+  > .bi-bubble-arrow-wrapper {
+    bottom: 0;
+    left: 0;
+    > .bi-bubble-arrow {
       bottom: -12px;
       width: 14px;
       > .bubble-arrow {
@@ -37,8 +40,12 @@
       }
     }
   }
+}
 .bi-popup-view[data-popper-placement^='bottom'], .bi-popup-view.bottom {
-  > div > .bi-bubble-arrow {
+  > .bi-bubble-arrow-wrapper {
+    top: 0;
+    left: 0;
+    > .bi-bubble-arrow {
       top: -12px;
       width: 14px;
       > .bubble-arrow {
@@ -47,8 +54,12 @@
       }
     }
   }
+}
 .bi-popup-view[data-popper-placement^='left'], .bi-popup-view.left {
-  > div > .bi-bubble-arrow {
+  > .bi-bubble-arrow-wrapper {
+    right: 0;
+    top: 0;
+    > .bi-bubble-arrow {
       right: -12px;
       height: 14px;
       > .bubble-arrow {
@@ -57,8 +68,12 @@
       }
     }
   }
+}
 .bi-popup-view[data-popper-placement^='right'], .bi-popup-view.right {
-  > div > .bi-bubble-arrow {
+  > .bi-bubble-arrow-wrapper {
+    left: 0;
+    top: 0;
+    > .bi-bubble-arrow {
       left: -12px;
       height: 14px;
       > .bubble-arrow {
@@ -67,6 +82,7 @@
       }
     }
   }
+}
 
 .bi-bubble-arrow {
   width: 12px;