vueless 0.0.569 → 0.0.571

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 (81) hide show
  1. package/package.json +1 -1
  2. package/types.ts +24 -3
  3. package/ui.button/types.ts +2 -2
  4. package/ui.container-accordion/UAccordion.vue +2 -2
  5. package/ui.container-accordion/types.ts +1 -0
  6. package/ui.container-modal/UModal.vue +15 -8
  7. package/ui.container-page/UPage.vue +10 -6
  8. package/ui.form-checkbox/types.ts +7 -0
  9. package/ui.form-checkbox-group/UCheckboxGroup.vue +1 -1
  10. package/ui.form-checkbox-multi-state/UCheckboxMultiState.vue +4 -1
  11. package/ui.form-color-picker/UColorPicker.vue +67 -147
  12. package/ui.form-color-picker/storybook/Docs.mdx +2 -2
  13. package/ui.form-color-picker/storybook/{stories.js → stories.ts} +13 -5
  14. package/ui.form-color-picker/types.ts +64 -0
  15. package/ui.form-color-picker/useAttrs.ts +15 -0
  16. package/ui.form-input/UInput.vue +162 -321
  17. package/ui.form-input/{config.js → config.ts} +3 -0
  18. package/ui.form-input/storybook/Docs.mdx +2 -2
  19. package/ui.form-input/storybook/{stories.js → stories.ts} +14 -6
  20. package/ui.form-input/types.ts +103 -0
  21. package/ui.form-input/useAttrs.ts +31 -0
  22. package/ui.form-input-file/UInputFile.vue +188 -245
  23. package/ui.form-input-file/storybook/Docs.mdx +2 -2
  24. package/ui.form-input-file/storybook/{stories.js → stories.ts} +13 -5
  25. package/ui.form-input-file/types.ts +72 -0
  26. package/ui.form-input-file/useAttrs.ts +21 -0
  27. package/ui.form-input-file/{utilFileForm.js → utilFileForm.ts} +1 -1
  28. package/ui.form-input-money/UInputMoney.vue +76 -223
  29. package/ui.form-input-money/storybook/Docs.mdx +2 -2
  30. package/ui.form-input-money/storybook/{stories.js → stories.ts} +14 -6
  31. package/ui.form-input-money/types.ts +118 -0
  32. package/ui.form-input-money/useAttrs.ts +15 -0
  33. package/ui.form-input-money/{useFormatCurrency.js → useFormatCurrency.ts} +28 -17
  34. package/ui.form-input-money/utilFormat.ts +83 -0
  35. package/ui.form-input-number/UInputNumber.vue +69 -156
  36. package/ui.form-input-number/storybook/Docs.mdx +2 -2
  37. package/ui.form-input-number/storybook/{stories.js → stories.ts} +17 -9
  38. package/ui.form-input-number/types.ts +65 -0
  39. package/ui.form-input-number/useAttrs.ts +15 -0
  40. package/ui.form-input-rating/UInputRating.vue +70 -158
  41. package/ui.form-input-rating/storybook/Docs.mdx +2 -2
  42. package/ui.form-input-rating/storybook/{stories.js → stories.ts} +14 -6
  43. package/ui.form-input-rating/types.ts +67 -0
  44. package/ui.form-input-rating/useAttrs.ts +14 -0
  45. package/ui.form-input-search/UInputSearch.vue +97 -224
  46. package/ui.form-input-search/storybook/Docs.mdx +2 -2
  47. package/ui.form-input-search/storybook/{stories.js → stories.ts} +13 -5
  48. package/ui.form-input-search/types.ts +93 -0
  49. package/ui.form-input-search/useAttrs.ts +15 -0
  50. package/ui.form-radio/URadio.vue +1 -1
  51. package/ui.form-radio-group/URadioGroup.vue +1 -1
  52. package/ui.navigation-pagination/UPagination.vue +15 -15
  53. package/ui.navigation-pagination/types.ts +3 -0
  54. package/ui.navigation-progress/UProgress.vue +16 -2
  55. package/ui.navigation-progress/types.ts +2 -0
  56. package/ui.text-files/UFiles.vue +20 -16
  57. package/ui.text-files/types.ts +1 -1
  58. package/ui.text-notify/UNotify.vue +38 -48
  59. package/ui.text-notify/types.ts +24 -0
  60. package/web-types.json +227 -138
  61. package/ui.form-color-picker/useAttrs.js +0 -9
  62. package/ui.form-input/useAttrs.js +0 -15
  63. package/ui.form-input-file/useAttrs.js +0 -15
  64. package/ui.form-input-money/useAttrs.js +0 -9
  65. package/ui.form-input-money/utilFormat.js +0 -75
  66. package/ui.form-input-number/useAttrs.js +0 -9
  67. package/ui.form-input-rating/useAttrs.js +0 -8
  68. package/ui.form-input-search/useAttrs.js +0 -9
  69. /package/ui.form-color-picker/{config.js → config.ts} +0 -0
  70. /package/ui.form-color-picker/{constants.js → constants.ts} +0 -0
  71. /package/ui.form-input/{constants.js → constants.ts} +0 -0
  72. /package/ui.form-input-file/{config.js → config.ts} +0 -0
  73. /package/ui.form-input-file/{constants.js → constants.ts} +0 -0
  74. /package/ui.form-input-money/{config.js → config.ts} +0 -0
  75. /package/ui.form-input-money/{constants.js → constants.ts} +0 -0
  76. /package/ui.form-input-number/{config.js → config.ts} +0 -0
  77. /package/ui.form-input-number/{constants.js → constants.ts} +0 -0
  78. /package/ui.form-input-rating/{config.js → config.ts} +0 -0
  79. /package/ui.form-input-rating/{constants.js → constants.ts} +0 -0
  80. /package/ui.form-input-search/{config.js → config.ts} +0 -0
  81. /package/ui.form-input-search/{constants.js → constants.ts} +0 -0
@@ -1,9 +0,0 @@
1
- import useUI from "../composables/useUI.ts";
2
-
3
- import defaultConfig from "./config.js";
4
-
5
- export default function useAttrs(props) {
6
- const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
7
-
8
- return { config, ...getKeysAttrs() };
9
- }
@@ -1,15 +0,0 @@
1
- import { computed } from "vue";
2
- import useUI from "../composables/useUI.ts";
3
-
4
- import defaultConfig from "./config.js";
5
-
6
- export default function useAttrs(props) {
7
- const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
8
-
9
- const mutatedProps = computed(() => ({
10
- error: Boolean(props.error),
11
- label: Boolean(props.label),
12
- }));
13
-
14
- return { config, ...getKeysAttrs(mutatedProps) };
15
- }
@@ -1,15 +0,0 @@
1
- import { computed } from "vue";
2
- import useUI from "../composables/useUI.ts";
3
-
4
- import defaultConfig from "./config.js";
5
-
6
- export default function useAttrs(props) {
7
- const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
8
-
9
- const mutatedProps = computed(() => ({
10
- error: Boolean(props.error),
11
- label: Boolean(props.label),
12
- }));
13
-
14
- return { config, ...getKeysAttrs(mutatedProps) };
15
- }
@@ -1,9 +0,0 @@
1
- import useUI from "../composables/useUI.ts";
2
-
3
- import defaultConfig from "./config.js";
4
-
5
- export default function useAttrs(props) {
6
- const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
7
-
8
- return { config, ...getKeysAttrs() };
9
- }
@@ -1,75 +0,0 @@
1
- export default class FormatService {
2
- static isNumberValueRegExp = /^[\d,.\s-]+$/;
3
- static rawDecimalMark = ".";
4
- static comma = ",";
5
-
6
- static getRawValue(value, options) {
7
- const { thousandsSeparator, decimalSeparator, prefix } = options;
8
-
9
- value = String(value).endsWith(decimalSeparator)
10
- ? String(value).replace(decimalSeparator, "")
11
- : String(value);
12
-
13
- const rawValueWithPrefix = value
14
- .replaceAll(thousandsSeparator, "")
15
- .replace(decimalSeparator, ".");
16
-
17
- return rawValueWithPrefix.replace(prefix, "");
18
- }
19
-
20
- static getFormattedValue(value, options) {
21
- const {
22
- thousandsSeparator,
23
- decimalSeparator,
24
- minFractionDigits,
25
- maxFractionDigits,
26
- prefix,
27
- positiveOnly,
28
- } = options;
29
-
30
- const invalidValuesRegExp = new RegExp("[^\\d,\\d.\\s-" + decimalSeparator + "]", "g");
31
- const doubleValueRegExp = new RegExp("([,\\.\\s-" + decimalSeparator + "])+", "g");
32
-
33
- // slice to first decimal mark
34
- value = String(value)
35
- .replaceAll(this.comma, decimalSeparator)
36
- .split(decimalSeparator)
37
- .slice(0, 2)
38
- .map((value, index) => (index ? value.replaceAll(thousandsSeparator, "") : value))
39
- .join(decimalSeparator);
40
-
41
- value = String(value)
42
- .replace(invalidValuesRegExp, "")
43
- .replace(doubleValueRegExp, "$1")
44
- .replaceAll(decimalSeparator, this.rawDecimalMark);
45
-
46
- const isNumber = this.isNumberValueRegExp.test(value);
47
- const isFloat = value.endsWith(this.rawDecimalMark) || value.endsWith(".0");
48
-
49
- if (!value || !isNumber || isFloat) {
50
- return `${prefix}${value.replaceAll(this.rawDecimalMark, decimalSeparator)}`;
51
- }
52
-
53
- const intlNumber = new Intl.NumberFormat("en-US", {
54
- minimumFractionDigits:
55
- minFractionDigits <= maxFractionDigits ? minFractionDigits : maxFractionDigits,
56
- maximumFractionDigits: maxFractionDigits,
57
- signDisplay: positiveOnly ? "never" : "negative",
58
- roundingMode: "floor",
59
- });
60
-
61
- const rawValue = this.getRawValue(value, {
62
- decimalSeparator,
63
- thousandsSeparator,
64
- prefix,
65
- rawValuePrefix: false,
66
- });
67
-
68
- const formattedValue = intlNumber
69
- .format(rawValue)
70
- .replaceAll(this.comma, thousandsSeparator)
71
- .replaceAll(this.rawDecimalMark, decimalSeparator);
72
-
73
- return prefix + formattedValue;
74
- }
75
- }
@@ -1,9 +0,0 @@
1
- import useUI from "../composables/useUI.ts";
2
-
3
- import defaultConfig from "./config.js";
4
-
5
- export default function useAttrs(props) {
6
- const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
7
-
8
- return { config, ...getKeysAttrs() };
9
- }
@@ -1,8 +0,0 @@
1
- import useUI from "../composables/useUI.ts";
2
- import defaultConfig from "./config.js";
3
-
4
- export default function useAttrs(props) {
5
- const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
6
-
7
- return { config, ...getKeysAttrs() };
8
- }
@@ -1,9 +0,0 @@
1
- import useUI from "../composables/useUI.ts";
2
-
3
- import defaultConfig from "./config.js";
4
-
5
- export default function useAttrs(props) {
6
- const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
7
-
8
- return { config, ...getKeysAttrs() };
9
- }
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes