renusify 1.1.5 → 1.2.1

package/components/list/index.vue

@@ -26,7 +26,7 @@
 import './style.scss'
 import Ripple from '../../directive/ripple/index'
 
-    export default {
+export default {
       name: 'r-list',
       directives: {ripple: Ripple},
       props: {
@@ -43,6 +43,7 @@ import Ripple from '../../directive/ripple/index'
         items: Array,
         modelValue: {type: [Array, Object]}
       },
+      emits:['update:modelValue'],
         computed: {
             list() {
                 if (this.modelValue) {
@@ -112,7 +113,7 @@ import Ripple from '../../directive/ripple/index'
                     val.push(item)
                 }
 
-                this.$emit('update:model-value', this.multiple?val:val[0])
+                this.$emit('update:modelValue', this.multiple?val:val[0])
             }
         }
 

package/components/map/index.vue

@@ -84,6 +84,7 @@ export default {
       license: '&copy; | <a href="https://leafletjs.com" target="_blank">Leaflet</a> | <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors | Renusify'
     };
   },
+  emits:['update:modelValue','leaflet','map'],
   created() {
     if (!this.$r.icons.crosshairs_gps) {
       this.$r.icons.crosshairs_gps = '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m-8.95 5H1v-2h2.05C3.5 6.83 6.83 3.5 11 3.05V1h2v2.05c4.17.45 7.5 3.78 7.95 7.95H23v2h-2.05c-.45 4.17-3.78 7.5-7.95 7.95V23h-2v-2.05C6.83 20.5 3.5 17.17 3.05 13M12 5a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7Z"/></svg>'

package/components/map/route.vue

@@ -71,6 +71,7 @@
             darkMode: Boolean,
             editable: Boolean
         },
+      emits:['update:modelValue'],
         data() {
             return {
                 loading: false,

package/components/map/select.vue

@@ -16,6 +16,7 @@
         height: {type: String, default: "500px"},
         zoom: {type: Number, default: 13},
       },
+      emits:['update:modelValue'],
       data() {
         return {
           map: null,

package/components/menu/index.vue

@@ -56,6 +56,7 @@ export default {
     overlay: Boolean,
     items: Array
   },
+  emits:['update:modelValue'],
   data() {
     return {
       show: false,

package/components/modal/index.vue

@@ -62,6 +62,7 @@ export default {
     }
 
   },
+  emits:['update:modelValue'],
   data() {
     return {
       state: null,

package/components/searchBox/index.vue

@@ -69,7 +69,7 @@ export default {
     openToTop: Boolean,
     headers: Object
   },
-
+emits:['update:modelValue','select'],
   data() {
     return {
       show: false,

package/components/slider/index.vue

@@ -75,6 +75,7 @@ export default {
       default: true
     }
   },
+  emits:['index'],
   data() {
     return {
       direction: 'slider-right',

package/components/table/crud/footer.vue

@@ -3,7 +3,7 @@
         <r-container class="container-fluid">
             <r-row class="v-baseline h-end">
                 <r-col class="col-auto">
-                    <r-select-input class="per-page" open-to-top :items="[
+                    <r-select-input class="per-page" open-to-top disableSearch :items="[
                       {name: '10', value: 10},
                       {name: '20', value: 20},
                       {name: '50', value: 50},

package/components/table/crud/header.vue

@@ -30,12 +30,12 @@
                 </r-col>
                 <r-col v-if="!show" class="col-12">
                     <r-text-input :label="$t('search','renusify')"
-                                  @update:modelValue="$emit('update:model-value',$event)"
+                                  @update:modelValue="$emit('update:modelValue',$event)"
                                   :model-value="search"></r-text-input>
                 </r-col>
                 <r-col v-else class="col-12">
                     <r-container class="pa-0" full-width>
-                      <r-select-input :model-value="select" :items="header" text="text"
+                      <r-select-input :model-value="select" :items="header" text="text" disableSearch
                                       :label="$t('add','renusify')" @update:model-value="add"></r-select-input>
                       <r-divider class="my-3"></r-divider>
                       <template v-for="(item,i) in inputs" :key="i">
@@ -50,6 +50,7 @@
                                           {name:$t('advance_search_id','renusify'),value:'_id'}
                                           ]"
                                             justValue
+                                            disableSearch
                                             firstSelect
                                             :label="$t('advance_search_operator','renusify')"></r-select-input>
                                 </r-col>
@@ -74,6 +75,7 @@
                                       {name:$t('advance_search_lte','renusify'),value:'lte'}]"
                                               firstSelect
                                               justValue
+                                              disableSearch
                                               :label="$t('advance_search_operator','renusify')"></r-select-input>
                                 </r-col>
                             <r-col class="col-6 md-8">
@@ -93,6 +95,7 @@
                                           ]"
                                               justValue
                                               firstSelect
+                                              disableSearch
                                               :label="$t('advance_search_operator','renusify')"></r-select-input>
                                 </r-col>
                             <r-col class="col-6 md-8">
@@ -113,11 +116,12 @@
                                           ]"
                                               justValue
                                               firstSelect
+                                              disableSearch
                                               :label="$t('advance_search_operator','renusify')"></r-select-input>
                             </r-col>
                           <r-col class="col-6 md-8">
                             <r-select-input v-model="item.advance.search" :label="item.text" :items="item.option.items"
-                                            multiple tags></r-select-input>
+                                            disableSearch multiple tags></r-select-input>
                           </r-col>
                           <r-col class="col-1">
                             <r-btn class="color-error" icon @click.prevent="del(i)">
@@ -135,6 +139,7 @@
                                       {name:$t('advance_search_lte','renusify'),value:'lte'}
                                           ]"
                                           justValue
+                                          disableSearch
                                           firstSelect
                                           :label="$t('advance_search_operator','renusify')"></r-select-input>
                         </r-col>
@@ -174,6 +179,7 @@
             newItem: Function,
             search: String
         },
+      emits:['update:modelValue','copy','edit','delete','a-search'],
         data() {
             return {
                 show: false,
@@ -188,7 +194,7 @@
                 this.showConfirm=false
             },
             send() {
-              this.$emit('update:model-value', '')
+              this.$emit('update:modelValue', '')
               let r = []
               this.inputs.forEach((item) => {
                 r.push({'name': item.value, 'advance': item.advance})

package/components/table/crud/index.vue

@@ -199,6 +199,7 @@ export default {
     mcud: String,
     headers: Object
   },
+  emits:['actions'],
   data() {
     return {
       time_out_id: null,

package/components/tabs/index.vue

@@ -77,6 +77,7 @@ export default {
       default: true
     }
   },
+  emits:['update:modelValue'],
   data() {
     return {
       disableLeft: true,

package/components/tree/index.vue

@@ -17,7 +17,7 @@
                                 }">
                     <slot
                                     :parent-node="nodeParent"
-                                    @update:model-value="$emit('update:model-value',$event)"
+                                    @update:model-value="$emit('update:modelValue',$event)"
                                     :model-value="node"
                                     :link="link"
                                     @select-node="handleSelect"
@@ -56,6 +56,7 @@
           openAll: Boolean,
           headers: Object
         },
+      emits:['update:modelValue','select-node'],
         data() {
             return {
                 show: false,

package/components/tree/tree-element.vue

@@ -65,6 +65,7 @@ export default {
     componentName: Object,
     headers: Object
   },
+  emits:['update:modelValue','fire','select','expand'],
   data() {
     return {
       back: false,
@@ -129,7 +130,7 @@ export default {
     updateNode(e, key) {
       let res = Object.assign({}, this.modelValue)
       res[this.nodeKey][this.childsName][key] = e[key]
-      this.$emit('update:model-value', this.modelValue)
+      this.$emit('update:modelValue', this.modelValue)
     },
     handleExpand(e, current) {
       if (current) {
@@ -137,7 +138,7 @@ export default {
           this.loading = true
           this.$axios.get(this.link + e, {headers: this.headers})
               .then(({data}) => {
-                this.$emit('update:model-value', data)
+                this.$emit('update:modelValue', data)
                 this.open = !this.open
                 setTimeout(() => {
                   this.$emit('expand', [this.open, this.$refs.tree.$el])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "renusify",
-  "version": "1.1.5",
+  "version": "1.2.1",
   "description": "Vue3 Framework",
   "keywords": [
     "vuejs",

package/style/colors.scss

@@ -73,7 +73,7 @@ $colorsList: (
 @each $color_name, $color_value in $colorMain {
   .color-#{$color_name} {
     @include background-color(var(--color-#{$color_name}), true);
-    @include text-color(var(--color-#{$color_name}-text));
+    @include text-color(var(--color-#{$color_name}-text),true);
   }
   .color-#{$color_name}-text {
     @include text-color(var(--color-#{$color_name}), true);

package/components/form/scss/input.scss

@@ -1,249 +0,0 @@
-@import '../../../style/include';
-
-
-.#{$prefix}input-container {
-  position: relative;
-  align-items: flex-start;
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  line-height: 24px;
-  font-size: 1rem;
-  letter-spacing: normal;
-  margin-top: 20px;
-
-  &.input-ltr {
-    input {
-      direction: ltr;
-    }
-  }
-
-    &:not(.input-disabled) {
-      input,
-      textarea, .label, .#{$prefix}icon, .#{$prefix}btn {
-        color: var(--color-text-primary)
-      }
-    }
-
-    input::placeholder,
-    textarea::placeholder {
-      color: var(--color-text-disabled)
-    }
-
-    &.input-disabled {
-      * {
-        color: var(--color-text-disabled)
-      }
-    }
-
-    .input-control {
-      border: solid 1px var(--color-border)
-    }
-
-  &.input-disabled {
-    pointer-events: none;
-  }
-
-  input {
-    max-height: 32px
-  }
-
-  input,
-  textarea {
-    flex: 1 1 auto;
-    line-height: 20px;
-    padding: 8px 0 8px;
-    max-width: 100%;
-    min-width: 0px;
-    width: 100%;
-    outline: none;
-    position: relative;
-
-    &[type=text ]::-ms-clear {
-      display: none
-    }
-
-    &:invalid {
-      box-shadow: none
-    }
-
-    &:focus,
-    &:active {
-      outline: none
-    }
-  }
-
-  .input-control {
-    display: flex;
-    flex-direction: column;
-    height: 40px;
-    flex-grow: 1;
-    flex-wrap: wrap;
-    width: 100%;
-    align-items: flex-start;
-    justify-content: center;
-    position: relative;
-    .after-icon {
-      position: absolute;
-      cursor: pointer;
-      @include ltr() {
-        right: 5px;
-      }
-      @include rtl() {
-        left: 5px;
-      }
-
-    }
-    .pre-icon {
-      position: absolute;
-      cursor: pointer;
-      @include ltr() {
-        left: 5px;
-      }
-      @include rtl() {
-        right: 5px;
-      }
-
-    }
-
-    &:not(.input-tile) {
-      padding: 0 16px;
-      border-radius: 20px;
-    }
-
-    &.input-tile {
-      padding: 0 8px;
-      border-radius: 4px;
-    }
-  }
-
-  &.hide-detail {
-
-    > .input-control {
-      border: unset !important;
-      height: auto;
-      padding: 0;
-    }
-  }
-
-  .label {
-    white-space: nowrap;
-    position: absolute;
-    z-index: 0;
-    top: 8px;
-    transition: $primary-transition;
-
-    @include ltr() {
-      left: 15px;
-      transform-origin: top left;
-    }
-
-    @include rtl() {
-      right: 15px;
-      transform-origin: top right;
-    }
-  }
-
-  :not(.input-tile) {
-    .label-active {
-      @include ltr() {
-        transform: translateY(-27px) translateX(5px) scale(.9);
-      }
-      @include rtl() {
-        transform: translateY(-27px) translateX(-5px) scale(.9);
-      }
-      transition: $primary-transition
-    }
-  }
-
-  .label-fixed {
-    transform: none !important;
-    top: -20px !important;
-    @include ltr() {
-      left: 0 !important;
-    }
-    @include rtl() {
-      right: 0 !important;
-    }
-  }
-
-  .input-tile {
-    .label-active {
-      @include ltr() {
-        transform: translateY(-27px) translateX(-8px) scale(.9);
-      }
-      @include rtl() {
-        transform: translateY(-27px) translateX(8px) scale(.9);
-      }
-      transition: $primary-transition
-    }
-  }
-
-  &.input-focused {
-    .input-control {
-      border: solid 1px currentColor;
-    }
-
-    .#{$prefix}icon, .#{$prefix}btn {
-      color: currentColor !important;
-    }
-
-    :not(.input-tile) {
-      .label {
-        color: currentColor !important;
-        @include ltr() {
-          transform: translateY(-27px) translateX(5px) scale(.9);
-        }
-        @include rtl() {
-          transform: translateY(-27px) translateX(-5px) scale(.9);
-        }
-        transition: $primary-transition
-      }
-    }
-
-    .input-tile {
-      .label {
-        color: currentColor !important;
-        @include ltr() {
-          transform: translateY(-27px) translateX(-8px) scale(.9);
-        }
-        @include rtl() {
-          transform: translateY(-27px) translateX(8px) scale(.9);
-        }
-        transition: $primary-transition
-      }
-    }
-  }
-
-  .massage {
-    display: none;
-    margin-left: 10px;
-
-    &-active {
-      display: block;
-    }
-  }
-
-
-  &.color-error-text {
-    .label {
-      color: currentColor;
-    }
-
-    .input-control {
-      border: solid 1px currentColor;
-    }
-  }
-
-  &.text-area {
-    .input-control {
-      height: auto;
-
-      &:not(.input-tile) {
-        border-radius: 15px;
-      }
-    }
-
-  }
-}
-

package/components/form/scss/rating.scss

@@ -1,9 +0,0 @@
-@import "../../../style/include";
-
-
-.#{$prefix}rating {
-  max-width: 100%;
-  white-space: nowrap;
-  transition: 1s $primary-transition;
-  color: var(--color-text-disabled);
-}

package/components/form/scss/select.scss

@@ -1,55 +0,0 @@
-@import "../../../style/include";
-$min-height:40px;
-.#{$prefix}select-container {
-  position: relative;
-  .input-control {
-    min-height: $min-height;
-    height: auto;
-    flex-direction: row;
-    align-items: center;
-    display: flex;
-    flex: 1 1;
-    flex-wrap: wrap;
-    line-height: 24px;
-    max-width: 100%;
-    min-width: 0;
-  }
-
-  .select-wrap {
-    max-width: 100%;
-    display: flex;
-    flex: 1 1 auto;
-    flex-wrap: wrap;
-  }
-
-  input {
-    flex: 1 1;
-    margin-top: 0;
-    min-width: 140px;
-    position: relative;
-  }
-
-  .#{$prefix}chip {
-    flex: 0 1 auto;
-    margin: 4px;
-  }
-
-  .card-select {
-    max-height: 0;
-    overflow: auto;
-    opacity: .5;
-    transition: all .3s $primary-transition;
-    position: absolute;
-    left: 0;
-    z-index: map_get($z-index, 'default');
-  }
-  .to-top{
-    bottom: $min-height+2px;
-  }
-
-  .card-select-active {
-    transition: all 0.3s $primary-transition;
-    max-height: 300px;
-    opacity: 1;
-  }
-}

package/components/form/scss/switch.scss

@@ -1,68 +0,0 @@
-@import "renusify/style/_include.scss";
-
-.#{$prefix}switch {
-
-  .switch-container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    height: 30px;
-  }
-
-  .switch-holder {
-    width: 45px;
-    height: 13px;
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    cursor: pointer;
-  }
-
-  .switch-line {
-    width: 100%;
-    height: 100%;
-    border-radius: 10px;
-    background-color: var(--color-disabled);
-  }
-
-  .switch-dot {
-    position: absolute;
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    background-color: #cdcbcb;
-    transition: .3s map_get($transition,'fast-in-fast-out');
-    @include rtl() {
-      right: 0;
-    }
-    @include ltr() {
-      left: 0;
-    }
-  }
-
-  .switch-active {
-    .switch-line {
-      background-color: currentColor;
-      opacity: 0.5;
-    }
-
-    .switch-dot {
-      background-color: currentColor;
-      @include rtl() {
-        right: 25px;
-      }
-      @include ltr() {
-        left: 25px;
-      }
-    }
-  }
-
-}
-
-
-
-
-
-
-