renusify 1.2.7 → 1.3.1

package/components/bar/toolbar/menuMob.vue

@@ -15,24 +15,24 @@
     </div>
 </template>
 <script>
-    import MenuChilds from "./menuChilds";
+import MenuChilds from "./menuChilds";
 
-    export default {
-        name: 'menu-mobile',
-        components: {MenuChilds},
-        props: {
-            logo: String,
-            logoW: Number,
-            logoH: Number,
-            menu: Array,
-            modelValue: Boolean
-        },
-        data() {
+export default {
+  name: 'menu-mobile',
+  components: {MenuChilds},
+  props: {
+    logo: String,
+    logoW: Number,
+    logoH: Number,
+    menu: Array,
+    modelValue: Boolean
+  },
+  data() {
             return {}
         },
         methods: {
             close() {
-                this.$emit('update:model-value', false)
+              this.$emit('update:modelValue', false)
             }
         }
     }

package/components/breadcrumb/style.scss

@@ -12,7 +12,7 @@
 
 
   .breadcrumb-divider, .breadcrumb-item-disabled, .#{$prefix}icon {
-    color: var(--color-text-disabled)
+    color: var(--color-disabled)
   }
 
 

package/components/calendar/month.vue

@@ -21,7 +21,7 @@ export default {
     locale: String,
     year: Number
   },
-  emits:['update:model-value'],
+  emits: ['update:modelValue'],
   data() {
     return {
       p: 0
@@ -35,7 +35,7 @@ export default {
   },
   methods: {
     emit(n) {
-      this.$emit('update:model-value', n)
+      this.$emit('update:modelValue', n)
     }
   }
 }

package/components/calendar/year.vue

@@ -21,10 +21,10 @@ export default {
     locale: String,
     month: Number
   },
-  emits:['update:model-value'],
+  emits: ['update:modelValue'],
   methods: {
     emit(n) {
-      this.$emit('update:model-value', n)
+      this.$emit('update:modelValue', n)
     }
   }
 }

package/components/chat/chatInput.vue

@@ -62,7 +62,7 @@ export default {
     uploadLink: String,
     canFile: Boolean,
   },
-  emits:['update:model-value'],
+  emits: ['update:modelValue'],
   data() {
     return {
       text: '',
@@ -97,14 +97,14 @@ export default {
     },
     send() {
       if (this.text) {
-        this.$emit('update:model-value', {type: "text", content: this.text})
+        this.$emit('update:modelValue', {type: "text", content: this.text})
         this.$refs.input.innerText = ''
         this.text = ''
         this.$refs.input.focus()
       }
     },
     emit() {
-      this.$emit('update:model-value', {type: "file", content: this.text, link: this.fileLink})
+      this.$emit('update:modelValue', {type: "file", content: this.text, link: this.fileLink})
       this.$refs.input.innerText = ''
       this.text = ''
     }

package/components/codeEditor/highlightCss.vue

@@ -30,7 +30,7 @@ export default {
       this.d = this.modelValue;
     },
     d: function () {
-      this.$emit("update:model-value", this.d);
+      this.$emit("update:modelValue", this.d);
     },
   },
   computed: {
@@ -68,6 +68,34 @@ export default {
   },
   methods: {
     setTab(event) {
+      if (event.key === "'" || event.key === '"') {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, event.key.repeat(2));
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "{") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '{}');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "(") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '()');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "[") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '[]');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
       if (event.keyCode === 9) {
         event.preventDefault()
         document.execCommand('insertText', false, ' '.repeat(4));

package/components/codeEditor/highlightHtml.vue

@@ -23,6 +23,7 @@ export default {
       d: this.modelValue,
       runnable: false,
       code: "",
+      openTag: null
     };
   },
   watch: {
@@ -30,7 +31,7 @@ export default {
       this.d = this.modelValue;
     },
     d: function () {
-      this.$emit("update:model-value", this.d);
+      this.$emit("update:modelValue", this.d);
     },
   },
   computed: {
@@ -88,6 +89,48 @@ export default {
   },
   methods: {
     setTab(event) {
+      if (event.key === "<") {
+        this.openTag = event.target.selectionEnd
+        return false
+      } else if (event.key === ">" && this.openTag !== null) {
+        const end = event.target.selectionEnd;
+        const sel = event.target.value.substring(this.openTag + 1, end).trim().split(' ')[0];
+        const t = `></${sel}>`
+        event.preventDefault()
+        document.execCommand('insertText', false, t);
+        event.target.selectionEnd = end + 1;
+        this.openTag = null
+        return false
+      }
+
+      if (event.key === "'" || event.key === '"' || event.key === '`') {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, event.key.repeat(2));
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "{") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '{}');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "(") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '()');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "[") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '[]');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
       if (event.keyCode === 9) {
         event.preventDefault()
         document.execCommand('insertText', false, ' '.repeat(4));

package/components/codeEditor/highlightJs.vue

@@ -30,7 +30,7 @@ export default {
       this.d = this.modelValue;
     },
     d: function () {
-      this.$emit("update:model-value", this.d);
+      this.$emit("update:modelValue", this.d);
     },
   },
   computed: {
@@ -85,6 +85,34 @@ export default {
   },
   methods: {
     setTab(event) {
+      if (event.key === "'" || event.key === '"' || event.key === '`') {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, event.key.repeat(2));
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "{") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '{}');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "(") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '()');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "[") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '[]');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
       if (event.keyCode === 9) {
         event.preventDefault()
         document.execCommand('insertText', false, ' '.repeat(4));

package/components/form/address_ir.vue

@@ -93,7 +93,7 @@ export default {
   methods: {
     emit() {
       setTimeout(() => {
-        this.$emit('update:model-value', {
+        this.$emit('update:modelValue', {
           state: this.state,
           city: this.city,
           address: this.address

package/components/form/colorPicker/index.vue

@@ -25,7 +25,7 @@ export default {
     modelValue: String,
     format: {type: String, default: 'rgba'}
   },
-  emits:['update:model-value','close'],
+  emits: ['update:modelValue', 'close'],
   data() {
     return {
       open: false
@@ -34,7 +34,7 @@ export default {
   methods: {
     clear() {
       this.open = false
-      this.$emit('update:model-value', null)
+      this.$emit('update:modelValue', null)
       this.$emit('close', true)
     },
     close() {
@@ -46,7 +46,7 @@ export default {
       if (this.format === 'rgba') {
         r = e.rgba
       }
-      this.$emit('update:model-value', r)
+      this.$emit('update:modelValue', r)
     }
   }
 

package/components/form/datePicker/month.vue

@@ -35,7 +35,7 @@ export default {
   },
   methods: {
     emit(n) {
-      this.$emit('update:model-value', n)
+      this.$emit('update:modelValue', n)
     }
   }
 }

package/components/form/datePicker/year.vue

@@ -24,7 +24,7 @@ export default {
   emits:['update:modelValue'],
   methods: {
     emit(n) {
-      this.$emit('update:model-value', n)
+      this.$emit('update:modelValue', n)
     }
   }
 }

package/components/form/group-input.vue

@@ -85,7 +85,7 @@ export default {
         let b = {}
         if (this.template) {
           for (let k in this.template) {
-            let d = 'default' in this.template[k] ? this.template[k]['default'] : null
+            let d = this.template[k]['default'] !== undefined ? this.template[k]['default'] : null
             if (typeof d === 'object') {
               d = this.$helper.clearProxy(d)
             }

package/components/form/input.vue

@@ -313,12 +313,12 @@ export default {
 
     input::placeholder,
     textarea::placeholder {
-      color: var(--color-text-disabled)
+      color: var(--color-disabled)
     }
 
     &.input-disabled {
       * {
-        color: var(--color-text-disabled)
+        color: var(--color-disabled)
       }
     }
 

package/components/form/json/JsonView.vue

@@ -45,7 +45,7 @@ export default {
     disableDel: Boolean,
     tile: Boolean
   },
-  emits: ['update:model-value'],
+  emits: ['update:modelValue'],
   data() {
     return {
       time_id: null
@@ -64,35 +64,18 @@ export default {
       } else {
         delete o[key]
       }
-      this.$emit('update:model-value', o)
-    },
-    emitkey(oldKey, newKey) {
-      clearTimeout(this.time_id)
-      let o = this.modelValue
-      let n = {};
-
-      Object.keys(o).forEach(key => {
-        if (key === oldKey) {
-          let newPair = {[newKey]: o[oldKey]};
-          n = {...n, ...newPair}
-        } else {
-          n = {...n, [key]: o[key]}
-        }
-      });
-      this.time_id = setTimeout(() => {
-        this.$emit('update:model-value', n)
-      }, 1000)
+      this.$emit('update:modelValue', o)
     },
     emit(k, v) {
       let d = this.modelValue
       d[k] = v
-      this.$emit('update:model-value', d)
+      this.$emit('update:modelValue', d)
     }
   }
 }
 </script>
 <style lang="scss">
-@import "../../../style/include";
+@import "~renusify/style/include";
 
 .#{$prefix}json-view {
   @include rtl() {

package/components/form/json/index.vue

@@ -87,7 +87,7 @@ export default {
     disableEditKey: Boolean,
     disableDel: Boolean
   },
-  emits: ['update:model-value'],
+  emits: ['update:modelValue'],
   data() {
     return {
       modeForm: true,
@@ -113,6 +113,27 @@ export default {
   },
   methods: {
     setTab(event) {
+      if (event.key === '"') {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, event.key.repeat(2));
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "{") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '{}');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
+      if (event.key === "[") {
+        const end = event.target.selectionEnd;
+        event.preventDefault()
+        document.execCommand('insertText', false, '[]');
+        event.target.selectionEnd = end + 1;
+        return false;
+      }
       if (event.keyCode === 9) {
         event.preventDefault()
         document.execCommand('insertText', false, ' '.repeat(4));
@@ -143,7 +164,7 @@ export default {
           d = []
         }
         d.push(Object.assign({}, {}, this.template))
-        this.$emit('update:model-value', d)
+        this.$emit('update:modelValue', d)
       } else {
         this.show = true
       }
@@ -152,13 +173,13 @@ export default {
       try {
         this.error = false
         e = JSON.parse(e.target.value)
-        this.$emit('update:model-value', e)
+        this.$emit('update:modelValue', e)
       } catch (er) {
         this.error = true
       }
     },
     emit(e) {
-      this.$emit('update:model-value', e)
+      this.$emit('update:modelValue', e)
     },
     add() {
       let d = this.modelValue
@@ -190,7 +211,7 @@ export default {
       }
       this.show = false
       this.info = {}
-      this.$emit('update:model-value', d)
+      this.$emit('update:modelValue', d)
     }
   }
 }

package/components/form/rating.vue

@@ -52,7 +52,7 @@ export default {
   max-width: 100%;
   white-space: nowrap;
   transition: 1s $primary-transition;
-  color: var(--color-text-disabled);
+  color: var(--color-disabled);
 }
 
 </style>

package/components/form/unit-input.vue

@@ -78,7 +78,7 @@ emits:['update:modelValue'],
 
 .#{$prefix}unit-input {
   .input-shadow, .input-shadow * {
-    color: var(--color-text-disabled) !important
+    color: var(--color-disabled) !important
   }
 
   input {

package/components/list/style.scss

@@ -13,11 +13,11 @@ $item-height: 48px;
 
   .list-item {
     &.list-item-active {
-      background-color: var(--color-table-active)
+      background-color: var(--color-sheet-active)
       }
 
       &:hover {
-        background-color: var(--color-table-hover)
+        background-color: var(--color-sheet-hover)
       }
     }
 

package/components/menu/index.vue

@@ -157,7 +157,7 @@ export default {
       border: 1px solid var(--color-border);
 
       &-item:hover {
-        background-color: var(--color-table-hover);
+        background-color: var(--color-sheet-hover);
       }
     }
 

package/components/table/style.scss

@@ -50,7 +50,7 @@ $data-table-regular-header-height: 38px !default;
 
         &:hover {
           td:first-child {
-            background: var(--color-table-hover)
+            background: var(--color-sheet-hover)
           }
         }
       }
@@ -60,7 +60,7 @@ $data-table-regular-header-height: 38px !default;
       tbody {
         tr:nth-child(2n):not(:hover) {
           td {
-            background: var(--color-table-active)
+            background: var(--color-sheet-active)
           }
         }
       }
@@ -69,11 +69,11 @@ $data-table-regular-header-height: 38px !default;
     tbody {
       tr {
         &:active {
-          background: var(--color-table-active)
+          background: var(--color-sheet-active)
         }
 
         &:hover {
-          background: var(--color-table-hover)
+          background: var(--color-sheet-hover)
         }
       }
 

package/components/tabs/index.vue

@@ -26,7 +26,7 @@
           type="button"
           v-for="tab in items"
       >
-        {{ tab.title }}
+        <slot :item="tab">{{ tab.title }}</slot>
       </button>
       <div
           :class="lineClass"

package/package.json

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

package/style/colors.scss

@@ -15,14 +15,13 @@ $colorsList: (
         'divider':rgba(#444, 0.2),
         'text-primary':#515151,
         'text-secondary':#888,
-        'text-disabled':rgba(#000, 0.26),
         'disabled':rgba(#000, 0.26),
         'focused':rgba(#000, 0.12),
         'pressed':rgba(#999, 0.4),
         'border': rgba(#000, 0.24),
         'sheet': #fff,
-        'table-active': #f5f5f5,
-        'table-hover': #eeeeee,
+        'sheet-active': #f5f5f5,
+        'sheet-hover': #eeeeee,
         'overlay': rgba(225, 225, 225, 0.5)
 ) !default;
 
@@ -105,7 +104,7 @@ $colorsList: (
 }
 
 .color-disabled-text {
-  @include text-color(var(--color-text-disabled), true);
+  @include text-color(var(--color-disabled), true);
 }
 
 

package/tools/helper.js

@@ -173,10 +173,6 @@ export function limiter(string, length) {
         : string;
 }
 
-export function url() {
-    return process.env.NODE_ENV === 'production' ? process.env.VUE_APP_API_production_URL : process.env.VUE_APP_API_URL;
-}
-
 export function cleanArray(actual) {
     const newArray = [];
     const lng = actual.length