feat: dialog 组件增加自定义 class / style 功能 #1289 (#1312)

* fix: 修复BackTop demo页面按钮被遮挡样式问题

* fix: 修复navbar和tabbar组件文档格式问题&tabbar demo ts 声明问题

* fix: 修复tabbar，to、href同时存在出现的代码执行顺序问题 & 　文档说明更新

* feat: dialog 组件增加自定义 class / style 功能

Co-authored-by: xushunfa459 <xushunfa459@hellobike.com>

src/packages/__VUE/dialog/doc.en-US.md

@@ -207,6 +207,8 @@ export default {
 | close-on-popstate      | Whether to close when popstate                                                                            | Boolean | false      |
 | lock-scroll            | Whether to lock background scroll                                                                         | Boolean | false      |
 | footer-direction       | The bottom button uses the horizontal and vertical directions. Optional values ​​are horizontal and vertical. | string  | horizontal |
+| overlay-class          | Custom mask classname   | String         | -      |
+| overlay-style          | Custom mask styles   | CSSProperties  | -      |
 
 ## Events
 

src/packages/__VUE/dialog/doc.md

@@ -207,6 +207,8 @@ export default {
 | close-on-popstate      | 是否在页面回退时自动关闭                 | Boolean | false      |
 | lock-scroll            | 背景是否锁定                             | Boolean | false      |
 | footer-direction       | 使用横纵方向 可选值 horizontal、vertical | string  | horizontal |
+| overlay-class          | 自定义遮罩类名   | String         | -      |
+| overlay-style          | 自定义遮罩样式   | CSSProperties  | -      |
 
 ## Events
 

src/packages/__VUE/dialog/doc.taro.md

@@ -130,7 +130,8 @@ export default {
 | close-on-popstate      | 是否在页面回退时自动关闭                 | Boolean | false      |
 | lock-scroll            | 背景是否锁定                             | Boolean | false      |
 | footer-direction       | 使用横纵方向 可选值 horizontal、vertical | string  | horizontal |
-
+| overlay-class          | 自定义遮罩类名   | String         | -      |
+| overlay-style          | 自定义遮罩样式   | CSSProperties  | -      |
 
 ## Events
 

src/packages/__VUE/dialog/index.scss

@@ -34,8 +34,6 @@
     width: 100%;
     justify-content: space-around;
 
-    &.horizontal {
-    }
     &.vertical {
       flex-direction: column;
 

src/packages/__VUE/dialog/index.taro.vue

@@ -4,6 +4,8 @@
     v-model:visible="showPopup"
     :close-on-click-overlay="closeOnClickOverlay"
     :lock-scroll="lockScroll"
+    :pop-class="overlayClass"
+    :style="overlayStyle"
     round
     @click-overlay="closed"
     @click-close-icon="closed"

src/packages/__VUE/dialog/index.vue

@@ -4,6 +4,8 @@
     v-model:visible="showPopup"
     :close-on-click-overlay="closeOnClickOverlay"
     :lock-scroll="lockScroll"
+    :pop-class="overlayClass"
+    :style="overlayStyle"
     round
     @click-overlay="closed"
     @click-close-icon="closed"