!52 fix 优化表格列的显示与隐藏小组件不显示tip和浏览器告警

Merge pull request !52 from bestrevens/ts

src/components/RightToolbar/index.vue

@@ -8,20 +8,22 @@
         <el-button circle icon="Refresh" @click="refresh()" />
       </el-tooltip>
       <el-tooltip class="item" effect="dark" content="显示/隐藏列" placement="top" v-if="columns">
-        <el-popover placement="bottom" trigger="click">
+        <div>
-          <div class="tree-header">显示/隐藏列</div>
+          <el-popover placement="bottom" trigger="click">
-          <el-tree
+            <div class="tree-header">显示/隐藏列</div>
-            ref="columnRef"
+            <el-tree
-            :data="columns"
+              ref="columnRef"
-            show-checkbox
+              :data="columns"
-            @check="columnChange"
+              show-checkbox
-            node-key="key"
+              @check="columnChange"
-            :props="{ label: 'label', children: 'children' }"
+              node-key="key"
-          ></el-tree>
+              :props="{ label: 'label', children: 'children' }"
-          <template #reference>
+            ></el-tree>
-            <el-button circle icon="Menu" />
+            <template #reference>
-          </template>
+              <el-button circle icon="Menu" />
-        </el-popover>
+            </template>
+          </el-popover>
+        </div>
       </el-tooltip>
     </el-row>
   </div>