renusify 1.0.5 → 1.0.6

package/components/codeEditor/index.vue

@@ -62,11 +62,11 @@ export default {
     }
   },
   mounted() {
-    this.get_code('codeSlot', this.runnable)
+    this.get_code('codeSlot')
   },
   beforeUpdate() {
     if (this.show === 'code' && !this.edited) {
-      this.get_code('codeSlot', this.runnable)
+      this.get_code('codeSlot')
     }
   },
   methods: {
@@ -190,14 +190,25 @@ export default {
       let temp = this.code.querySelector('.code-template')
 
       if (temp && temp.childNodes.length > 0) {
-        this.template = this.toHTML(temp.childNodes[0].nodeValue).children[0]
+        for (let i = 0; i < temp.childNodes.length; i++) {
+          if (temp.childNodes[i].nodeName === "#comment") {
+            this.template = this.toHTML(temp.childNodes[i].nodeValue).children[0]
+            break
+          }
+        }
       }
 
       let script = this.code.querySelector('.code-script')
       if (script && script.childNodes.length > 0) {
-        this.script = script.childNodes[0].nodeValue
+        for (let i = 0; i < script.childNodes.length; i++) {
+          if (script.childNodes[i].nodeName === "#comment") {
+            this.script = script.childNodes[i].nodeValue
+            break
+          }
+        }
       }
 
+
       if (this.template || this.script) {
         this.$refs.codeViewTemplate.innerHTML = this.buildHtml(this.template)
         this.$refs.codeViewScript.innerHTML = this.buildScript(this.script)
@@ -341,6 +352,8 @@ export default {
       res = this.$helper.replacer(res, ' let ', ' <span class="color-orange code-editor-span">let</span> ')
       res = this.$helper.replacer(res, ' const ', ' <span class="color-orange code-editor-span">const</span> ')
       res = this.$helper.replacer(res, ' return ', ' <span class="color-orange code-editor-span">return</span> ')
+      res = this.$helper.replacer(res, ' true', ' <span class="color-orange code-editor-span">true</span>')
+      res = this.$helper.replacer(res, ' false', ' <span class="color-orange code-editor-span">false</span>')
       res = this.$helper.replacer(res, ' this.', ' <span class="color-orange code-editor-span">this</span>.')
 
       return res
@@ -378,30 +391,31 @@ export default {
 @import "../../style/include";
 
 .#{$prefix}code-editor {
+  direction: ltr;
+  text-align: left;
   position: relative;
   white-space: break-spaces;
-  caret-color: white !important;
+  caret-color: white;
+  background-color: #15212e;
+  color: #fff;
+  padding: 10px;
 
   .code-script, .code-template {
-    padding: 10px;
-  }
-
-  .code-action {
-    color: #ffffff;
-    background: #283739;
+    padding: 0 20px;
   }
 
   .code-wrapper {
     direction: ltr;
     text-align: left;
-    background: #283739;
-    color: #ffffff;
     padding: 10px;
   }
 
   .code-compile {
-    border: 1px solid #444444;
+    background-color: #fafafa;
     min-height: 300px;
+    padding: 10px;
+    margin: 0 -10px -10px -10px;
+    color: black;
   }
 
   .color-func {
@@ -438,4 +452,4 @@ export default {
     color: #898d8c;
   }
 }
-</style>
+</style>

package/components/codeEditor/run.vue

@@ -12,7 +12,7 @@ export default {
   },
   methods: {
     strToObj2(str) {
-      str = this.$helper.replacer(str, ' ', '')
+      str = str.trim()
       str = this.$helper.replacer(str, "\n", '')
       str = this.$helper.replacer(str, "\r", '')
       let open = 0

package/components/menu/index.vue

@@ -22,7 +22,7 @@
                 }">
         <r-card>
           <div class="dropdown-menu-item pa-2" v-for="(item,i) in list" :key="i"
-               :class="{'color-one-text':selected===item[value]}"
+               :class="{'menu-selected':selected===item[value]}"
                @click="emit(item)">
             <slot :item="item">
               {{ item }}
@@ -98,18 +98,18 @@ export default {
         this.top += elm.height
       }
       this.opacity = 0
-      let n = 80
-      if (!this.$r.rtl) {
-        this.left = 0
-      } else {
-        this.right = 0
-      }
       if (this.reverse) {
         if (!this.$r.rtl) {
           this.right = 0
         } else {
           this.left = 0
         }
+      } else {
+        if (!this.$r.rtl) {
+          this.left = 0
+        } else {
+          this.right = 0
+        }
       }
 
       this.show = true
@@ -136,6 +136,22 @@ export default {
 .#{$prefix}menu {
   position: relative;
 
+  .menu-selected {
+    position: relative;
+    color: var(--color-one-light);
+
+    &:before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 0;
+      background-color: var(--color-one-light);
+      opacity: .1;
+      width: 100%;
+      height: 100%;
+    }
+  }
+
   @include light() {
     .dropdown-menu {
       border: 1px solid var(--color-border-light);
@@ -168,7 +184,7 @@ export default {
     max-height: 200px;
     overflow-y: auto;
     background-clip: padding-box;
-    border-radius: 4px;
+    border-radius: 8px;
 
     &-item {
       cursor: pointer;

package/index.js

@@ -67,7 +67,7 @@ export default {
                 {
                     'en': {
                         first_day: 0,
-                        time_zone_offset: -480,//Standard timezone offset minutes -07:00
+                        time_zone_offset: -480,/*Standard timezone offset minutes -07:00*/
                         daylight_saving_time: true,
                         localizeName: 'en-US',
                         timeZone: 'America/Los_Angeles',

package/package.json

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

package/plugins/trans/Translate.js

@@ -30,6 +30,9 @@ class Translate {
     }
 
     add(key, value) {
+        if (!this._messages[this._local]) {
+            this._messages[this._local] = {}
+        }
         this._messages[this._local][key] = value;
     }