renusify 1.1.1 → 1.1.2

package/components/button/style.scss

@@ -72,7 +72,8 @@ $btn-transition: opacity 0.2s map-get($transition, 'ease-in-out') !default;
   }
 
   &:not(.btn-text):not(.btn-outlined) {
-    background-color: var(--color-sheet)
+    background-color: var(--color-sheet);
+    color: var(--color-text-primary)
   }
 
   &.btn-outlined.btn-text {

package/components/chip/index.vue

@@ -37,7 +37,7 @@ export default {
   },
   computed: {
     classes () {
-      let c = this.$r.prefix+'chip px-3 chip-size-' + this.size
+      let c = this.$r.prefix + 'chip chip-size-' + this.size
       if (this.selectable) {
         c += ' chip-selectable'
       }

package/components/chip/style.scss

@@ -47,7 +47,7 @@ $icon-sizes: (
   display: inline-flex;
   line-height: 20px;
   outline: none;
-  padding: 0;
+  padding: 0 12px;
   position: relative;
   text-decoration: none;
   transition-duration: $chip-transition-duration;

package/components/form/fileUploader/single.vue

@@ -104,7 +104,7 @@ export default {
       is = image[0] === 'image'
       if (!is) {
         const p = this.fileLink.split('.')
-        is = ['jpg', 'jpeg', 'png', 'gif'].includes(p[p.length - 1])
+        is = ['jpg', 'jpeg', 'png', 'gif', 'svg'].includes(p[p.length - 1])
       }
       return is
     },

package/components/form/input.vue

@@ -2,7 +2,7 @@
   <div
       :class="{
         [`${$r.prefix}input-container`]:true,
-        [c_color||'color-one-text']:c_color&&!isDisabled,
+        [c_color]:c_color&&!isDisabled,
         'color-error-text':hasError&&genMessages.length>0,
         'hide-detail':c_hide,
         'input-focused':active,
@@ -152,7 +152,7 @@ export default {
       if (this.color === undefined && this.$r.inputs.color) {
         return this.$r.inputs.color
       }
-      return this.color
+      return this.color || 'color-one-text'
     },
     c_hide() {
       if (this.hide === undefined && this.$r.inputs.hide) {

package/components/form/select.vue

@@ -12,6 +12,7 @@
             :close="multiple&&!textChip"
             :key="key"
             :text="textChip || !multiple"
+            :class="{'px-0':!multiple}"
             @update:modelValue="handleChip($event,key)"
             selectable
             v-for="(item,key) in chips">

package/components/form/timepicker/index.vue

@@ -25,6 +25,7 @@
       <r-card class="pt-3">
         <timepicker
             class="mb-2 mx-3"
+            :disableTime="disableTime"
             :is24-hour="is24Hour"
             :withSec="withSec"
             v-model="lazyValue"
@@ -57,6 +58,11 @@ export default {
   name: "r-time-picker",
   components: {Timepicker},
   props: {
+    disableTime: {
+      type: Function, default: () => {
+        return false
+      }
+    },
     withSec: Boolean,
     is24Hour: {type: Boolean, default: true},
     noOverlay: Boolean,

package/package.json

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

package/tools/helper.js

@@ -400,4 +400,24 @@ 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));
 }