@tagplus/components 5.2.18 → 5.3.0

package/dist/lib/src/components/Money/Money.vue.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const floatFormatter = require("../../mixins/floatFormatter.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "TpMoney",
+  mixins: [floatFormatter.default],
+  inheritAttrs: false,
+  props: {
+    id: {
+      type: String,
+      required: false,
+      default: null
+    },
+    // remove o simbolo em prepend
+    removePrepend: {
+      type: Boolean,
+      default: false
+    },
+    // valor do campo. Pode ser usado como v-model também
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    },
+    // tamanho máximo do campo. limitado por padrão a 21 caracteres por limitações do JS
+    maxlength: {
+      type: Number,
+      default: 21
+    }
+  },
+  computed: {
+    _id() {
+      return this.id || this.$options.name;
+    },
+    prepend() {
+      return this.$t("tp.money.currency");
+    }
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_input = vue.resolveComponent("el-input");
+  return vue.openBlock(), vue.createBlock(_component_el_input, vue.mergeProps({
+    id: `${_ctx._id}`,
+    class: "tp-money",
+    "model-value": _ctx.formattedValue
+  }, _ctx.$attrs, {
+    maxlength: _ctx.maxlength,
+    onInput: _ctx.input,
+    onChange: _ctx.handleChange,
+    onFocus: _cache[0] || (_cache[0] = ($event) => $event.target.select())
+  }), vue.createSlots({ _: 2 }, [
+    !_ctx.removePrepend ? {
+      name: "prepend",
+      fn: vue.withCtx(() => [
+        vue.createTextVNode(vue.toDisplayString(_ctx.prepend), 1)
+      ]),
+      key: "0"
+    } : void 0,
+    vue.renderList(_ctx.$slots, (_, slot) => {
+      return {
+        name: slot,
+        fn: vue.withCtx((scope) => [
+          vue.renderSlot(_ctx.$slots, slot, vue.normalizeProps(vue.guardReactiveProps(scope)), void 0, true)
+        ])
+      };
+    })
+  ]), 1040, ["id", "model-value", "maxlength", "onInput", "onChange"]);
+}
+const Money = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9d3eeac0"]]);
+exports.default = Money;

package/dist/lib/src/components/Money/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Money = require("./Money.vue.js");
+exports.default = Money.default;

package/dist/lib/src/components/Multisuggest/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Multisuggest = require("../Autosuggest/Multisuggest.vue.js");
+exports.default = Multisuggest.default;

package/dist/lib/src/components/OptionsList/OptionsList.vue.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                  */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "TpOptionsList",
+  props: {
+    justifyContent: {
+      // 'space-between' / 'space-around' / (any flex property)
+      type: String,
+      default: "space-between"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("ul", {
+    class: vue.normalizeClass([_ctx.justifyContent, "tp-options-list", _ctx.disabled ? "disabled" : ""])
+  }, [
+    vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ], 2);
+}
+const OptionsList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c8c0f83e"]]);
+exports.default = OptionsList;

package/dist/lib/src/components/OptionsList/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const OptionsList = require("./OptionsList.vue.js");
+exports.default = OptionsList.default;

package/dist/lib/src/components/OptionsListItem/OptionsListItem.vue.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                      */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "TpOptionsListItem",
+  props: {
+    itemType: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    optValue: {
+      type: [String, Boolean, Number],
+      default: null
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    badge: {
+      type: Boolean,
+      default: false
+    },
+    direction: {
+      type: String,
+      default: ""
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    texts: {
+      type: Array,
+      default: null
+    },
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    active: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["input", "updateValor"],
+  methods: {
+    updateOption() {
+      this.$emit("updateValor", this.optValue);
+      this.$emit("input", this.optValue);
+    }
+  }
+});
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "text" };
+const _hoisted_3 = {
+  key: 0,
+  class: "option-item-badge"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("li", {
+    id: _ctx.id,
+    class: vue.normalizeClass([
+      "tp-options-list-item",
+      _ctx.itemType,
+      _ctx.active === _ctx.optValue ? "active" : ""
+    ]),
+    tabindex: "0",
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.updateOption && _ctx.updateOption(...args)),
+    onKeyup: _cache[1] || (_cache[1] = vue.withKeys((...args) => _ctx.updateOption && _ctx.updateOption(...args), ["enter"]))
+  }, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(["icon", _ctx.direction])
+    }, [
+      vue.createElementVNode("em", {
+        class: vue.normalizeClass([_ctx.icon, "options-icon"])
+      }, null, 2),
+      vue.createElementVNode("p", _hoisted_2, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.texts, (text, index) => {
+          return vue.openBlock(), vue.createElementBlock("span", { key: index }, vue.toDisplayString(text), 1);
+        }), 128))
+      ])
+    ], 2),
+    _ctx.badge ? (vue.openBlock(), vue.createElementBlock("sup", _hoisted_3)) : vue.createCommentVNode("", true)
+  ], 42, _hoisted_1);
+}
+const OptionsListItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ace81497"]]);
+exports.default = OptionsListItem;

package/dist/lib/src/components/OptionsListItem/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const OptionsListItem = require("./OptionsListItem.vue.js");
+exports.default = OptionsListItem.default;

package/dist/lib/src/components/Percent/Percent.vue.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const floatFormatter = require("../../mixins/floatFormatter.js");
+;/* empty css              */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "TpPercent",
+  mixins: [floatFormatter.default],
+  inheritAttrs: false,
+  props: {
+    id: {
+      type: String,
+      required: false,
+      default: null
+    },
+    // remove o simbolo em prepend
+    removePrepend: {
+      type: Boolean,
+      default: false
+    },
+    // coloca o simbolo no append
+    showAppend: {
+      type: Boolean,
+      default: false
+    },
+    // valor do campo. Pode ser usado como v-model também
+    value: {
+      type: [Number, String],
+      default: 0
+    },
+    // tamanho máximo do campo. limitado por padrão a 21 caracteres por limitações do JS
+    maxlength: {
+      type: Number,
+      default: 21
+    }
+  },
+  computed: {
+    _id() {
+      return this.id || this.$options.name;
+    }
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_input = vue.resolveComponent("el-input");
+  return vue.openBlock(), vue.createBlock(_component_el_input, vue.mergeProps({
+    id: `${_ctx._id}`,
+    class: "tp-percent",
+    "model-value": _ctx.formattedValue
+  }, _ctx.$attrs, {
+    maxlength: _ctx.maxlength,
+    onInput: _ctx.input,
+    onChange: _ctx.handleChange,
+    onFocus: _cache[0] || (_cache[0] = ($event) => $event.target.select())
+  }), vue.createSlots({ _: 2 }, [
+    !_ctx.removePrepend ? {
+      name: "prepend",
+      fn: vue.withCtx(() => [
+        _cache[1] || (_cache[1] = vue.createTextVNode(" % "))
+      ]),
+      key: "0"
+    } : void 0,
+    _ctx.showAppend ? {
+      name: "append",
+      fn: vue.withCtx(() => [
+        _cache[2] || (_cache[2] = vue.createTextVNode(" % "))
+      ]),
+      key: "1"
+    } : void 0
+  ]), 1040, ["id", "model-value", "maxlength", "onInput", "onChange"]);
+}
+const Percent = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-36120bea"]]);
+exports.default = Percent;

package/dist/lib/src/components/Percent/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Percent = require("./Percent.vue.js");
+exports.default = Percent.default;

package/dist/lib/src/components/Skeleton/Skeleton.vue.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css               */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "TpSkeleton",
+  props: {
+    /**
+     * Quantos itens em sequencia
+     */
+    count: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    /**
+     * Quanto tempo dura um ciclo da animação em segundos
+     */
+    duration: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    /**
+     * Largura em "%"". Quando círculo, em "px"
+     *
+     */
+    width: {
+      type: Number,
+      required: false,
+      default: null
+    },
+    /**
+     * Altura em "em"". Ignorado quando circulo e utiliza-se o mesmo parametro do width
+     */
+    height: {
+      type: Number,
+      required: false,
+      default: null
+    },
+    /**
+     * Flag que identifica se será um círculo
+     */
+    circle: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  computed: {
+    cWidth() {
+      if (this.circle && this.width) {
+        return `${this.width}px`;
+      }
+      return `${this.width}%`;
+    },
+    cHeight() {
+      if (this.circle && this.width) {
+        return `${this.width}px`;
+      }
+      return `${this.height}em`;
+    }
+  }
+});
+const _hoisted_1 = { class: "tp-skeleton" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (item) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        key: item,
+        class: vue.normalizeClass({ circle: _ctx.circle }),
+        style: vue.normalizeStyle(`--duration:${_ctx.duration}; --item:${item}; width: ${_ctx.cWidth}; height: ${_ctx.cHeight}`)
+      }, "   ", 6);
+    }), 128))
+  ]);
+}
+const Skeleton = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3fc0709e"]]);
+exports.default = Skeleton;

package/dist/lib/src/components/Skeleton/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Skeleton = require("./Skeleton.vue.js");
+exports.default = Skeleton.default;

package/dist/lib/src/components/Step/Step.vue.js

@@ -0,0 +1,206 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css           */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = vue.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 === "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;
+    }
+  }
+});
+const _hoisted_1 = {
+  key: 1,
+  class: "el-step__icon-inner"
+};
+const _hoisted_2 = { class: "el-step__main" };
+const _hoisted_3 = {
+  key: 0,
+  class: "el-step__arrow"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["el-step", [
+      !_ctx.isSimple && `is-${_ctx.$parent.direction}`,
+      _ctx.isSimple && "is-simple",
+      _ctx.isLast && !_ctx.space && !_ctx.isCenter && "is-flex",
+      _ctx.isCenter && !_ctx.isVertical && !_ctx.isSimple && "is-center"
+    ]]),
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(["el-step__head", `is-${_ctx.currentStatus === "active" ? "finish" : _ctx.currentStatus}`])
+    }, [
+      vue.createElementVNode("div", {
+        class: "el-step__line",
+        style: vue.normalizeStyle(_ctx.isLast ? "" : { marginRight: _ctx.$parent.stepOffset + "px" })
+      }, [
+        vue.createElementVNode("em", {
+          class: "el-step__line-inner",
+          style: vue.normalizeStyle(_ctx.lineStyle)
+        }, null, 4)
+      ], 4),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(["el-step__icon", `is-${_ctx.icon ? "icon" : "text"}`])
+      }, [
+        _ctx.currentStatus !== "success" && _ctx.currentStatus !== "error" ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+          _ctx.icon ? (vue.openBlock(), vue.createElementBlock("em", {
+            key: 0,
+            class: vue.normalizeClass(["el-step__icon-inner", [_ctx.icon]])
+          }, null, 2)) : vue.createCommentVNode("", true),
+          !_ctx.icon && !_ctx.isSimple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(_ctx.index + 1), 1)) : vue.createCommentVNode("", true)
+        ], true) : (vue.openBlock(), vue.createElementBlock("em", {
+          key: 1,
+          class: vue.normalizeClass([[
+            "el-icon-" + (_ctx.currentStatus === "success" ? "check" : "close")
+          ], "el-step__icon-inner is-status"])
+        }, null, 2))
+      ], 2)
+    ], 2),
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.createElementVNode("div", {
+        ref: "title",
+        class: vue.normalizeClass(["el-step__title", ["is-" + _ctx.currentStatus]])
+      }, [
+        vue.renderSlot(_ctx.$slots, "title", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+        ], true)
+      ], 2),
+      _ctx.isSimple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        class: vue.normalizeClass(["el-step__description", ["is-" + _ctx.currentStatus]])
+      }, [
+        vue.renderSlot(_ctx.$slots, "description", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
+        ], true)
+      ], 2))
+    ])
+  ], 6);
+}
+const Step = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3c497fa9"]]);
+exports.default = Step;

package/dist/lib/src/components/Step/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Step = require("./Step.vue.js");
+exports.default = Step.default;

package/dist/lib/src/components/Steps/Steps.vue.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const _sfc_main = vue.defineComponent({
+  name: "TpSteps",
+  extends: elementPlus.ElSteps,
+  props: {
+    newItem: {
+      type: Boolean,
+      default: false
+    }
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/src/components/Steps/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Steps = require("./Steps.vue.js");
+exports.default = Steps.default;