@flyanra/vue-core 1.2.1 → 1.3.1

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 (64) hide show
  1. package/dist/types/components/general/fly-icon-v2/index.d.ts +1 -1
  2. package/dist/types/composables/index.d.ts +4 -3
  3. package/dist/types/composables/useFeatureGate/index.d.ts +1 -0
  4. package/dist/types/composables/useFeatureGate/useFeatureGate.d.ts +6 -0
  5. package/dist/types/composables/useFormHider/index.d.ts +1 -0
  6. package/dist/types/composables/useFormHider/useFormHider.d.ts +8 -0
  7. package/dist/types/composables/useLocaleInjector/index.d.ts +2 -0
  8. package/dist/types/composables/useSidebarActiveIndex/index.d.ts +1 -0
  9. package/dist/types/composables/{useSidebarActiveIndex.d.ts → useSidebarActiveIndex/useSidebarActiveIndex.d.ts} +1 -1
  10. package/package.json +4 -3
  11. package/src/components/basic/fly-button/FlyButton.types.ts +28 -28
  12. package/src/components/basic/fly-button/FlyButton.vue +178 -178
  13. package/src/components/basic/typography/FlyCollapseTitleRenderer.vue +46 -46
  14. package/src/components/feedback/tooltip/FlyInfoTooltip.vue +49 -49
  15. package/src/components/feedback/tooltip/FlyTooltip.element.scss +4 -4
  16. package/src/components/feedback/tooltip/FlyTooltip.vue +60 -60
  17. package/src/components/form/form.utils.ts +72 -72
  18. package/src/components/form/index.ts +6 -6
  19. package/src/components/form/input-renderers/boolean/FlyBoolean.vue +48 -48
  20. package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue +48 -48
  21. package/src/components/form/input-renderers/form-item-renderer/index.ts +4 -4
  22. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.ts +3 -3
  23. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.utils.ts +221 -221
  24. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.vue +75 -75
  25. package/src/components/form/input-renderers/form-schema-renderer/UseFormSchemaRenderer.ts +97 -97
  26. package/src/components/form/input-renderers/input-renderer/FlyInputRenderer.vue +49 -49
  27. package/src/components/form/input-renderers/input-renderer/index.ts +4 -4
  28. package/src/components/form/input-renderers/input-renderer.utils.ts +18 -18
  29. package/src/components/form/input-renderers/number/FlyNumber.vue +64 -64
  30. package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.types.ts +15 -15
  31. package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.vue +99 -99
  32. package/src/components/form/input-renderers/select/FlySelect.scss +1 -1
  33. package/src/components/form/input-renderers/select/FlySelect.utils.ts +37 -37
  34. package/src/components/form/input-renderers/text/FlyText.vue +70 -70
  35. package/src/components/form/input-renderers/value-unit/FlyValueUnit.vue +102 -102
  36. package/src/components/form/input-validators.ts +99 -99
  37. package/src/components/general/fly-icon-v2/FlyIconV2.types.ts +6 -6
  38. package/src/components/general/fly-icon-v2/FlyIconV2.vue +17 -17
  39. package/src/components/general/fly-icon-v2/index.ts +6 -6
  40. package/src/components/general/index.ts +5 -5
  41. package/src/components/index.ts +7 -7
  42. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.ts +8 -8
  43. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue +55 -55
  44. package/src/components/navigation/menu/fly-sidebar/FlySidebar.types.ts +49 -49
  45. package/src/components/navigation/menu/fly-sidebar/FlySidebar.vue +146 -146
  46. package/src/components/navigation/menu/fly-sidebar/FlySidebarNode.vue +47 -47
  47. package/src/composables/index.ts +4 -4
  48. package/src/composables/useFeatureGate/index.ts +1 -0
  49. package/src/composables/useFeatureGate/useFeatureGate.ts +19 -0
  50. package/src/composables/useFormHider/index.ts +1 -0
  51. package/src/composables/useFormHider/useFormHider.ts +37 -0
  52. package/src/composables/{UseLocaleInjector.ts → useLocaleInjector/UseLocaleInjector.ts} +37 -37
  53. package/src/composables/useLocaleInjector/index.ts +2 -0
  54. package/src/composables/useSidebarActiveIndex/index.ts +1 -0
  55. package/src/composables/{useSidebarActiveIndex.ts → useSidebarActiveIndex/useSidebarActiveIndex.ts} +103 -103
  56. package/src/styles/element/mixins/collapse.scss +61 -61
  57. package/src/styles/element/overrides/form.scss +121 -121
  58. package/src/styles/element/overrides/message-box.scss +2 -2
  59. package/src/styles/element/overrides/radio.scss +2 -2
  60. package/src/styles/element/overrides/select.scss +9 -9
  61. package/src/utils/index.ts +2 -2
  62. package/src/utils/pure-functions.ts +15 -15
  63. package/src/utils/validators.ts +81 -81
  64. /package/dist/types/composables/{UseLocaleInjector.d.ts → useLocaleInjector/UseLocaleInjector.d.ts} +0 -0
@@ -1,81 +1,81 @@
1
- import type { FormItemRule } from 'element-plus'
2
-
3
- import { UseLocaleInjector } from '../composables/UseLocaleInjector'
4
-
5
- import { checkRange } from './pure-functions'
6
-
7
- export const isRequiredError = (languageKey: string) => {
8
- const { t } = UseLocaleInjector()
9
-
10
- return t('validation.fieldIsRequired', {
11
- fieldName: t(languageKey)
12
- })
13
- }
14
-
15
- type RangeObject = {
16
- min?: number
17
- max?: number
18
- }
19
- export const checkInputRange = (
20
- languageKey: string = 'validation.value',
21
- range: RangeObject,
22
- valueTypeLanguageKey: string = 'validation.valueTypes.characters',
23
- errorMessage?: string
24
- ): FormItemRule['validator'] => {
25
- const { t } = UseLocaleInjector()
26
-
27
- // used in element form validator
28
- return (_rule: unknown, value: unknown, callback: (_?: string | Error | undefined) => void) => {
29
- // used in element form validator
30
- if (!checkRange(value, range.min, range.max)) {
31
- let message = errorMessage
32
- const l = t ? t(languageKey) : languageKey
33
-
34
- if (!message) {
35
- if (range.min === range.max) {
36
- message = `${
37
- t
38
- ? t('validation.valueMustBe', {
39
- value: l,
40
- validValue: `${range.max} ${t(valueTypeLanguageKey)}`
41
- })
42
- : 'validation.valueMustBe'
43
- }`
44
- } else if (range.min && !range.max) {
45
- message = `${
46
- t
47
- ? t('validation.mustBeGreaterEqual', {
48
- value: l,
49
- validRange: `${range.min} ${t(valueTypeLanguageKey)}`
50
- })
51
- : 'validation.mustBeGreaterEqual'
52
- }`
53
- } else if (!range.min && range.max) {
54
- message = `${
55
- t
56
- ? t('validation.cannotExceed', {
57
- value: l,
58
- validRange: `${range.max} ${t(valueTypeLanguageKey)}`
59
- })
60
- : 'validation.cannotExceed'
61
- }`
62
- } else if (range.min && range.max) {
63
- message = `${
64
- t
65
- ? t('validation.mustBetween', {
66
- value: l,
67
- minRange: `${range.min} ${t(valueTypeLanguageKey)}`,
68
- maxRange: `${range.max} ${t(valueTypeLanguageKey)}`,
69
- valueType: `${t(valueTypeLanguageKey)}`
70
- })
71
- : 'validation.mustBetween'
72
- }`
73
- }
74
- }
75
-
76
- return callback(new Error(message))
77
- }
78
-
79
- return callback()
80
- }
81
- }
1
+ import type { FormItemRule } from 'element-plus'
2
+
3
+ import { UseLocaleInjector } from '../composables/useLocaleInjector/UseLocaleInjector'
4
+
5
+ import { checkRange } from './pure-functions'
6
+
7
+ export const isRequiredError = (languageKey: string) => {
8
+ const { t } = UseLocaleInjector()
9
+
10
+ return t('validation.fieldIsRequired', {
11
+ fieldName: t(languageKey)
12
+ })
13
+ }
14
+
15
+ type RangeObject = {
16
+ min?: number
17
+ max?: number
18
+ }
19
+ export const checkInputRange = (
20
+ languageKey: string = 'validation.value',
21
+ range: RangeObject,
22
+ valueTypeLanguageKey: string = 'validation.valueTypes.characters',
23
+ errorMessage?: string
24
+ ): FormItemRule['validator'] => {
25
+ const { t } = UseLocaleInjector()
26
+
27
+ // used in element form validator
28
+ return (_rule: unknown, value: unknown, callback: (_?: string | Error | undefined) => void) => {
29
+ // used in element form validator
30
+ if (!checkRange(value, range.min, range.max)) {
31
+ let message = errorMessage
32
+ const l = t ? t(languageKey) : languageKey
33
+
34
+ if (!message) {
35
+ if (range.min === range.max) {
36
+ message = `${
37
+ t
38
+ ? t('validation.valueMustBe', {
39
+ value: l,
40
+ validValue: `${range.max} ${t(valueTypeLanguageKey)}`
41
+ })
42
+ : 'validation.valueMustBe'
43
+ }`
44
+ } else if (range.min && !range.max) {
45
+ message = `${
46
+ t
47
+ ? t('validation.mustBeGreaterEqual', {
48
+ value: l,
49
+ validRange: `${range.min} ${t(valueTypeLanguageKey)}`
50
+ })
51
+ : 'validation.mustBeGreaterEqual'
52
+ }`
53
+ } else if (!range.min && range.max) {
54
+ message = `${
55
+ t
56
+ ? t('validation.cannotExceed', {
57
+ value: l,
58
+ validRange: `${range.max} ${t(valueTypeLanguageKey)}`
59
+ })
60
+ : 'validation.cannotExceed'
61
+ }`
62
+ } else if (range.min && range.max) {
63
+ message = `${
64
+ t
65
+ ? t('validation.mustBetween', {
66
+ value: l,
67
+ minRange: `${range.min} ${t(valueTypeLanguageKey)}`,
68
+ maxRange: `${range.max} ${t(valueTypeLanguageKey)}`,
69
+ valueType: `${t(valueTypeLanguageKey)}`
70
+ })
71
+ : 'validation.mustBetween'
72
+ }`
73
+ }
74
+ }
75
+
76
+ return callback(new Error(message))
77
+ }
78
+
79
+ return callback()
80
+ }
81
+ }