renusify 1.1.4 → 1.2.0

package/components/app/notify/notification.vue

@@ -38,6 +38,7 @@ export default {
       default: 4000
     }
   },
+  emits:['hide'],
   data () {
     return {
       show: false
@@ -45,7 +46,7 @@ export default {
   },
   methods: {
     hideMe () {
-      this.$emit('hide')
+      this.$emit('hide',true)
     }
   },
   created () {

package/components/app/toast/index.vue

@@ -10,11 +10,14 @@
 </template>
 
 <script>
-    import Toast from './toast.vue'
+import Toast from './toast.vue'
 
-    const EVENTS = ['online', 'offline', 'load']
+const EVENTS = ['online', 'offline', 'load']
     export default {
         name: 'r-toast',
+      props:{
+        showOnlineStatus: {type:Boolean,default:true}
+      },
         components: {
             Toast
         },
@@ -44,7 +47,9 @@
                     }
                 }
             )
+          if(this.showOnlineStatus) {
             EVENTS.forEach(event => window.addEventListener(event, this.updateOnlineStatus))
+          }
         },
         beforeUnmount() {
             EVENTS.forEach(event => window.removeEventListener(event, this.updateOnlineStatus))

package/components/app/toast/toast.vue

@@ -24,6 +24,7 @@
 
 <script>
 import './style.scss'
+
 export default {
   name: 'r-toast',
   props: {
@@ -43,6 +44,7 @@ export default {
       default: 3000
     }
   },
+  emits:['update:modelValue'],
   data(){
     return{
       setTimeout_id:null

package/components/avatar/index.vue

@@ -24,17 +24,18 @@
         props: {
             size: {
                 type: [Number, String],
-                default: 48
+              default: 48
             },
-            elevation: {
-                type: String,
-                default: 'none'
-            },
-            editable: {
-                type: String
-            },
-            flat: Boolean,
-            tile: Boolean
+          elevation: {
+            type: String,
+            default: 'none'
+          },
+          editable: {
+            type: String
+          },
+          flat: Boolean,
+          tile: Boolean,
+          headers: Object
         },
         data() {
             return {
@@ -58,19 +59,24 @@
                 this.$refs.file.click()
             },
             saveImage() {
-                this.loading = true
-                let fileData = new FormData()
-                fileData.append('file', this.files[0])
-                this.$axios.post(this.editable, fileData,
-                    {
-                        headers: {'Content-Type': 'multipart/form-data'},
-                        onUploadProgress: function (progressEvent) {
-                            this.uploadPercentage = Math.min(parseInt(Math.floor((progressEvent.loaded * 100) / progressEvent.total)), 98)
-                        }.bind(this),
-                        cancelToken: this.CancelTokenSource.token
-                    }
-                )
-                    .then(() => {
+              this.loading = true
+              let fileData = new FormData()
+              fileData.append('file', this.files[0])
+              let headers = this.headers
+              if (!headers) {
+                headers = {}
+              }
+              headers['Content-Type'] = 'multipart/form-data'
+              this.$axios.post(this.editable, fileData,
+                  {
+                    headers: headers,
+                    onUploadProgress: function (progressEvent) {
+                      this.uploadPercentage = Math.min(parseInt(Math.floor((progressEvent.loaded * 100) / progressEvent.total)), 98)
+                    }.bind(this),
+                    cancelToken: this.CancelTokenSource.token
+                  }
+              )
+                  .then(() => {
                         this.loading = false
                         this.k+=1
                     }, () => {

package/components/bar/bottomNavigationCircle.vue

@@ -7,9 +7,13 @@
         :key="i"
     >
       <div class="navigation-item-icon">
-        <r-icon v-html="item.icon"></r-icon>
+        <slot name="icon" :item="item">
+          <r-icon v-html="item.icon"></r-icon>
+        </slot>
+      </div>
+      <div class="navigation-item-text">
+        <slot name="name" :item="item">{{ item.name }}</slot>
       </div>
-      <div class="navigation-item-text">{{ item.name }}</div>
     </router-link>
   </nav>
 </template>
@@ -72,12 +76,13 @@ export default {
   }
 
   .router-link-exact-active {
+    color: var(--color-one);
     .navigation-item-icon {
       transition: 0.3s all ease-in-out;
       bottom: 31px;
       background-color: currentColor;
       border-radius: 50%;
-      padding: 15px;
+      padding: 12px;
       width: 50px;
       height: 50px;
       border: 3px solid white;

package/components/bar/scss/bottomNav.scss

@@ -14,7 +14,7 @@ $bottom-nav-btn-font-size: map-metro-get($headings, 'caption', 'size') !default;
   background-color: var(--color-sheet);
   color: var(--color-text-primary);
 
-  .#{$prefix}btn.router-link-exact-active {
+  .router-link-exact-active {
     color: var(--color-one) !important
   }
 

package/components/bar/toolbar/laptop.vue

@@ -6,7 +6,7 @@
                     <menu-laptop :menu="menu"></menu-laptop>
                     <r-spacer></r-spacer>
                     <div v-if="search" class="mt-n5">
-                        <r-search-box autofocus closable :label="search_label" :url="search">
+                        <r-search-box autofocus closable :label="searchLabel" :url="search">
                           <template v-slot="{item}">
                             <slot name="search" :item="item"></slot>
                           </template>
@@ -21,10 +21,10 @@
     </div>
 </template>
 <script>
-    import {toolbar} from "./mixin";
-    import MenuLaptop from "./menuLaptop";
+import {toolbar} from "./mixin";
+import MenuLaptop from "./menuLaptop";
 
-    export default {
+export default {
         components: {MenuLaptop},
         mixins: [toolbar]
     }

package/components/bar/toolbar/mixin.js

@@ -10,9 +10,8 @@ export const toolbar= {
             logoW: {type: Number, default: 180},
             logoH: {type: Number, default: 60},
             search: String,
-            search_label: {type:String,default:'search'},
+            searchLabel: {type:String,default:'search'},
             fixed: Boolean,
-            modelValue: Boolean,
             flat: Boolean,
             sticky: Boolean,
             tile: {

package/components/bar/toolbar/mobile.vue

@@ -9,7 +9,7 @@
                     <r-spacer></r-spacer>
                     <div v-if="search" class="mt-n5">
                         <r-search-box closable autofocus
-                                      :label="search_label" :url="search">
+                                      :label="searchLabel" :url="search">
                           <template v-slot="{item}">
                             <slot name="search" :item="item"></slot>
                           </template>
@@ -23,9 +23,10 @@
     </div>
 </template>
 <script>
-    import {toolbar} from "./mixin";
-    import MenuMobile from "./menuMob";
-    export default {
+import {toolbar} from "./mixin";
+import MenuMobile from "./menuMob";
+
+export default {
         components: {MenuMobile},
         mixins:[toolbar]
     }

package/components/breadcrumb/index.vue

@@ -34,6 +34,7 @@ export default {
       default: () => []
     }
   },
+  emits:['click'],
   computed: {
     classes(){
       let a={'mb-1':true}

package/components/button/buttonConfirm.vue

@@ -18,7 +18,7 @@
 export default {
   name: "buttonConfirm",
   props: {
-    hard: String,
+    hard: Boolean,
     title: String,
     body: String,
     cancelText: String,

package/components/button/buttonGroup.vue

@@ -42,6 +42,7 @@ export default {
     exact: Boolean,
     modelValue: [Number,String]
   },
+  emits:['open','update:modelValue'],
   data () {
     return {
       open: false,

package/components/button/style.scss

@@ -73,6 +73,7 @@ $btn-transition: opacity 0.2s map-get($transition, 'ease-in-out') !default;
 
   &:not(.btn-text):not(.btn-outlined) {
     background-color: var(--color-sheet);
+    color: var(--color-text-primary);
   }
 
   &.btn-outlined.btn-text {

package/components/calendar/index.vue

@@ -111,6 +111,7 @@ export default {
     year: Number,
     month: Number,
   },
+  emits:['change','select'],
   data() {
     return {
       tab: 'day',

package/components/calendar/month.vue

@@ -21,6 +21,7 @@ export default {
     locale: String,
     year: Number
   },
+  emits:['update:model-value'],
   data() {
     return {
       p: 0

package/components/calendar/year.vue

@@ -21,6 +21,7 @@ export default {
     locale: String,
     month: Number
   },
+  emits:['update:model-value'],
   methods: {
     emit(n) {
       this.$emit('update:model-value', n)

package/components/chat/chatInput.vue

@@ -62,6 +62,7 @@ export default {
     uploadLink: String,
     canFile: Boolean,
   },
+  emits:['update:model-value'],
   data() {
     return {
       text: '',

package/components/chat/chatMsg.vue

@@ -62,6 +62,7 @@ export default {
       }
     }
   },
+  emits:['see'],
   methods: {
     isImg(link) {
       const is = link.indexOf('storage/img/') !== -1

package/components/chat/index.vue

@@ -59,6 +59,7 @@ export default {
       default: '/storage/chat'
     },
   },
+  emits:['see','msg-submit'],
   data() {
     return {
       timeout_id: null

package/components/chip/index.vue

@@ -35,6 +35,7 @@ export default {
     outlined: Boolean,
     text: Boolean
   },
+  emits:['update:modelValue','close'],
   computed: {
     classes () {
       let c = this.$r.prefix + 'chip chip-size-' + this.size

package/components/codeEditor/index.vue

@@ -391,8 +391,6 @@ export default {
 @import "../../style/include";
 
 .#{$prefix}code-editor {
-  direction: ltr;
-  text-align: left;
   position: relative;
   white-space: break-spaces;
   caret-color: white;

package/components/confirm/index.vue

@@ -53,6 +53,7 @@ export default {
     modelValue: Boolean,
     hard: Boolean
   },
+  emits:['accept','cancel'],
   data () {
     return {
       valid: false,

package/components/countdown/index.vue

@@ -30,6 +30,7 @@ export default {
       validator: value => value >= 0
     }
   },
+  emits:['start','end'],
   data() {
     return {
       time_id: null,

package/components/float/index.vue

@@ -24,6 +24,7 @@
                 default: .1
             }
         },
+      emits:['move','zoom'],
         data() {
             return {
                 started: Date.now(),

package/components/form/address.vue

@@ -7,6 +7,7 @@
       value="id"
       :searchLink="`https://codenus.com/api/apps/address?lang=${$r.lang}`"
       :rules="required?['required']:[]"
+      :headers="{'Authorization':''}"
       :tile="tile">
   </r-select-input>
   <r-select-input :label="$t('state','renusify')"
@@ -18,6 +19,7 @@
                   :searchLink="country&&`https://codenus.com/api/apps/address/${country['id']}?lang=${$r.lang}`"
                   :rules="required?['required']:[]"
                   value="id"
+                  :headers="{'Authorization':''}"
                   :tile="tile">
 
   </r-select-input>
@@ -30,6 +32,7 @@
                   :searchLink="state&&`https://codenus.com/api/apps/address/${country['id']}/${state['id']}?lang=${$r.lang}`"
                   :rules="required?['required']:[]"
                   value="id"
+                  :headers="{'Authorization':''}"
                   :tile="tile">
 
   </r-select-input>
@@ -56,10 +59,11 @@ export default {
     hideCity: Boolean,
     hideZipCode: Boolean,
     hideStreet: Boolean,
-    tile: Boolean,
+    tile: {type: Boolean, default: undefined},
     defaultCountry: Object,
     modelValue: Object
   },
+  emits:['update:modelValue'],
   data() {
     return {
       country: this.modelValue ? this.modelValue.country : this.defaultCountry,
@@ -102,7 +106,7 @@ export default {
         if (!this.hideZipCode) {
           r['zip_code'] = this.zip_code
         }
-        this.$emit('update:model-value', r)
+        this.$emit('update:modelValue', r)
       }, 10)
     }
   }

package/components/form/camInput.vue

@@ -131,7 +131,9 @@ export default {
       default: 3,
       type: Number,
     },
+    headers: Object
   },
+  emits:['update:modelValue','error'],
   data() {
     return {
       started: false,
@@ -240,9 +242,14 @@ export default {
       const blob = new Blob(this.recordedBlobs, {type: this.type});
       let fileData = new FormData();
       fileData.append("file", blob, "user.webm");
+      let headers = this.headers
+      if (!headers) {
+        headers = {}
+      }
+      headers['Content-Type'] = 'multipart/form-data'
       this.$axios
           .post(this.uploadLink, fileData, {
-            headers: {"Content-Type": "multipart/form-data"},
+            headers: headers,
             onUploadProgress: function (progressEvent) {
               this.uploadPercentage = Math.min(
                   parseInt(
@@ -266,7 +273,7 @@ export default {
           );
     },
     emit() {
-      this.$emit("update:model-value", this.files);
+      this.$emit("update:modelValue", this.files);
     },
     run() {
       try {
@@ -329,7 +336,7 @@ export default {
       this.$axios
           .delete(this.uploadLink, {
             data: {link: link},
-          })
+          }, {headers: this.headers})
           .then(() => {
             this.files.splice(i, 1);
             this.emit();

package/components/form/check-input.vue

@@ -1,104 +1,105 @@
 <template>
-    <r-input :class="`${$r.prefix}check-input`" :active="active"
-             :model-value="lazyValue"
-             inputControlClass="pe-0"
-             :msg="msg"
-             :error="pass===false"
-             @click.prevent="handleClick">
-        <div class="check-input-container v-center">
-            <input :autofocus="autofocus"
-                   :type="type"
-                   @focusin="active=true"
-                   @focusout="active=false"
-                   @input="emit"
-                   :value="lazyValue"
-                   autocomplete="no"
-                   ref="input"
-            />
-            <r-btn size="small"
-                   :rounded="$attrs.tile===undefined||$attrs.tile===false"
-                   :loading="loading" @click.prevent="check()" class="elevation-none mx-1">
-                {{$t('check','renusify')}}
-                <r-icon v-if="pass!==null && pass!==false" v-html="$r.icons.check" exact width="20" height="20"></r-icon>
-                <r-icon v-if=" pass===false" v-html="$r.icons.close" width="20" height="20"></r-icon>
-            </r-btn>
-        </div>
-    </r-input>
+  <r-input :class="`${$r.prefix}check-input`" :active="active"
+           :model-value="lazyValue"
+           inputControlClass="pe-0"
+           :msg="msg"
+           :error="pass===false"
+           @click.prevent="handleClick">
+    <div class="check-input-container v-center">
+      <input :autofocus="autofocus"
+             :type="type"
+             @focusin="active=true"
+             @focusout="active=false"
+             @input="emit"
+             :value="lazyValue"
+             autocomplete="no"
+             ref="input"
+      />
+      <r-btn size="small"
+             :rounded="$attrs.tile===undefined||$attrs.tile===false"
+             :loading="loading" @click.prevent="check()" class="elevation-none mx-1">
+        {{ $t('check', 'renusify') }}
+        <r-icon v-if="pass!==null && pass!==false" v-html="$r.icons.check" exact width="20" height="20"></r-icon>
+        <r-icon v-if=" pass===false" v-html="$r.icons.close" width="20" height="20"></r-icon>
+      </r-btn>
+    </div>
+  </r-input>
 </template>
 <script>
-    export default {
-        name: 'r-check-input',
-        props: {
-            type: {
-                type: String,
-                default: 'text'
-            },
-            name: {
-                type: String,
-                default: 'text'
-            },
-            link: String,
-            modelValue: [String, Number],
-            autofocus: Boolean,
-        },
-
-        data() {
-            return {
-                lazyValue: this.modelValue,
-                msg: null,
-                pass: null,
-                loading: false,
-                active: false
-            }
-        },
-        watch: {
-            modelValue() {
-                this.msg = null
-                this.pass = null
-                this.$emit('data', {})
-                this.lazyValue = this.modelValue
-            }
-        },
-        methods: {
-            check() {
-                if (this.link) {
-                    this.loading = true
-                    this.$axios.post(this.link, {
-                        [this.name]: this.lazyValue
-                    }).then(({data}) => {
-                        this.$emit('data', data)
-                        this.msg = null
-                        this.loading = false
-                        this.pass = true
-                    }, ({response}) => {
-                        if (response.data.msg) {
-                            this.msg = this.$t(response.data.msg,'renusify')
-                        }
-                        this.$emit('data', response.data)
-                        this.loading = false
-                        this.pass = false
-                    })
-                }
+export default {
+  name: 'r-check-input',
+  props: {
+    type: {
+      type: String,
+      default: 'text'
+    },
+    name: {
+      type: String,
+      default: 'text'
+    },
+    link: String,
+    modelValue: [String, Number],
+    autofocus: Boolean,
+    headers: Object
+  },
+emits:['update:modelValue','data'],
+  data() {
+    return {
+      lazyValue: this.modelValue,
+      msg: null,
+      pass: null,
+      loading: false,
+      active: false
+    }
+  },
+  watch: {
+    modelValue() {
+      this.msg = null
+      this.pass = null
+      this.$emit('data', {})
+      this.lazyValue = this.modelValue
+    }
+  },
+  methods: {
+    check() {
+      if (this.link) {
+        this.loading = true
+        this.$axios.post(this.link, {
+          [this.name]: this.lazyValue
+        }, {headers: this.headers}).then(({data}) => {
+          this.$emit('data', data)
+          this.msg = null
+          this.loading = false
+          this.pass = true
+        }, ({response}) => {
+          if (response.data.msg) {
+            this.msg = this.$t(response.data.msg, 'renusify')
+          }
+          this.$emit('data', response.data)
+          this.loading = false
+          this.pass = false
+        })
+      }
 
-            },
-            handleClick(e) {
-                this.$refs.input.focus()
-            },
-            emit(e) {
-                this.lazyValue=e.target.value
-                this.$emit('update:modelValue', this.lazyValue)
-            }
-        }
+    },
+    handleClick(e) {
+      this.$refs.input.focus()
+    },
+    emit(e) {
+      this.lazyValue = e.target.value
+      this.$emit('update:modelValue', this.lazyValue)
     }
+  }
+}
 
 </script>
 <style lang="scss">
-    @import "../../style/include";
+@import "../../style/include";
 
-    .#{$prefix}check-input {
-        .check-input-container {
-            display: flex;
-            width: 100%;
-        }
-    }
+.#{$prefix}check-input {
+  .check-input-container {
+    display: flex;
+    width: 100%;
+  }
+}
 </style>