有省略号再显示tooltip

source/src/devtools/ui/ui-prop.vue

@@ -10,8 +10,8 @@
            :class="fold?'el-icon-caret-right':'el-icon-caret-bottom'"
            :style="{'visibility':isArrayOrObject()?'visible':'hidden','margin-left':indent*10+'px'}">
         </i>
-        <div class="text">
+        <div class="text" ref="propText">
-          <el-popover placement="top" trigger="click">
+          <el-popover placement="top" trigger="hover" :disabled="!isShowTooltip()">
             <div>{{ name }}</div>
             <span slot="reference">{{ name }}</span>
           </el-popover>
@@ -205,6 +205,17 @@ export default class UiProp extends Vue {
   created() {
   }
 
+  isShowTooltip() {
+    const el: HTMLDivElement = this.$refs.propText;
+    if (el) {
+      if (el.scrollWidth > el.offsetWidth) {
+        // 出现了省略号
+        return true;
+      }
+    }
+    return false;
+  }
+
   getEngineTypeIcon() {
     const value = this.value as EngineData;
     switch (value.engineType) {