renusify 1.4.2 → 1.4.3

package/components/slider/index.vue

@@ -16,11 +16,12 @@
     <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="mode" :appear="appear">
+    <transition :appear="appear" :mode="mode" :name="direction">
       <div :key="`slider-${currentIndex}`"
-           :class="[[slidesClass],{'slide-loaded':loaded,'slide-loading':!loaded}]"
-           class="slider-slides" >
-        <r-progress-line v-if="autoplay&&progress" class="slider-progress" :model-value="remain" color="color-one"></r-progress-line>
+           :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>
@@ -84,10 +85,10 @@ export default {
       type: Boolean,
       default: true
     },
-    slidesClass:{type:String,default:'out-in'},
-    mode:{type:String,default:'out-in'},
-    transitionRight:{type:String,default:'slider-right'},
-    transitionLeft:{type:String,default:'slider-left'}
+    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() {
@@ -187,12 +188,14 @@ export default {
 </script>
 <style lang="scss">
 @import '../../style/include';
-.slider-progress{
+
+.slider-progress {
   width: 100%;
-    position: absolute;
-    top: 0;
-    z-index: 1;
+  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.2",
+  "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));
 }