@tagplus/components 5.2.19 → 5.3.1

package/dist/lib/src/utils/use-form-item.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const constants = require("./constants.js");
+const useId = require("./use-id.js");
+const useFormItem = () => {
+  const form = vue.inject(constants.formContextKey, void 0);
+  const formItem = vue.inject(constants.formItemContextKey, void 0);
+  return {
+    form,
+    formItem
+  };
+};
+const useFormItemInputId = (props, {
+  formItemContext,
+  disableIdGeneration,
+  disableIdManagement
+}) => {
+  if (!disableIdGeneration) {
+    disableIdGeneration = vue.ref(false);
+  }
+  if (!disableIdManagement) {
+    disableIdManagement = vue.ref(false);
+  }
+  const inputId = vue.ref();
+  let idUnwatch;
+  const isLabeledByFormItem = vue.computed(() => {
+    var _a;
+    return !!(!props.label && formItemContext && formItemContext.inputIds && ((_a = formItemContext.inputIds) == null ? void 0 : _a.length) <= 1);
+  });
+  vue.onMounted(() => {
+    idUnwatch = vue.watch(
+      [vue.toRef(props, "id"), disableIdGeneration],
+      ([id, disableIdGeneration2]) => {
+        const newId = id ?? (!disableIdGeneration2 ? useId.useId().value : void 0);
+        if (newId !== inputId.value) {
+          if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
+            inputId.value && formItemContext.removeInputId(inputId.value);
+            if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) {
+              formItemContext.addInputId(newId);
+            }
+          }
+          inputId.value = newId;
+        }
+      },
+      { immediate: true }
+    );
+  });
+  vue.onUnmounted(() => {
+    idUnwatch && idUnwatch();
+    if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
+      inputId.value && formItemContext.removeInputId(inputId.value);
+    }
+  });
+  return {
+    isLabeledByFormItem,
+    inputId
+  };
+};
+exports.useFormItem = useFormItem;
+exports.useFormItemInputId = useFormItemInputId;

package/dist/lib/src/utils/use-id.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const error = require("./error.js");
+const useDerivedNamespace = require("./use-derived-namespace.js");
+const index = require("../../node_modules/@vueuse/shared/index.js");
+const defaultIdInjection = {
+  prefix: Math.floor(Math.random() * 1e4),
+  current: 0
+};
+const ID_INJECTION_KEY = Symbol("elIdInjection");
+const useIdInjection = () => {
+  return vue.getCurrentInstance() ? vue.inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
+};
+const useId = (deterministicId) => {
+  const idInjection = useIdInjection();
+  if (!index.isClient && idInjection === defaultIdInjection) {
+    error.debugWarn(
+      "IdInjection",
+      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+usage: app.provide(ID_INJECTION_KEY, {
+  prefix: number,
+  current: number,
+})`
+    );
+  }
+  const namespace = useDerivedNamespace.useGetDerivedNamespace();
+  const idRef = vue.computed(
+    () => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`
+  );
+  return idRef;
+};
+exports.ID_INJECTION_KEY = ID_INJECTION_KEY;
+exports.useId = useId;
+exports.useIdInjection = useIdInjection;

package/dist/lib/src/utils/use-input.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const shared_esmBundler = require("../../node_modules/@vue/shared/dist/shared.esm-bundler.js");
+const i18n = require("./i18n.js");
+function useInput(handleInput = (event) => {
+}) {
+  const isComposing = vue.ref(false);
+  const handleCompositionStart = () => {
+    isComposing.value = true;
+  };
+  const handleCompositionUpdate = (event) => {
+    const text = event.target.value;
+    const lastCharacter = text[text.length - 1] || "";
+    isComposing.value = !i18n.isKorean(lastCharacter);
+  };
+  const handleCompositionEnd = (event) => {
+    if (isComposing.value) {
+      isComposing.value = false;
+      if (shared_esmBundler.isFunction(handleInput)) {
+        handleInput(event);
+      }
+    }
+  };
+  return {
+    handleCompositionStart,
+    handleCompositionUpdate,
+    handleCompositionEnd
+  };
+}
+exports.useInput = useInput;

package/package.json

@@ -8,9 +8,14 @@
       "email": "qualidade@tagplus.com.br"
     }
   ],
-  "version": "5.2.19",
-  "main": "./dist/main.bundle.js",
-  "module": "main.bundle.js",
+  "version": "5.3.1",
+  "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"
+  },
   "files": [
     "dist",
     "src/locale"
@@ -24,7 +29,7 @@
   },
   "license": "MIT",
   "scripts": {
-    "build:prod": "npm i && npm run prod",
+    "build:prod": "npm i && npm run build",
     "doc": "npm run docs",
     "docs": "nodemon --exec \"vuese gen && vuese serve\" --watch ./src -e js,vue,scss",
     "docs:gen": "vuese gen",
@@ -38,9 +43,9 @@
     "pub:major": "build:prod && npm version major && npm publish --access public && npm run postversion",
     "pub:minor": "build:prod && npm version minor && npm publish --access public && npm run postversion",
     "pub:patch": "build:prod && npm version patch && npm publish --access public && npm run postversion",
-    "pub:version": "echo 'Execute o comando a seguir alterando a versão: \nnpm i && npm run prod && npm version {VERSION} && npm publish --tag beta && npm run postversion",
-    "dev": "webpack serve --config config/webpack.dev.js",
-    "prod": "webpack --config config/webpack.prod.js",
+    "pub:version": "echo 'Execute o comando a seguir alterando a versão: \nnpm run build:prod && npm version {VERSION} && npm publish --tag beta && npm run postversion'",
+    "dev": "vite",
+    "build": "vite build",
     "superclean": "rm -rf node_modules dist package-lock.json"
   },
   "dependencies": {
@@ -53,6 +58,7 @@
     "@babel/eslint-parser": "^7.24.1",
     "@stylistic/eslint-plugin": "^1.6.1",
     "@stylistic/eslint-plugin-migrate": "^1.7.2",
+    "@vitejs/plugin-vue": "^5.2.1",
     "@vue/babel-preset-app": "^5.0.8",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vuese/cli": "^2.14.3",
@@ -64,34 +70,31 @@
     "eslint-config-alloy": "^5.1.2",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-vue": "^9.31.0",
-    "html-webpack-plugin": "^5.6.3",
     "husky": "^9.1.7",
     "js-cookie": "^3.0.5",
     "lint-staged": "^15.2.2",
+    "lodash-unified": "^1.0.3",
     "node-sass": "^9.0.0",
     "nodemon": "^2.0.22",
-    "sass": "^1.84.0",
+    "sass-embedded": "^1.85.0",
     "sass-loader": "^14.2.1",
     "style-loader": "^4.0.0",
     "stylelint": "^16.3.1",
     "stylelint-config-recommended-scss": "^14.0.0",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard-scss": "^13.1.0",
+    "vite": "^6.1.0",
     "vue-axios": "^3.5.2",
     "vue-eslint-parser": "^9.4.2",
     "vue-i18n": "^9.9.1",
-    "vue-loader": "^17.4.2",
-    "webpack": "^5.97.1",
-    "webpack-bundle-analyzer": "^4.10.2",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.0",
-    "webpack-merge": "^6.0.1"
+    "vue-loader": "^17.4.2"
   },
   "optionalDependencies": {
     "sass-embedded": "^1.83.4"
   },
   "peerDependencies": {
     "element-plus": "^2.9.3",
+    "element-theme-chalk": "^2.15.14",
     "vue-i18n": "^9.9.1"
   },
   "overrides": {