renusify 1.4.1 → 1.4.3

package/components/searchBox/index.vue

@@ -82,7 +82,7 @@ export default {
     },
     label: String,
     url: String,
-    inputClass: String,
+    inputClass: [String, Object, Array],
     query: {
       type: String,
       default: "search",

package/components/slider/index.vue

@@ -1,24 +1,27 @@
 <template>
   <div class="slider-container"
+       :style="{
+        width:width+'px',
+        height:(width/wPH)+'px'
+           }"
        ref="slider"
        v-touch="{
                 'left':$r.rtl?prev:next,
                 'right':$r.rtl?next:prev
             }">
-    <r-progress-line v-if="autoplay &&progress" :model-value="remain" color="color-two"></r-progress-line>
+
     <r-btn v-if="arrow" icon @click="prev" class="btn-left-arrow">
       <r-icon v-html="$r.icons.chevron_left"></r-icon>
     </r-btn>
     <r-btn v-if="arrow" icon @click="next" class="btn-right-arrow">
       <r-icon v-html="$r.icons.chevron_right"></r-icon>
     </r-btn>
-    <transition :name="direction" mode="out-in" appear>
+    <transition :appear="appear" :mode="mode" :name="direction">
       <div :key="`slider-${currentIndex}`"
-           :class="{'slide-loaded':loaded,'slide-loading':!loaded}"
-           class="slider-slides" :style="{
-        width:width+'px',
-        height:(width/wPH)+'px'
-           }">
+           :class="[slidesClass,{'slide-loaded':loaded,'slide-loading':!loaded}]"
+           class="slider-slides">
+        <r-progress-line v-if="autoplay&&progress" :model-value="remain" class="slider-progress"
+                         color="color-one"></r-progress-line>
         <slot v-if="width>0" :item="currentSlide" :width="width" :height="width/wPH">
           {{ currentSlide }}
         </slot>
@@ -58,6 +61,10 @@ export default {
       type: Number,
       default: 2
     },
+    startIndex: {
+      type: Number,
+      default: 0
+    },
     autoplay: {
       type: Boolean,
       default: false
@@ -73,14 +80,22 @@ export default {
     dots: {
       type: Boolean,
       default: true
-    }
+    },
+    appear: {
+      type: Boolean,
+      default: true
+    },
+    slidesClass: [String, Object, Array],
+    mode: {type: String, default: 'out-in'},
+    transitionRight: {type: String, default: 'slider-right'},
+    transitionLeft: {type: String, default: 'slider-left'}
   },
   emits:['index'],
   data() {
     return {
-      direction: 'slider-right',
+      direction: this.transitionRight,
       loaded: false,
-      currentIndex: 0,
+      currentIndex: this.startIndex,
       loaded_timer: null,
       timer: null,
       width: null,
@@ -113,7 +128,7 @@ export default {
     toggle() {
       clearInterval(this.timer)
       this.loaded = false
-      clearInterval(this.loaded_timer)
+      clearTimeout(this.loaded_timer)
       this.loaded_timer = setTimeout(() => {
         this.loaded = true
       }, 500)
@@ -128,7 +143,7 @@ export default {
 
     next: function () {
       this.toggle()
-      this.direction = 'slider-right'
+      this.direction = this.transitionRight
       if (this.currentIndex > this.slides.length - 2) {
         this.currentIndex = 0
       } else {
@@ -138,7 +153,7 @@ export default {
     },
     prev: function () {
       this.toggle()
-      this.direction = 'slider-left'
+      this.direction = this.transitionLeft
       if (this.currentIndex === 0) {
         this.currentIndex = this.slides.length - 1
       } else {
@@ -149,9 +164,9 @@ export default {
     goToSlide(i) {
       this.toggle()
       if (i < this.currentIndex) {
-        this.direction = 'slider-left'
+        this.direction = this.transitionLeft
       } else {
-        this.direction = 'slider-right'
+        this.direction = this.transitionRight
       }
 
       this.currentIndex = i
@@ -165,6 +180,8 @@ export default {
     }
   },
   beforeUnmount() {
+    clearInterval(this.timer)
+    clearTimeout(this.loaded_timer)
     clearInterval(this.remain_id)
   }
 }
@@ -172,6 +189,13 @@ export default {
 <style lang="scss">
 @import '../../style/include';
 
+.slider-progress {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  z-index: 1;
+}
+
 .btn-left-arrow {
   position: absolute;
   top: 50%;

package/components/table/index.vue

@@ -104,19 +104,19 @@
 </template>
 
 <script>
-    import './style.scss'
+import './style.scss'
 
-    export default {
-        name: 'r-table',
-        props: {
-            transition: {
-                type: String,
-                default: 'table-row'
-            },
-            keyItem: [String, Function],
-            thin: Boolean,
-            responsive: Boolean,
-            translate: Boolean,
+export default {
+  name: 'r-table',
+  props: {
+    transition: {
+      type: String,
+      default: 'table-row'
+    },
+    keyItem: [String, Function],
+    thin: Boolean,
+    responsive: Boolean,
+    translate: Boolean,
             editable: Boolean,
             stripped: Boolean,
             borderd: Boolean,
@@ -282,7 +282,7 @@
                 if (this.$helper.isArray(this.th) && k === 0) {
                     return true
                 }
-                const l = this.$helper.keys(this.th)
+              const l = Object.keys(this.th)
                 return l[0] === k;
 
             },

package/directive/drag/index.js

@@ -1,4 +1,4 @@
-import {keys,ifHas} from '../../tools/helper'
+import {ifHas} from '../../tools/helper'
 
 let wrapper = {}
 let current=null
@@ -82,7 +82,7 @@ function mounted(el, binding) {
 
     el.eventsHandler = createHandlers(el, value,uid)
 
-    keys(el.eventsHandler).forEach(eventName => {
+    Object.keys(el.eventsHandler).forEach(eventName => {
         el.addEventListener(eventName, el.eventsHandler[eventName], options)
     })
 }
@@ -98,10 +98,10 @@ function unmounted(el, binding) {
     if (!el.eventsHandler){
             return
         }
-    keys(el.eventsHandler).forEach(eventName => {
-        el.removeEventListener(eventName, el.eventsHandler[eventName]),options
+    Object.keys(el.eventsHandler).forEach(eventName => {
+        el.removeEventListener(eventName, el.eventsHandler[eventName]), options
     })
-    wrapper[uid]={}
+    wrapper[uid] = {}
     delete el.eventsHandler
 }
 

package/directive/sortable/index.js

@@ -1,5 +1,5 @@
 import './style.scss'
-import {cleanArray, ifHas, keys} from '../../tools/helper'
+import {cleanArray, ifHas} from '../../tools/helper'
 
 let scopeObj;
 
@@ -153,7 +153,7 @@ function mounted(el, binding) {
             c = grab
         }
         c.classList.add("grab");
-        keys(el.eventsHandler).forEach(eventName => {
+        Object.keys(el.eventsHandler).forEach(eventName => {
             c.addEventListener(eventName, el.eventsHandler[eventName], {
                 passive: true
             })
@@ -188,7 +188,7 @@ function unmounted(el, binding) {
         if (!el.eventsHandler) {
             return
         }
-        keys(el.eventsHandler).forEach(eventName => {
+        Object.keys(el.eventsHandler).forEach(eventName => {
             c.removeEventListener(eventName, el.eventsHandler[eventName], {
                 passive: true
             })

package/directive/title/index.js

@@ -1,5 +1,4 @@
 import './style.scss'
-import {keys} from '../../tools/helper'
 
 function mousestart(el, binding) {
     let d = 'top'
@@ -91,7 +90,7 @@ function mounted(el, binding) {
 
     el.eventsHandler= createHandlers(el, binding)
 
-    keys(el.eventsHandler).forEach(eventName => {
+    Object.keys(el.eventsHandler).forEach(eventName => {
         el.addEventListener(eventName, el.eventsHandler[eventName], options)
     })
 }
@@ -110,7 +109,7 @@ function unmounted(el, binding) {
     if (!el.eventsHandler){
             return
         }
-    keys(el.eventsHandler).forEach(eventName => {
+    Object.keys(el.eventsHandler).forEach(eventName => {
         el.removeEventListener(eventName, el.eventsHandler[eventName])
     })
     delete el.eventsHandler

package/directive/touch/index.js

@@ -1,5 +1,3 @@
-import {keys} from '../../tools/helper'
-
 const handleGesture = wrapper => {
     const {
         startX,
@@ -159,7 +157,7 @@ function mounted(el, binding) {
         }
 
         el.eventsHandler = createHandlers(value)
-        keys(el.eventsHandler).forEach(eventName => {
+        Object.keys(el.eventsHandler).forEach(eventName => {
             el.addEventListener(eventName, el.eventsHandler[eventName], options)
         })
     }, 1000)
@@ -171,7 +169,7 @@ function unmounted(el, binding) {
     if (!el.eventsHandler) {
         return
     }
-    keys(el.eventsHandler).forEach(eventName => {
+    Object.keys(el.eventsHandler).forEach(eventName => {
         el.removeEventListener(eventName, el.eventsHandler[eventName])
     })
     delete el.eventsHandler

package/package.json

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

package/tools/helper.js

@@ -121,10 +121,6 @@ export function isArray(input) {
     return input instanceof Array || Object.prototype.toString.call(input) === '[object Array]';
 }
 
-export function keys(o) {
-    return Object.keys(o);
-}
-
 export function searchArray(arr, key, value) {
     if (!arr) {
         return false
@@ -186,18 +182,6 @@ export function cleanArray(actual) {
     return newArray;
 }
 
-export function highlightSetup(text, highlight) {
-    if (typeof text !== 'string' || typeof highlight !== 'string') {
-        return text;
-    }
-    highlight = highlight.trim();
-    if (highlight.length === 0) {
-        return text;
-    }
-    let keywords = cleanArray(highlight.split(' '));
-    keywords = keywords.join('|');
-    return text.replace(new RegExp(keywords, 'gi'), '<span class="color-warning-text">$&</span>');
-}
 
 export function htmlEncode(str) {
     return str.replace(/[\u00A0-\u9999<>]/gim, function (i) {
@@ -262,12 +246,7 @@ export function base64decode(str) {
 }
 
 export function size(obj) {
-    let size = 0;
-    let key;
-    for (key in obj) {
-        if (hasKey(obj, key)) size++;
-    }
-    return size;
+    return Object.keys(obj).length;
 }
 
 export function log(txt, type = 'log', on = 'development') {
@@ -398,24 +377,4 @@ export function getCookie(cname) {
         }
     }
     return "";
-}
-
-export function changeColor(vars) {
-    let head = document.head || document.getElementsByTagName('head')[0]
-    let children = head.querySelectorAll("[c='color']");
-    if (children) {
-        let childArray = Array.prototype.slice.call(children);
-        childArray.forEach(function (child) {
-            child.parentNode.removeChild(child);
-        });
-    }
-    let style = document.createElement('style');
-    style.setAttribute("c", "color");
-    head.appendChild(style);
-    let css = ':root{';
-    for (let k in vars) {
-        css += k + ':' + vars[k] + ';'
-    }
-    css += '}'
-    style.appendChild(document.createTextNode(css));
 }