@tagplus/components 4.7.1 → 4.7.3

package/package.json

@@ -8,7 +8,7 @@
       "email": "bruno@tagplus.com.br"
     }
   ],
-  "version": "4.7.1",
+  "version": "4.7.3",
   "main": "./dist/tp.common.js",
   "directories": {
     "lib": "src/lib"

package/src/components/Tip/Tip.vue

@@ -28,8 +28,8 @@
   </el-row>
   <div
     v-else
-    :class="closed ? 'c-pointer' : ''"
-    @click="closed = false"
+    class="c-pointer"
+    @click="onClick"
   >
     <el-row
       :id="`${_id}`"
@@ -50,13 +50,14 @@
 
       <!-- Close/Open Btn -->
       <el-col :span="3" class="flexContent justify-content-end">
-        <em :class="closed ? 'fa fa-plus' : 'fa fa-minus'" class="tp-close-button" @click.stop="closed = !closed" />
+        <em :class="closed ? 'fa fa-plus' : 'fa fa-minus'" class="tp-close-button" />
       </el-col>
 
       <!-- Texto -->
       <el-col :class="'tp-text ' + (closed ? 'tp-vanish' : '' )" :span="24">
         <div
           :id="`${_id}-text`"
+          data-tp-tip-content
           style="margin:15px; margin-left:0px"
           v-html="text"
         />
@@ -120,6 +121,21 @@ export default {
 
       return classes
     }
+  },
+
+  methods: {
+    onClick (evt) {
+      // Permite clicar em link sem fechar Tip
+      const isLink = evt.target?.nodeName === 'A'
+      // Permite copiar texto sem fechar Tip
+      const isContent = evt.target?.closest('[data-tp-tip-content]')
+
+      if (isLink || isContent) {
+        return
+      }
+
+      this.closed = !this.closed
+    }
   }
 }
 </script>
@@ -141,6 +157,10 @@ export default {
   color: #586d93;
 }
 
+[data-tp-tip-content] {
+  cursor: initial
+}
+
 .info-text {
   font-size: 12px;
   font-stretch: normal;
@@ -182,7 +202,6 @@ export default {
 
 .tp-close-button {
   padding: 10px;
-  cursor: pointer;
 }
 
 .tp-title {