renusify 2.3.0 → 2.3.1

package/components/bar/bottomNavigationCircle.vue

@@ -46,6 +46,7 @@ export default {
   z-index: map.get(base.$z-index, "default");
   background-color: var(--color-sheet);
   color: var(--color-on-sheet);
+
   @include mixins.typography(base.$headings, 'body-3');
 
   .navigation-item {

package/components/bar/scss/toolbar.scss

@@ -26,10 +26,10 @@
       overflow: auto;
       position: absolute;
       transition: .5s all map.get(base.$transition, 'swing');
-      @include mixins.rtl(){
+      @include mixins.rtl() {
         right: -300px;
       }
-      @include mixins.ltr(){
+      @include mixins.ltr() {
         left: -300px;
       }
     }

package/components/bar/toolbar/index.vue

@@ -12,10 +12,10 @@
 </template>
 
 <script>
-    import '../scss/toolbar.scss'
-    import {defineAsyncComponent} from 'vue'
+import '../scss/toolbar.scss'
+import {defineAsyncComponent} from 'vue'
 
-    export default {
+export default {
         name: 'r-toolbar',
         components: {
             Laptop: defineAsyncComponent(() =>

package/components/breadcrumb/bredcrumbItem.vue

@@ -10,9 +10,9 @@
 </template>
 
 <script>
-    import {roots} from '../../tools/rootable.js'
+import {roots} from '../../tools/rootable.js'
 
-    export default {
+export default {
       name: 'rBreadcrumbItem',
       mixins: [roots],
       props: {

package/components/chart/chart.vue

@@ -16,7 +16,7 @@ export default {
     };
   },
   mounted(){
-    import('./apexcharts.js').then((d)=>{
+    import('./apexcharts.js').then((d) => {
       this.Chart=d.default;
       this.build()
     })
@@ -34,6 +34,7 @@ export default {
 </script>
 <style lang="scss">
 @use "../../style/variables/base";
+
 .#{base.$prefix}chart {
   position: relative;
   direction: ltr;

package/components/chat/MessageList.vue

@@ -2,12 +2,12 @@
   <div ref="containerMessage"
        v-scroll.window="handle" class="container-message-list">
     <div v-for="message in messages" :key="message._id" class="message-container">
-      <r-chat-message @see="$emit('see', $event)" :message="message" :is-me="message.user_id===myself.id"
-                      :user="message.user_id===myself.id?myself:participants[message.user_id]"></r-chat-message>
+      <r-chat-message :is-me="message.user_id===myself.id" :message="message" :user="message.user_id===myself.id?myself:participants[message.user_id]"
+                      @see="$emit('see', $event)"></r-chat-message>
     </div>
   </div>
-  <transition name="scale" v-if="!hideBottomBtn">
-    <r-btn v-if="!is_bottom" fab class="go-buttom" :label="newMsg.num" @click.prevent="goTo(newMsg.first_id)">
+  <transition v-if="!hideBottomBtn" name="scale">
+    <r-btn v-if="!is_bottom" :label="newMsg.num" class="go-buttom" fab @click.prevent="goTo(newMsg.first_id)">
       <r-icon v-html="$r.icons.chevron_down"></r-icon>
     </r-btn>
   </transition>

package/components/codeEditor/index.vue

@@ -66,11 +66,11 @@ export default {
         HighlightCss: defineAsyncComponent(() =>
             import("./highlightCss.vue")
         ), HighlightScript: defineAsyncComponent(() =>
-            import("./highlightJs.vue")
+          import("./highlightJs.vue")
         ), highlightHtml: defineAsyncComponent(() =>
-            import("./highlightHtml.vue")
+          import("./highlightHtml.vue")
         ), RCodeEditorRun: defineAsyncComponent(() =>
-            import("./run.vue")
+          import("./run.vue")
         )
     },
     props: {

package/components/float/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div :class="classes">
-    <div class="float-container" :class="{'in-zoom':inZoom}" ref="float">
-      <slot :resume="resume" :pause="pause" :move="moveTo" :transform="transform" :zoom="zoomAbs"
-            :ease="ease"></slot>
+    <div ref="float" :class="{'in-zoom':inZoom}" class="float-container">
+      <slot :ease="ease" :move="moveTo" :pause="pause" :resume="resume" :transform="transform"
+            :zoom="zoomAbs"></slot>
     </div>
   </div>
 </template>

package/components/form/jsonInput/index.vue

@@ -29,7 +29,7 @@
               :label="keyLabel||$t('key','renusify')"
               :tile="tile"
               class="w-30 pe-1"></r-text-input>
-          <div class="w-20" v-if="!valueType">
+          <div v-if="!valueType" class="w-20">
             <r-select-input v-model="info.type"
                             :items="['text','number','boolean','json','array']"
                             :tile="tile"
@@ -41,15 +41,15 @@
                             @update:model-value="info.value=null"></r-select-input>
           </div>
           <r-text-input v-if="info.type==='text'"
-                        :tile="tile"
+                        v-model="info.value"
                         :label="valueLabel||$t('value','renusify')"
-                        v-model="info.value"></r-text-input>
+                        :tile="tile"></r-text-input>
           <r-number-input v-else-if="info.type==='number'"
-                          :tile="tile"
-                          v-model="info.value" :label="valueLabel||$t('value','renusify')"></r-number-input>
+                          v-model="info.value"
+                          :label="valueLabel||$t('value','renusify')" :tile="tile"></r-number-input>
           <r-switch-input v-else-if="info.type==='boolean'"
-                          :tile="tile"
-                          v-model="info.value" :label="valueLabel||$t('value','renusify')"></r-switch-input>
+                          v-model="info.value"
+                          :label="valueLabel||$t('value','renusify')" :tile="tile"></r-switch-input>
           <r-btn :rounded="!c_tile" class="ms-1 color-success" @click.prevent="add">{{ $t('add', 'renusify') }}</r-btn>
         </slot>
       </div>

package/components/form/switchInput/index.vue

@@ -94,7 +94,7 @@ emits:['update:modelValue','change'],
     height: 20px;
     border-radius: 50%;
     background-color: #cdcbcb;
-    transition: .3s map.get(base.$transition,'fast-in-fast-out');
+    transition: .3s map.get(base.$transition, 'fast-in-fast-out');
     @include mixins.rtl() {
       right: 0;
     }

package/components/map/index.vue

@@ -302,7 +302,7 @@ export default {
     },
     add() {
       import('./leaflet.css')
-      import('./leaflet.js').then(()=>{
+      import('./leaflet.js').then(() => {
         this.L = global.L
         this.run();
       })

package/components/notify/index.vue

@@ -13,14 +13,14 @@
       {{ $t('clear', 'renusify') }}
     </r-btn>
     <notification v-for="item in list" :key="item.id"
-                  :pos="left?'left':'right'"
+                  :content="item.content"
                   :permanent="item.permanent"
+                  :pos="left?'left':'right'"
                   :status="`color-${item.status}`"
-                  :width="item.width"
                   :timeout="item.timeout"
-                  :content="item.content"
-                  @click.prevent="handle(item.on_click)"
-                  @hide="hideChild(item.id,item.on_close)">
+                  :width="item.width"
+                  @hide="hideChild(item.id,item.on_close)"
+                  @click.prevent="handle(item.on_click)">
 
       <slot :data="item">
         {{ item }}
@@ -118,7 +118,7 @@ export default {
   }
 }
 </script>
-<style lang="scss" >
+<style lang="scss">
 @use "sass:map";
 @use "../../style/variables/base";
 

package/components/timeline/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <r-container full-width :class="`${$r.prefix}timeline`">
-    <r-row no-gutters class="timeline-item" v-for="(item,i) in items" :key="i">
-      <r-col class="md-5" v-if="$r.breakpoint.mdAndUp">
-        <slot name="back" :item="item" :k="i"></slot>
+  <r-container :class="`${$r.prefix}timeline`" full-width>
+    <r-row v-for="(item,i) in items" :key="i" class="timeline-item" no-gutters>
+      <r-col v-if="$r.breakpoint.mdAndUp" class="md-5">
+        <slot :item="item" :k="i" name="back"></slot>
       </r-col>
       <r-col class="col-2 md-2">
-        <slot name="counter" :item="item" :k="i">
+        <slot :item="item" :k="i" name="counter">
           <div class="d-flex h-center v-center h-full">
             <div class="timeline-counter color-one d-flex h-center v-center">{{ i + 1 }}</div>
           </div>

package/components/tree/index.vue

@@ -125,12 +125,12 @@ $distance: 20px;
     height: 100%;
 
     &.tree-searchable {
-        .#{base.$prefix}float {
+      .#{base.$prefix}float {
             height: calc(100% - 70px)
         }
     }
 
-    .#{base.$prefix}float {
+  .#{base.$prefix}float {
         direction: ltr;
     }
 

package/directive/skeleton/style.scss

@@ -3,11 +3,13 @@
     opacity: 0 !important;
   }
 
-  -webkit-text-fill-color: transparent !important;
-
-  background-color: rgba(0, 0, 0, 0.12) !important;
-  overflow: hidden !important;
-  position: relative !important;
+  & {
+    -webkit-text-fill-color: transparent !important;
+    background-color: rgba(0, 0, 0, 0.12) !important;
+    overflow: hidden !important;
+    position: relative !important;
+  }
+;
 
   &:after {
     animation: skeletonloading 1.5s infinite;

package/package.json

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

package/style/app.scss

@@ -13,7 +13,9 @@ html {
   @include container.media-breakpoint-down('md') {
     font-size: base.$font-size-root-mobile;
   }
-  text-rendering: optimizeLegibility;
+
+  & {
+    text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -21,7 +23,9 @@ html {
   overflow-y: scroll;
   overflow-x: hidden;
   -webkit-text-size-adjust: 100%;
-  scroll-behavior: smooth;
+    scroll-behavior: smooth;
+  }
+;
 }
 
 body {

package/style/mixins/container.scss

@@ -3,6 +3,7 @@
 
 @use "sass:math";
 @use "sass:map";
+
 @mixin media-breakpoint-up($name, $breakpoints: base.$grid-breakpoints) {
   $min: functions.breakpoint-min-width($name, $breakpoints) ;
   @if $min {
@@ -36,14 +37,14 @@
 @mixin make-row($gutter: base.$grid-gutter) {
   display: flex;
   margin-right: math.div($gutter, -2);
-  margin-left: math.div($gutter , -2);
+  margin-left: math.div($gutter, -2);
   flex-wrap: wrap;
   flex: 1 1 auto;
 }
 
 @mixin make-col($size, $columns: base.$grid-columns) {
-  max-width: math.percentage(math.div($size , $columns));
-  flex: 0 0 math.percentage(math.div($size , $columns));
+  max-width: math.percentage(math.div($size, $columns));
+  flex: 0 0 math.percentage(math.div($size, $columns));
 }
 
 
@@ -56,12 +57,12 @@
       @if ($bName=='') {
         .col.col-#{$i} {
           width: 100%;
-          padding: math.div($gutter , 2);
+          padding: math.div($gutter, 2);
         }
       } @else {
         .col.#{$bNameClear}-#{$i} {
           width: 100%;
-          padding: math.div($gutter , 2);
+          padding: math.div($gutter, 2);
         }
       }
 

package/style/variables/base.scss

@@ -9,12 +9,12 @@ $line-height-root: 1.5rem !default;
 $spacer: 4px !default;
 $spacers: ();
 @for $i from 0 through 24 {
-  $spacers: map.merge($spacers, ($i: $spacer * $i))
+        $spacers: map.merge($spacers, ($i: $spacer * $i))
 }
 
 $negative-spacers: ();
 @for $i from 1 through 24 {
-  $negative-spacers: map.merge($negative-spacers, ("n" + $i: -$spacer * $i))
+        $negative-spacers: map.merge($negative-spacers, ("n" + $i: -$spacer * $i))
 }
 
 $borders: (