@opentiny/vue-numeric - npm Package Compare versions

Comparing version 2.11.0 to 2.12.0

lib/index.js

@@ -87,3 +87,3 @@ function _extends() {
   },
-  modelValue: {},
+  modelValue: [Number, String, void 0],
   mouseWheel: Boolean,
@@ -137,2 +137,6 @@ name: String,
     default: false
+  },
+  showEmptyValue: {
+    type: Boolean,
+    default: false
   }
@@ -151,3 +155,3 @@ });
 });
-var version = "2.11.0";
+var version = "2.12.0";
 Numeric.model = {
@@ -154,0 +158,0 @@ prop: "modelValue",

lib/mobile-first.js

 import { renderless, api } from "@opentiny/vue-renderless/numeric/vue";
 import { defineComponent, directive, props, setup as _setup } from "@opentiny/vue-common";
 import bind from "@opentiny/vue-renderless/common/deps/repeat-click";
-import { IconChevronDown, IconChevronUp, IconMinus, IconPlus } from "@opentiny/vue-icon";
+import { iconChevronDown, iconChevronUp, iconMinus, iconPlus } from "@opentiny/vue-icon";
 function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
@@ -64,4 +64,4 @@ var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
   "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",
-  "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_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-x-0.5 border-color-border-separator rounded-l sm:border-0",
+  "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-x-0.5 border-color-border-separator rounded-r sm:border-0",
   "numeric_crease_disabled": "bg-color-bg-4 active:bg-color-bg-4 focus:bg-color-bg-4",
@@ -77,4 +77,4 @@ "numeric_svg": "sm:w-4 sm:h-4 w-3.5 h-3.5 inline-block fill-color-icon-primary sm:hover:fill-color-brand-hover sm:active:fill-color-brand-active sm:focus:fill-color-brand-active",
   "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-active": "border-0.5 sm:border border-solid rounded border-color-border-separator sm:border-color-border ",
+  "numeric_input-disabled": "bg-inherit sm:bg-color-bg-3 cursor-not-allowed sm:border border-0.5 border-solid rounded border-color-text-disabled text-color-text-disabled",
   "numeric_input_inner": "w-full z-10 h-7 leading-7 sm:text-xs inline-block overflow-hidden outline-0",
@@ -84,3 +84,4 @@ "numeric-text-center": "text-center",
   "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"
+  "numeric_input_inner_medium": "sm:h-8 sm:leading-8 text-sm sm:text-sm",
+  "numeric_input_inner_disabled": "bg-color-bg-1 sm:bg-color-bg-3"
 };
@@ -94,9 +95,9 @@ var __vue2_script = defineComponent({
   components: {
-    IconChevronDown: IconChevronDown(),
-    IconChevronUp: IconChevronUp(),
-    IconMinus: IconMinus(),
-    IconPlus: IconPlus()
+    IconChevronDown: iconChevronDown(),
+    IconChevronUp: iconChevronUp(),
+    IconMinus: iconMinus(),
+    IconPlus: iconPlus()
   },
   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"]),
-  emits: ["blur", "focus", "update:modelValue", "change", "paste-error"],
+  emits: ["update:modelValue", "change", "blur", "focus"],
   setup: function setup(props2, context) {
@@ -122,3 +123,6 @@ return _setup({
   }, [_c("div", {
-    class: _vm.m(_vm.gcls("numeric"), _vm.state.inputSize === "medium" ? _vm.gcls("numeric_medium") : _vm.gcls("numeric_size"), _vm.state.inputDisabled ? _vm.gcls("numeric_disabled") : ""),
+    class: _vm.m(_vm.gcls("numeric"), _vm.state.inputSize === "medium" ? _vm.gcls("numeric_medium") : _vm.gcls("numeric_size"), _vm.state.inputDisabled ? _vm.gcls("numeric_disabled") : "", _vm.state.isDisplayOnly ? _vm.gcls("numeric_display_none") : ""),
+    attrs: {
+      "data-tag": "tiny-numeric-main"
+    },
     on: {
@@ -132,3 +136,3 @@ "dragstart": function dragstart($event) {
     }
-  }, [_c("span", {
+  }, [_vm.controls ? _c("span", {
     directives: [{
@@ -142,2 +146,3 @@ name: "repeat-click",
     attrs: {
+      "data-tag": "tiny-numeric-decrease",
       "role": "button"
@@ -155,5 +160,8 @@ },
     class: _vm.m(_vm.state.minDisabled || _vm.state.inputDisabled ? _vm.gcls("numeric_svg_disabled") : _vm.gcls("numeric_svg"))
-  })], 1), _c("div", {
-    class: ["sm:w-px sm:h-4 sm:bg-color-text-disabled sm:absolute", _vm.state.inputSize === "medium" ? "sm:left-8" : "sm:left-7"]
-  }), _c("span", {
+  })], 1) : _vm._e(), _vm.controls ? _c("div", {
+    class: ["sm:w-px sm:h-4 sm:bg-color-text-disabled sm:absolute", _vm.state.inputSize === "medium" ? "sm:left-8" : "sm:left-7"],
+    attrs: {
+      "data-tag": "tiny-numeric-controls"
+    }
+  }) : _vm._e(), _vm.controls ? _c("span", {
     directives: [{
@@ -167,2 +175,3 @@ name: "repeat-click",
     attrs: {
+      "data-tag": "numeric-increase",
       "role": "button"
@@ -180,9 +189,12 @@ },
     class: _vm.state.maxDisabled || _vm.state.inputDisabled ? _vm.gcls("numeric_svg_disabled") : _vm.gcls("numeric_svg")
-  })], 1), _c("div", {
-    class: ["sm:w-px sm:h-4 sm:bg-color-text-disabled sm:absolute", _vm.state.inputSize === "medium" ? "sm:right-8" : "sm:right-7"]
-  }), _c("div", {
-    class: _vm.state.inputSize === "medium" ? _vm.gcls("numeric_input_medium") : _vm.gcls("numeric_input")
+  })], 1) : _vm._e(), _vm.controls ? _c("div", {
+    class: ["sm:w-px sm:h-4 sm:bg-color-text-disabled sm:absolute", _vm.state.inputSize === "medium" ? "sm:right-8" : "sm:right-7"],
+    attrs: {
+      "data-tag": "tiny-numeric-controls"
+    }
+  }) : _vm._e(), _c("div", {
+    class: _vm.m(_vm.gcls("numeric_input-" + (_vm.state.inputSize === "medium" ? "medium" : "default") + "-" + (_vm.controls ? "num" : "unit")), _vm.state.inputDisabled ? _vm.gcls("numeric_input-disabled") : _vm.gcls("numeric_input-active"))
   }, [_c("input", {
     ref: "input",
-    class: _vm.m(_vm.gcls("numeric_input_inner"), _vm.state.inputSize === "medium" ? _vm.gcls("numeric_input_inner_medium") : _vm.gcls("numeric_input_inner_size"), _vm.state.inputDisabled ? _vm.gcls("numeric_input_inner_disabled") : _vm.gcls("numeric_input_inner_default")),
+    class: _vm.m(_vm.gcls("numeric_input_inner"), _vm.gcls("numeric-text-" + (_vm.controls ? "center" : "left")), _vm.state.inputSize === "medium" ? _vm.gcls("numeric_input_inner_medium") : _vm.gcls("numeric_input_inner_size"), _vm.state.inputDisabled ? _vm.gcls("numeric_input_inner_disabled") : _vm.gcls("numeric_input_inner_default")),
     attrs: {
@@ -217,4 +229,12 @@ "tabindex": _vm.tabindex,
     }
-  })])]), _c("div", {
-    staticClass: "h-0 right-0 flex ml-2 text-xs sm:h-7 items-center"
+  })])]), _vm.state.isDisplayOnly ? _c("div", {
+    class: _vm.state.inputSize === "medium" ? "text-sm" : "text-xs",
+    attrs: {
+      "data-tag": "numeric-display-only"
+    }
+  }, [_vm._v(" " + _vm._s(_vm.state.displayValue) + " ")]) : _vm._e(), _c("div", {
+    class: ["h-0 right-0 flex ml-2 text-xs items-center", _vm.state.isDisplayOnly ? "sm:h-4 " : "sm:h-7"],
+    attrs: {
+      "data-tag": "numeric-unit"
+    }
   }, [_vm._v(" " + _vm._s(_vm.unit) + " ")])]);
@@ -221,0 +241,0 @@ };

lib/pc.js

@@ -72,3 +72,3 @@ 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", "displayOnly", "showLeft"]),
+  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", "showEmptyValue"]),
   emits: ["update:modelValue", "change", "blur", "focus", "paste-error"],
@@ -173,3 +173,3 @@ setup: function setup(props2, context) {
     staticClass: "tiny-numeric-display-only__value"
-  }, [_vm._v(_vm._s(_vm.state.displayValue))]), _vm.unit && !_vm.hideUnit && _vm.state.currentValue ? _c("span", {
+  }, [_vm._v(_vm._s(_vm.state.displayOnlyText))]), _vm.unit && !_vm.hideUnit && _vm.state.currentValue ? _c("span", {
     staticClass: "tiny-numeric-display-only__unit"
@@ -176,0 +176,0 @@ }, [_vm._v(_vm._s(_vm.unit))]) : _vm.unit && !_vm.hideUnit ? _c("span", [_vm._v(_vm._s(_vm.unit))]) : _vm._e()]) : _vm._e(), _c("input", {

package.json

 {
   "name": "@opentiny/vue-numeric",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "",
@@ -10,5 +10,5 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~2.11.0",
-    "@opentiny/vue-icon": "~2.11.0",
-    "@opentiny/vue-renderless": "~3.11.0"
+    "@opentiny/vue-common": "~2.12.0",
+    "@opentiny/vue-icon": "~2.12.0",
+    "@opentiny/vue-renderless": "~3.12.0"
   },
@@ -15,0 +15,0 @@ "license": "MIT",

src/index.d.ts

@@ -67,3 +67,3 @@ export declare const $constants: {
     };
-    modelValue: {};
+    modelValue: (StringConstructor | NumberConstructor | undefined)[];
     mouseWheel: BooleanConstructor;
@@ -116,2 +116,6 @@ name: StringConstructor;
     };
+    showEmptyValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
@@ -118,0 +122,0 @@ tiny_mode_root: BooleanConstructor;

src/token.d.ts

@@ -25,2 +25,3 @@ export declare const classes: {
     numeric_input_inner_medium: 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

34586

increased by4.18%

Lines of code

1003

increased by2.98%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-common@~2.12.0

• Updated@opentiny/vue-icon@~2.12.0

• Updated@opentiny/vue-renderless@~3.12.0