@opentiny/vue-dialog-box - npm Package Compare versions

Comparing version 2.5.0 to 2.6.0-alpha.0

lib/index.js

@@ -208,4 +208,4 @@ import { $prefix, $props, $setup } from '@opentiny/vue-common';
 };
-DialogBox.version = '2.5.0';
+DialogBox.version = '2.6.0-alpha.0';
 
 export { DialogBox as default };

lib/pc.js

 import { renderless, api } from '@opentiny/vue-renderless/dialog-box/vue';
 import { setup, props } from '@opentiny/vue-common';
 import { iconClose, iconFullscreen, iconMinscreen } from '@opentiny/vue-icon';
+import '@opentiny/vue-theme/dialog-box/index.css';
 
@@ -31,32 +32,2 @@ function _toConsumableArray(arr) {
 
-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-dialog-box{position:absolute;background:var(--ti-dialogbox-bg-color);border:1px solid transparent;border-radius:var(--ti-dialogbox-border-radius);-webkit-box-shadow:var(--ti-dialogbox-box-shadow);box-shadow:var(--ti-dialogbox-box-shadow);overflow:hidden}.tiny-dialog-box__wrapper{--ti-dialogbox-bg-color:var(--ti-base-color-light);--ti-dialogbox-border-radius:var(--ti-common-border-radius-normal);--ti-dialogbox-head-border-color:var(--ti-base-color-border);--ti-dialogbox-head-text-color:var(--ti-base-color-placeholder);--ti-dialogbox-head-padding-top:32px;--ti-dialogbox-head-padding-horizontal:32px;--ti-dialogbox-head-padding-bottom:28px;--ti-dialogbox-head-title-font-size:var(--ti-common-font-size-3);--ti-dialogbox-head-title-font-weight:var(--ti-common-font-weight-7);--ti-dialogbox-head-title-text-color:var(--ti-base-color-info-normal);--ti-dialogbox-head-font-icon-color:#c4c4c4;--ti-dialogbox-head-font-icon-size:14px;--ti-dialogbox-head-font-icon-color-hover:var(--ti-base-color-brand-6);--ti-dialogbox-head-body-text-color:#5a5e66;--ti-dialogbox-head-body-font-size:var(--ti-common-font-size-1);--ti-dialogbox-close-icon-color:var(--ti-base-color-common-5);--ti-dialogbox-close-icon-color-hover:var(--ti-base-color-brand-6);--ti-dialogbox-box-body-font-size:var(--ti-common-font-size-base);--ti-dialogbox-box-body-text-color:var(--ti-base-color-common-5);--ti-dialogbox-box-body-padding-vertical:0;--ti-dialogbox-box-body-padding-horizontal:32px;--ti-dialogbox-box-body-margin-bottom:12px;--ti-dialogbox-btn-background-color-hover:none;--ti-dialogbox-box-shadow:var(--ti-common-shadow-4-down);--ti-dialogbox-btn-position-top:18px;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box__scroll-lock{overflow:hidden}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{padding:var(--ti-dialogbox-head-padding-top) var(--ti-dialogbox-head-padding-horizontal) var(--ti-dialogbox-head-padding-bottom);background:var(--ti-dialogbox-bg-color);font-weight:var(--ti-dialogbox-head-title-font-weight);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{font-size:var(--ti-dialogbox-head-title-font-size);color:var(--ti-dialogbox-head-title-text-color);font-weight:var(--ti-dialogbox-head-title-font-weight);-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:var(--ti-dialogbox-btn-position-top);right:20px;cursor:pointer;height:32px;width:32px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialogbox-btn-background-color-hover);border-radius:4px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialogbox-close-icon-color);font-size:var(--ti-dialogbox-head-font-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialogbox-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialogbox-box-body-padding-vertical) var(--ti-dialogbox-box-body-padding-horizontal);margin-bottom:var(--ti-dialogbox-box-body-margin-bottom);color:var(--ti-dialogbox-box-body-text-color);font-size:var(--ti-dialogbox-box-body-font-size);overflow:auto;max-height:65vh}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{text-align:inherit;padding:28px 32px 32px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}";
-styleInject(css_248z);
-
 var script = {
@@ -63,0 +34,0 @@ components: {

package.json

 {
   "name": "@opentiny/vue-dialog-box",
-  "version": "2.5.0",
+  "version": "2.6.0-alpha.0",
   "description": "",
@@ -12,7 +12,7 @@ "main": "lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~2.5.0",
-    "@opentiny/vue-icon": "~2.5.0",
-    "@opentiny/vue-renderless": "~3.5.0",
-    "@opentiny/vue-theme": "~3.5.0",
-    "@opentiny/vue-theme-mobile": "~3.5.0"
+    "@opentiny/vue-common": "~2.6.0-alpha.0",
+    "@opentiny/vue-icon": "~2.6.0-alpha.0",
+    "@opentiny/vue-renderless": "~3.6.0-alpha.1",
+    "@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

3

decreased by-25%

Worsened metrics

Total package byte prevSize

20955

decreased by-27.24%

Lines of code

613

decreased by-7.68%

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