renusify 2.3.2 → 2.4.1

package/components/highlight/style.scss

@@ -0,0 +1,107 @@
+@use "../../style/variables/base";
+
+.#{base.$prefix}highlight {
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  padding: 20px !important;
+  color: #f8f8f2;
+  background: #1a1a1c;
+  box-shadow: 0 0 5px #fff;
+  text-shadow: none;
+  font: normal 18px Consolas, "Courier New", Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  line-height: 24px !important;
+  box-sizing: border-box;
+
+  &::selection {
+    background: #bdf5
+  }
+
+  .highlight-name {
+    border-bottom: 1px solid !important;
+  }
+
+  .highlight-code > div {
+    display: flex;
+    overflow: auto
+  }
+
+  .highlight-code > div :last-child {
+    flex: 1;
+    outline: none
+  }
+
+  &:before {
+    color: #6f9aff
+  }
+
+  .highlight-numbers {
+    padding-left: 5px;
+    counter-reset: line;
+
+    div {
+      padding-right: 5px;
+
+      &::before {
+        color: #fff;
+        display: block;
+        content: counter(line);
+        opacity: .5;
+        text-align: right;
+        margin-right: 5px;
+        counter-increment: line
+      }
+    }
+  }
+
+  .highlight-syn-cmnt {
+    font-style: italic
+  }
+
+
+  &.highlight-lang-http .highlight-syn-kwd {
+    background: #25f;
+    color: #fff;
+    padding: 0px 5px;
+    border-radius: 5px
+  }
+
+  .highlight-syn-deleted,
+  .highlight-syn-err,
+  .highlight-syn-var {
+    color: #ff5261
+  }
+
+  .highlight-syn-section,
+  .highlight-syn-kwd {
+    color: #ff7cc6
+  }
+
+  .highlight-syn-class {
+    color: #eab07c
+  }
+
+  .highlight-numbers,
+  .highlight-syn-cmnt {
+    color: #7d828b
+  }
+
+  .highlight-syn-insert,
+  .highlight-syn-type,
+  .highlight-syn-func,
+  .highlight-syn-bool {
+    color: #71d58a
+  }
+
+  .highlight-syn-num {
+    color: #b581fd
+  }
+
+  .highlight-syn-oper {
+    color: #80c6ff
+  }
+
+  .highlight-syn-str {
+    color: #4dacfa
+  }
+}

package/components/index.js

@@ -79,6 +79,7 @@ export * as rTimeAgo from './timeAgo/index.js'
 export * as rTimeline from './timeline/index.js'
 export * as rTour from './tour/index.js'
 export * as rTree from './tree/index.js'
+export * as rHighlight from './highlight/index.js'
 
 export const _register = (app, components) => {
     let d = {}

package/components/nestable/NestableItem.vue

@@ -23,10 +23,13 @@
       >
         <r-icon v-html="$r.icons.delete"></r-icon>
       </r-btn-confirm>
+      <r-btn v-if="hasChildren" icon text @click="closed=!closed">
+        <r-icon v-html="closed?$r.icons.plus:$r.icons.minus"></r-icon>
+      </r-btn>
+      <r-btn v-else icon text></r-btn>
       <slot :item="item">{{ item }}</slot>
     </div>
-
-    <div v-if="hasChildren" class="nestable-list ms-5">
+    <div v-if="hasChildren&&!closed" class="nestable-list ms-5">
       <template
           v-for="(child, childIndex) in item[childrenProp]"
           :key="childIndex"
@@ -90,9 +93,9 @@ export default {
     return {
       breakPoint: null,
       moveDown: false,
+      closed:false
     };
   },
-
   computed: {
     isDragging() {
       return (
@@ -116,7 +119,6 @@ export default {
       ];
     },
   },
-
   methods: {
     del(item) {
       this.$emit("delete", item);

package/index.js

@@ -68,7 +68,6 @@ export default {
                     'en': {
                         first_day: 0,
                         time_zone_offset: -480,/*Standard timezone offset minutes -07:00*/
-                        daylight_saving_time: true,
                         localizeName: 'en-US',
                         timeZone: 'America/Los_Angeles',
                         rtl: false
@@ -76,7 +75,6 @@ export default {
                     'fa': {
                         first_day: 6,
                         time_zone_offset: 210,//Standard timezone offset minutes +03:30
-                        daylight_saving_time: false,
                         localizeName: 'fa-IR',
                         timeZone: 'Asia/Tehran',
                         calendar: 'persian',

package/package.json

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

package/style/app.scss

@@ -16,13 +16,13 @@ html {
 
   & {
     text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  box-sizing: border-box;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  -webkit-text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    box-sizing: border-box;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    -webkit-text-size-adjust: 100%;
     scroll-behavior: smooth;
   }
 ;
@@ -150,27 +150,27 @@ $color-text: var(--color-on-one);
     @include mixins.typography(base.$headings, 'display-3')
   }
 
-  .headline-1 {
+  .headline-1, h1 {
     @include mixins.typography(base.$headings, 'headline-1')
   }
 
-  .headline-2 {
+  .headline-2, h2 {
     @include mixins.typography(base.$headings, 'headline-2')
   }
 
-  .headline-3 {
+  .headline-3, h3 {
     @include mixins.typography(base.$headings, 'headline-3')
   }
 
-  .title-1 {
+  .title-1, h4 {
     @include mixins.typography(base.$headings, 'title-1')
   }
 
-  .title-2 {
+  .title-2, h5 {
     @include mixins.typography(base.$headings, 'title-2');
   }
 
-  .title-3 {
+  .title-3, h6 {
     @include mixins.typography(base.$headings, 'title-3');
   }
 

package/style/variables/base.scss

@@ -143,35 +143,35 @@ $headings: (
         'display-1': (
                 'size': 4.75rem,
                 'weight': 400,
-                'line-height': 5.33rem,
+                'line-height': 6rem,
                 'letter-spacing': -0.02rem,
                 'text-transform': false
         ),
         'display-2': (
                 'size': 3.75rem,
                 'weight': 400,
-                'line-height': 4.33rem,
+                'line-height': 5.3rem,
                 'letter-spacing': 0,
                 'text-transform': false
         ),
         'display-3': (
                 'size': 3rem,
                 'weight': 400,
-                'line-height': 3.66rem,
+                'line-height': 4.3rem,
                 'letter-spacing': 0,
                 'text-transform': false
         ),
         'headline-1': (
                 'size': 2.66rem,
                 'weight': 400,
-                'line-height': 3.33rem,
+                'line-height': 3.6rem,
                 'letter-spacing': 0,
                 'text-transform': false
         ),
         'headline-2': (
                 'size': 2.33rem,
                 'weight': 400,
-                'line-height': 3rem,
+                'line-height': 3.2rem,
                 'letter-spacing': 0,
                 'text-transform': false
         ),
@@ -192,7 +192,7 @@ $headings: (
         'title-2': (
                 'size': 1.33rem,
                 'weight': 500,
-                'line-height': 2rem,
+                'line-height': 1.9rem,
                 'letter-spacing': 0.0125rem,
                 'text-transform': false
         ),
@@ -206,7 +206,7 @@ $headings: (
         'body-1': (
                 'size': 1.33rem,
                 'weight': 400,
-                'line-height': 2rem,
+                'line-height': 1.8rem,
                 'letter-spacing': 0.042rem,
                 'text-transform': false
         ),
@@ -227,21 +227,21 @@ $headings: (
         'label-1': (
                 'size': 1.15rem,
                 'weight': 500,
-                'line-height': 1.66rem,
+                'line-height': 1.5rem,
                 'letter-spacing': 0.008rem,
                 'text-transform': uppercase
         ),
         'label-2': (
                 'size':1rem,
                 'weight': 500,
-                'line-height': 1.33rem,
+                'line-height': 1.2rem,
                 'letter-spacing': 0.042rem,
                 'text-transform': uppercase
         ),
         'label-3': (
                 'size': 0.85rem,
                 'weight': 500,
-                'line-height': 1.33rem,
+                'line-height': 1.1rem,
                 'letter-spacing': 0.042rem,
                 'text-transform': uppercase
         )