@tagplus/components 5.3.4 → 5.3.6

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

@@ -1,91 +1,114 @@
 {
   "name": "@tagplus/components",
-  "description": "Componentes customizados TagPlus Baseados no ElementUI",
+  "description": "Componentes customizados TagPlus",
   "target": "web",
   "maintainers": [
     {
-      "name": "Bruno Barbosa",
-      "email": "bruno@tagplus.com.br"
+      "name": "Tagplus",
+      "email": "qualidade@tagplus.com.br"
     }
   ],
-  "version": "5.3.4",
-  "main": "./dist/tp.common.js",
-  "directories": {
-    "lib": "src/lib"
+  "version": "5.3.6",
+  "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"
+    },
+    "./styles": {
+      "require": "./dist/lib/components.css",
+      "import": "./dist/es/components.css"
+    },
+    "./lang": "./dist/lang"
   },
   "files": [
-    "lib",
-    "dist",
-    "src"
+    "dist"
+  ],
+  "sideEffects": [
+    "./dist/es/components.css",
+    "./dist/lib/components.css"
   ],
   "engines": {
-    "node": ">=14.0"
+    "node": ">=22.0"
   },
   "lint-staged": {
-    "*.{js,vue,css}": "npm run lint"
-  },
-  "jest": {
-    "testEnvironment": "node"
+    "*.{js,vue}": "eslint",
+    "*.{css,vue}": "stylelint"
   },
   "license": "MIT",
   "scripts": {
-    "build": "NODE_ENV=production && vue-cli-service build --target lib --name tp ./src/main.js",
-    "build:dev": "NODE_ENV=development && vue-cli-service build --mode development --target lib --name tp ./src/main.js",
+    "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",
-    "lint": "eslint --cache --ext .js,.vue --ignore-path .gitignore .",
-    "pub:major": "npm run build && npm version major && npm publish --access public",
-    "pub:minor": "npm run build && npm version minor && npm publish --access public",
-    "pub": "npm run build && npm version patch && npm publish --access public",
-    "pub:beta": "npm run build && npm version patch && npm publish --tag beta",
-    "serve": "vue-cli-service serve --open ./examples/main.js",
-    "start": "npm run serve",
     "install:clean": "rm -rf package-lock.json yarn.lock & rm -rf node_modules & npm install",
     "install:clear": "npm run install:clean",
-    "test": "jest",
-    "test:coverage": "jest --collectCoverage",
-    "test:unit": "vue-cli-service test:unit",
-    "prepare": "husky install"
+    "lint": "stylelint **/*.scss & eslint --cache --ext .js,.vue --ignore-path .gitignore .",
+    "lintfix": "stylelint **/*.scss --fix & eslint --cache --ext .js,.vue --ignore-path .gitignore . --fix",
+    "postversion": "git push && git push --tags",
+    "prepare": "node .husky/install.mjs",
+    "pub:beta": "build:prod && npm version patch && npm publish --tag beta && npm run postversion",
+    "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 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": {
-    "@vue/babel-preset-app": "^5.0.8",
-    "axios": "^0.27.2",
-    "core-js": "^3.25.0",
-    "element-theme-chalk": "^2.13",
-    "element-ui": "2.15.8",
-    "js-cookie": "^3.0.1",
-    "vue": "^2.7.10",
-    "vue-axios": "^2.1.5",
-    "vue-i18n": "^8.15.3"
+    "@vue/cli": "^5.0.8",
+    "element-theme-chalk": "^2.15.14",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.13",
-    "@babel/eslint-parser": "^7.18.9",
+    "@babel/core": "^7.23.9",
+    "@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",
-    "@vue/cli-plugin-unit-jest": "^5.0.8",
-    "@vue/test-utils": "^1.0.0-beta.31",
-    "@vuese/cli": "^2.10.0",
-    "babel-jest": "^24.9.0",
-    "babel-plugin-module-resolver": "^4.1.0",
+    "@vuese/cli": "^2.14.3",
+    "axios": "^1.6.8",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "eslint": "^8.23.0",
-    "eslint-config-prettier": "^8.4.0",
-    "eslint-config-standard": "^17.0.0",
-    "eslint-import-resolver-babel-module": "^5.3.1",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-n": "^15.2.5",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.1",
-    "eslint-plugin-vue": "^9.4.0",
-    "husky": "^8.0.1",
-    "jest": "^27.1.0",
-    "lint-staged": "^13.2.2",
-    "nodemon": "^2.0.19",
-    "prettier": "^2.7.1",
-    "sass": "^1.63.4",
-    "sass-loader": "^13.0.2",
-    "vue-template-compiler": "^2.7.10",
-    "webpack": "^5.74.0"
+    "circular-dependency-plugin": "^5.2.2",
+    "css-loader": "^7.1.2",
+    "eslint": "^8.56.0",
+    "eslint-config-alloy": "^5.1.2",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-vue": "^9.31.0",
+    "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-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",
+    "vite-plugin-static-copy": "^2.2.0",
+    "vue-axios": "^3.5.2",
+    "vue-eslint-parser": "^9.4.2",
+    "vue-i18n": "^9.9.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": {
+    "vue": "^3.5.13"
   }
 }

package/dist/demo.html

@@ -1 +0,0 @@
-<!doctype html><meta charset="utf-8"><title>tp demo</title><script src="./tp.umd.js"></script><link rel="stylesheet" href="./tp.css"><script>console.log(tp)</script>