renusify 1.1.4 → 1.2.0

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"
@@ -43,18 +43,20 @@
             link: String,
             searchLink: String,
             gen: String,
-            selected: String,
-            rotate: Boolean,
-            expand: {
-                type: Boolean,
-                default: false
-            },
-            childsName: {
-                type: String,
-                default: 'childs'
-            },
-            openAll:Boolean
+          selected: String,
+          rotate: Boolean,
+          expand: {
+            type: Boolean,
+            default: false
+          },
+          childsName: {
+            type: String,
+            default: 'childs'
+          },
+          openAll: Boolean,
+          headers: Object
         },
+      emits:['update:modelValue','select-node'],
         data() {
             return {
                 show: false,
@@ -91,7 +93,7 @@
                 }
             },
             get() {
-                this.$axios.get(this.link + this.nodeParent)
+              this.$axios.get(this.link + this.nodeParent, {headers: this.headers})
                     .then(({data}) => {
                         this.node = data
                         this.show = true

package/components/tree/tree-element.vue

@@ -4,6 +4,7 @@
       <r-col class="text-center">
         <div class="d-flex h-center mb-1 node-info">
           <component :is="componentName" :node="node[nodeKey]"
+                     @fire="$emit('fire',$event)"
                      @click.prevent="$emit('select',{key:nodeKey,item:node[nodeKey]})"
           ></component>
         </div>
@@ -32,6 +33,7 @@
                         :expand="expand"
                         :openAll="openAll"
                         :component-name="componentName"
+                        @fire="$emit('fire',$event)"
                         @select="$emit('select',$event)"
         >
         </r-tree-element>
@@ -60,8 +62,10 @@ export default {
       default: 'childs'
     },
     openAll: Boolean,
-    componentName: Object
+    componentName: Object,
+    headers: Object
   },
+  emits:['update:modelValue','fire','select','expand'],
   data() {
     return {
       back: false,
@@ -126,15 +130,15 @@ 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) {
         if (this.link && this.size === 0) {
           this.loading = true
-          this.$axios.get(this.link + e)
+          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.4",
+  "version": "1.2.0",
   "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;
-      }
-    }
-  }
-
-}
-
-
-
-
-
-
-