@opentiny/vue-numeric - npm Package Compare versions

Comparing version 2.8.3 to 2.9.0

lib/index.js

@@ -148,3 +148,3 @@ function _extends() {
 });
-var version = "3.7.0";
+var version = "2.9.0";
 Numeric.model = {
@@ -151,0 +151,0 @@ prop: "modelValue",

lib/mobile-first.js

@@ -61,4 +61,5 @@ import { renderless, api } from "@opentiny/vue-renderless/numeric/vue";
   "numeric": "relative flex items-center w-24 h-7 text-sm",
-  "numeric_size": "sm:w-[6.625rem] sm:h-7 sm:text-xs",
-  "numeric_medium": "sm:w-[8.125rem] sm:h-8 sm:text-sm",
+  "numeric_display_none": "hidden",
+  "numeric_size": "sm:w-24 sm:h-7 sm:text-xs",
+  "numeric_medium": "sm:w-32 sm:h-8 sm:text-sm",
   "numeric_decrease": "absolute z-10 text-center cursor-pointer left-0 flex items-center justify-center bg-color-bg-2 active:bg-color-border-separator focus:bg-border-separator sm:bg-inherit sm:active:bg-inherit sm:focus:bg-inherit w-7 h-7 leading-7 border-0.5 border-color-border-separator rounded-l-sm sm:border-0",
@@ -71,8 +72,14 @@ "numeric_increase": "absolute z-10 text-center cursor-pointer right-0 flex items-center justify-center bg-color-bg-2 active:bg-color-border-separator focus:bg-border-separator sm:bg-inherit sm:active:bg-inherit sm:focus:bg-inherit w-7 h-7 leading-7 border-0.5 border-color-border-separator rounded-r-sm sm:border-0",
   "numeric_svg_medium": "sm:w-8 sm:h-8 sm:leading-8 sm:text-sm",
-  "numeric_input": "block leading-3",
-  "numeric_input_inner": "w-full z-10 h-7 leading-7 sm:text-xs px-8 inline-block text-center border-0.5 sm:border border-solid rounded-sm border-color-border-separator sm:border-color-border overflow-hidden",
-  "numeric_input_inner_size": "h-7 leading-7 text-sm  sm:px-8 px-9",
-  "numeric_input_inner_medium": "sm:h-8 sm:leading-8 text-sm sm:px-9 sm:text-sm",
-  "numeric_input_inner_default": "sm:hover:border-color-text-primary sm:active:border-color-brand-active sm:focus:border-color-brand-active outline-none caret-color-brand",
-  "numeric_input_inner_disabled": "bg-inherit sm:bg-color-bg-4 cursor-not-allowed"
+  "numeric_input": "w-full block leading-3",
+  "numeric_input-medium-unit": "sm:px-3 px-2",
+  "numeric_input-medium-num": "sm:px-8 px-9",
+  "numeric_input-default-unit": "px-2",
+  "numeric_input-default-num": "px-8 sm:px-9",
+  "numeric_input-active": "border-0.5 sm:border border-solid rounded-sm border-color-border-separator sm:border-color-border ",
+  "numeric_input-disabled": "bg-inherit sm:bg-color-bg-4 cursor-not-allowed",
+  "numeric_input_inner": "w-full z-10 h-7 leading-7 sm:text-xs inline-block overflow-hidden outline-0",
+  "numeric-text-center": "text-center",
+  "numeric-text-left": "text-left",
+  "numeric_input_inner_size": "h-7 leading-7 text-sm",
+  "numeric_input_inner_medium": "sm:h-8 sm:leading-8 text-sm sm:text-sm"
 };
@@ -79,0 +86,0 @@ var __vue2_script = defineComponent({

lib/pc.js

@@ -72,4 +72,4 @@ import { renderless, api } from "@opentiny/vue-renderless/numeric/vue";
   },
-  props: [].concat(props, ["step", "tabindex", "stepStrictly", "max", "min", "modelValue", "disabled", "size", "controls", "controlsPosition", "name", "label", "placeholder", "precision", "circulate", "mouseWheel", "validateEvent", "allowEmpty", "format", "unit", "stringMode", "holdZero", "plugin", "modelTruncation", "strictInput", "hideUnit", "unitCenter"]),
-  emits: ["update:modelValue", "change", "blur", "focus"],
+  props: [].concat(props, ["step", "tabindex", "stepStrictly", "max", "min", "modelValue", "disabled", "size", "controls", "controlsPosition", "name", "label", "placeholder", "precision", "circulate", "mouseWheel", "validateEvent", "allowEmpty", "format", "unit", "stringMode", "holdZero", "plugin", "modelTruncation", "strictInput", "hideUnit", "unitCenter", "displayOnly", "showLeft"]),
+  emits: ["update:modelValue", "change", "blur", "focus", "paste-error"],
   setup: function setup(props2, context) {
@@ -95,2 +95,4 @@ return _setup({
       "is-controls-right": _vm.state.controlsAtRight
+    }, {
+      "is-display-only": _vm.state.isDisplayOnly
     }],
@@ -157,10 +159,24 @@ on: {
   }, [_vm._v(" " + _vm._s(_vm.unit) + " ")]) : _vm._e(), _c("div", {
-    class: ["tiny-numeric__input", _vm.state.inputSize ? "tiny-input-" + _vm.state.inputSize : "", _vm.state.inputDisabled ? "is-disabled" : "", {
+    class: ["tiny-numeric__input", {
+      "tiny-numeric__read-only": _vm.state.isDisplayOnly
+    }, _vm.state.inputSize ? "tiny-input-" + _vm.state.inputSize : "", _vm.state.inputDisabled ? "is-disabled" : "", {
       "has-unit": _vm.unit && !_vm.hideUnit
     }, {
       "text-align-left": _vm.unit && !_vm.unitCenter
+    }, {
+      "tiny-numeric__controls-position": _vm.controlsPosition
     }]
-  }, [_c("input", {
+  }, [_c("span", {
+    staticClass: "tiny-numeric-display-only"
+  }, [_vm.state.isDisplayOnly ? _c("span", {
+    staticClass: "tiny-numeric-display-only__content"
+  }, [_c("span", {
+    staticClass: "tiny-numeric-display-only__value"
+  }, [_vm._v(_vm._s(_vm.state.displayValue))]), _vm.unit && !_vm.hideUnit && _vm.state.currentValue ? _c("span", {
+    staticClass: "tiny-numeric-display-only__unit"
+  }, [_vm._v(_vm._s(_vm.unit))]) : _vm.unit && !_vm.hideUnit ? _c("span", [_vm._v(_vm._s(_vm.unit))]) : _vm._e()]) : _vm._e(), _c("input", {
     ref: "input",
-    staticClass: "tiny-numeric__input-inner",
+    class: ["tiny-numeric__input-inner", {
+      "tiny-numeric__show-left": !_vm.controls && _vm.showLeft
+    }],
     attrs: {
@@ -194,3 +210,3 @@ "tabindex": _vm.tabindex,
     }
-  })])]);
+  })])])]);
 };
@@ -197,0 +213,0 @@ var staticRenderFns = [];

package.json

 {
   "name": "@opentiny/vue-numeric",
-  "version": "2.8.3",
+  "version": "2.9.0",
   "description": "",
@@ -9,5 +9,5 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~2.8.3",
-    "@opentiny/vue-icon": "~2.8.3",
-    "@opentiny/vue-renderless": "~3.8.3"
+    "@opentiny/vue-common": "~2.9.0",
+    "@opentiny/vue-icon": "~2.9.0",
+    "@opentiny/vue-renderless": "~3.9.0"
   },
@@ -14,0 +14,0 @@ "license": "MIT",

src/index.d.ts

@@ -116,2 +116,3 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
     strictInput: boolean;
+    displayOnly: boolean;
     theme: string;
@@ -121,3 +122,2 @@ max: string | number;
     validateEvent: boolean;
-    displayOnly: boolean;
     min: string | number;
@@ -157,2 +157,3 @@ step: string | number;
     strictInput: boolean;
+    displayOnly: boolean;
     theme: string;
@@ -162,3 +163,2 @@ max: string | number;
     validateEvent: boolean;
-    displayOnly: boolean;
     min: string | number;
@@ -198,2 +198,3 @@ step: string | number;
     strictInput: boolean;
+    displayOnly: boolean;
     theme: string;
@@ -203,3 +204,2 @@ max: string | number;
     validateEvent: boolean;
-    displayOnly: boolean;
     min: string | number;
@@ -237,2 +237,3 @@ step: string | number;
     strictInput: boolean;
+    displayOnly: boolean;
     theme: string;
@@ -242,3 +243,2 @@ max: string | number;
     validateEvent: boolean;
-    displayOnly: boolean;
     min: string | number;
@@ -245,0 +245,0 @@ step: string | number;

src/token.d.ts

 export declare const classes: {
     numeric: string;
+    numeric_display_none: string;
     numeric_size: string;
@@ -13,7 +14,13 @@ numeric_medium: string;
     numeric_input: string;
+    'numeric_input-medium-unit': string;
+    'numeric_input-medium-num': string;
+    'numeric_input-default-unit': string;
+    'numeric_input-default-num': string;
+    'numeric_input-active': string;
+    'numeric_input-disabled': string;
     numeric_input_inner: string;
+    'numeric-text-center': string;
+    'numeric-text-left': string;
     numeric_input_inner_size: string;
     numeric_input_inner_medium: string;
-    numeric_input_inner_default: string;
-    numeric_input_inner_disabled: string;
 };

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

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

40566

increased by3.02%

Lines of code

1160

increased by2.65%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-common@~2.9.0

• Updated@opentiny/vue-icon@~2.9.0

• Updated@opentiny/vue-renderless@~3.9.0