@eturnity/eturnity_reusable_components 7.30.3-EPDM-11226.0 → 7.30.3-EPDM-10647.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.30.3-EPDM-11226.0",
+  "version": "7.30.3-EPDM-10647.0",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/infoText/index.vue

@@ -124,7 +124,7 @@ export default {
     },
     width: {
       required: false,
-      default: '200px'
+      default: '165px'
     },
     maxWidth: {
       type: String,

package/src/components/inputs/inputNumber/index.vue

@@ -75,6 +75,7 @@
         <Select
           :showBorder="false"
           :selectWidth="`${selectWidth}px`"
+          :disabled="isSelectDisabled"
           @input-change="$emit('select-change', $event)"
         >
           <template #selector>
@@ -517,6 +518,10 @@ export default {
     selectValue: {
       type: [String, Number],
       default: null
+    },
+    isSelectDisabled: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {

package/src/components/inputs/select/index.vue

@@ -181,6 +181,7 @@ import InfoText from '../../infoText'
 import icon from '../../icon'
 import inputText from '../inputText'
 import draggableInputHandle from '../../draggableInputHandle'
+import { debounce } from '../../../utils'
 
 const CARET_WIDTH = '30px'
 const BORDER_WIDTH = '1px'
@@ -652,9 +653,9 @@ export default {
       this.blur()
       this.$emit('input-change', e)
     },
-    optionHovered(e) {
+    optionHovered: debounce(function (e) {
       this.hoveredValue = e
-    },
+    }, 300),
     mouseEnterHandler() {
       if (this.hoverDropdown) {
         this.focus()

package/src/utils/index.js

@@ -0,0 +1,12 @@
+export function debounce(fn, wait) {
+  let timer
+  return function (...args) {
+    if (timer) {
+      clearTimeout(timer)
+    }
+    const context = this
+    timer = setTimeout(() => {
+      fn.apply(context, args)
+    }, wait)
+  }
+}