vueless 0.0.569 → 0.0.570

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 (80) hide show
  1. package/package.json +1 -1
  2. package/types.ts +14 -0
  3. package/ui.container-accordion/UAccordion.vue +2 -2
  4. package/ui.container-accordion/types.ts +1 -0
  5. package/ui.container-modal/UModal.vue +15 -8
  6. package/ui.container-page/UPage.vue +10 -6
  7. package/ui.form-checkbox/types.ts +7 -0
  8. package/ui.form-checkbox-group/UCheckboxGroup.vue +1 -1
  9. package/ui.form-checkbox-multi-state/UCheckboxMultiState.vue +4 -1
  10. package/ui.form-color-picker/UColorPicker.vue +67 -147
  11. package/ui.form-color-picker/storybook/Docs.mdx +2 -2
  12. package/ui.form-color-picker/storybook/{stories.js → stories.ts} +13 -5
  13. package/ui.form-color-picker/types.ts +64 -0
  14. package/ui.form-color-picker/useAttrs.ts +15 -0
  15. package/ui.form-input/UInput.vue +162 -321
  16. package/ui.form-input/{config.js → config.ts} +3 -0
  17. package/ui.form-input/storybook/Docs.mdx +2 -2
  18. package/ui.form-input/storybook/{stories.js → stories.ts} +14 -6
  19. package/ui.form-input/types.ts +103 -0
  20. package/ui.form-input/useAttrs.ts +31 -0
  21. package/ui.form-input-file/UInputFile.vue +188 -245
  22. package/ui.form-input-file/storybook/Docs.mdx +2 -2
  23. package/ui.form-input-file/storybook/{stories.js → stories.ts} +13 -5
  24. package/ui.form-input-file/types.ts +72 -0
  25. package/ui.form-input-file/useAttrs.ts +21 -0
  26. package/ui.form-input-file/{utilFileForm.js → utilFileForm.ts} +1 -1
  27. package/ui.form-input-money/UInputMoney.vue +76 -223
  28. package/ui.form-input-money/storybook/Docs.mdx +2 -2
  29. package/ui.form-input-money/storybook/{stories.js → stories.ts} +14 -6
  30. package/ui.form-input-money/types.ts +118 -0
  31. package/ui.form-input-money/useAttrs.ts +15 -0
  32. package/ui.form-input-money/{useFormatCurrency.js → useFormatCurrency.ts} +28 -17
  33. package/ui.form-input-money/utilFormat.ts +83 -0
  34. package/ui.form-input-number/UInputNumber.vue +69 -156
  35. package/ui.form-input-number/storybook/Docs.mdx +2 -2
  36. package/ui.form-input-number/storybook/{stories.js → stories.ts} +17 -9
  37. package/ui.form-input-number/types.ts +65 -0
  38. package/ui.form-input-number/useAttrs.ts +15 -0
  39. package/ui.form-input-rating/UInputRating.vue +70 -158
  40. package/ui.form-input-rating/storybook/Docs.mdx +2 -2
  41. package/ui.form-input-rating/storybook/{stories.js → stories.ts} +14 -6
  42. package/ui.form-input-rating/types.ts +67 -0
  43. package/ui.form-input-rating/useAttrs.ts +14 -0
  44. package/ui.form-input-search/UInputSearch.vue +97 -224
  45. package/ui.form-input-search/storybook/Docs.mdx +2 -2
  46. package/ui.form-input-search/storybook/{stories.js → stories.ts} +13 -5
  47. package/ui.form-input-search/types.ts +93 -0
  48. package/ui.form-input-search/useAttrs.ts +15 -0
  49. package/ui.form-radio/URadio.vue +1 -1
  50. package/ui.form-radio-group/URadioGroup.vue +1 -1
  51. package/ui.navigation-pagination/UPagination.vue +15 -15
  52. package/ui.navigation-pagination/types.ts +3 -0
  53. package/ui.navigation-progress/UProgress.vue +16 -2
  54. package/ui.navigation-progress/types.ts +2 -0
  55. package/ui.text-files/UFiles.vue +20 -16
  56. package/ui.text-files/types.ts +1 -1
  57. package/ui.text-notify/UNotify.vue +38 -48
  58. package/ui.text-notify/types.ts +24 -0
  59. package/web-types.json +227 -138
  60. package/ui.form-color-picker/useAttrs.js +0 -9
  61. package/ui.form-input/useAttrs.js +0 -15
  62. package/ui.form-input-file/useAttrs.js +0 -15
  63. package/ui.form-input-money/useAttrs.js +0 -9
  64. package/ui.form-input-money/utilFormat.js +0 -75
  65. package/ui.form-input-number/useAttrs.js +0 -9
  66. package/ui.form-input-rating/useAttrs.js +0 -8
  67. package/ui.form-input-search/useAttrs.js +0 -9
  68. /package/ui.form-color-picker/{config.js → config.ts} +0 -0
  69. /package/ui.form-color-picker/{constants.js → constants.ts} +0 -0
  70. /package/ui.form-input/{constants.js → constants.ts} +0 -0
  71. /package/ui.form-input-file/{config.js → config.ts} +0 -0
  72. /package/ui.form-input-file/{constants.js → constants.ts} +0 -0
  73. /package/ui.form-input-money/{config.js → config.ts} +0 -0
  74. /package/ui.form-input-money/{constants.js → constants.ts} +0 -0
  75. /package/ui.form-input-number/{config.js → config.ts} +0 -0
  76. /package/ui.form-input-number/{constants.js → constants.ts} +0 -0
  77. /package/ui.form-input-rating/{config.js → config.ts} +0 -0
  78. /package/ui.form-input-rating/{constants.js → constants.ts} +0 -0
  79. /package/ui.form-input-search/{config.js → config.ts} +0 -0
  80. /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