@tagplus/components 5.2.8 → 5.2.9

package/src/components/Step/Step.vue

@@ -1,237 +0,0 @@
-<template>
-  <div
-    class="el-step"
-    :style="style"
-    :class="[
-      !isSimple && `is-${$parent.direction}`,
-      isSimple && 'is-simple',
-      isLast && !space && !isCenter && 'is-flex',
-      isCenter && !isVertical && !isSimple && 'is-center',
-    ]"
-  >
-    <!-- icon & line -->
-    <div
-      class="el-step__head"
-      :class="`is-${currentStatus === 'active' ? 'finish' : currentStatus}`"
-    >
-      <div
-        class="el-step__line"
-        :style="isLast ? '' : { marginRight: $parent.stepOffset + 'px' }"
-      >
-        <em class="el-step__line-inner" :style="lineStyle" />
-
-      </div>
-
-      <div class="el-step__icon" :class="`is-${icon ? 'icon' : 'text'}`">
-        <slot
-          v-if="currentStatus !== 'success' && currentStatus !== 'error'"
-          name="icon"
-        >
-          <em v-if="icon" class="el-step__icon-inner" :class="[icon]" />
-          <div v-if="!icon && !isSimple" class="el-step__icon-inner">
-            {{ index + 1 }}
-          </div>
-        </slot>
-        <em
-          v-else
-          :class="[
-            'el-icon-' + (currentStatus === 'success' ? 'check' : 'close'),
-          ]"
-          class="el-step__icon-inner is-status"
-        />
-      </div>
-    </div>
-    <!-- title & description -->
-    <div class="el-step__main">
-      <div ref="title" class="el-step__title" :class="['is-' + currentStatus]">
-        <slot name="title">
-          {{ title }}
-        </slot>
-      </div>
-      <div v-if="isSimple" class="el-step__arrow" />
-      <div v-else class="el-step__description" :class="['is-' + currentStatus]">
-        <slot name="description">
-          {{ description }}
-        </slot>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'TpStep',
-
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    icon: {
-      type: String,
-      default: ''
-    },
-    description: {
-      type: String,
-      default: ''
-    },
-    status: {
-      type: String,
-      default: ''
-    }
-  },
-
-  data () {
-    return {
-      index: -1,
-      lineStyle: {},
-      internalStatus: ''
-    }
-  },
-
-  computed: {
-    currentStatus () {
-      return this.internalStatus
-    },
-    prevStatus () {
-      const prevStep = this.$parent.steps[this.index - 1]
-
-      return prevStep ? prevStep.currentStatus : 'wait'
-    },
-    isCenter () {
-      return this.$parent.alignCenter
-    },
-    isVertical () {
-      return this.$parent.direction === 'vertical'
-    },
-    isSimple () {
-      return this.$parent.simple
-    },
-    isLast () {
-      const parent = this.$parent
-
-      return parent.steps[parent.steps.length - 1] === this
-    },
-    stepsCount () {
-      return this.$parent.steps.length
-    },
-    space () {
-      const {
-        isSimple,
-        $parent: { space }
-      } = this
-
-      return isSimple ? '' : space
-    },
-    style: function () {
-      const style = {}
-      const parent = this.$parent
-      const len = parent.steps.length
-
-      const space =
-        typeof this.space === 'number'
-          ? `${this.space}px`
-          : this.space
-            ? this.space
-            : `${100 / (len - (this.isCenter ? 0 : 1))}%`
-
-      style.flexBasis = space
-
-      if (this.isVertical) return style
-
-      if (this.isLast) {
-        style.maxWidth = `${100 / this.stepsCount}%`
-      } else {
-        style.marginRight = `${-this.$parent.stepOffset}px`
-      }
-
-      return style
-    }
-  },
-
-  watch: {
-    status () {
-      this.updateStatus(this.$parent.active)
-      this.internalStatus = this.status
-    }
-  },
-
-  beforeCreate () {
-    this.$parent.steps.push(this)
-  },
-
-  beforeUnmount () {
-    const steps = this.$parent.steps
-    const index = steps.indexOf(this)
-
-    if (index >= 0) {
-      steps.splice(index, 1)
-    }
-  },
-
-  mounted () {
-    const unwatch = this.$watch('index', () => {
-      this.$watch('$parent.active', this.updateStatus, { immediate: true })
-      this.$watch(
-        '$parent.processStatus',
-        () => {
-          const activeIndex = this.$parent.active
-
-          this.updateStatus(activeIndex)
-        },
-        { immediate: true }
-      )
-      unwatch()
-    })
-  },
-
-  methods: {
-    updateStatus (val) {
-      const prevChild = this.$parent.$children[this.index - 1]
-
-      if (this.status === 'error') {
-        this.internalStatus = 'error'
-      } else if (val > this.index) {
-        this.internalStatus = this.$parent.finishStatus
-      } else if (val === this.index && this.prevStatus !== 'error') {
-        this.internalStatus = this.$parent.processStatus
-      } else if (this.$parent.newItem && this.prevStatus !== 'error') {
-        this.internalStatus = 'wait'
-      }
-
-      if (prevChild) prevChild.calcProgress(this.internalStatus)
-    },
-
-    calcProgress (status) {
-      let step = 100
-      const style = {}
-
-      style.transitionDelay = `${150 * this.index}ms`
-
-      // if (status === this.$parent.processStatus) {
-      //   step = this.currentStatus !== 'error' ? 0 : 0
-      // } else
-      if (status === 'wait') {
-        step = 0
-        style.transitionDelay = `${-50 * this.index}ms`
-      }
-
-      style.borderWidth = step && !this.isSimple ? '1px' : 0
-      this.$parent.direction === 'vertical'
-        ? (style.height = `${step}%`)
-        : (style.width = `${step}%`)
-
-      this.lineStyle = style
-    }
-  }
-})
-</script>
-
-<style lang="scss" scoped>
-.el-step__head.is-process {
-  color: #2d6eda;
-  border-color: #2d6eda;
-}
-</style>

package/src/components/Step/index.js

@@ -1,3 +0,0 @@
-import Step from './Step'
-
-export default Step

package/src/components/Steps/Steps.vue

@@ -1,15 +0,0 @@
-<script>
-import { defineComponent } from 'vue'
-import { ElSteps as Steps } from 'element-plus'
-
-export default defineComponent({
-  name: 'TpSteps',
-  extends: Steps,
-  props: {
-    newItem: {
-      type: Boolean,
-      default: false
-    }
-  }
-})
-</script>

package/src/components/Steps/index.js

@@ -1,3 +0,0 @@
-import Steps from './Steps'
-
-export default Steps

package/src/components/TesteToCurrency.vue

@@ -1,171 +0,0 @@
-<template>
-  <div>
-    Começo do teste com {{ decimais }} casas decimais, até o número {{ limite }}, com o locale atual {{ $t('locale.prefix') }}.
-    <div v-if="ready">
-      <div v-if="listaErros.length">
-        Acabou o teste com erros, log:
-      </div>
-      <div v-else>
-        Acabou o teste sem erros
-      </div>
-      <div
-        v-for="(message, key) in listaErros"
-        :key="key"
-      >
-        {{ message }}
-      </div>
-    </div>
-    <el-button
-      v-if="!start"
-      type="primary"
-      size="default"
-      @click="startTest"
-    >
-      Start
-    </el-button>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue'
-// import { toCurrency } from 'tp-ui/utils/filters'
-
-export default defineComponent({
-  name: 'TesteToCurrency',
-  // filters: { toCurrency },
-
-  data () {
-    return {
-      start: false,
-      ready: false,
-      listaErros: [],
-      testeFixo: [1000, 0, 0.1, 0.2, 0.01],
-      max: 10000,
-      decimais: 2,
-      limiteErros: 100
-    }
-  },
-
-  computed: {
-    divisorDecimais () {
-      return Math.pow(10, this.decimais)
-    },
-
-    limite () {
-      return this.max * this.divisorDecimais
-    }
-  },
-
-  mounted () {
-    for (let i = 0; i < this.testeFixo.length; i++) {
-      const res = this.testeNum(this.testeFixo[i])
-
-      if (res !== true) {
-        this.listaErros.push(res)
-      }
-    }
-
-    this.ready = true
-  },
-
-  methods: {
-    toCurrency (val) {
-      if (val === '') {
-        return val
-      }
-
-      try {
-        let with2Decimals = val.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0]
-
-        with2Decimals = Number(with2Decimals).toLocaleString(this.$t('locale.prefix'), {
-          minimumFractionDigits: 2,
-          maximumFractionDigits: 2
-        })
-
-        return with2Decimals
-      } catch (Exception) {
-        return val.toLocaleString(this.$t('locale.prefix'), {
-          minimumFractionDigits: 2,
-          maximumFractionDigits: 2
-        })
-      }
-    },
-
-    reverseString (str) {
-      return str.split('').reverse().join('')
-    },
-
-    startTest () {
-      this.ready = true
-      this.listaErros = []
-      this.start = false
-
-      for (let i = 0; i < this.limite && this.listaErros.length < this.limiteErros; i++) {
-        const num = i / this.divisorDecimais
-        const res = this.testeNum(num)
-
-        if (res !== true) {
-          this.listaErros.push(res)
-        }
-      }
-
-      this.ready = true
-    },
-
-    addThousandsSeparator (number) {
-      const numStr = number.toString()
-      const parts = numStr.split(this.$t('locale.number.decimal'))
-
-      const integerPart = parts[0]
-      let formattedInteger = ''
-
-      // Insert commas for thousands separation
-      for (let i = 0; i < integerPart.length; i++) {
-        if (i > 0 && (integerPart.length - i) % 3 === 0) {
-          formattedInteger += this.$t('locale.number.thousands')
-        }
-        formattedInteger += integerPart[i]
-      }
-
-      if (parts.length === 2) {
-        const decimalPart = parts[1]
-        return formattedInteger + ',' + decimalPart
-      } else {
-        return formattedInteger
-      }
-    },
-
-    testeNum (num) {
-      const newNum = `${this.toCurrency(num) }`
-
-      let numF = (`${num }`).substring(0, newNum.length)
-      let i = ''
-      if (this.$t('locale.number.decimal') === '.') {
-        i = this.reverseString(numF).indexOf('.')
-      }
-      if (this.$t('locale.number.decimal') === ',') {
-        numF = numF.replace('.', ',')
-        i = this.reverseString(numF).indexOf(',')
-      }
-
-      if (i === -1) {
-        numF += `${ this.$t('locale.number.decimal') + '00' }`
-      } else if (i !== 2) {
-        const qntZeros = Math.abs(i - 2)
-        if (qntZeros > 0) {
-          numF += '0'.repeat(qntZeros)
-        }
-      }
-      if (numF.split(this.$t('locale.number.decimal'))[0].length >= 4) {
-        numF = this.addThousandsSeparator(numF)
-      }
-
-      if (numF !== newNum) {
-        return `errado | ${ num } | ${ newNum}`
-      }
-
-      return true
-    }
-  }
-})
-</script>

package/src/components/Tip/Tip.vue

@@ -1,210 +0,0 @@
-<template>
-  <el-row
-    v-if="!title"
-    :id="`${_id}`"
-    type="flex"
-    align="middle"
-    :class="tptipclasses"
-  >
-    <el-col :sm="24" :lg="3">
-      <div
-        style="
-          display: flex;
-          min-width: 25px;
-          justify-content: center;
-          margin: 15px;
-          padding: auto;
-        "
-      >
-        <em class="far fa-lightbulb-on" />
-      </div>
-    </el-col>
-
-    <el-col :sm="24" :lg="21">
-      <div
-        :id="`${_id}-text`"
-        style="margin: 15px; margin-left: 0"
-        v-html="text"
-      />
-    </el-col>
-  </el-row>
-  <el-row
-    v-else
-    :id="`${_id}`"
-    type="flex"
-    align="middle"
-    justify="space-between"
-    :class="tptipclasses"
-  >
-    <el-col :span="17">
-      <el-row
-        align="middle"
-        type="flex"
-        style="min-width: 25px; margin: 15px; padding: auto"
-      >
-        <em class="far fa-lightbulb-on" />
-        <b class="tp-title">{{ title }}</b>
-      </el-row>
-    </el-col>
-    <el-col :span="3" class="flexContent justify-content-end">
-      <em class="fa fa-ellipsis-h tp-close-button" @click="closed = !closed" />
-    </el-col>
-
-    <el-col :class="'tp-text ' + (closed ? 'tp-vanish' : '')" :span="24">
-      <div
-        :id="`${_id}-text`"
-        style="margin: 15px; margin-left: 0"
-        v-html="text"
-      />
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'TpTip',
-  props: {
-    id: {
-      type: String,
-      required: false,
-      default: null
-    },
-
-    text: {
-      type: String,
-      required: true,
-      default: ''
-    },
-
-    title: {
-      type: String,
-      default: ''
-    },
-
-    type: {
-      type: String,
-      default: 'default'
-    }
-  },
-
-  data () {
-    return {
-      closed: true
-    }
-  },
-
-  computed: {
-    _id () {
-      return this.id || this.$options.name
-    },
-
-    tptipclasses () {
-      const classes = ['grid-content', 'pa-3']
-
-      if (this.type === 'error') {
-        classes.push('tp-tip-error')
-      }
-
-      if (this.type === 'warning') {
-        classes.push('tp-tip-warning')
-      }
-
-      if (this.type === 'success') {
-        classes.push('tp-tip-success')
-      }
-
-      return classes
-    }
-  }
-})
-</script>
-
-<style lang="scss" scoped>
-.far.fa-lightbulb-on {
-  font-size: 20px;
-}
-
-.grid-content {
-  flex-wrap: wrap;
-  background-color: rgb(76 135 251 / 10%);
-  border-radius: 4px;
-  border: solid 1px rgb(76 135 251 / 20%);
-  padding: 1rem;
-  font-size: 14px;
-  line-height: 24px;
-  color: #586d93;
-}
-
-.info-text {
-  font-size: 12px;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: 1.33;
-  letter-spacing: normal;
-  text-align: left;
-}
-
-.tp-tip-error {
-  background: #f56c6c1a 0% 0% no-repeat padding-box;
-  border: 1px solid #ff6077;
-
-  :deep() {
-    strong,
-    b,
-    em {
-      color: #ff425f;
-    }
-  }
-}
-
-.tp-tip-warning {
-  background: #fff9ea 0% 0% no-repeat padding-box;
-  border: 1px solid #ffc437;
-
-  :deep() {
-    strong,
-    b,
-    em {
-      color: #ffc437;
-    }
-  }
-}
-
-.tp-tip-success {
-  background: #f3fcfc 0% 0% no-repeat padding-box;
-  border: 1px solid #08a19e;
-
-  :deep() {
-    strong,
-    b,
-    em {
-      color: #08a19e;
-    }
-  }
-}
-
-.tp-close-button {
-  padding: 10px;
-  cursor: pointer;
-}
-
-.tp-title {
-  font-size: 16px;
-  padding-left: 16px;
-}
-
-.tp-text {
-  height: auto;
-  transition: 0.4s opacity ease-out;
-}
-
-.tp-vanish {
-  position: absolute;
-  max-height: 0;
-  transform: scale(0);
-  opacity: 0;
-  transition: 0s opacity linear;
-}
-</style>

package/src/components/Tip/index.js

@@ -1,3 +0,0 @@
-import Tip from './Tip'
-
-export default Tip

package/src/components/ValueSelector.vue

@@ -1,60 +0,0 @@
-<template>
-  <el-row justify="center" align="middle" class="value-selector-row">
-    <el-button
-      v-for="item in formattedValues"
-      :key="item.value"
-      :type="type"
-      class="value-selector-btn"
-      @click="$emit('input', item.value)">
-      {{item.label}}
-    </el-button>
-  </el-row>
-</template>
-
-<script>
-export default {
-  name: 'ValueSelector',
-
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-
-    type: {
-      type: String,
-      default: 'primary'
-    }
-  },
-
-  emits: ['input'],
-
-  computed: {
-    formattedValues () {
-      return this.modelValue.map(item => {
-        let label = item
-        if (typeof item === 'string'){
-          label = `'${item}'`
-        } else if (item === null){
-          label = 'null'
-        }
-        return {
-          label,
-          value: item
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.value-selector-row {
-  flex-wrap: nowrap;
-}
-
-.value-selector-btn {
-  flex-shrink: 0;
-  min-width: 50px;
-}
-</style>