@opentiny/vue-tag - npm Package Compare versions

Comparing version 3.12.0 to 3.13.0-alpha.0

lib/index.js

@@ -17,9 +17,15 @@ function _extends() {
 import PcTemplate from "./pc.js";
+import MobileTemplate from "./mobile.js";
 import MobileFirstTemplate from "./mobile-first.js";
 import "@opentiny/vue-theme/tag/index.css";
 var template = function template2(mode) {
-  if ("pc" === (process.env.TINY_MODE || mode)) {
+  var _process$env;
+  var tinyMode = typeof process === "object" ? (_process$env = process.env) == null ? void 0 : _process$env.TINY_MODE : null;
+  if ("pc" === (tinyMode || mode)) {
     return PcTemplate;
   }
-  if ("mobile-first" === (process.env.TINY_MODE || mode)) {
+  if ("mobile" === (tinyMode || mode)) {
+    return MobileTemplate;
+  }
+  if ("mobile-first" === (tinyMode || mode)) {
     return MobileFirstTemplate;
@@ -52,3 +58,12 @@ }
   beforeDelete: Function,
-  value: [Number, String]
+  value: [Number, String],
+  // mobile
+  mini: {
+    type: Boolean,
+    default: false
+  },
+  maxWidth: {
+    type: [String, Number],
+    default: null
+  }
 });
@@ -66,3 +81,3 @@ var Tag = defineComponent({
 });
-var version = "3.12.0";
+var version = "3.13.0-alpha.0";
 Tag.install = function(Vue) {
@@ -69,0 +84,0 @@ Vue.component(Tag.name, Tag);

lib/mobile-first.js

@@ -14,3 +14,3 @@ import { createVNode, resolveComponent } from "vue";
   "dark-purple": "text-color-text-inverse bg-color-chart-11",
-  "dark-cyan": "text-color-text-inverse bg-color-chart-5",
+  "dark-cyan": "text-color-text-inverse bg-color-chart-2",
   "light-success": "text-color-success bg-color-success-subtler",
@@ -24,3 +24,3 @@ "light-alerting": "text-color-alert bg-color-alert-subtler",
   "light-purple": "text-color-chart-11 bg-color-chart-11-subtler",
-  "light-cyan": "text-color-chart-5 bg-color-chart-5-subtler",
+  "light-cyan": "text-color-chart-2 bg-color-chart-2-subtler",
   "plain-success": "text-color-success bg-color-bg-1",
@@ -34,3 +34,3 @@ "plain-alerting": "text-color-alert bg-color-bg-1",
   "plain-purple": "text-color-chart-11 bg-color-bg-1",
-  "plain-cyan": "text-color-chart-5 bg-color-bg-1",
+  "plain-cyan": "text-color-chart-2 bg-color-bg-1",
   "success-border": "border-color-success-subtle",
@@ -44,3 +44,3 @@ "alerting-border": "border-color-alert-subtle",
   "purple-border": "border-color-chart-11-subtle",
-  "cyan-border": "border-color-chart-5-subtle",
+  "cyan-border": "border-color-chart-2-subtle",
   "fill-dark": "fill-color-bg-6 hover:fill-color-icon-inverse",
@@ -55,5 +55,5 @@ "fill-light-success": "fill-color-success-subtle hover:fill-color-success",
   "fill-light-purple": "fill-color-chart-11-subtle hover:fill-color-chart-11",
-  "fill-light-cyan": "fill-color-chart-5-subtle hover:fill-color-chart-5",
-  "selectable-unselect": "h-9 sm:h-7 text-color-text-primary bg-color-bg-4 cursor-pointer hover:bg-color-bg-3",
-  "selectable-selected": "h-9 sm:h-7 text-color-brand border-current bg-color-info-secondary-subtle cursor-pointer hover:text-color-brand-hover",
+  "fill-light-cyan": "fill-color-chart-2-subtle hover:fill-color-chart-2",
+  "selectable-unselect": "h-9 sm:h-7 text-color-text-primary bg-color-bg-4 cursor-pointer hover:bg-color-fill-1",
+  "selectable-selected": "h-9 sm:h-7 text-color-brand border-current bg-color-info-primary-subtler cursor-pointer hover:text-color-brand-hover",
   "tag-disabled": "h-9 sm:h-7 text-color-text-disabled bg-color-bg-4 border-transparent cursor-not-allowed hover:text-color-text-disabled hover:bg-color-bg-4",
@@ -60,0 +60,0 @@ "tag-operable": "h-7 sm:h-6 cursor-pointer",

lib/pc.js

@@ -23,7 +23,7 @@ import { createVNode, resolveComponent } from "vue";
     var classes = ["tiny-tag", type ? "tiny-tag--" + type : "", size ? "tiny-tag--" + size : "", effect ? "tiny-tag--" + effect : "", hit && "is-hit", disabled ? "is-disabled" : ""];
-    var tagElement = createVNode("span", {
+    var tagElement = value || slots.default && slots.default() ? createVNode("span", {
+      "data-tag": "tiny-tag",
       "class": classes,
       "style": {
-        backgroundColor: color,
-        display: state.show ? null : "none"
+        backgroundColor: color
       },
@@ -34,3 +34,3 @@ "onClick": handleClick
       "onClick": handleClose
-    }, null)]);
+    }, null)]) : createVNode("span", null, null);
     return tagElement;
@@ -37,0 +37,0 @@ }

package.json

 {
   "name": "@opentiny/vue-tag",
-  "version": "3.12.0",
+  "version": "3.13.0-alpha.0",
   "description": "",
@@ -10,7 +10,7 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.12.0",
-    "@opentiny/vue-common": "~3.12.0",
-    "@opentiny/vue-icon": "~3.12.0",
-    "@opentiny/vue-theme": "~3.12.0",
-    "@opentiny/vue-theme-mobile": "~3.12.0"
+    "@opentiny/vue-renderless": "~3.13.0-alpha.0",
+    "@opentiny/vue-common": "~3.13.0-alpha.0",
+    "@opentiny/vue-icon": "~3.13.0-alpha.0",
+    "@opentiny/vue-theme": "~3.13.0-alpha.0",
+    "@opentiny/vue-theme-mobile": "~3.13.0-alpha.0"
   },
@@ -17,0 +17,0 @@ "license": "MIT",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Number of low license alerts

0

decreased by-100%

License quality

100

increased by25%

Number of low supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

14318

decreased by-29.57%

Number of package files

6

decreased by-45.45%

Lines of code

312

decreased by-38.94%

Number of low quality alerts

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-renderless@~3.13.0-alpha.0

• Updated@opentiny/vue-theme@~3.13.0-alpha.0

• Updated@opentiny/vue-theme-mobile@~3.13.0-alpha.0