@opentiny/vue-tooltip - npm Package Compare versions

Comparing version 3.1.0-alpha.0 to 3.5.0-alpha.0

lib/index.js

 import { withDirectives, createVNode, vShow } from 'vue';
 import { renderless, api } from '@opentiny/vue-renderless/tooltip/vue';
 import { $prefix, setup, createComponent, h, parseVnode } from '@opentiny/vue-common';
-import '@opentiny/vue-theme/tooltip/index.css';
 
@@ -20,2 +19,11 @@ function _typeof(obj) {
   props: {
+    visible: {
+      type: String,
+      default: function _default() {
+        return 'always';
+      },
+      validator: function validator(value) {
+        return ['always', 'auto'].includes(value);
+      }
+    },
     adjustArrow: {
@@ -224,42 +232,27 @@ type: Boolean,
     });
-    var stringifyBindClass = function stringifyBindClass(bindClass, removeClassRE) {
-      var trimStr = function trimStr(str) {
-        return str ? str.trim() : str;
-      };
-      var stringifyClassArr = function stringifyClassArr(classArr) {
-        var arr = [];
-        classArr.forEach(function (item) {
-          if (item && typeof item === 'string') {
-            arr.push(trimStr(item));
-          } else if (item && _typeof(item) === 'object') {
-            arr.push(stringifyClassObj(item));
-          }
-        });
-        return arr.join(' ');
-      };
-      var stringifyClassObj = function stringifyClassObj(classObj) {
-        var arr = [];
-        Object.keys(classObj).forEach(function (key) {
-          if (classObj[key]) {
-            arr.push(key);
-          }
-        });
-        return arr.join(' ');
-      };
+    var stringifyClassObj = function stringifyClassObj(classObj) {
+      return Object.keys(classObj).filter(function (key) {
+        return classObj[key];
+      }).join(' ');
+    };
+    var stringifyClassArr = function stringifyClassArr(classArr) {
+      return classArr.filter(function (item) {
+        return item;
+      }).map(function (item) {
+        return typeof item === 'string' ? item.trim() : _typeof(item) === 'object' ? stringifyClassObj(item) : '';
+      }).join(' ');
+    };
+    var addTooltipClass = function addTooltipClass(bindClass) {
       var className = '';
       if (bindClass) {
         if (typeof bindClass === 'string') {
-          className = className + trimStr(bindClass);
+          className = bindClass.trim();
         } else if (Array.isArray(bindClass)) {
-          className = className + stringifyClassArr(bindClass);
+          className = stringifyClassArr(bindClass);
         } else if (_typeof(bindClass) === 'object') {
-          className = className + stringifyClassObj(bindClass);
+          className = stringifyClassObj(bindClass);
         }
       }
-      return trimStr(className.replace(removeClassRE, ''));
+      return 'tiny-tooltip ' + className.replace(/\btiny-tooltip\b/g, '').trim();
     };
-    var addTooltipClass = function addTooltipClass(bindClass) {
-      var className = stringifyBindClass(bindClass, /\btiny-tooltip\b/g);
-      return 'tiny-tooltip ' + className;
-    };
     var getFirstElement = function getFirstElement() {
@@ -285,2 +278,32 @@ var slots = _this.slots.default && _this.slots.default();
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".tiny-tooltip{--ti-tooltip-popper-border-radius:var(--ti-common-border-radius-1);--ti-tooltip-popper-font-size:var(--ti-common-font-size-base);--ti-tooltip-popper-border-color:var(--ti-base-color-common-6);--ti-tooltip-popper-normal-bg-color:var(--ti-base-color-secondary);--ti-tooltip-popper-normal-text-color:var(--ti-base-color-light);--ti-tooltip-popper-normal-border-color:var(--ti-base-color-secondary);--ti-tooltip-popper-info-bg-color:#69c0ff;--ti-tooltip-popper-info-text-color:var(--ti-base-color-light);--ti-tooltip-popper-info-border-color:#69c0ff;--ti-tooltip-popper-error-bg-color:var(--ti-base-color-common-6);--ti-tooltip-popper-error-text-color:var(--ti-base-color-light);--ti-tooltip-popper-error-border-color:var(--ti-base-color-common-6);--ti-tooltip-popper-warning-bg-color:#ffd666;--ti-tooltip-popper-warning-text-color:var(--ti-base-color-light);--ti-tooltip-popper-warning-border-color:#ffd666;--ti-tooltip-popper-success-bg-color:#95de64;--ti-tooltip-popper-success-text-color:var(--ti-base-color-light);--ti-tooltip-popper-success-border-color:#95de64;--ti-tooltip-popper-dark-bg-color:var(--ti-base-color-common-6);--ti-tooltip-popper-dark-text-color:var(--ti-base-color-light);--ti-tooltip-popper-light-bg-color:var(--ti-base-color-light);--ti-tooltip-popper-light-text-color:var(--ti-base-color-common-6);--ti-tooltip-popper-light-border-color:var(--ti-base-color-common-6);--ti-tooltip-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.2);--ti-tooltip-padding-vertical:11px;--ti-tooltip-padding-horizontal:15px;--ti-tooltip-validate-icon-color:var(--ti-base-color-error-3)}.tiny-tooltip:focus:hover,.tiny-tooltip:focus:not(.focusing){outline-width:0}.tiny-tooltip.tiny-tooltip__popper{position:absolute;left:-9999px;border-radius:var(--ti-tooltip-popper-border-radius);padding:var(--ti-tooltip-padding-vertical) var(--ti-tooltip-padding-horizontal);font-size:var(--ti-tooltip-popper-font-size);line-height:1.2;min-width:10px;max-width:450px;z-index:2000;word-wrap:break-word;-webkit-box-shadow:var(--ti-tooltip-box-shadow);box-shadow:var(--ti-tooltip-box-shadow)}.tiny-tooltip.tiny-tooltip__popper .popper__arrow,.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.tiny-tooltip.tiny-tooltip__popper .popper__arrow{border-width:6px}.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{content:' ';border-width:5px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top]{margin-bottom:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:var(--ti-tooltip-popper-border-color);border-bottom-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:var(--ti-tooltip-popper-border-color);border-bottom-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom]{margin-top:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:var(--ti-tooltip-popper-border-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:var(--ti-tooltip-popper-border-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right]{margin-left:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:var(--ti-tooltip-popper-border-color);border-left-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:var(--ti-tooltip-popper-border-color);border-left-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left]{margin-right:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:var(--ti-tooltip-popper-border-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:var(--ti-tooltip-popper-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal{background:var(--ti-tooltip-popper-normal-bg-color);color:var(--ti-tooltip-popper-normal-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info{background:var(--ti-tooltip-popper-info-bg-color);color:var(--ti-tooltip-popper-info-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error{background:var(--ti-tooltip-popper-error-bg-color);color:var(--ti-tooltip-popper-error-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error .tooltip-validate-icon{fill:var(--ti-tooltip-validate-icon-color);margin-right:8px}.tiny-tooltip.tiny-tooltip__popper.is-warning{background:var(--ti-tooltip-popper-warning-bg-color);color:var(--ti-tooltip-popper-warning-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success{background:var(--ti-tooltip-popper-success-bg-color);color:var(--ti-tooltip-popper-success-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-dark{background:var(--ti-tooltip-popper-dark-bg-color);color:var(--ti-tooltip-popper-dark-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-light{background:var(--ti-tooltip-popper-light-bg-color);color:var(--ti-tooltip-popper-light-text-color);border:1px solid var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-blank-content{display:none}.tiny-fade-in-linear-enter-active,.tiny-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.tiny-fade-in-linear-enter,.tiny-fade-in-linear-enter-from,.tiny-fade-in-linear-leave,.tiny-fade-in-linear-leave-active,.tiny-fade-in-linear-leave-from{opacity:0}.tiny-fade-in-enter-active,.tiny-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.tiny-fade-in-enter,.tiny-fade-in-enter-from,.tiny-fade-in-leave-active{opacity:0}";
+styleInject(css_248z);
+
 script.model = {
@@ -293,4 +316,4 @@ prop: 'modelValue',
 };
-script.version = '3.1.0-alpha.0';
+script.version = '3.5.0-alpha.0';
 
 export { script as default };

package.json

 {
   "name": "@opentiny/vue-tooltip",
-  "version": "3.1.0-alpha.0",
+  "version": "3.5.0-alpha.0",
   "description": "",
@@ -12,10 +12,11 @@ "main": "lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.1.0-alpha.0",
-    "@opentiny/vue-common": "~3.1.0-alpha.0",
-    "@opentiny/vue-icon": "~3.1.0-alpha.0",
-    "@opentiny/vue-theme": "~3.1.0-alpha.0",
-    "@opentiny/vue-theme-mobile": "~3.1.0-alpha.0"
+    "@opentiny/vue-renderless": "~3.5.0",
+    "@opentiny/vue-common": "~3.5.0-alpha.0",
+    "@opentiny/vue-icon": "~3.5.0-alpha.0",
+    "@opentiny/vue-theme": "~3.5.0",
+    "@opentiny/vue-theme-mobile": "~3.5.0"
   },
   "license": "MIT",
+  "types": "index.d.ts",
   "sideEffects": false
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

27948

increased by221.65%

Number of package files

4

increased by100%

Lines of code

593

increased by106.62%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

Dependency changes

• + Added@babel/runtime@7.18.3(transitive)

• + Added@opentiny/vue-common@3.5.0(transitive)

• + Added@opentiny/vue-icon@3.5.2(transitive)

• + Added@opentiny/vue-locale@3.5.0(transitive)

• + Added@opentiny/vue-renderless@3.5.0(transitive)

• + Added@opentiny/vue-theme@3.5.0(transitive)

• + Added@opentiny/vue-theme-mobile@3.5.0(transitive)

• + Addedregenerator-runtime@0.13.11(transitive)

• - Removed@babel/runtime@7.24.7(transitive)

• - Removed@opentiny/vue-common@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-icon@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-locale@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-renderless@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-theme@3.1.0-alpha.1(transitive)

• - Removed@opentiny/vue-theme-mobile@3.1.0-alpha.0(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@opentiny/vue-common@~3.5.0-alpha.0

• Updated@opentiny/vue-icon@~3.5.0-alpha.0

• Updated@opentiny/vue-renderless@~3.5.0

• Updated@opentiny/vue-theme@~3.5.0

• Updated@opentiny/vue-theme-mobile@~3.5.0