@opentiny/vue-tag - npm Package Compare versions

Comparing version 2.5.0 to 2.6.0-alpha.0

lib/index.js

 import { $prefix, $props, $setup } from '@opentiny/vue-common';
 import PCTemplate from './pc';
+import '@opentiny/vue-theme/tag/index.css';
 
@@ -72,3 +73,4 @@ function ownKeys(object, enumerableOnly) {
       }
-    }
+    },
+    beforeDelete: Function
   }),
@@ -84,37 +86,7 @@ setup: function setup(props, context) {
 
-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-tag{--ti-tag-height:22px;--ti-tag-medium-height:var(--ti-common-size-6x);--ti-tag-small-height:var(--ti-common-size-5x);--ti-tag-mini-height:var(--ti-common-size-4x);--ti-tag-border-color:var(--ti-base-color-border);--ti-tag-border-radius:var(--ti-base-radius-medium);--ti-tag-font-size:var(--ti-base-font-size);--ti-tag-close-font-size:var(--ti-common-font-size-1);--ti-tag-primary-text-color:var(--ti-base-color-common-5);--ti-tag-primary-border-color:var(--ti-base-color-bg-6);--ti-tag-primary-background-color:var(--ti-base-color-bg-6);--ti-tag-warning-text-color:var(--ti-common-color-warn-text);--ti-tag-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-warning-background-color:var(--ti-common-color-warn-bg);--ti-tag-danger-text-color:var(--ti-common-color-error-text);--ti-tag-danger-border-color:var(--ti-common-color-error-border-secondary);--ti-tag-danger-background-color:var(--ti-common-color-error-bg);--ti-tag-success-text-color:var(--ti-common-color-text-success);--ti-tag-success-border-color:var(--ti-common-color-success-border);--ti-tag-success-background-color:var(--ti-common-color-success-bg);--ti-tag-info-text-color:var(--ti-common-color-info-text);--ti-tag-info-border-color:var(--ti-common-color-info-border);--ti-tag-info-background-color:var(--ti-common-color-info-bg);--ti-tag-dark-text-color:var(--ti-base-color-light);--ti-tag-dark-bg-color:var(--ti-common-color-prompt);--ti-tag-dark-success-bg-color:var(--ti-common-color-success);--ti-tag-dark-warning-bg-color:var(--ti-common-color-warn);--ti-tag-dark-danger-bg-color:var(--ti-common-color-error);--ti-tag-dark-info-bg-color:var(--ti-common-color-info);--ti-tag-plain-text-color:var(--ti-common-color-prompt);--ti-tag-plain-border-color:var(--ti-common-color-prompt-border);--ti-tag-plain-background-color:var(--ti-base-color-light);--ti-tag-plain-info-text-color:var(--ti-common-color-info);--ti-tag-plain-info-border-color:var(--ti-common-color-info-border);--ti-tag-plain-success-text-color:var(--ti-common-color-success);--ti-tag-plain-success-border-color:var(--ti-common-color-success-border);--ti-tag-plain-warning-text-color:var(--ti-common-color-warn);--ti-tag-plain-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-plain-danger-text-color:var(--ti-common-color-error);--ti-tag-plain-danger-border-color:var(--ti-common-color-error-border-secondary);height:var(--ti-tag-height);line-height:var(--ti-tag-height);padding:0 8px;font-size:var(--ti-tag-font-size);border-width:1px;border-radius:var(--ti-tag-border-radius);border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-tag-primary-text-color);border-color:var(--ti-tag-primary-border-color);background-color:var(--ti-tag-primary-background-color)}.tiny-tag.is-hit{border-color:var(--ti-tag-primary-text-color)}.tiny-tag .tiny-tag__close{fill:var(--ti-tag-primary-text-color);opacity:.5}.tiny-tag .tiny-tag__close:hover{opacity:1}.tiny-tag .tiny-tag__text:hover{cursor:pointer;color:#526ecc}.tiny-tag .tiny-tag__close{font-size:var(--ti-tag-close-font-size);margin-left:6px}.tiny-tag .tiny-tag__close:hover{cursor:pointer;fill:#5e7ce0}.tiny-tag.tiny-tag--info{color:var(--ti-tag-info-text-color);border-color:var(--ti-tag-info-border-color);background-color:var(--ti-tag-info-background-color)}.tiny-tag.tiny-tag--info.is-hit{border-color:var(--ti-tag-info-text-color)}.tiny-tag.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-info-text-color);opacity:.5}.tiny-tag.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--success{color:var(--ti-tag-success-text-color);border-color:var(--ti-tag-success-border-color);background-color:var(--ti-tag-success-background-color)}.tiny-tag.tiny-tag--success.is-hit{border-color:var(--ti-tag-success-text-color)}.tiny-tag.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-success-text-color);opacity:.5}.tiny-tag.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--warning{color:var(--ti-tag-warning-text-color);border-color:var(--ti-tag-warning-border-color);background-color:var(--ti-tag-warning-background-color)}.tiny-tag.tiny-tag--warning.is-hit{border-color:var(--ti-tag-warning-text-color)}.tiny-tag.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-warning-text-color);opacity:.5}.tiny-tag.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--danger{color:var(--ti-tag-danger-text-color);border-color:var(--ti-tag-danger-border-color);background-color:var(--ti-tag-danger-background-color)}.tiny-tag.tiny-tag--danger.is-hit{border-color:var(--ti-tag-danger-text-color)}.tiny-tag.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-danger-text-color);opacity:.5}.tiny-tag.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--dark{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-bg-color);background-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark.is-hit{border-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--info{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-info-bg-color);background-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info.is-hit{border-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--success{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-success-bg-color);background-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success.is-hit{border-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--warning{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-warning-bg-color);background-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning.is-hit{border-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--danger{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-danger-bg-color);background-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger.is-hit{border-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--plain{color:var(--ti-tag-plain-text-color);border-color:var(--ti-tag-plain-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.is-hit{border-color:var(--ti-tag-plain-text-color)}.tiny-tag--plain .tiny-tag__close{fill:var(--ti-tag-plain-text-color);opacity:.5}.tiny-tag--plain .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--info{color:var(--ti-tag-plain-info-text-color);border-color:var(--ti-tag-plain-info-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--info.is-hit{border-color:var(--ti-tag-plain-info-text-color)}.tiny-tag--plain.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-plain-info-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--success{color:var(--ti-tag-plain-success-text-color);border-color:var(--ti-tag-plain-success-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--success.is-hit{border-color:var(--ti-tag-plain-success-text-color)}.tiny-tag--plain.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-plain-success-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--warning{color:var(--ti-tag-plain-warning-text-color);border-color:var(--ti-tag-plain-warning-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--warning.is-hit{border-color:var(--ti-tag-plain-warning-text-color)}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-plain-warning-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--danger{color:var(--ti-tag-plain-danger-text-color);border-color:var(--ti-tag-plain-danger-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--danger.is-hit{border-color:var(--ti-tag-plain-danger-text-color)}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-plain-danger-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--medium{height:var(--ti-tag-medium-height);line-height:calc(var(--ti-tag-medium-height) - 2px)}.tiny-tag--small{height:var(--ti-tag-small-height);line-height:calc(var(--ti-tag-small-height) - 2px)}.tiny-tag--mini{height:var(--ti-tag-mini-height);line-height:calc(var(--ti-tag-mini-height) - 2px)}";
-styleInject(css_248z);
-
 Tag.install = function (Vue) {
   Vue.component(Tag.name, Tag);
 };
-Tag.version = '2.5.0';
+Tag.version = '2.6.0-alpha.0';
 
 export { Tag as default };

lib/pc.js

@@ -36,3 +36,3 @@ import { renderless, api } from '@opentiny/vue-renderless/tag/vue';
   emits: ['click', 'close'],
-  props: [].concat(_toConsumableArray(props), ['text', 'closable', 'type', 'hit', 'disabled', 'color', 'size', 'effect']),
+  props: [].concat(_toConsumableArray(props), ['text', 'closable', 'type', 'hit', 'disabled', 'color', 'size', 'effect', 'beforeDelete']),
   setup: function setup$1(props, context) {
@@ -39,0 +39,0 @@ return setup({

package.json

 {
   "name": "@opentiny/vue-tag",
-  "version": "2.5.0",
+  "version": "2.6.0-alpha.0",
   "description": "",
@@ -12,7 +12,7 @@ "main": "lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.5.0",
-    "@opentiny/vue-common": "~2.5.0",
-    "@opentiny/vue-icon": "~2.5.0",
-    "@opentiny/vue-theme": "~3.5.0",
-    "@opentiny/vue-theme-mobile": "~3.5.0"
+    "@opentiny/vue-renderless": "~3.6.0-alpha.1",
+    "@opentiny/vue-common": "~2.6.0-alpha.0",
+    "@opentiny/vue-icon": "~2.6.0-alpha.0",
+    "@opentiny/vue-theme": "~3.6.0-alpha.1",
+    "@opentiny/vue-theme-mobile": "~3.6.0-alpha.1"
   },
@@ -19,0 +19,0 @@ "license": "MIT",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Number of low supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

8881

decreased by-52.72%

Lines of code

230

decreased by-20.14%

Number of low quality alerts

2

increased by100%

Dependency changes

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

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

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

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

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

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

• + Added@vue/composition-api@1.2.4(transitive)

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

• - Removed@opentiny/vue-common@2.5.0(transitive)

• - Removed@opentiny/vue-icon@2.5.1(transitive)

• - Removed@opentiny/vue-locale@2.5.0(transitive)

• - Removed@opentiny/vue-renderless@3.5.0(transitive)

• - Removed@opentiny/vue-theme@3.5.0(transitive)

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

• - Removed@vue/composition-api@1.2.2(transitive)

• - Removedregenerator-runtime@0.13.11(transitive)

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

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

• Updated@opentiny/vue-renderless@~3.6.0-alpha.1

• Updated@opentiny/vue-theme@~3.6.0-alpha.1

• Updated@opentiny/vue-theme-mobile@~3.6.0-alpha.1