DESIGN-3918 feat: 拓展box-shadow,允许配置常量一样自定义个阴影效果

先前的方案真是为了配置而配置,毫无卵用,现在想要什么效果,随意配好了

bi.lessconfig.json

@@ -35,6 +35,5 @@
   "@color-bi-color-toast-warning": "#FAAA39",
   "@color-bi-color-toast-error": "#E65251",
   "@color-bi-color-toast-normal": "#2C60DB",
-  "@color-bi-color-toast-text": "#000A19",
+  "@color-bi-color-toast-text": "#000A19"
-  "@color-bi-color-toast-shadow": "rgba(9, 30, 64, 0.16)"
 }

src/less/base/single/tip/tip.toast.less

@@ -4,7 +4,7 @@
   color: @color-bi-color-toast-text;
   line-height: @font-size-16;
   .border-radius(2px);
-  .box-shadow(0 6px 20px -2px, @color-bi-color-toast-shadow);
+  .box-shadow(@box-shadow-toast) ;
 
   &.toast-success {
     background: @color-bi-background-toast-success;

src/less/lib/constant.less

@@ -244,3 +244,6 @@
 @scroll-color-theme-dark: @color-white;
 @scroll-thumb-color: @color-black;
 @scroll-thumb-color-theme-dark: @color-black;
+
+//box-shadow效果
+@box-shadow-toast: 0 2px 6px 0 rgba(0, 0, 0, 0.2);

src/less/lib/theme.less

@@ -32,7 +32,6 @@
 @color-bi-color-toast-error: @color-bi-text;
 @color-bi-color-toast-normal: @color-bi-text;
 @color-bi-color-toast-text: @color-bi-text;
-@color-bi-color-toast-shadow: @color-bi-background-black;
 
 //bubble
 @color-bi-background-bubble-success: @color-bi-background-light-success;

src/less/visual.less

@@ -16,6 +16,12 @@
   box-shadow: none;
 }
 
+.box-shadow(@shadow) {
+  -webkit-box-shadow: @shadow;
+  -moz-box-shadow: @shadow;
+  box-shadow: @shadow;
+}
+
 .box-shadow(@style, @c) when (iscolor(@c)) {
   -webkit-box-shadow: @style @c;
   -moz-box-shadow: @style @c;