@fishawack/lab-velocity 0.9.1 → 0.9.3

package/components/_basic.scss

@@ -13,4 +13,10 @@
     .el-input-group__append, .el-input-group__prepend {
         padding: 0 2 * $spacing;
     }
+}
+
+.vel-basic {
+    &__error {
+        color: $colorAlert !important;
+    }
 }

package/components/_checkbox.scss

@@ -25,6 +25,7 @@
         &__error {
            order: 3;
            flex-basis: 100%;
+           color: $colorAlert !important;
         }        
 }
 

package/components/_datepicker.scss

@@ -6,6 +6,10 @@
     // &.el-input--large {
         --el-input-height:46px;
     // }
+
+    &__error {
+        color: $colorAlert !important;
+    }
 }
 
 .vel-popper {

package/components/_form.scss

@@ -3,6 +3,7 @@
     label {
         margin-bottom: $spacing;
         display: inline-block;
+        font-weight: 500;
     }
 
     &:not(:last-child) {
@@ -13,9 +14,9 @@
 .form__group--error {
 
     .el-select__wrapper, .el-select__wrapper:hover, .el-input__wrapper, .el-input__wrapper:hover {
-        box-shadow: 0 0 0 1px $color9 inset;
+        box-shadow: 0 0 0 1px $colorAlert inset;
         .el-select__icon {
-            color: $color9;
+            color: $colorAlert;
         }
     }
 }

package/components/_inputNumber.scss

@@ -14,4 +14,8 @@
     .el-input-group__append, .el-input-group__prepend {
         padding: 0 2 * $spacing;
     }
+    
+    &__error {
+        color: $colorAlert !important;
+    }
 }

package/components/_select.scss

@@ -22,4 +22,7 @@
     .el-select__selection.is-near {
         margin-left: 0px;
     }
+    &__error {
+        color: $colorAlert !important;
+    }
 }

package/components/_switch.scss

@@ -1 +1,7 @@
-@import "element-plus/theme-chalk/el-switch";
+@import "element-plus/theme-chalk/el-switch";
+
+.vel-switch {
+    &__error {
+        color: $colorAlert !important;
+    }
+}

package/components/_upload.scss

@@ -1 +1,12 @@
-@import "element-plus/theme-chalk/el-upload";
+@import "element-plus/theme-chalk/el-upload";
+
+.vel-upload {
+    &.form__group--error {
+        .el-upload__tip {
+            color: $colorAlert !important;
+        }
+    }
+    &__error {
+        color: $colorAlert !important;
+    }
+}

package/form/DatePicker.vue

@@ -16,12 +16,19 @@
             v-model="content"
             @change="handleInput"
             :value-format="valueFormat"
+            :date-format="dateFormat"
+            :time-format="timeFormat"
             :format="format"
-            popper-class="vel-popper"
+            :popper-class="popperClass"
+            :prefix-icon="prefixIcon"
         />
     </XInput>
 </template>
-
+<style>
+    .vel-popper--custom {
+        border: 1px solid red !important;
+    }
+</style>
 <script>
 import dayjs from "dayjs";
 import { ElDatePicker } from "element-plus";
@@ -44,6 +51,12 @@ export default {
         valueFormat: {
             type: String
         },
+        dateFormat: {
+            type: String
+        },
+        timeFormat: {
+            type: String
+        },
         baseClass: {
             type: String,
             default: "vel-datepicker",
@@ -62,6 +75,13 @@ export default {
             type: String,
             default: "default",
         },
+        popperClass: {
+            type: String,
+            default: "vel-popper",
+        },
+        prefixIcon: {
+            type: String,
+        },
     },
     components: {
         XInput,

package/form/Select.vue

@@ -17,11 +17,12 @@
             @change="handleInput"
             @clear="this.$emit('clear')"
             @blur="this.$emit('blur')"
+            :empty-values="[null, undefined]"
         >
             <template #default>
                 <slot name="default">
                     <el-option
-                        v-if="!options[0]?.value"
+                        v-if="!options[0]?.label"
                         v-for="(label, value) in options"
                         :key="value"
                         :label="label"
@@ -93,12 +94,13 @@ export default {
     emits: ['change', 'clear', 'blur'],
     methods: {
         castValue(value) {
-            if (
+             if (
                 !_.isNull(value) &&
                 typeof value === "string" &&
-                !isNaN(Number(value))
-            ) {
-                return parseInt(value);
+                value !== "" &&
+                 !isNaN(Number(value))
+             ) {
+                 return parseInt(value);
             }
             return value;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishawack/lab-velocity",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "description": "Avalere Health branded style system",
   "scripts": {
     "setup": "npm ci || npm i && npm run content",