renusify 2.5.2 → 3.0.0

package/components/chip/index.vue

@@ -1,77 +0,0 @@
-<template>
-    <span :class="classes" @click.stop="select">
-      <span class="chip-content">
-          <r-icon v-if="modelValue" v-html="$r.icons.check" exact></r-icon>
-      <slot></slot>
-        <r-btn @click.stop="closeChip" class="chip-close mx-1" icon size="x-small" text v-if="close">
-            <r-icon v-html="$r.icons.close" width="20" height="20"></r-icon>
-        </r-btn>
-    </span>
-
-    </span>
-</template>
-
-<script>
-import './style.scss'
-
-export default {
-  name: 'r-chip',
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: 'default',
-      validator: function (value) {
-        return ['x-small', 'small', 'default', 'large', 'x-large'].indexOf(value) !== -1
-      }
-    },
-    selectable: Boolean,
-    close: Boolean,
-    disabled: Boolean,
-    label: Boolean,
-    outlined: Boolean,
-    text: Boolean
-  },
-  emits:['update:modelValue','close'],
-  computed: {
-    classes () {
-      let c = this.$r.prefix + 'chip chip-size-' + this.size
-      if (this.selectable) {
-        c += ' chip-selectable'
-      }
-      if (this.modelValue) {
-        c += ' chip-active ps-0'
-      }
-
-      if (this.close) {
-        c += ' pe-0'
-      }
-      if (this.disabled) {
-        c += ' chip-disabled'
-      }
-      if (this.label) {
-        c += ' chip-label'
-      }
-      if (this.outlined) {
-        c += ' chip-outlined'
-      }
-      if (this.text) {
-        c += ' chip-text'
-      }
-      return c
-    }
-  },
-  methods: {
-    closeChip () {
-      this.$emit('close', true)
-       this.$emit('update:modelValue', false)
-    },
-    select () {
-      this.$emit('update:modelValue', !this.modelValue)
-    }
-  }
-}
-</script>

package/components/chip/style.scss

@@ -1,199 +0,0 @@
-@use "sass:math";
-@use "sass:map";
-@use "../../style/variables/base";
-@use "../../style/mixins";
-@use "../../style/functions";
-
-
-$chip-avatar-size: 24px !default;
-$chip-close-size: 18px !default;
-$chip-icon-margin-after: 8px !default;
-$chip-icon-margin-before: -6px !default;
-$chip-icon-right-margin-after: -4px !default;
-$chip-icon-right-margin-before: 8px !default;
-$chip-icon-size: 24px !default;
-$chip-label-border-radius: map.get(base.$borders, 'sm') !default;
-$chip-link-focus-opacity: 0.32 !default;
-$chip-pill-avatar-margin-after: 8px !default;
-$chip-pill-avatar-margin-before: -12px !default;
-$chip-pill-avatar-size: 32px !default;
-$chip-pill-filter-margin: 0 16px 0 0 !default;
-$chip-transition-duration: 0.28s !default;
-$chip-transition-fn: map.get(base.$transition, 'fast-out-slow-in') !default;
-$icon-outlined-border-width: thin !default;
-$icon-sizes: (
-        'x-small': (
-                'font-size': 10,
-                'height': 16
-        ),
-        'small': (
-                'font-size': 12,
-                'height': 24
-        ),
-        'default': (
-                'font-size': 14,
-                'height': 32
-        ),
-        'large': (
-                'font-size': 16,
-                'height': 48
-        ),
-        'x-large': (
-                'font-size': 18,
-                'height': 54
-        )
-) !default;
-
-
-.#{base.$prefix}chip {
-  align-items: center;
-  cursor: default;
-  white-space: nowrap;
-  display: inline-flex;
-  line-height: 20px;
-  outline: none;
-  padding: 0 12px;
-  position: relative;
-  text-decoration: none;
-  transition-duration: $chip-transition-duration;
-  transition-timing-function: $chip-transition-fn;
-  vertical-align: middle;
-  border-color: var(--color-border);
-
-  &:not(.chip-active) {
-    background: var(--color-sheet-container-low);
-    color: var(--color-on-sheet);
-  }
-
-  @include mixins.states();
-
-  &.chip-disabled {
-    @include mixins.disable-states();
-
-    &:not(.chip-text):not(.chip-outlined) {
-      background-color: var(--color-#{functions.map-metro-get(base.$states, 'disabled','state','color')}) !important;
-    }
-
-    &.btn-text, &.btn-outlined {
-      &::before {
-        opacity: 0 !important;
-      }
-    }
-  }
-
-  &:before {
-    background-color: currentColor;
-    bottom: 0;
-    border-radius: inherit;
-    content: '';
-    left: 0;
-    opacity: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-
-  &.chip-selectable {
-    cursor: pointer;
-  }
-
-  .#{base.$prefix}icon {
-    font-size: $chip-icon-size;
-    transition: none;
-  }
-
-  .chip-close {
-    .#{base.$prefix}icon {
-      font-size: $chip-close-size;
-      max-height: $chip-close-size;
-      max-width: $chip-close-size;
-      user-select: none;
-
-      &:hover,
-      &:focus,
-      &:active {
-        opacity: .72
-      }
-    }
-  }
-
-  .chip-content {
-    transition: base.$secondary-transition;
-    transition-duration: 0.05s;
-    align-items: center;
-    display: inline-flex;
-    height: 100%
-  }
-
-  &.chip-active {
-    background-color: var(--color-one);
-    color: var(--color-on-one);
-
-    .chip-close {
-      color: var(--color-on-one);
-    }
-
-    .#{base.$prefix}icon {
-      color: inherit;
-      padding: 0 3px;
-    }
-  }
-
-  &.chip-label {
-    border-radius: $chip-label-border-radius !important
-  }
-
-  &.chip-outlined {
-    border-width: $icon-outlined-border-width;
-    border-style: solid;
-    background-color: transparent !important;
-
-    &:not(.chip-active):before {
-      opacity: 0
-    }
-
-    &.chip-active:before {
-      opacity: 0.08
-    }
-
-    .#{base.$prefix}icon {
-      color: inherit
-    }
-
-  }
-
-  &.chip-text {
-    border: none;
-    background-color: transparent !important;
-
-    &:not(.chip-active):before {
-      opacity: 0
-    }
-
-    &.chip-active:before {
-      opacity: 0.08
-    }
-
-    .#{base.$prefix}icon {
-      color: inherit
-    }
-
-  }
-
-  &.chip-selected {
-    background: transparent;
-
-    &:after {
-      opacity: .28
-    }
-  }
-
-  @each $name, $size in $icon-sizes {
-    &.chip-size-#{$name} {
-      border-radius: #{math.div(map.get($size, 'height') , 2)}px;
-      font-size: #{map.get($size, 'font-size')}px;
-      min-height: #{map.get($size, 'height')}px;
-    }
-  }
-}
-

package/components/codeEditor/mixin.js

@@ -1,145 +0,0 @@
-export default {
-    methods: {
-        pretty_html(text) {
-            if (!text) {
-                return ''
-            }
-            text = text.trim()
-            text = text.replace(/ +(?= )/g, '');
-            text = text.replace(/[\r\n\t]/g, '');
-            let r = ''
-            text = text.split('<')
-            let numopen = 0
-            text.forEach((line) => {
-                if (line) {
-                    const end = line.startsWith('/')
-                    if (end) {
-                        numopen -= 1
-                    }
-                    r += '\t'.repeat(numopen) + '<' + line + '\n'
-                    if (!end) {
-                        numopen += 1
-                    }
-                }
-            })
-            r = r.replace(/<([^/].*)>+[\r\n\t]+<\//g, '<$1></');
-            return r
-        },
-        pretty_js(text) {
-            if (!text) {
-                return ''
-            }
-            text = text.trim()
-            text = text.replace(/ +(?= )/g, '');
-            text = text.replace(/[\r\n\t]/g, '');
-            text = text.replace(/([,;{(\[])+[\s]/g, '$1');
-            let r = ''
-            text = text.split('')
-            let numopen = 0
-            const textLength = text.length
-            let inBracket = 0
-            let inprantez = 0
-            for (let i = 0; i < textLength; i++) {
-                const c = text[i]
-                const last = i > 0 ? text[i - 1] : ''
-                const next = i < textLength - 1 ? text[i + 1] : ''
-
-                if (c === '(') {
-                    inprantez += 1
-                }
-                if (c === ')') {
-                    inprantez -= 1
-                }
-                if (c === '[') {
-                    inBracket += 1
-                }
-                if (c === ']') {
-                    inBracket -= 1
-                }
-                if (c === '}') {
-                    numopen -= 1
-                }
-                if (numopen < 0) {
-                    numopen = 0
-                }
-                r += c
-                if (c === '}' && next !== ',' && next !== ';' && next !== '}' && next !== ')') {
-                    r += '\n' + '\t'.repeat(numopen)
-                }
-                if (c === ',' && (!inprantez && !inBracket) && next !== '}') {
-                    r += '\n' + '\t'.repeat(numopen)
-                }
-                if (c === ';' && next !== '}') {
-                    r += '\n' + '\t'.repeat(numopen)
-                }
-                if (next === '}' && c !== '{' && numopen > 0) {
-
-                    r += '\n' + '\t'.repeat(numopen - 1)
-                }
-
-                if (c === '{') {
-                    numopen += 1
-                    if (next !== '}') {
-                        r += '\n' + '\t'.repeat(numopen)
-                    }
-                }
-            }
-            r = r.replace(/\t /g, '\t');
-            r = r.replace(/^\s*\n/gm, '');
-            return r
-        },
-        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, '\t');
-                return false;
-            }
-            if (event.keyCode === 13) {
-                event.preventDefault()
-                let n = event.target.value.substr(0, event.target.selectionStart).split('\n')
-                n = n[n.length - 1].split('\t')
-
-                let w = ''
-                for (let i = 0; i < n.length; i++) {
-                    if (n[i] === '') {
-                        w += '\t'
-                    } else {
-                        break
-                    }
-                }
-
-                document.execCommand('insertText', false, '\n' + w);
-                return false;
-            }
-            return true
-        }
-    }
-}

package/components/countdown/index.js

@@ -1 +0,0 @@
-export * as rCountDown from './index.vue'

package/components/countdown/index.vue

@@ -1,105 +0,0 @@
-<template>
-  <div>
-    <slot :days="days" :hours="hours" :minutes="minutes" :seconds="seconds">
-      <span v-if="days>0">{{ days }}{{ $t('days', 'renusify') }}</span>
-      {{ hours }}:{{ minutes }}:{{ seconds }}
-    </slot>
-  </div>
-</template>
-
-<script>
-const MILLISECONDS_SECOND = 1000
-const MILLISECONDS_MINUTE = 60 * MILLISECONDS_SECOND
-const MILLISECONDS_HOUR = 60 * MILLISECONDS_MINUTE
-const MILLISECONDS_DAY = 24 * MILLISECONDS_HOUR
-export default {
-  name: 'countdown',
-  props: {
-    autoStart: {
-      type: Boolean,
-      default: true
-    },
-    interval: {
-      type: Number,
-      default: 1000,
-      validator: value => value >= 0
-    },
-    time: {
-      type: Number,
-      default: 0,
-      validator: value => value >= 0
-    }
-  },
-  emits:['start','end'],
-  data() {
-    return {
-      time_id: null,
-      counting: false,
-      totalMilliseconds: 0
-    }
-  },
-
-  computed: {
-    days() {
-      return Math.floor(this.totalMilliseconds / MILLISECONDS_DAY)
-    },
-
-    hours() {
-      return Math.floor((this.totalMilliseconds % MILLISECONDS_DAY) / MILLISECONDS_HOUR)
-    },
-
-    minutes() {
-      return Math.floor((this.totalMilliseconds % MILLISECONDS_HOUR) / MILLISECONDS_MINUTE)
-    },
-
-    seconds() {
-      return Math.floor((this.totalMilliseconds % MILLISECONDS_MINUTE) / MILLISECONDS_SECOND)
-    },
-
-    milliseconds() {
-      return Math.floor(this.totalMilliseconds % MILLISECONDS_SECOND)
-    }
-  },
-
-  watch: {
-    $props: {
-      deep: true,
-      immediate: true,
-      handler() {
-        this.totalMilliseconds = this.time
-
-        if (this.autoStart) {
-          this.start()
-        }
-      }
-    }
-  },
-
-  methods: {
-    start() {
-      if (this.counting) {
-        return
-      }
-
-      this.counting = true
-
-      this.$emit('start')
-      this.time_id = setInterval(() => {
-        this.go()
-      }, this.interval)
-    },
-    go() {
-      if (this.totalMilliseconds <= 0) {
-        clearInterval(this.time_id)
-        this.$emit('end')
-        return
-      }
-      this.totalMilliseconds = Math.max(this.totalMilliseconds - this.interval, 0)
-
-    }
-  },
-  beforeUnmount() {
-    clearInterval(this.time_id)
-  }
-}
-</script>

package/components/form/colorInput/mixin.js

@@ -1,132 +0,0 @@
-export const color = {
-    methods: {
-        setColorValue(color) {
-            let rgba = {r: 0, g: 0, b: 0, a: 1}
-            const rgbRegex = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*([01]?\.\d+)?\s*)?\)$/;
-            const hexRegex = /^#([a-f0-9]{6}|[a-f0-9]{8})$/i;
-            if (hexRegex.test(color)) {
-                rgba = this.hex2rgba(color)
-            } else if (rgbRegex.test(color)) {
-                rgba = this.rgb2rgba(color)
-            } else if (Object.prototype.toString.call(color) === '[object Object]') {
-                rgba = color
-            } else {
-                return
-            }
-            this.r = rgba.r
-            this.g = rgba.g
-            this.b = rgba.b
-            if (rgba.a >= 0 && rgba.a <= 1) {
-                this.a = rgba.a
-            } else {
-                this.a = 1
-            }
-
-            this.set_hsv(rgba)
-        },
-        createAlphaSquare(size) {
-            const canvas = document.createElement('canvas')
-            const ctx = canvas.getContext('2d')
-            const doubleSize = size * 2
-            canvas.width = doubleSize
-            canvas.height = doubleSize
-
-            ctx.fillStyle = '#ffffff'
-            ctx.fillRect(0, 0, doubleSize, doubleSize)
-            ctx.fillStyle = '#ccd5db'
-            ctx.fillRect(0, 0, size, size)
-            ctx.fillRect(size, size, size, size)
-
-            return canvas
-        },
-        createLinearGradient(
-            direction,
-            ctx,
-            width,
-            height,
-            color1,
-            color2
-        ) {
-            // l horizontal p vertical
-            const isL = direction === 'l'
-            const gradient = ctx.createLinearGradient(
-                0,
-                0,
-                isL ? width : 0,
-                isL ? 0 : height
-            )
-            gradient.addColorStop(0.01, color1)
-            gradient.addColorStop(0.99, color2)
-            ctx.fillStyle = gradient
-            ctx.fillRect(0, 0, width, height)
-        },
-        rgb2hex({r, g, b, a}, toUpper = false) {
-            const change = (val) => {
-                const hex = Math.round(val).toString(16);
-                return hex.length === 1 ? '0' + hex : hex;
-            };
-
-            let color = `#${change(r)}${change(g)}${change(b)}`;
-
-            if (a !== undefined && a !== 1) {
-                const alpha = Math.round(a * 255);
-                color += change(alpha);
-            }
-
-            return toUpper ? color.toUpperCase() : color;
-        },
-        hex2rgba(hex) {
-            hex = hex.slice(1)
-            const change = (val) => parseInt(val, 16) || 0;
-            const r = change(hex.slice(0, 2));
-            const g = change(hex.slice(2, 4));
-            const b = change(hex.slice(4, 6));
-
-            let a = 1;
-            if (hex.length === 8) {
-                const alphaHex = hex.slice(6, 8);
-                a = parseFloat((parseInt(alphaHex, 16) / 255).toFixed(2));
-            }
-
-            return {r, g, b, a};
-        },
-        rgb2rgba(rgba) {
-            rgba = (/rgba?\((.*?)\)/.exec(rgba) || ['', '0,0,0,1'])[1].split(',')
-            return {
-                r: Number(rgba[0]) || 0,
-                g: Number(rgba[1]) || 0,
-                b: Number(rgba[2]) || 0,
-                a: Number(rgba[3] ? rgba[3] : 1), // Avoid the case of 0
-            }
-        },
-        set_hsv({r, g, b}) {
-            r = r / 255
-            g = g / 255
-            b = b / 255
-            const max = Math.max(r, g, b)
-            const min = Math.min(r, g, b)
-            const delta = max - min
-            let h = 0
-            if (max === min) {
-                h = 0
-            } else if (max === r) {
-                if (g >= b) {
-                    h = (60 * (g - b)) / delta
-                } else {
-                    h = (60 * (g - b)) / delta + 360
-                }
-            } else if (max === g) {
-                h = (60 * (b - r)) / delta + 120
-            } else if (max === b) {
-                h = (60 * (r - g)) / delta + 240
-            }
-            h = Math.floor(h)
-            let s = parseFloat((max === 0 ? 0 : 1 - min / max).toFixed(2))
-            let v = parseFloat(max.toFixed(2))
-            this.h = h
-            this.s = s
-            this.v = v
-        }
-    },
-
-}