@eturnity/eturnity_reusable_components 1.2.22-3d-master.6 → 1.2.22-3d-master.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.22-3d-master.6",
+  "version": "1.2.22-3d-master.9",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/icon/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <wrapper :isDisabled="isDisabled" :size="size" :cursor="cursor">
+  <Wrapper :isDisabled="disabled" :size="size" :cursor="cursor">
     <icon-image
       :disabled="disabled"
       :size="size"
@@ -9,7 +9,7 @@
         require(`!html-loader!./../../assets/svgIcons/${name.toLowerCase()}.svg`)
       "
     ></icon-image>
-  </wrapper>  
+  </Wrapper>  
 </template>
 
 <script>
@@ -50,7 +50,8 @@ const IconImage = styled('div', IconImageProps)`
 export default {
   name: 'icon',
   components: {
-    IconImage
+    IconImage,
+    Wrapper
   },
   props: {
     disabled: {

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

@@ -26,12 +26,14 @@
         @blur="onInputBlur($event)"
         @focus="focusInput()"
         @keyup.enter="$emit('on-enter-click')"
+        @input="onInput($event)"
         :disabled="disabled"
         :isDisabled="disabled"
         :noBorder="noBorder"
         :textAlign="textAlign"
         :fontSize="fontSize"
         :fontColor="fontColor"
+        :backgroundColor="backgroundColor"
         v-on="$listeners"
         :hasSlot="hasSlot"
         :slotSize="slotSize"
@@ -101,6 +103,7 @@ const inputProps = {
   textAlign: String,
   fontSize: String,
   fontColor: String,
+  backgroundColor:String,
   hasSlot: Boolean,
   slotSize: String,
   inputHeight:String
@@ -124,8 +127,6 @@ const InputContainer = styled('input', inputProps)`
   padding-right: ${(props) =>
     props.slotSize
       ? 'calc(' + props.slotSize + ' + 10px)'
-      : props.hasUnit
-      ? '40px'
       : '5px'};
   border-radius: 4px;
   text-align: ${(props) => props.textAlign};
@@ -137,6 +138,9 @@ const InputContainer = styled('input', inputProps)`
       : props.fontColor
       ? props.fontColor + ' !important'
       : props.theme.colors.black};
+  background-color:${(props) => props.backgroundColor
+    ? props.backgroundColor+' !important'
+    : props.theme.colors.white};
   width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
   min-width: ${(props) => (props.minWidth ? props.minWidth : 'unset')};
   background-color: ${(props) =>
@@ -324,6 +328,10 @@ export default {
       required: false,
       default: null
     },
+    backgroundColor: {
+      required: false,
+      default: null
+    },
     numberToStringEnabled: {
       required: false,
       default: true
@@ -401,6 +409,10 @@ export default {
       }
       return evaluated
     },
+    onInput(value){
+      let evaluatedInput = this.onEvaluateCode(value)
+      this.$emit('on-input',evaluatedInput)
+    },
     onInputBlur(e) {
       this.isFocused = false
       let value = e.target.value