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 {
@@ -36,9 +39,13 @@
         left: 1px;
       }
     }
+  }
 }
 .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 {
@@ -46,9 +53,13 @@
         left: 1px;
       }
     }
+  }
 }
 .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 {
@@ -56,9 +67,13 @@
         top: 1px;
       }
     }
+  }
 }
 .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 {
@@ -66,6 +81,7 @@
         top: 1px;
       }
     }
+  }
 }
 
 .bi-bubble-arrow {