@tagplus/components 4.7.12 → 4.7.15

package/package.json

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

package/src/components/Autosuggest/Autosuggest.vue

@@ -478,6 +478,11 @@ export default {
       }
     },
 
+    /** Atualiza a label de algum dos elementos da listagem do altosuggest */
+    atualizarLabelOpcao (index, val) {
+      this.suggestionsList[index][this.labelKey] = val
+    },
+
     /**
      * Sobrescreve o getOption do select para mostrar o labelValue em vez do idValue
      */
@@ -524,8 +529,8 @@ export default {
           isEqual = getValueByPath(cachedOption.value, this.valueKey) === getValueByPath(value, this.valueKey)
         } else {
           isEqual = cachedOption.value === value
-          if (initialLabel) {
-            cachedOption.label = initialLabel
+          if (initialLabel && isEqual) {
+            this.atualizarLabelOpcao(i, initialLabel)
           }
         }
 

package/src/components/Tip/Tip.vue

@@ -5,50 +5,50 @@
     type="flex"
     align="middle"
     :class="tptipclasses"
+    class="text-black"
   >
-    <el-col
-      :sm="24"
-      :lg="3"
-    >
-      <div style="display: flex; min-width:25px; justify-content: center; margin:15px; padding: auto">
-        <em class="far fa-lightbulb-on" />
-      </div>
+    <el-col :xs="3" :sm="1" style="align-self: start;">
+      <em class="far fa-lightbulb-on" />
     </el-col>
 
-    <el-col
-      :sm="24"
-      :lg="21"
-    >
+    <el-col :xs="21" :sm="23">
       <div
         :id="`${_id}-text`"
-        style="margin:15px; margin-left:0px"
         v-html="text"
       />
     </el-col>
   </el-row>
+
   <el-row
     v-else
     :id="`${_id}`"
     type="flex"
     align="middle"
-    justify="space-between"
-    :class="tptipclasses">
-    <el-col
-      :span="17"
-    >
-      <el-row align="middle" type="flex" style="min-width:25px; margin:15px; padding: auto">
+    justify="center"
+    :class="tptipclasses"
+    class="text-black"
+  >
+
+    <el-col :xs="3" :sm="1">
+      <el-row type="flex" justify="start">
         <em class="far fa-lightbulb-on" />
-        <b class="tp-title">{{ title }}</b>
       </el-row>
     </el-col>
-    <el-col :span="3" class="flexContent justify-content-end">
-      <em class="fa fa-ellipsis-h tp-close-button" @click="closed = !closed" />
+
+    <el-col :xs="18" :sm="22">
+      <b class="tp-title">{{ title }}</b>
+    </el-col>
+
+    <el-col :xs="3" :sm="1">
+      <el-row type="flex" justify="end">
+        <em v-if="closed" class="fa fa-plus tp-close-button" @click="closed = !closed" />
+        <em v-else class="fa fa-minus tp-close-button" @click="closed = !closed" />
+      </el-row>
     </el-col>
 
-    <el-col :class="'tp-text ' + (closed ? 'tp-vanish' : '' )" :span="24">
+    <el-col :xs="18" :sm="22" :class="'tp-text ' + (closed ? 'tp-vanish' : '' )">
       <div
         :id="`${_id}-text`"
-        style="margin:15px; margin-left:0px"
         v-html="text"
       />
     </el-col>
@@ -171,13 +171,11 @@ export default {
 }
 
 .tp-close-button {
-  padding: 10px;
   cursor: pointer;
 }
 
 .tp-title {
   font-size: 16px;
-  padding-left: 16px;
 }
 
 .tp-text {