@fishawack/lab-velocity 0.8.8 → 0.9.1

package/components/_datepicker.scss

@@ -9,7 +9,23 @@
 }
 
 .vel-popper {
-    border-color: red !important;
+    @include breakpoint (max-width $mobileMax) {
+        min-width: 280px;
+        max-width: 325px;
+        width: auto;
+        .el-date-range-picker{
+            width: 100%;
+            .el-picker-panel__body {
+                width: 100%;
+                min-width: 100%;
+                &>div {
+                    width: auto;
+                    min-width: auto;
+                    border: none;
+                }
+            }
+        }
+    }
 }
 
 .vel-date-picker, .el-date-picker {

package/form/DatePicker.vue

@@ -17,6 +17,7 @@
             @change="handleInput"
             :value-format="valueFormat"
             :format="format"
+            popper-class="vel-popper"
         />
     </XInput>
 </template>

package/form/Upload.vue

@@ -17,6 +17,8 @@
             v-model:file-list="content"
             :auto-upload="autoUpload"
             :required="required"
+            :list-type="listType"
+            :accept="accept"
         >
             <template #trigger>
                 <slot name="trigger">
@@ -61,7 +63,15 @@ export default {
         onExceed: {
             type: Function,
             default: null,
-        }
+        },
+        listType: {
+            type: String,
+            default: "text",
+        },
+        accept: {
+            type: String,
+            default: "",
+        },
     },
 
     components: {

package/form/Wysiwyg2.vue

@@ -203,29 +203,7 @@ export default {
 
     methods: {
         setValue() {
-            const temp =
-                this.simple && this.modelValue // Surround text in p tags to keep it grouped correctly on simple strings. Ignore if modelValue empty otherwise you'll end up with <p>null</p>
-                    ? `<p>${this.modelValue}</p>`
-                    : this.modelValue;
-            this.editor.commands.setContent(temp);
-            this.hold = temp;
-
-            
-        },
-        // Function to remove p tags from inside li tags, breaks the wysiwyg
-        formatCleaner(unformmatted) {
-            if(!unformmatted) {
-                return "";
-            }
-            let parser = document.createElement('div');
-            parser.innerHTML = unformmatted.replace(/(\r\n|\n|\r|\t)/gm,"");
-            const lists = parser.getElementsByTagName('ul');
-            for(var x = 0; x < lists.length; x++) {
-                lists[x].innerHTML = sanitizeHtml(lists[x].innerHTML, {
-                    allowedTags: [ 'b', 'i', 'em', 'strong', 'a','li']
-                });
-            }
-            return parser.innerHTML;
+            this.editor.commands.setContent(this.modelValue);
         },
         setLink() {
             this.previousUrl = this.editor.getAttributes('link').href;
@@ -289,8 +267,9 @@ export default {
         this.setValue();
 
         this.editor.on('blur', ({ editor, event }) => {
-            if(this.hold !== event.srcElement.innerHTML) {
-                this.hold = event.srcElement.innerHTML;
+            const value = editor.isEmpty ? '' : event.srcElement.innerHTML;
+            if(this.hold !== value) {
+                this.hold = value;
                 this.$emit("update:modelValue", this.hold);
             }
         })

package/form/input.js

@@ -21,7 +21,7 @@ export default {
             default: false,
         },
         modelValue: {
-            type: [String,Number],
+            type: [String,Number,Array],
             default: null,
         },
         label: {

package/package.json

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