feat: support placeholder and zIndex props (#4116)

* feat(Navbar): support zIndex and placeholder props

* test: update snapshots

* feat(TabBar): support zIndex and placeholder props

* chore: update demo

Author: anlyyao

packages/components/avatar/README.md

@@ -19,7 +19,7 @@ isComponent: true
 
 ## 代码演示
 
-<a href="https://developers.weixin.qq.com/s/a86Sfimw7VSO" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
+<a href="https://developers.weixin.qq.com/s/oiQl6pmr855m" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
 
 <blockquote style="background-color: #d9e1ff; font-size: 15px; line-height: 26px;margin: 16px 0 0;padding: 16px; border-radius: 6px; color: #0052d9" >
 <p>Tips: 请确保开发者工具为打开状态。导入开发者工具后，依次执行：npm i > 构建npm包 > 勾选 "将JS编译成ES5"</p>

packages/components/avatar/_example/avatar.wxml

@@ -1,5 +1,5 @@
 <view class="skyline">
-  <t-navbar class="demo-navbar" title="Avatar" leftArrow />
+  <t-navbar class="demo-navbar" title="Avatar" leftArrow placeholder zIndex="{{99}}" />
   <scroll-view scroll-y type="list" class="scroll-view">
     <view class="demo">
       <t-demo-header

packages/components/badge/README.md

@@ -18,7 +18,7 @@ isComponent: true
 
 ## 代码演示
 
-<a href="https://developers.weixin.qq.com/s/TgaeQimG73SD" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
+<a href="https://developers.weixin.qq.com/s/omQZvpmT8g5q" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
 
 <blockquote style="background-color: #d9e1ff; font-size: 15px; line-height: 26px;margin: 16px 0 0;padding: 16px; border-radius: 6px; color: #0052d9" >
 <p>Tips: 请确保开发者工具为打开状态。导入开发者工具后，依次执行：npm i > 构建npm包 > 勾选 "将JS编译成ES5"</p>

packages/components/badge/_example/badge.wxml

@@ -1,4 +1,4 @@
-<t-navbar title="Badge" leftArrow />
+<t-navbar title="Badge" leftArrow placeholder zIndex="{{99}}" />
 <t-demo-header
   title="Badge 徽标"
   desc="用于告知用户，该区域的状态变化或者待处理任务的数量。"

packages/components/badge/_example/skyline/badge.wxml

@@ -1,5 +1,5 @@
 <view class="skyline">
-  <t-navbar class="block" title="Badge" left-arrow />
+  <t-navbar class="block" title="Badge" left-arrow placeholder zIndex="{{99}}" />
   <scroll-view scroll-y type="list" class="scroll-view">
     <view class="demo-title">Badge 徽标</view>
     <view class="demo-desc">用于告知用户，该区域的状态变化或者待处理任务的数量。</view>

packages/components/cell/README.md

@@ -19,7 +19,7 @@ isComponent: true
 
 ## 代码演示
 
-<a href="https://developers.weixin.qq.com/s/bz7aGimL72S2" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
+<a href="https://developers.weixin.qq.com/s/UMQsbpmt8m5m" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
 
 <blockquote style="background-color: #d9e1ff; font-size: 15px; line-height: 26px;margin: 16px 0 0;padding: 16px; border-radius: 6px; color: #0052d9" >
 <p>Tips: 请确保开发者工具为打开状态。导入开发者工具后，依次执行：npm i > 构建npm包 > 勾选 "将JS编译成ES5"</p>

packages/components/cell/_example/cell.wxml

@@ -1,4 +1,4 @@
-<t-navbar title="Cell" leftArrow />
+<t-navbar title="Cell" leftArrow placeholder zIndex="{{99}}" />
 <view class="demo">
   <t-demo-header title="Cell 单元格" desc="用于各个类别行的信息展示。" notice="渲染框架支持情况：Skyline、WebView" />
   <t-demo title="01 组件类型" desc="单行单元格">

packages/components/cell/_example/skyline/cell.wxml

@@ -1,5 +1,5 @@
 <view class="skyline">
-  <t-navbar title="Cell" leftArrow />
+  <t-navbar title="Cell" leftArrow placeholder zIndex="{{99}}" />
   <scroll-view scroll-y type="list" class="scroll-view">
     <view class="demo">
       <view class="demo-title">Cell 单元格</view>

packages/components/grid/README.md

@@ -19,7 +19,7 @@ isComponent: true
 
 ## 代码演示
 
-<a href="https://developers.weixin.qq.com/s/6H70dimL7jSK" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
+<a href="https://developers.weixin.qq.com/s/LyQxOpme8p5A" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
 
 <blockquote style="background-color: #d9e1ff; font-size: 15px; line-height: 26px;margin: 16px 0 0;padding: 16px; border-radius: 6px; color: #0052d9" >
 <p>Tips: 请确保开发者工具为打开状态。导入开发者工具后，依次执行：npm i > 构建npm包 > 勾选 "将JS编译成ES5"</p>

packages/components/grid/_example/grid.wxml

@@ -1,4 +1,4 @@
-<t-navbar title="Grid" leftArrow />
+<t-navbar title="Grid" leftArrow placeholder zIndex="{{99}}" />
 <view class="demo">
   <t-demo-header
     title="Grid 宫格"