@tagplus/components 5.3.1 → 5.3.3

package/dist/es/node_modules/@vueuse/shared/index.mjs

@@ -1,4 +1,4 @@
-import { getCurrentScope, onScopeDispose, getCurrentInstance, onMounted, nextTick, unref, shallowRef, watchEffect, readonly } from "vue";
+import { getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, getCurrentInstance, onMounted, nextTick, unref } from "vue";
 var __defProp$9 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
 var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;

package/dist/es/src/components/Autosuggest/option.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, unref, toRefs, reactive, getCurrentInstance, onBeforeUnmount, nextTick, withDirectives, createElementBlock, openBlock, withModifiers, normalizeClass, renderSlot, createElementVNode, toDisplayString, vShow } from "vue";
+import { defineComponent, withDirectives, createElementBlock, openBlock, withModifiers, normalizeClass, renderSlot, createElementVNode, toDisplayString, vShow, computed, unref, toRefs, reactive, getCurrentInstance, onBeforeUnmount, nextTick } from "vue";
 import { useOption } from "./useOption.mjs";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import { useNamespace } from "../../../node_modules/element-plus/es/hooks/use-namespace/index.mjs";

package/dist/es/src/components/Autosuggest/select-dropdown.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, renderSlot, ref } from "vue";
 import { useResizeObserver } from "../../../node_modules/@vueuse/core/index.mjs";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import { useNamespace } from "../../../node_modules/element-plus/es/hooks/use-namespace/index.mjs";

package/dist/es/src/components/Autosuggest/useOption.mjs

@@ -1,7 +1,7 @@
 import { inject, computed, getCurrentInstance, toRaw, watch } from "vue";
 import { get, isEqual } from "lodash-es";
-import { isObject } from "../../../node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
 import { escapeStringRegexp } from "../../utils/strings.mjs";
+import { isObject } from "../../../node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
 function useOption(props, states) {
   const select = inject("select");
   const selectGroup = inject("ElSelectGroup", { disabled: false });

package/dist/es/src/components/InputNumber/InputNumber.vue.mjs

@@ -2,14 +2,14 @@ import { ref, getCurrentInstance, reactive, computed, watch, onMounted, onUpdate
 import { isNil } from "lodash-es";
 import { isNumber, isUndefined } from "../../utils/types.mjs";
 import { debugWarn, throwError } from "../../utils/error.mjs";
-import { isString } from "../../../node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
-import { ArrowDown as arrow_down_default, Minus as minus_default, ArrowUp as arrow_up_default, Plus as plus_default } from "../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
 import { useFormItem } from "../../utils/use-form-item.mjs";
 import { useFormSize, useFormDisabled } from "../../utils/use-form-common-props.mjs";
 import { vRepeatClick } from "element-plus";
+import { ArrowDown as arrow_down_default, Minus as minus_default, ArrowUp as arrow_up_default, Plus as plus_default } from "../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
 import { inputNumberEmits, inputNumberProps } from "./input-number.mjs";
 import { useLocale } from "../../../node_modules/element-plus/es/hooks/use-locale/index.mjs";
 import { useNamespace } from "../../../node_modules/element-plus/es/hooks/use-namespace/index.mjs";
+import { isString } from "../../../node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["aria-label"];
 const UPDATE_MODEL_EVENT = "update:modelValue";

package/dist/es/src/components/index.mjs

@@ -1,32 +1,22 @@
-import { default as default2 } from "./Autosuggest/Autosuggest.vue.mjs";
-import { default as default3 } from "./Inline/Inline.vue.mjs";
-import { default as default4 } from "./Money/Money.vue.mjs";
-import { default as default5 } from "./Percent/Percent.vue.mjs";
-import { default as default6 } from "./OptionsList/OptionsList.vue.mjs";
-import { default as default7 } from "./OptionsListItem/OptionsListItem.vue.mjs";
-import { default as default8 } from "./Loader/Loader.vue.mjs";
-import { default as default9 } from "./Skeleton/Skeleton.vue.mjs";
-import { default as default10 } from "./Tip/Tip.vue.mjs";
-import { default as default11 } from "./Autosuggest/Multisuggest.vue.mjs";
-import { default as default12 } from "./Step/Step.vue.mjs";
-import { default as default13 } from "./Steps/Steps.vue.mjs";
-import { default as default14 } from "./InputNumber/InputNumber.vue.mjs";
 import { ElDialog } from "element-plus";
 ElDialog.name = "TpDialog";
 const Dialog = ElDialog;
+const components = {
+  TpAutosuggest: () => import("./Autosuggest/Autosuggest.vue.mjs"),
+  TpInline: () => import("./Inline/index.mjs"),
+  TpMoney: () => import("./Money/index.mjs"),
+  TpPercent: () => import("./Percent/index.mjs"),
+  TpOptionsList: () => import("./OptionsList/index.mjs"),
+  TpOptionsListItem: () => import("./OptionsListItem/index.mjs"),
+  TpLoader: () => import("./Loader/index.mjs"),
+  TpSkeleton: () => import("./Skeleton/index.mjs"),
+  TpTip: () => import("./Tip/index.mjs"),
+  TpMultisuggest: () => import("./Multisuggest/index.mjs"),
+  TpStep: () => import("./Step/index.mjs"),
+  TpSteps: () => import("./Steps/index.mjs"),
+  TpInputNumber: () => import("./InputNumber/index.mjs"),
+  TpDialog: Dialog
+};
 export {
-  default2 as Autosuggest,
-  Dialog,
-  default3 as Inline,
-  default14 as InputNumber,
-  default8 as Loader,
-  default4 as Money,
-  default11 as Multisuggest,
-  default6 as OptionsList,
-  default7 as OptionsListItem,
-  default5 as Percent,
-  default9 as Skeleton,
-  default12 as Step,
-  default13 as Steps,
-  default10 as Tip
+  components as default
 };

package/dist/es/src/main.mjs

@@ -1,17 +1,18 @@
-import * as index from "./components/index.mjs";
+import components from "./components/index.mjs";
+import { default as default2 } from "./locale/i18nCreator.mjs";
 import Currency from "./plugins/currency.mjs";
-import i18nCreator from "./locale/i18nCreator.mjs";
+import { defineAsyncComponent } from "vue";
 const install = function(app) {
   app.use(Currency);
-  for (const componentName in index) {
-    const component = index[componentName];
-    app.component(component.name, component);
+  for (const componentName in components) {
+    const component = components[componentName];
+    app.component(component.name, defineAsyncComponent(component));
   }
 };
-if (typeof window !== "undefined" && window.Vue) {
-  install(window.Vue);
-}
-const main = { ...index, install, i18nCreator };
+const main = { install };
 export {
-  main as default
+  components,
+  main as default,
+  default2 as i18nCreator,
+  install
 };

package/dist/es/src/utils/error.mjs

@@ -1,6 +1,4 @@
 import { isString } from "../../node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
-import "lodash-es";
-import "vue";
 class ElementPlusError extends Error {
   constructor(m) {
     super(m);

package/dist/es/src/utils/index.mjs

@@ -1,11 +1,8 @@
-import "lodash-es";
-import { isVNode } from "vue";
 const UPDATE_MODEL_EVENT = "update:modelValue";
 const CHANGE_EVENT = "change";
 const INPUT_EVENT = "input";
 export {
   CHANGE_EVENT,
   INPUT_EVENT,
-  UPDATE_MODEL_EVENT,
-  isVNode
+  UPDATE_MODEL_EVENT
 };

package/dist/es/src/utils/scroll.mjs

@@ -1,5 +1,3 @@
-import "lodash-es";
-import "vue";
 import { isClient } from "../../node_modules/@vueuse/shared/index.mjs";
 function scrollIntoView(container, selected) {
   if (!isClient) return;

package/dist/lib/src/components/Autosuggest/useOption.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const lodashEs = require("lodash-es");
-const shared_esmBundler = require("../../../node_modules/@vue/shared/dist/shared.esm-bundler.js");
 const strings = require("../../utils/strings.js");
+const shared_esmBundler = require("../../../node_modules/@vue/shared/dist/shared.esm-bundler.js");
 function useOption(props, states) {
   const select = vue.inject("select");
   const selectGroup = vue.inject("ElSelectGroup", { disabled: false });

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

@@ -4,14 +4,14 @@ const vue = require("vue");
 const lodashEs = require("lodash-es");
 const types = require("../../utils/types.js");
 const error = require("../../utils/error.js");
-const shared_esmBundler = require("../../../node_modules/@vue/shared/dist/shared.esm-bundler.js");
-const index$2 = require("../../../node_modules/@element-plus/icons-vue/dist/index.js");
 const useFormItem = require("../../utils/use-form-item.js");
 const useFormCommonProps = require("../../utils/use-form-common-props.js");
 const elementPlus = require("element-plus");
+const index$2 = require("../../../node_modules/@element-plus/icons-vue/dist/index.js");
 const inputNumber = require("./input-number.js");
 const index = require("../../../node_modules/element-plus/es/hooks/use-locale/index.js");
 const index$1 = require("../../../node_modules/element-plus/es/hooks/use-namespace/index.js");
+const shared_esmBundler = require("../../../node_modules/@vue/shared/dist/shared.esm-bundler.js");
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["aria-label"];
 const UPDATE_MODEL_EVENT = "update:modelValue";

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

@@ -1,32 +1,22 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Autosuggest = require("./Autosuggest/Autosuggest.vue.js");
-const Inline = require("./Inline/Inline.vue.js");
-const Money = require("./Money/Money.vue.js");
-const Percent = require("./Percent/Percent.vue.js");
-const OptionsList = require("./OptionsList/OptionsList.vue.js");
-const OptionsListItem = require("./OptionsListItem/OptionsListItem.vue.js");
-const Loader = require("./Loader/Loader.vue.js");
-const Skeleton = require("./Skeleton/Skeleton.vue.js");
-const Tip = require("./Tip/Tip.vue.js");
-const Multisuggest = require("./Autosuggest/Multisuggest.vue.js");
-const Step = require("./Step/Step.vue.js");
-const Steps = require("./Steps/Steps.vue.js");
-const InputNumber = require("./InputNumber/InputNumber.vue.js");
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const elementPlus = require("element-plus");
 elementPlus.ElDialog.name = "TpDialog";
 const Dialog = elementPlus.ElDialog;
-exports.Autosuggest = Autosuggest.default;
-exports.Inline = Inline.default;
-exports.Money = Money.default;
-exports.Percent = Percent.default;
-exports.OptionsList = OptionsList.default;
-exports.OptionsListItem = OptionsListItem.default;
-exports.Loader = Loader.default;
-exports.Skeleton = Skeleton.default;
-exports.Tip = Tip.default;
-exports.Multisuggest = Multisuggest.default;
-exports.Step = Step.default;
-exports.Steps = Steps.default;
-exports.InputNumber = InputNumber.default;
-exports.Dialog = Dialog;
+const components = {
+  TpAutosuggest: () => Promise.resolve().then(() => require("./Autosuggest/Autosuggest.vue.js")),
+  TpInline: () => Promise.resolve().then(() => require("./Inline/index.js")),
+  TpMoney: () => Promise.resolve().then(() => require("./Money/index.js")),
+  TpPercent: () => Promise.resolve().then(() => require("./Percent/index.js")),
+  TpOptionsList: () => Promise.resolve().then(() => require("./OptionsList/index.js")),
+  TpOptionsListItem: () => Promise.resolve().then(() => require("./OptionsListItem/index.js")),
+  TpLoader: () => Promise.resolve().then(() => require("./Loader/index.js")),
+  TpSkeleton: () => Promise.resolve().then(() => require("./Skeleton/index.js")),
+  TpTip: () => Promise.resolve().then(() => require("./Tip/index.js")),
+  TpMultisuggest: () => Promise.resolve().then(() => require("./Multisuggest/index.js")),
+  TpStep: () => Promise.resolve().then(() => require("./Step/index.js")),
+  TpSteps: () => Promise.resolve().then(() => require("./Steps/index.js")),
+  TpInputNumber: () => Promise.resolve().then(() => require("./InputNumber/index.js")),
+  TpDialog: Dialog
+};
+exports.default = components;

package/dist/lib/src/main.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index = require("./components/index.js");
-const currency = require("./plugins/currency.js");
 const i18nCreator = require("./locale/i18nCreator.js");
+const currency = require("./plugins/currency.js");
+const vue = require("vue");
 const install = function(app) {
   app.use(currency.default);
-  for (const componentName in index) {
-    const component = index[componentName];
-    app.component(component.name, component);
+  for (const componentName in index.default) {
+    const component = index.default[componentName];
+    app.component(component.name, vue.defineAsyncComponent(component));
   }
 };
-if (typeof window !== "undefined" && window.Vue) {
-  install(window.Vue);
-}
-const main = { ...index, install, i18nCreator: i18nCreator.default };
+const main = { install };
+exports.components = index.default;
+exports.i18nCreator = i18nCreator.default;
 exports.default = main;
+exports.install = install;

package/dist/lib/src/utils/error.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const shared_esmBundler = require("../../node_modules/@vue/shared/dist/shared.esm-bundler.js");
-require("lodash-es");
-require("vue");
 class ElementPlusError extends Error {
   constructor(m) {
     super(m);

package/dist/lib/src/utils/index.js

@@ -1,14 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("lodash-es");
-const vue = require("vue");
 const UPDATE_MODEL_EVENT = "update:modelValue";
 const CHANGE_EVENT = "change";
 const INPUT_EVENT = "input";
-Object.defineProperty(exports, "isVNode", {
-  enumerable: true,
-  get: () => vue.isVNode
-});
 exports.CHANGE_EVENT = CHANGE_EVENT;
 exports.INPUT_EVENT = INPUT_EVENT;
 exports.UPDATE_MODEL_EVENT = UPDATE_MODEL_EVENT;

package/dist/lib/src/utils/scroll.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("lodash-es");
-require("vue");
 const index = require("../../node_modules/@vueuse/shared/index.js");
 function scrollIntoView(container, selected) {
   if (!index.isClient) return;

package/package.json

@@ -8,17 +8,26 @@
       "email": "qualidade@tagplus.com.br"
     }
   ],
-  "version": "5.3.1",
+  "version": "5.3.3",
   "type": "module",
   "main": "./dist/lib/src/main.js",
   "module": "./dist/es/src/main.mjs",
   "exports": {
-    "require": "./dist/lib/src/main.js",
-    "import": "./dist/es/src/main.mjs"
+    ".": {
+      "require": "./dist/lib/src/main.js",
+      "import": "./dist/es/src/main.mjs"
+    },
+    "./styles": {
+      "require": "./dist/lib/components.css",
+      "import": "./dist/es/components.css"
+    },
+    "./lang": "./dist/lang"
   },
   "files": [
-    "dist",
-    "src/locale"
+    "dist"
+  ],
+  "sideEffects": [
+    "./dist/components.css"
   ],
   "engines": {
     "node": ">=22.0"
@@ -84,6 +93,7 @@
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "vite": "^6.1.0",
+    "vite-plugin-static-copy": "^2.2.0",
     "vue-axios": "^3.5.2",
     "vue-eslint-parser": "^9.4.2",
     "vue-i18n": "^9.9.1",

package/src/locale/i18nCreator.js

@@ -1,170 +0,0 @@
-import { createI18n } from 'vue-i18n'
-import { reactive } from 'vue'
-
-let i18n
-
-const loadedLanguages = []
-
-const i18nHelper = {
-  global: false,
-  importLangFile: false,
-  /**
-   * Eventos que podem ser observados com watch
-   */
-  hooks: reactive({
-    onLanguageChanged: ''
-  })
-}
-
-/**
-* Asynchronously imports and processes custom language files for the i18n instance.
-* If the importLangFile function is provided in the i18nHelper options, it will be used to import the custom language file.
-* If the imported file does not have a default export, it will be wrapped in a default export.
-* @param {String} filename - The name of the language file to be imported.
-* @returns {Promise<Object>} - A promise that resolves to an object containing the custom language messages.
-* @throws {Error} - Throws an error if the importLangFile function is not provided or if it does not return an object.
-*/
-const importLangFiles = async function (filename) {
-  let langsCustom = {}
-
-  if (i18nHelper.importLangFile && typeof i18nHelper.importLangFile === 'function') {
-    langsCustom = await i18nHelper.importLangFile(filename)
-    if (!(Object.keys(langsCustom).length === 1 && langsCustom.default)) {
-      langsCustom.default = langsCustom
-    }
-  }
-
-  return langsCustom
-}
-
-/**
- * Essa função deve ser impementada no i18nHelper para executar ações após trocar a linguagem,
- * como salvar nos cookies ou session a linguagem atual
- *
- * @param {String} locale - The locale string representing the language to be set.
- * @throws {Error} Throws an error if the onLanguageSet function is not implemented.
- * @returns {void}
- */
-i18nHelper.onLanguageSet = function (locale) {
-  throw new Error('Implemente a função onLanguageSet na definição do plugin i18n')
-}
-
-/**
- * Sets the current language and updates the i18n instance accordingly.
- * Triggers the onLanguageChanged hook and calls the onLanguageSet function.
- * @param {String} locale - The locale string representing the language to be set. EX: 'pt-br', 'en'
- * @returns {String} - The updated locale string.
- */
-i18nHelper.setI18nLanguage = function (locale) {
-  if (i18n.mode === 'legacy') {
-    i18n.global.locale = locale
-  } else {
-    i18n.global.locale.value = locale
-  }
-
-  i18nHelper.hooks.onLanguageChanged = locale
-  document.querySelector('html').setAttribute('lang', locale)
-  i18nHelper.onLanguageSet(locale)
-  return locale
-}
-
-/**
- * Asynchronously loads and sets the current language for the i18n instance.
- * If the language is already loaded, it returns immediately.
- * @param {String} locale - The locale string representing the language to be set. EX: 'pt-br', 'en'
- * @returns {Promise}
- */
-i18nHelper.loadLanguageAsync = async function (locale) {
-  // If the language was already loaded
-  if (loadedLanguages.includes(locale)) {
-    return locale
-  }
-
-  // load locale messages with dynamic import
-  const messages = await importLangFiles(locale)
-  // set locale and locale message
-  i18n.global.setLocaleMessage(locale, messages.default)
-  loadedLanguages.push(locale)
-  return locale
-}
-
-/**
- * Asynchronously sets up and initializes the i18n instance with the provided options.
- * If the i18n instance is already created, it returns the existing instance.
- *
- * @param {Object} [options={}] - An optional object containing configuration options for the i18n instance.
- * @param {String} [options.locale='pt-br'] - The default locale for the i18n instance.
- * @param {Object} [options.i18nOptions] - Additional options to be passed to the createI18n function.
- *
- * @returns {Promise<I18n>} - A promise that resolves to the initialized i18n instance.
- */
-async function setupI18n (options = {}) {
-  if (!i18n) {
-    const locale = options.locale || 'pt-br'
-
-    i18n = createI18n({
-      legacy: false,
-      locale,
-      missing: (locale, key) => {
-        console.warn(`translation missing: locale=${locale}, key=${key}`)
-      },
-      ...options
-    })
-
-    await i18nHelper.loadLanguageAsync(locale)
-    i18nHelper.setI18nLanguage(locale)
-  }
-  return i18n
-}
-
-/**
- * A plugin for Vue.js that initializes and configures the i18n instance with customizable options.
- * It also provides a helper object for managing language settings and loading language files asynchronously.
- *
- * @param {Object} options - An object containing configuration options for the plugin.
- * @param {Object} options.i18nHelper - An object containing custom functions for managing language settings.
- * @param {Function} [options.i18nHelper.importLangFile] - A function for asynchronously importing custom language files.
- * @param {Function} [options.i18nHelper.onLanguageSet] - A function to be called after setting the language.
- * @param {Object} [options.i18nOptions] - Additional options to be passed to the createI18n function.
- * @param {Function} [postInstall] - A function to be called after the plugin is installed.
- *
- * @returns {Object} - An object with an install function for Vue.js plugins.
- */
-export default async (options = {}, postInstall = (app, options, i18nHelper) => {}) => {
-  // Validating the options
-  const keys = Object.keys(options).filter(key => !['i18nHelper', 'i18nOptions'].includes(key))
-  if (keys.length) {
-    throw new Error(`Invalid options: ${keys.join(', ')}, expected { i18nOptions, i18nHelper }`)
-  }
-
-  // Overriding the importLangFile function if provided in options
-  if (options.i18nHelper && typeof options.i18nHelper.importLangFile === 'function') {
-    i18nHelper.importLangFile = options.i18nHelper.importLangFile
-  }
-
-  // Overriding the onLanguageSet function if provided in options
-  if (options.i18nHelper && typeof options.i18nHelper.onLanguageSet === 'function') {
-    i18nHelper.onLanguageSet = options.i18nHelper.onLanguageSet
-  }
-
-  let i18nOptions = {}
-  // Using provided i18nOptions if available
-  if (options.i18nOptions && typeof options.i18nOptions === 'object') {
-    i18nOptions = options.i18nOptions
-  }
-
-  // Initializing the i18n instance with the provided options
-  i18n = await setupI18n(i18nOptions)
-
-  i18nHelper.global = i18n.global
-
-  return {
-    install: (app, opts) => {
-      // Installing the original i18n instance
-      i18n.install(app, i18nOptions)
-      if (typeof postInstall === 'function') {
-        postInstall(app, options, i18nHelper)
-      }
-    }
-  }
-}