@tagplus/components 4.7.12 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/dist/tp.common.js +2 -1
  2. package/dist/tp.common.js.LICENSE.txt +9 -0
  3. package/dist/tp.common.js.map +1 -1
  4. package/dist/tp.common.lang-en-js.js +2 -0
  5. package/dist/tp.common.lang-en-js.js.map +1 -0
  6. package/dist/tp.css +11 -167
  7. package/dist/tp.umd.js +2 -1
  8. package/dist/tp.umd.js.LICENSE.txt +9 -0
  9. package/dist/tp.umd.js.map +1 -1
  10. package/dist/tp.umd.lang-en-js.js +2 -0
  11. package/dist/tp.umd.lang-en-js.js.map +1 -0
  12. package/dist/tp.umd.min.js +2 -1
  13. package/dist/tp.umd.min.js.LICENSE.txt +9 -0
  14. package/dist/tp.umd.min.js.map +1 -1
  15. package/dist/tp.umd.min.lang-en-js.js +2 -0
  16. package/dist/tp.umd.min.lang-en-js.js.map +1 -0
  17. package/package.json +51 -50
  18. package/src/assets/scss/_fonts.scss +24 -23
  19. package/src/assets/scss/_helpers.scss +4 -0
  20. package/src/assets/scss/_mixins.scss +2 -2
  21. package/src/assets/scss/_overrides.scss +5 -52
  22. package/src/assets/scss/_resass.scss +21 -12
  23. package/src/assets/scss/_variables.scss +0 -1
  24. package/src/assets/scss/index.scss +1 -4
  25. package/src/components/Autosuggest/Autosuggest.vue +340 -767
  26. package/src/components/Autosuggest/Multisuggest.vue +22 -0
  27. package/src/components/Autosuggest/autosuggest-props.js +210 -0
  28. package/src/components/Autosuggest/autosuggest-style.scss +127 -0
  29. package/src/components/Autosuggest/core.js +63 -0
  30. package/src/components/Autosuggest/index.js +2 -0
  31. package/src/components/Autosuggest/multisuggest-props.js +9 -0
  32. package/src/components/Autosuggest/option.vue +136 -0
  33. package/src/components/Autosuggest/select-dropdown.vue +64 -0
  34. package/src/components/Autosuggest/useOption.js +120 -0
  35. package/src/components/Autosuggest/useSelect.js +1133 -0
  36. package/src/components/AutosuggestTest.vue +56 -0
  37. package/src/components/CardExemplo.vue +49 -0
  38. package/src/components/CodeSample.vue +78 -0
  39. package/src/components/Inline/Inline.vue +24 -32
  40. package/src/components/InputNumber/InputNumber.vue +329 -378
  41. package/src/components/InputNumber/input-number.js +135 -0
  42. package/src/components/Loader/Loader.vue +42 -53
  43. package/src/components/Loader/animations.scss +13 -0
  44. package/src/components/Money/Money.vue +11 -20
  45. package/src/components/Multisuggest/index.js +2 -3
  46. package/src/components/MultisuggestTest.vue +56 -0
  47. package/src/components/OptionsList/OptionsList.vue +7 -6
  48. package/src/components/OptionsListItem/OptionsListItem.vue +46 -42
  49. package/src/components/Percent/Percent.vue +8 -14
  50. package/src/components/Skeleton/Skeleton.vue +16 -11
  51. package/src/components/Step/Step.vue +42 -35
  52. package/src/components/Steps/Steps.vue +4 -7
  53. package/src/components/TesteToCurrency.vue +171 -0
  54. package/src/components/Tip/Tip.vue +45 -30
  55. package/src/components/ValueSelector.vue +60 -0
  56. package/src/components/autosuggestMixin.js +301 -0
  57. package/src/components/index.js +4 -1
  58. package/src/locale/i18n.js +114 -0
  59. package/src/locale/lang/en.js +3 -2
  60. package/src/locale/lang/pt-br.js +3 -2
  61. package/src/main.js +9 -14
  62. package/src/mixins/floatFormatter.js +12 -16
  63. package/src/plugins/currency.js +100 -0
  64. package/src/utils/browser.js +6 -0
  65. package/src/utils/constants.js +3 -0
  66. package/src/utils/error.js +22 -0
  67. package/src/utils/filters.js +1 -14
  68. package/src/utils/helpers.js +41 -0
  69. package/src/utils/i18n.js +2 -0
  70. package/src/utils/icon.js +35 -0
  71. package/src/utils/index.js +20 -0
  72. package/src/utils/objects.js +17 -0
  73. package/src/utils/runtime.js +86 -0
  74. package/src/utils/scroll.js +100 -0
  75. package/src/utils/strings.js +17 -0
  76. package/src/utils/style.js +80 -0
  77. package/src/utils/types.js +39 -0
  78. package/src/utils/use-derived-namespace.js +112 -0
  79. package/src/utils/use-form-common-props.js +41 -0
  80. package/src/utils/use-form-item.js +80 -0
  81. package/src/utils/use-id.js +40 -0
  82. package/src/utils/use-input.js +33 -0
  83. package/src/components/Dialog/Dialog.vue +0 -253
  84. package/src/components/Dialog/index.js +0 -3
  85. package/src/components/Multisuggest/Multisuggest.vue +0 -858
  86. package/src/locale/index.js +0 -78
  87. package/src/mixins/locale.js +0 -9
  88. package/src/utils/currency.js +0 -180
@@ -0,0 +1,2 @@
1
+ "use strict";(("undefined"!=typeof self?self:this).webpackChunktp=("undefined"!=typeof self?self:this).webpackChunktp||[]).push([[275],{48167:function(e,n,f){f.r(n);var l=f(33088);n.default={...l.default,lingua:"English",tp:{money:{currency:"$"}},locale:{name:"en",prefix:"en-US",number:{decimal:".",thousands:"",prefix:"",suffix:"",precision:2},date:{format:"YYYY-MM-DD"}},common:{placeholder:"placeholder"}}}}]);
2
+ //# sourceMappingURL=tp.umd.min.lang-en-js.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tp.umd.min.lang-en-js.js","mappings":"oLAEA,cACKA,EAAAA,QACHC,OAAQ,UAERC,GAAI,CACFC,MAAO,CACLC,SAAU,MAIdC,OAAQ,CAENC,KAAM,KAGNC,OAAQ,QAERC,OAAQ,CACNC,QAAS,IACTC,UAAW,GACXH,OAAQ,GACRI,OAAQ,GACRC,UAAW,GAGbC,KAAM,CACJC,OAAQ,eAGZC,OAAQ,CACNC,YAAa,e","sources":["webpack://tp/./src/locale/lang/en.js"],"sourcesContent":["import enLocale from 'element-plus/es/locale/lang/en'\n\nexport default {\n ...enLocale,\n lingua: 'English',\n\n tp: {\n money: {\n currency: '$'\n }\n },\n\n locale: {\n // locale name equals filename reference\n name: 'en',\n\n // IANA.ORG convetions according to W3C\n prefix: 'en-US',\n\n number: {\n decimal: '.',\n thousands: '',\n prefix: '',\n suffix: '',\n precision: 2\n },\n\n date: {\n format: 'YYYY-MM-DD'\n }\n },\n common: {\n placeholder: 'placeholder'\n }\n}\n"],"names":["enLocale","lingua","tp","money","currency","locale","name","prefix","number","decimal","thousands","suffix","precision","date","format","common","placeholder"],"sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tagplus/components",
3
- "description": "Componentes customizados TagPlus Baseados no ElementUI",
3
+ "description": "Componentes customizados TagPlus",
4
4
  "target": "web",
5
5
  "maintainers": [
6
6
  {
@@ -8,7 +8,7 @@
8
8
  "email": "bruno@tagplus.com.br"
9
9
  }
10
10
  ],
11
- "version": "4.7.12",
11
+ "version": "5.0.0",
12
12
  "main": "./dist/tp.common.js",
13
13
  "directories": {
14
14
  "lib": "src/lib"
@@ -19,13 +19,11 @@
19
19
  "src"
20
20
  ],
21
21
  "engines": {
22
- "node": ">=14.0"
22
+ "node": ">=22.0"
23
23
  },
24
24
  "lint-staged": {
25
- "*.{js,vue,css}": "npm run lint"
26
- },
27
- "jest": {
28
- "testEnvironment": "node"
25
+ "*.{js,vue}": "eslint",
26
+ "*.{css,vue}": "stylelint"
29
27
  },
30
28
  "license": "MIT",
31
29
  "scripts": {
@@ -34,58 +32,61 @@
34
32
  "doc": "npm run docs",
35
33
  "docs": "nodemon --exec \"vuese gen && vuese serve\" --watch ./src -e js,vue,scss",
36
34
  "docs:gen": "vuese gen",
37
- "lint": "eslint --cache --ext .js,.vue --ignore-path .gitignore .",
38
- "pub:major": "npm run build && npm version major && npm publish --access public",
39
- "pub:minor": "npm run build && npm version minor && npm publish --access public",
40
- "pub": "npm run build && npm version patch && npm publish --access public",
41
- "pub:beta": "npm run build && npm version patch && npm publish --tag beta",
42
- "serve": "vue-cli-service serve --open ./examples/main.js",
43
- "start": "npm run serve",
44
35
  "install:clean": "rm -rf package-lock.json yarn.lock & rm -rf node_modules & npm install",
45
36
  "install:clear": "npm run install:clean",
46
- "test": "jest",
47
- "test:coverage": "jest --collectCoverage",
48
- "test:unit": "vue-cli-service test:unit",
49
- "prepare": "husky install"
37
+ "lint": "stylelint **/*.scss --fix & eslint --cache --ext .js,.vue --ignore-path .gitignore .",
38
+ "postversion": "git push && git push --tags",
39
+ "prepare": "husky install",
40
+ "pub:beta": "npm i && npm run build && npm version patch && npm publish --tag beta && npm run postversion",
41
+ "pub:major": "npm i && npm run build && npm version major && npm publish --access public && npm run postversion",
42
+ "pub:minor": "npm i && npm run build && npm version minor && npm publish --access public && npm run postversion",
43
+ "pub:patch": "npm i && npm run build && npm version patch && npm publish --access public && npm run postversion",
44
+ "serve": "vue-cli-service serve --open ./examples/main.js",
45
+ "dev": "npm run start",
46
+ "start": "npm run serve",
47
+ "superclean": "rm -rf node_modules dist package-lock.json"
50
48
  },
51
49
  "dependencies": {
50
+ "@element-plus/hooks": "^0.0.5",
51
+ "@element-plus/utils": "^0.0.5",
52
52
  "@vue/babel-preset-app": "^5.0.8",
53
- "axios": "^0.27.2",
54
- "core-js": "^3.25.0",
55
- "element-theme-chalk": "^2.13",
56
- "element-ui": "2.15.8",
57
- "js-cookie": "^3.0.1",
58
- "vue": "^2.7.10",
59
- "vue-axios": "^2.1.5",
60
- "vue-i18n": "^8.15.3"
53
+ "axios": "^1.6.8",
54
+ "core-js": "^3.36.0",
55
+ "element-theme-chalk": "^2.15.14",
56
+ "js-cookie": "^3.0.5",
57
+ "throttle-debounce": "^5.0.0",
58
+ "vue": "^3.4.23",
59
+ "vue-axios": "^3.5.2",
60
+ "vue-i18n": "^9.9.1"
61
61
  },
62
62
  "devDependencies": {
63
- "@babel/core": "^7.18.13",
64
- "@babel/eslint-parser": "^7.18.9",
63
+ "@babel/core": "^7.23.9",
64
+ "@babel/eslint-parser": "^7.24.1",
65
+ "@stylistic/eslint-plugin": "^1.6.1",
66
+ "@stylistic/eslint-plugin-migrate": "^1.7.2",
65
67
  "@vue/cli-plugin-babel": "^5.0.8",
66
- "@vue/cli-plugin-unit-jest": "^5.0.8",
67
- "@vue/test-utils": "^1.0.0-beta.31",
68
- "@vuese/cli": "^2.10.0",
69
- "babel-jest": "^24.9.0",
68
+ "@vue/compiler-sfc": "^3.4.19",
69
+ "@vuese/cli": "^2.14.3",
70
70
  "babel-plugin-module-resolver": "^4.1.0",
71
71
  "babel-plugin-require-context-hook": "^1.0.0",
72
- "eslint": "^8.23.0",
73
- "eslint-config-prettier": "^8.4.0",
74
- "eslint-config-standard": "^17.0.0",
75
- "eslint-import-resolver-babel-module": "^5.3.1",
76
- "eslint-plugin-import": "^2.25.2",
77
- "eslint-plugin-n": "^15.2.5",
78
- "eslint-plugin-prettier": "^4.2.1",
79
- "eslint-plugin-promise": "^6.0.1",
80
- "eslint-plugin-vue": "^9.4.0",
81
- "husky": "^8.0.1",
82
- "jest": "^27.1.0",
83
- "lint-staged": "^13.2.2",
84
- "nodemon": "^2.0.19",
85
- "prettier": "^2.7.1",
86
- "sass": "^1.63.4",
87
- "sass-loader": "^13.0.2",
88
- "vue-template-compiler": "^2.7.10",
89
- "webpack": "^5.74.0"
72
+ "element-plus": "^2.8.8",
73
+ "eslint": "^8.56.0",
74
+ "eslint-config-alloy": "^5.1.2",
75
+ "eslint-config-standard": "^17.1.0",
76
+ "eslint-plugin-vue": "^9.31.0",
77
+ "husky": "^8.0.3",
78
+ "lint-staged": "^15.2.2",
79
+ "nodemon": "^2.0.22",
80
+ "sass": "^1.81.0",
81
+ "sass-loader": "^14.2.1",
82
+ "stylelint": "^16.3.1",
83
+ "stylelint-config-recommended-scss": "^14.0.0",
84
+ "stylelint-config-recommended-vue": "^1.5.0",
85
+ "stylelint-config-standard-scss": "^13.1.0",
86
+ "vue-eslint-parser": "^9.4.2",
87
+ "webpack": "^5.90.1"
88
+ },
89
+ "overrides": {
90
+ "vue": "^3.4.23"
90
91
  }
91
92
  }
@@ -1,27 +1,28 @@
1
1
  @font-face {
2
- font-family: 'bevi';
3
- src: url('/fonts/bevi-regular.woff2') format('woff2'),
4
- url('/fonts/bevi-regular.woff') format('woff');
5
- font-weight: normal;
6
- font-style: normal;
7
- }
2
+ font-family: bevi;
3
+ src: url('/fonts/bevi-regular.woff2') format('woff2'),
4
+ url('/fonts/bevi-regular.woff') format('woff');
5
+ font-weight: normal;
6
+ font-style: normal;
7
+ }
8
8
 
9
- @font-face {
10
- font-family: 'bevi';
11
- src: url('/fonts/bevi-medium.woff2') format('woff2'),
12
- url('/fonts/bevi-medium.woff') format('woff');
13
- font-weight: 500;
14
- font-style: normal;
15
- }
9
+ @font-face {
10
+ font-family: bevi;
11
+ src: url('/fonts/bevi-medium.woff2') format('woff2'),
12
+ url('/fonts/bevi-medium.woff') format('woff');
13
+ font-weight: 500;
14
+ font-style: normal;
15
+ }
16
16
 
17
- @font-face {
18
- font-family: 'bevi';
19
- src: url('/fonts/bevi-bold.woff2') format('woff2'),
20
- url('/fonts/bevi-bold.woff') format('woff');
21
- font-weight: bold;
22
- font-style: normal;
23
- }
24
- * {
25
- font-family: "bevi", sans-serif;
26
- }
17
+ @font-face {
18
+ font-family: bevi;
19
+ src: url('/fonts/bevi-bold.woff2') format('woff2'),
20
+ url('/fonts/bevi-bold.woff') format('woff');
21
+ font-weight: bold;
22
+ font-style: normal;
23
+ }
24
+
25
+ * {
26
+ font-family: bevi, sans-serif;
27
+ }
27
28
 
@@ -7,15 +7,19 @@
7
7
  &--default {
8
8
  color: $--color-text-primary;
9
9
  }
10
+
10
11
  &--regular {
11
12
  color: $--color-text-regular;
12
13
  }
14
+
13
15
  &--primary {
14
16
  color: $--color-primary;
15
17
  }
18
+
16
19
  &--danger {
17
20
  color: $--color-danger;
18
21
  }
22
+
19
23
  &--success {
20
24
  color: $--color-success;
21
25
  }
@@ -5,12 +5,12 @@
5
5
  opacity: 1; /* Firefox */
6
6
  }
7
7
 
8
- :-ms-input-placeholder {
8
+ :input-placeholder {
9
9
  /* Internet Explorer 10-11 */
10
10
  color: rgba($color, $opacity);
11
11
  }
12
12
 
13
- ::-ms-input-placeholder {
13
+ ::input-placeholder {
14
14
  /* Microsoft Edge */
15
15
  color: rgba($color, $opacity);
16
16
  }
@@ -2,48 +2,14 @@ input,
2
2
  .el-select-dropdown__empty,
3
3
  .el-select-dropdown__list,
4
4
  .el-autosuggest-suggestion {
5
- font-family: "bevi", sans-serif;
5
+ font-family: bevi, sans-serif;
6
6
  }
7
7
 
8
+ .el-input {
9
+ height: 48px;
8
10
 
9
- /**
10
- * INPUT PREPEND
11
- * Sobrescrita de itens quando em grupo / com prepend
12
- */
13
- .el-input.el-input-group.el-input-group--prepend {
14
- border: 1px solid $--border-color-light;
15
- border-radius: $--border-radius-base;
16
- transition: border-color 150ms ease-in-out;
17
-
18
- &:hover,
19
- &:focus-within {
20
- border-color: $--color-primary;
21
- }
22
- }
23
-
24
- .el-input-group__append {
25
- background-color: transparent;
26
- }
27
- .el-input-group__prepend {
28
- background: transparent;
29
- position: relative;
30
- padding: 0 15px;
31
- border: 0;
32
- cursor: default;
33
-
34
- & + input {
35
- border: 0;
36
- }
37
-
38
- &::after {
39
- content: "";
40
- position: absolute;
41
- right: 0;
42
- height: 70%;
43
- width: 1px;
44
- background: $--border-color-light;
45
- top: 50%;
46
- transform: translateY(-50%);
11
+ input {
12
+ height: 100%;
47
13
  }
48
14
  }
49
15
 
@@ -53,17 +19,4 @@ input,
53
19
  border-color: $--color-danger;
54
20
  }
55
21
  }
56
- }
57
-
58
- .el-select .el-input{
59
- height: 48px;
60
- }
61
-
62
- .el-input {
63
- height: 48px;
64
- }
65
-
66
- input.el-input__inner {
67
- height: 100%;
68
- margin-right: 50px;
69
22
  }
@@ -29,55 +29,64 @@
29
29
  * @link https://github.com/ahmadawais/ReSass.git
30
30
  * @version 1.0.0
31
31
  */
32
- @mixin r( $point ) {
32
+ @mixin r($point) {
33
33
  @if $point==240 {
34
- @media ( min-width: 240px ) {
34
+ @media (width >=240px) {
35
35
  @content;
36
36
  }
37
37
  }
38
+
38
39
  @if $point==320 {
39
- @media ( min-width: 320px ) {
40
+ @media (width >=320px) {
40
41
  @content;
41
42
  }
42
43
  }
44
+
43
45
  @if $point==480 {
44
- @media ( min-width: 480px ) {
46
+ @media (width >=480px) {
45
47
  @content;
46
48
  }
47
49
  }
50
+
48
51
  @if $point==600 {
49
- @media ( min-width: 600px ) {
52
+ @media (width >=600px) {
50
53
  @content;
51
54
  }
52
55
  }
56
+
53
57
  @if $point==767 {
54
- @media (max-width: 767px) {
58
+ @media (width <=767px) {
55
59
  @content;
56
60
  }
57
61
  }
62
+
58
63
  @if $point==768 {
59
- @media ( min-width: 768px ) {
64
+ @media (width >=768px) {
60
65
  @content;
61
66
  }
62
67
  }
68
+
63
69
  @if $point==1024 {
64
- @media ( min-width: 1024px ) {
70
+ @media (width >=1024px) {
65
71
  @content;
66
72
  }
67
73
  }
74
+
68
75
  @if $point==1140 {
69
- @media ( min-width: 1140px ) {
76
+ @media (width >=1140px) {
70
77
  @content;
71
78
  }
72
79
  }
80
+
73
81
  @if $point==1280 {
74
- @media ( min-width: 1280px ) {
82
+ @media (width >=1280px) {
75
83
  @content;
76
84
  }
77
85
  }
86
+
78
87
  @if $point==1500 {
79
- @media ( min-width: 1500px ) {
88
+ @media (width >=1500px) {
80
89
  @content;
81
90
  }
82
91
  }
83
- }
92
+ }
@@ -1,6 +1,5 @@
1
1
  // Sistema de medidas
2
2
  $default: 1rem;
3
-
4
3
  $sizes: (
5
4
  none: 0,
6
5
  xxs: calc(0.25 * #{$default}),
@@ -1,11 +1,8 @@
1
- @import "~element-theme-chalk/src/common/var.scss";
2
-
1
+ @import "~element-theme-chalk/src/common/var";
3
2
  @import "variables";
4
3
  @import "mixins";
5
4
  @import "resass";
6
-
7
5
  @import "helpers";
8
6
  @import "functions";
9
7
  @import "fonts";
10
-
11
8
  @import "overrides";