feature: 小三角

src/base/combination/bubble.js

@@ -332,7 +332,7 @@
                 name: "offset",
                 options: {
                     offset: function () {
-                        return [o.adjustXOffset, (o.showArrow ? 9 : 0) + (o.adjustYOffset + o.adjustLength)];
+                        return [o.adjustXOffset, (o.showArrow ? 14 : 0) + (o.adjustYOffset + o.adjustLength)];
                     }
                 }
             }];

src/base/combination/combo.js

@@ -7,7 +7,7 @@
      */
     BI.Combo = BI.inherit(BI.Bubble, {
         _const: {
-            TRIANGLE_LENGTH: 9
+            TRIANGLE_LENGTH: 14
         },
         _defaultConfig: function () {
             var conf = BI.Combo.superclass._defaultConfig.apply(this, arguments);

src/base/layer/layer.popup.js

@@ -5,7 +5,7 @@
  */
 BI.PopupView = BI.inherit(BI.Widget, {
     _const: {
-        TRIANGLE_LENGTH: 9
+        TRIANGLE_LENGTH: 14
     },
     _defaultConfig: function (props) {
         return BI.extend(BI.PopupView.superclass._defaultConfig.apply(this, arguments), {

src/less/base/combo/popup.bubble.less

@@ -5,4 +5,4 @@
     .box-shadows(0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12));
     .border-radius(4px);
   }
-}
+}

src/less/base/view/popupview.less

@@ -32,11 +32,11 @@
     bottom: 0;
     left: 0;
     > .bi-bubble-arrow {
-      bottom: -12px;
-      width: 14px;
+      bottom: -14px;
+      width: 18px;
       > .bubble-arrow {
         bottom: 8px;
-        left: 1px;
+        left: 2px;
       }
     }
   }
@@ -46,11 +46,11 @@
     top: 0;
     left: 0;
     > .bi-bubble-arrow {
-      top: -12px;
-      width: 14px;
+      top: -14px;
+      width: 18px;
       > .bubble-arrow {
         top: 8px;
-        left: 1px;
+        left: 2px;
       }
     }
   }
@@ -60,11 +60,11 @@
     right: 0;
     top: 0;
     > .bi-bubble-arrow {
-      right: -12px;
-      height: 14px;
+      right: -14px;
+      height: 18px;
       > .bubble-arrow {
         right: 8px;
-        top: 1px;
+        top: 2px;
       }
     }
   }
@@ -74,29 +74,29 @@
     left: 0;
     top: 0;
     > .bi-bubble-arrow {
-      left: -12px;
-      height: 14px;
+      left: -14px;
+      height: 18px;
       > .bubble-arrow {
         left: 8px;
-        top: 1px;
+        top: 2px;
       }
     }
   }
 }
 
 .bi-bubble-arrow {
-  width: 12px;
-  height: 12px;
+  width: 14px;
+  height: 14px;
   // 消除祖先节点设置的line-height:normal对空白节点的行高影响
   line-height: 0;
   overflow: hidden;
   .bubble-arrow {
-    width: 12px;
-    height: 12px;
+    width: 14px;
+    height: 14px;
     position: absolute;
     &:before {
-      width: 12px;
-      height: 12px;
+      width: 14px;
+      height: 14px;
       position: absolute;
       content: "";
       background: @color-bi-background-default;
@@ -106,7 +106,7 @@
       visibility: visible;
       transform: translateX(0px) rotate(-135deg);
       transform-origin: center center;
-      .box-shadow(3px 3px 10px 0,rgba(0,0,0,6%));
+      .box-shadow(3px 3px 10px 0,rgba(0, 0, 0, 6%));
     }
   }
 }