@opentiny/vue-numeric - npm Package Compare versions

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

lib/index.js

@@ -175,4 +175,4 @@ import { $prefix, $props, $setup } from '@opentiny/vue-common';
 };
-Numeric.version = '3.1.0-alpha.0';
+Numeric.version = '3.5.0-alpha.0';
 
 export { Numeric as default };

lib/pc.js

@@ -5,3 +5,2 @@ import { renderless, api } from '@opentiny/vue-renderless/numeric/vue';
 import { iconChevronDown, iconChevronUp, iconMinus, iconPlus } from '@opentiny/vue-icon';
-import '@opentiny/vue-theme/numeric/index.css';
 import { resolveDirective, openBlock, createElementBlock, withModifiers, normalizeClass, withDirectives, withKeys, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString, createElementVNode } from 'vue';
@@ -35,2 +34,32 @@
 
+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-numeric{--ti-numeric-input-width:180px;--ti-numeric-input-border-radius:var(--ti-common-border-radius-normal);--ti-numeric-input-normal-border-color:var(--ti-base-color-border);--ti-numeric-input-normal-text-color:var(--ti-base-color-info-normal);--ti-numeric-input-normal-bg-color:var(--ti-base-color-light);--ti-numeric-input-normal-height:28px;--ti-numeric-input-normal-active-border-color:var(--ti-base-color-border-hover);--ti-numeric-input-placeholder-text-color:var(--ti-base-color-placeholder);--ti-numeric-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-numeric-input-icon-color-hover:var(--ti-base-color-border-hover);--ti-numeric-input-icon-color-disabled:var(--ti-common-color-icon-disabled);--ti-numeric-input-border-color-disabled:var(--ti-common-color-line-disabled);position:relative;display:inline-block;width:var(--ti-numeric-input-width)}.tiny-numeric__input{display:block;line-height:normal}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner{cursor:not-allowed;pointer-events:none;border:1px solid var(--ti-numeric-input-border-color-disabled);color:var(--ti-numeric-input-placeholder-text-color);background:var(--ti-numeric-input-disabled-bg-color)}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-moz-placeholder{color:#bfbfbf;opacity:1}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:-ms-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-webkit-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-ms-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-input__icon{cursor:not-allowed}.tiny-numeric__input.has-unit .tiny-numeric__input-inner{padding:0 50px 0 8px}.tiny-numeric__input.text-align-left .tiny-numeric__input-inner{text-align:left}.tiny-numeric__input-inner{width:100%;height:var(--ti-numeric-input-normal-height);line-height:var(--ti-numeric-input-normal-height);border:1px solid var(--ti-numeric-input-normal-border-color);border-radius:var(--ti-numeric-input-border-radius);color:var(--ti-numeric-input-normal-text-color);background:var(--ti-numeric-input-normal-bg-color);font-size:var(--ti-common-font-size-base);padding:0 calc(var(--ti-numeric-input-normal-height) + 8px);outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-numeric__input-inner::-moz-placeholder{color:var(--ti-numeric-input-placeholder-text-color);opacity:1}.tiny-numeric__input-inner:-ms-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner::-webkit-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner::-ms-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner::placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner:hover{border:1px solid var(--ti-numeric-input-normal-active-border-color)}.tiny-numeric__input-inner:active,.tiny-numeric__input-inner:focus{border:1px solid var(--ti-base-color-brand-6)}.tiny-numeric__input-inner:focus{outline:0}.tiny-numeric__input-inner:focus::-moz-placeholder{color:var(--ti-numeric-input-placeholder-text-color);opacity:1}.tiny-numeric__input-inner:focus:-ms-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner:focus::-webkit-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner:focus::-ms-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner:focus::placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner::-ms-clear{display:none;width:0;height:0}.tiny-numeric__decrease,.tiny-numeric__increase{position:absolute;z-index:1;top:1px;width:30px;height:calc(100% - 2px);line-height:calc(var(--ti-numeric-input-normal-height) - 2px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--ti-common-font-size-1);text-align:center;cursor:pointer}.tiny-numeric__decrease svg,.tiny-numeric__increase svg{fill:var(--ti-numeric-input-normal-active-border-color)}.tiny-numeric__decrease:hover:not(.is-disabled)~.tiny-numeric__input .tiny-numeric__input-inner:not(.is-disabled),.tiny-numeric__increase:hover:not(.is-disabled)~.tiny-numeric__input .tiny-numeric__input-inner:not(.is-disabled){border-color:var(--ti-numeric-input-icon-color-hover)}.tiny-numeric__decrease:hover:not(.is-disabled)~.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:not(.is-disabled),.tiny-numeric__increase:hover:not(.is-disabled)~.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:not(.is-disabled){border-color:var(--ti-numeric-input-normal-border-color)}.tiny-numeric__decrease:hover svg,.tiny-numeric__increase:hover svg{fill:var(--ti-numeric-input-icon-color-hover)}.tiny-numeric__decrease.is-disabled,.tiny-numeric__increase.is-disabled{cursor:not-allowed}.tiny-numeric__decrease.is-disabled svg,.tiny-numeric__increase.is-disabled svg{fill:var(--ti-numeric-input-icon-color-disabled)}.tiny-numeric__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid var(--ti-numeric-input-normal-border-color)}.tiny-numeric__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid var(--ti-numeric-input-normal-border-color)}.tiny-numeric__unit{right:0;position:absolute;z-index:1;top:1px;width:50px;height:calc(100% - 2px);color:#666;font-size:var(--ti-common-font-size-base);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:1px solid #d9d9d9;margin:0 1px 0 0;background:#f1f1f1}.tiny-numeric.is-disabled .tiny-numeric__decrease,.tiny-numeric.is-disabled .tiny-numeric__increase{border-color:var(--ti-numeric-input-border-color-disabled)}.tiny-numeric.is-disabled .tiny-numeric__decrease svg,.tiny-numeric.is-disabled .tiny-numeric__increase svg{fill:var(--ti-numeric-input-icon-color-disabled)}.tiny-numeric.is-disabled .tiny-numeric__decrease:hover,.tiny-numeric.is-disabled .tiny-numeric__increase:hover{cursor:not-allowed}.tiny-numeric.is-disabled .tiny-numeric__decrease:hover svg,.tiny-numeric.is-disabled .tiny-numeric__increase:hover svg{fill:var(--ti-numeric-input-icon-color-disabled)}.tiny-numeric--medium{width:270px}.tiny-numeric--medium .tiny-numeric__decrease,.tiny-numeric--medium .tiny-numeric__increase{width:42px;line-height:40px;font-size:var(--ti-common-font-size-2)}.tiny-numeric--medium .tiny-numeric__input-inner{height:42px;line-height:42px;padding-left:43px;padding-right:43px}.tiny-numeric--small{width:200px}.tiny-numeric--small .tiny-numeric__decrease,.tiny-numeric--small .tiny-numeric__increase{width:36px;line-height:34px;font-size:var(--ti-common-font-size-1)}.tiny-numeric--small .tiny-numeric__input-inner{height:36px;line-height:36px;padding-left:37px;padding-right:37px}.tiny-numeric--mini{width:130px}.tiny-numeric--mini .tiny-numeric__decrease,.tiny-numeric--mini .tiny-numeric__increase{width:24px;line-height:20px;font-size:var(--ti-common-font-size-base)}.tiny-numeric--mini .tiny-numeric__input-inner{height:24px;line-height:24px;padding-left:35px;padding-right:35px}.tiny-numeric.is-without-controls .tiny-numeric__input-inner{padding-left:8px;padding-right:8px}.tiny-numeric.is-without-controls .tiny-numeric__input.has-unit .tiny-numeric__input-inner{padding:0 50px 0 8px}.tiny-numeric.is-without-controls .tiny-numeric__input.text-align-left .tiny-numeric__input-inner{text-align:left}.tiny-numeric.is-controls-right .tiny-numeric__input-inner{padding-left:8px;padding-right:38px}.tiny-numeric.is-controls-right .tiny-numeric__decrease,.tiny-numeric.is-controls-right .tiny-numeric__increase{height:auto;line-height:14px}.tiny-numeric.is-controls-right .tiny-numeric__decrease svg,.tiny-numeric.is-controls-right .tiny-numeric__increase svg{-webkit-transform:scale(.8);transform:scale(.8)}.tiny-numeric.is-controls-right .tiny-numeric__increase{border-radius:0 4px 0 0;border-bottom:1px solid var(--ti-numeric-input-normal-border-color)}.tiny-numeric.is-controls-right .tiny-numeric__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid var(--ti-numeric-input-normal-border-color);border-radius:0 0 4px}.tiny-numeric.is-controls-right .tiny-numeric__decrease svg{-webkit-transform:scale(.8) translateY(3px);transform:scale(.8) translateY(3px)}.tiny-numeric.is-controls-right[class*=medium] [class*=decrease],.tiny-numeric.is-controls-right[class*=medium] [class*=increase]{line-height:20px}.tiny-numeric.is-controls-right[class*=small] [class*=decrease],.tiny-numeric.is-controls-right[class*=small] [class*=increase]{line-height:17px}.tiny-numeric.is-controls-right[class*=mini] [class*=decrease],.tiny-numeric.is-controls-right[class*=mini] [class*=increase]{line-height:8px}";
+styleInject(css_248z);
+
 var script = {
@@ -76,5 +105,5 @@ directives: directive({
     }]),
-    onMousewheelPassive: _cache[9] || (_cache[9] = function () {
+    onMousewheel: _cache[9] || (_cache[9] = withModifiers(function () {
       return _ctx.mouseEvent && _ctx.mouseEvent.apply(_ctx, arguments);
-    })
+    }, ["prevent"]))
   }, [$props.controls && !$props.unit ? withDirectives((openBlock(), createElementBlock("span", {
@@ -81,0 +110,0 @@ key: 0,

package.json

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

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

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

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

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

Improved metrics

Total package byte prevSize

34932

increased by99.25%

Number of package files

8

increased by100%

Lines of code

756

increased by76.64%

Worsened metrics

Number of low license alerts

2

increased byInfinity%

License quality

80

decreased by-20%

Number of low supply chain risk alerts

4

increased by33.33%

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.25.6(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