@opentiny/vue-popover - npm Package Compare versions

Comparing version 3.12.0 to 3.13.0-alpha.0

lib/index.js

@@ -21,9 +21,11 @@ function _extends() {
 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" === (process.env.TINY_MODE || mode)) {
+  if ("mobile" === (tinyMode || mode)) {
     return MobileTemplate;
   }
-  if ("mobile-first" === (process.env.TINY_MODE || mode)) {
+  if ("mobile-first" === (tinyMode || mode)) {
     return MobileFirstTemplate;
@@ -123,3 +125,3 @@ }
 });
-var version = "3.12.0";
+var version = "3.13.0-alpha.0";
 Popover.install = function(Vue) {
@@ -126,0 +128,0 @@ Vue.component(Popover.name, Popover);

lib/mobile-first.js

@@ -67,7 +67,7 @@ function _extends() {
   "popper": "sm:leading-5 sm:absolute sm:px-4 sm:py-3 sm:z-[2000] sm:text-justify sm:text-xs break-all sm:max-w-[theme(spacing.96)] sm:shadow-md sm:bg-color-bg-1 sm:rounded sm:[&[x-placement^=top]]:mb-2.5 sm:[&[x-placement^=bottom]]:mt-2.5 sm:[&[x-placement^=right]]:ml-2.5 sm:[&[x-placement^=left]]:mr-2.5",
-  "arrow": 'absolute block w-0 h-0 border-[0.375rem] border-transparent border-solid after:absolute after:block after:w-0 after:h-0 after:border-[0.3125rem] after:border-transparent after:border-solid after:content-[""]',
-  "placement-top": "-bottom-3 border-t-color-bg-1 drop-shadow-[0_2px_2px_rgba(0,0,0,0.08)] border-b-w-0 after:-bottom-[0.3125rem] after:-ml-[0.3125rem] after:border-t-color-bg-1 after:border-b-w-0",
-  "placement-bottom": "-top-3 border-t-w-0 border-b-color-bg-1 drop-shadow-[0_-2px_2px_rgba(0,0,0,0.08)] after:-top-[0.3125rem] after:-ml-[0.3125rem] after:border-t-w-0 after:border-b-color-bg-1",
-  "placement-right": "-left-3 border-r-color-bg-1 drop-shadow-[2px_0_2px_rgba(0,0,0,0.08)] border-l-w-0 after:-bottom-[0.3125rem] after:-left-[0.3125rem] after:border-r-color-bg-1 after:border-l-w-0",
-  "placement-left": "-right-3 border-l-color-bg-1 drop-shadow-[-2px_0px_2px_rgba(0,0,0,0.08)] border-r-w-0 after:-bottom-[0.375rem] after:-right-[0.3125rem] after:-ml-[0.3125rem] after:border-l-color-bg-1 after:border-r-w-0"
+  "arrow": 'absolute ml-0.5 border-b-color-bg-1 border-l-color-bg-1 rounded-bl-sm block w-0 h-0 border-4 border-transparent border-solid after:absolute after:block after:border-transparent after:border-solid after:content-[""]',
+  "placement-top": "-bottom-1 left-1/2 -rotate-45",
+  "placement-bottom": "-top-1 left-1/2 rotate-[135deg]",
+  "placement-right": "-left-1.5 top-1/2 rotate-45",
+  "placement-left": "top-1/2 -right-1 rotate-[225deg]"
 };
@@ -167,3 +167,3 @@ var _sfc_main = defineComponent({
   class: "hidden sm:block",
-  "data-tag": "tiny-popover-body"
+  "data-tag": "tiny-popover-arrow"
 };
@@ -173,3 +173,3 @@ var _hoisted_3 = ["textContent"];
   "data-tag": "tiny-popover-body",
-  class: /* @__PURE__ */ normalizeClass(["sm:hidden block fixed inset-0 text-sm text-color-text-primary transition-top ease-out duration-300", "before:content-[''] before:fixed before:inset-0 before:w-full before:h-full before:opacity-30 before:bg-black"])
+  class: /* @__PURE__ */ normalizeClass(["sm:hidden block fixed left-0 right-0 top-0 bottom-0 text-sm text-color-text-primary transition-top ease-out duration-300", "before:content-[''] before:fixed before:left-0 before:right-0 before:top-0 before:bottom-0 before:w-full before:h-full before:bg-color-bg-7"])
 };
@@ -207,3 +207,2 @@ var _hoisted_5 = {
     {
-      "data-tag": "tiny-popover",
       ref: "root",
@@ -220,4 +219,4 @@ class: normalizeClass(_ctx.$attrs.class)
         return [withDirectives(createElementVNode("div", {
-          "data-tag": "tiny-popover-content",
-          class: normalizeClass([_ctx.gcls("popper"), _ctx.popperClass]),
+          "data-tag": "tiny-popover tiny-popper",
+          class: normalizeClass([_ctx.m(_ctx.gcls("popper"), _ctx.popperClass)]),
           ref: "popper",
@@ -224,0 +223,0 @@ style: normalizeStyle({

package.json

 {
   "name": "@opentiny/vue-popover",
-  "version": "3.12.0",
+  "version": "3.13.0-alpha.0",
   "description": "",
@@ -10,4 +10,5 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~3.12.0",
-    "@opentiny/vue-renderless": "~3.12.0"
+    "@opentiny/vue-common": "~3.13.0-alpha.0",
+    "@opentiny/vue-renderless": "~3.13.0-alpha.0",
+    "@opentiny/vue-icon": "~3.13.0-alpha.0"
   },
@@ -14,0 +15,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

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

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

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-50%

Worsened metrics

Total package byte prevSize

25647

decreased by-36.08%

Dependency count

3

increased by50%

Number of package files

6

decreased by-53.85%

Lines of code

715

decreased by-40.22%

Number of low quality alerts

2

increased by100%

Dependency changes

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

• + 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-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-renderless@~3.13.0-alpha.0