@flyanra/vue-core 0.3.0 → 0.4.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 (139) hide show
  1. package/README.md +176 -176
  2. package/package.json +137 -128
  3. package/src/components/basic/fly-button/FlyButton.element.scss +3 -3
  4. package/src/components/basic/fly-button/FlyButton.mixins.scss +58 -58
  5. package/src/components/basic/fly-button/FlyButton.types.ts +29 -29
  6. package/src/components/basic/fly-button/FlyButton.vue +180 -180
  7. package/src/components/basic/fly-button/index.ts +11 -11
  8. package/src/components/basic/index.ts +2 -2
  9. package/src/components/basic/typography/FlyCollapseTitleRenderer.vue +46 -0
  10. package/src/components/feedback/index.ts +2 -2
  11. package/src/components/feedback/tooltip/FlyInfoTooltip.vue +48 -0
  12. package/src/components/feedback/tooltip/FlyTooltip.element.scss +4 -4
  13. package/src/components/feedback/tooltip/FlyTooltip.types.ts +5 -5
  14. package/src/components/feedback/tooltip/FlyTooltip.vue +60 -59
  15. package/src/components/feedback/tooltip/index.ts +6 -6
  16. package/src/components/form/form.utils.ts +57 -0
  17. package/src/components/form/index.ts +0 -0
  18. package/src/components/form/input-renderers/boolean/FlyBoolean.scss +1 -0
  19. package/src/components/form/input-renderers/boolean/FlyBoolean.types.ts +16 -0
  20. package/src/components/form/input-renderers/boolean/FlyBoolean.vue +35 -0
  21. package/src/components/form/input-renderers/date-time/FlyDateTime.scss +1 -0
  22. package/src/components/form/input-renderers/date-time/FlyDateTime.types.ts +21 -0
  23. package/src/components/form/input-renderers/date-time/FlyDateTime.vue +85 -0
  24. package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.scss +4 -0
  25. package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue +48 -0
  26. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.ts +3 -0
  27. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.utils.ts +246 -0
  28. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.vue +75 -0
  29. package/src/components/form/input-renderers/form-schema-renderer/UseFormSchemaRenderer.ts +97 -0
  30. package/src/components/form/input-renderers/form-schema.types.ts +95 -0
  31. package/src/components/form/input-renderers/input-renderer/FlyInputRenderer.vue +49 -0
  32. package/src/components/form/input-renderers/input-renderer.types.ts +49 -0
  33. package/src/components/form/input-renderers/input-renderer.utils.ts +18 -0
  34. package/src/components/form/input-renderers/number/FlyNumber.scss +1 -0
  35. package/src/components/form/input-renderers/number/FlyNumber.types.ts +13 -0
  36. package/src/components/form/input-renderers/number/FlyNumber.utils.ts +6 -0
  37. package/src/components/form/input-renderers/number/FlyNumber.vue +48 -0
  38. package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.types.ts +15 -0
  39. package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.vue +99 -0
  40. package/src/components/form/input-renderers/select/FlySelect.scss +9 -0
  41. package/src/components/form/input-renderers/select/FlySelect.types.ts +25 -0
  42. package/src/components/form/input-renderers/select/FlySelect.utils.ts +37 -0
  43. package/src/components/form/input-renderers/select/FlySelect.vue +48 -0
  44. package/src/components/form/input-renderers/text/FlyText.scss +1 -0
  45. package/src/components/form/input-renderers/text/FlyText.types.ts +20 -0
  46. package/src/components/form/input-renderers/text/FlyText.vue +56 -0
  47. package/src/components/form/input-renderers/value-unit/FlyValueUnit.scss +2 -0
  48. package/src/components/form/input-renderers/value-unit/FlyValueUnit.types.ts +28 -0
  49. package/src/components/form/input-renderers/value-unit/FlyValueUnit.vue +101 -0
  50. package/src/components/form/input-validators.ts +121 -0
  51. package/src/components/general/fly-icon/FlyIcon.types.ts +12 -12
  52. package/src/components/general/fly-icon/FlyIcon.vue +24 -24
  53. package/src/components/general/fly-icon/index.ts +6 -6
  54. package/src/components/general/index.ts +2 -2
  55. package/src/components/index.ts +5 -11
  56. package/src/components/navigation/fly-steps/FlySteps.element.scss +100 -100
  57. package/src/components/navigation/fly-steps/FlySteps.types.ts +10 -10
  58. package/src/components/navigation/fly-steps/FlySteps.vue +30 -30
  59. package/src/components/navigation/fly-steps/index.ts +6 -6
  60. package/src/components/navigation/index.ts +2 -2
  61. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.element.scss +2 -2
  62. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.ts +8 -8
  63. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.vue +46 -46
  64. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue +55 -55
  65. package/src/components/navigation/menu/fly-mini-sidebar/index.ts +6 -6
  66. package/src/components/navigation/menu/fly-sidebar/FlySidebar.element.scss +9 -9
  67. package/src/components/navigation/menu/fly-sidebar/FlySidebar.types.ts +36 -36
  68. package/src/components/navigation/menu/fly-sidebar/FlySidebar.vue +150 -150
  69. package/src/components/navigation/menu/fly-sidebar/FlySidebarNode.vue +47 -47
  70. package/src/components/navigation/menu/fly-sidebar/index.ts +12 -12
  71. package/src/components/navigation/menu/index.ts +5 -5
  72. package/src/index.ts +1 -1
  73. package/src/styles/_scss-tokens.scss +76 -76
  74. package/src/styles/core/animations.scss +40 -40
  75. package/src/styles/core/index.scss +36 -36
  76. package/src/styles/core/scrollbar.scss +36 -36
  77. package/src/styles/core/typography-utils.scss +9 -9
  78. package/src/styles/element/common.scss +56 -56
  79. package/src/styles/element/dark.scss +38 -38
  80. package/src/styles/element/mixins/collapse.scss +61 -61
  81. package/src/styles/element/mixins/dialog.scss +101 -101
  82. package/src/styles/element/overrides/alerts.scss +28 -28
  83. package/src/styles/element/overrides/badge.scss +6 -6
  84. package/src/styles/element/overrides/cascader.scss +2 -2
  85. package/src/styles/element/overrides/collapse.scss +2 -2
  86. package/src/styles/element/overrides/date-time.scss +11 -0
  87. package/src/styles/element/overrides/dialog.scss +2 -2
  88. package/src/styles/element/overrides/dropdown.scss +11 -11
  89. package/src/styles/element/overrides/form.scss +107 -107
  90. package/src/styles/element/overrides/message.scss +39 -39
  91. package/src/styles/element/overrides/notification.scss +46 -46
  92. package/src/styles/element/overrides/segmented.scss +17 -17
  93. package/src/styles/element/overrides/table.scss +2 -2
  94. package/src/styles/element/overrides/tag.scss +19 -19
  95. package/src/styles/index.d.ts +1 -1
  96. package/src/styles/index.scss +5 -5
  97. package/src/styles/mixins/shadows.scss +15 -15
  98. package/src/styles/tokens.scss +84 -83
  99. package/dist/types/components/AppButton/AppButton.types.d.ts +0 -8
  100. package/dist/types/components/AppButton/AppButton.vue.d.ts +0 -20
  101. package/dist/types/components/AppButton/index.d.ts +0 -4
  102. package/dist/types/components/AppCard/AppCard.types.d.ts +0 -5
  103. package/dist/types/components/AppCard/AppCard.vue.d.ts +0 -17
  104. package/dist/types/components/AppCard/index.d.ts +0 -4
  105. package/dist/types/components/basic/fly-button/FlyButton.types.d.ts +0 -25
  106. package/dist/types/components/basic/fly-button/FlyButton.vue.d.ts +0 -26
  107. package/dist/types/components/basic/fly-button/index.d.ts +0 -4
  108. package/dist/types/components/basic/index.d.ts +0 -2
  109. package/dist/types/components/feedback/index.d.ts +0 -2
  110. package/dist/types/components/feedback/tooltip/FlyTooltip.types.d.ts +0 -4
  111. package/dist/types/components/feedback/tooltip/FlyTooltip.vue.d.ts +0 -16
  112. package/dist/types/components/feedback/tooltip/index.d.ts +0 -4
  113. package/dist/types/components/general/fly-icon/FlyIcon.types.d.ts +0 -7
  114. package/dist/types/components/general/fly-icon/FlyIcon.vue.d.ts +0 -6
  115. package/dist/types/components/general/fly-icon/index.d.ts +0 -4
  116. package/dist/types/components/general/index.d.ts +0 -2
  117. package/dist/types/components/index.d.ts +0 -8
  118. package/dist/types/components/navigation/fly-steps/FlySteps.types.d.ts +0 -9
  119. package/dist/types/components/navigation/fly-steps/FlySteps.vue.d.ts +0 -9
  120. package/dist/types/components/navigation/fly-steps/index.d.ts +0 -4
  121. package/dist/types/components/navigation/index.d.ts +0 -2
  122. package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.d.ts +0 -7
  123. package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.vue.d.ts +0 -8
  124. package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue.d.ts +0 -7
  125. package/dist/types/components/navigation/menu/fly-mini-sidebar/index.d.ts +0 -4
  126. package/dist/types/components/navigation/menu/fly-sidebar/FlySidebar.types.d.ts +0 -29
  127. package/dist/types/components/navigation/menu/fly-sidebar/FlySidebar.vue.d.ts +0 -8
  128. package/dist/types/components/navigation/menu/fly-sidebar/FlySidebarNode.vue.d.ts +0 -7
  129. package/dist/types/components/navigation/menu/fly-sidebar/index.d.ts +0 -4
  130. package/dist/types/components/navigation/menu/index.d.ts +0 -4
  131. package/dist/types/index.d.ts +0 -1
  132. package/dist/types/types/index.d.ts +0 -1
  133. package/src/components/AppButton/AppButton.element.scss +0 -2
  134. package/src/components/AppButton/AppButton.types.ts +0 -10
  135. package/src/components/AppButton/AppButton.vue +0 -65
  136. package/src/components/AppButton/index.ts +0 -6
  137. package/src/components/AppCard/AppCard.types.ts +0 -5
  138. package/src/components/AppCard/AppCard.vue +0 -58
  139. package/src/components/AppCard/index.ts +0 -6
@@ -1,83 +1,84 @@
1
- @use './scss-tokens' as vars;
2
-
3
- // Apply SCSS variables
4
- :root {
5
- --anra-primary: #{vars.$anra-primary};
6
- --anra-primary-accent: #{vars.$anra-primary-accent};
7
- --anra-black: #{vars.$anra-black};
8
- --anra-white: #{vars.$anra-white};
9
- }
10
-
11
- html.dark {
12
- --anra-primary-theme: #{vars.$anra-primary};
13
- --dynamic-light: #{vars.$anra-dark-dynamic-light};
14
- --dynamic-dark: #{vars.$anra-dark-dynamic-dark};
15
- --default-text-color: #{vars.$anra-dark-default-text-color};
16
- --anra-bg-10: #{vars.$anra-dark-bg-10};
17
- --anra-bg-15: #{vars.$anra-dark-bg-15};
18
- --anra-bg-15-accent: #{vars.$anra-dark-bg-15-accent};
19
- --anra-bg-15-accent-1: #{vars.$anra-dark-bg-15-accent-1};
20
- --anra-bg-20: #{vars.$anra-dark-bg-20};
21
- --anra-bg-20-rgb: #{vars.$anra-dark-bg-20-rgb};
22
- --anra-bg-20-subtitle: #{vars.$anra-dark-bg-20-subtitle};
23
- --anra-bg-25: #{vars.$anra-dark-bg-25};
24
- --anra-bg-blue-50: #{vars.$anra-dark-bg-blue-50};
25
- --anra-state-danger: #{vars.$anra-dark-state-danger};
26
- --anra-state-error: #{vars.$anra-dark-state-error};
27
- --anra-state-error-lighter: #{vars.$anra-dark-state-error-lighter};
28
- --anra-state-error-lighter-50: #{vars.$anra-dark-state-error-lighter-50};
29
- --anra-state-success: #{vars.$anra-dark-state-success};
30
- --anra-state-info: #{vars.$anra-dark-state-info};
31
- --anra-state-info-lighter: #{vars.$anra-dark-state-info-lighter};
32
- --anra-state-warning: #{vars.$anra-dark-state-warning};
33
- --anra-state-warning-50: #{vars.$anra-dark-state-warning-50};
34
- --anra-text-placeholder: #{vars.$anra-dark-text-placeholder};
35
- --anra-border-color: #{vars.$anra-dark-border-color};
36
- --anra-border-color-light: #{vars.$anra-dark-border-color-light};
37
- --anra-fill-color-light: #{vars.$anra-dark-fill-color-light};
38
- --anra-mask-color: #{vars.$anra-dark-mask-color};
39
- --anra-scroll-shadow: #{vars.$anra-dark-scroll-shadow};
40
- --anra-disabled-bg: #{vars.$anra-dark-disabled-bg};
41
- --anra-form-item-error-color: #{vars.$anra-dark-form-item-error-color};
42
- --anra-info-bg: #{vars.$anra-dark-tag-info-bg};
43
- --anra-form-input-border: #{vars.$anra-dark-form-input-border};
44
- --anra-text-on-primary: #{vars.$anra-dark-text-on-primary};
45
- --anra-text-subtle: #{vars.$anra-dark-text-subtle};
46
- }
47
-
48
- html.light {
49
- --anra-primary-theme: #{vars.$anra-primary-dark};
50
- --dynamic-light: #{vars.$anra-light-dynamic-light};
51
- --dynamic-dark: #{vars.$anra-light-dynamic-dark};
52
- --default-text-color: #{vars.$anra-light-default-text-color};
53
- --anra-bg-10: #{vars.$anra-light-bg-10};
54
- --anra-bg-15: #{vars.$anra-light-bg-15};
55
- --anra-bg-15-accent: #{vars.$anra-light-bg-15-accent};
56
- --anra-bg-15-accent-1: #{vars.$anra-light-bg-15-accent-1};
57
- --anra-bg-20: #{vars.$anra-light-bg-20};
58
- --anra-bg-20-rgb: #{vars.$anra-light-bg-20-rgb};
59
- --anra-bg-20-subtitle: #{vars.$anra-light-bg-20-subtitle};
60
- --anra-bg-25: #{vars.$anra-light-bg-25};
61
- --anra-bg-blue-50: #{vars.$anra-light-bg-blue-50};
62
- --anra-state-danger: #{vars.$anra-light-state-danger};
63
- --anra-state-error: #{vars.$anra-light-state-error};
64
- --anra-state-error-lighter: #{vars.$anra-light-state-error-lighter};
65
- --anra-state-error-lighter-50: #{vars.$anra-light-state-error-lighter-50};
66
- --anra-state-success: #{vars.$anra-light-state-success};
67
- --anra-state-info: #{vars.$anra-light-state-info};
68
- --anra-state-info-lighter: #{vars.$anra-light-state-info-lighter};
69
- --anra-state-warning: #{vars.$anra-light-state-warning};
70
- --anra-state-warning-50: #{vars.$anra-light-state-warning-50};
71
- --anra-text-placeholder: #{vars.$anra-light-text-placeholder};
72
- --anra-border-color: #{vars.$anra-light-border-color};
73
- --anra-border-color-light: #{vars.$anra-light-border-color-light};
74
- --anra-fill-color-light: #{vars.$anra-light-fill-color-light};
75
- --anra-mask-color: #{vars.$anra-light-mask-color};
76
- --anra-scroll-shadow: #{vars.$anra-light-scroll-shadow};
77
- --anra-disabled-bg: #{vars.$anra-light-disabled-bg};
78
- --anra-form-item-error-color: #{vars.$anra-light-form-item-error-color};
79
- --anra-info-bg: #{vars.$anra-light-tag-info-bg};
80
- --anra-form-input-border: #{vars.$anra-light-form-input-border};
81
- --anra-text-on-primary: #{vars.$anra-light-text-on-primary};
82
- --anra-text-subtle: #{vars.$anra-light-text-subtle};
83
- }
1
+ @forward './scss-tokens';
2
+ @use './scss-tokens' as vars;
3
+
4
+ // Apply SCSS variables
5
+ :root {
6
+ --anra-primary: #{vars.$anra-primary};
7
+ --anra-primary-accent: #{vars.$anra-primary-accent};
8
+ --anra-black: #{vars.$anra-black};
9
+ --anra-white: #{vars.$anra-white};
10
+ }
11
+
12
+ html.dark {
13
+ --anra-primary-theme: #{vars.$anra-primary};
14
+ --dynamic-light: #{vars.$anra-dark-dynamic-light};
15
+ --dynamic-dark: #{vars.$anra-dark-dynamic-dark};
16
+ --default-text-color: #{vars.$anra-dark-default-text-color};
17
+ --anra-bg-10: #{vars.$anra-dark-bg-10};
18
+ --anra-bg-15: #{vars.$anra-dark-bg-15};
19
+ --anra-bg-15-accent: #{vars.$anra-dark-bg-15-accent};
20
+ --anra-bg-15-accent-1: #{vars.$anra-dark-bg-15-accent-1};
21
+ --anra-bg-20: #{vars.$anra-dark-bg-20};
22
+ --anra-bg-20-rgb: #{vars.$anra-dark-bg-20-rgb};
23
+ --anra-bg-20-subtitle: #{vars.$anra-dark-bg-20-subtitle};
24
+ --anra-bg-25: #{vars.$anra-dark-bg-25};
25
+ --anra-bg-blue-50: #{vars.$anra-dark-bg-blue-50};
26
+ --anra-state-danger: #{vars.$anra-dark-state-danger};
27
+ --anra-state-error: #{vars.$anra-dark-state-error};
28
+ --anra-state-error-lighter: #{vars.$anra-dark-state-error-lighter};
29
+ --anra-state-error-lighter-50: #{vars.$anra-dark-state-error-lighter-50};
30
+ --anra-state-success: #{vars.$anra-dark-state-success};
31
+ --anra-state-info: #{vars.$anra-dark-state-info};
32
+ --anra-state-info-lighter: #{vars.$anra-dark-state-info-lighter};
33
+ --anra-state-warning: #{vars.$anra-dark-state-warning};
34
+ --anra-state-warning-50: #{vars.$anra-dark-state-warning-50};
35
+ --anra-text-placeholder: #{vars.$anra-dark-text-placeholder};
36
+ --anra-border-color: #{vars.$anra-dark-border-color};
37
+ --anra-border-color-light: #{vars.$anra-dark-border-color-light};
38
+ --anra-fill-color-light: #{vars.$anra-dark-fill-color-light};
39
+ --anra-mask-color: #{vars.$anra-dark-mask-color};
40
+ --anra-scroll-shadow: #{vars.$anra-dark-scroll-shadow};
41
+ --anra-disabled-bg: #{vars.$anra-dark-disabled-bg};
42
+ --anra-form-item-error-color: #{vars.$anra-dark-form-item-error-color};
43
+ --anra-info-bg: #{vars.$anra-dark-tag-info-bg};
44
+ --anra-form-input-border: #{vars.$anra-dark-form-input-border};
45
+ --anra-text-on-primary: #{vars.$anra-dark-text-on-primary};
46
+ --anra-text-subtle: #{vars.$anra-dark-text-subtle};
47
+ }
48
+
49
+ html.light {
50
+ --anra-primary-theme: #{vars.$anra-primary-dark};
51
+ --dynamic-light: #{vars.$anra-light-dynamic-light};
52
+ --dynamic-dark: #{vars.$anra-light-dynamic-dark};
53
+ --default-text-color: #{vars.$anra-light-default-text-color};
54
+ --anra-bg-10: #{vars.$anra-light-bg-10};
55
+ --anra-bg-15: #{vars.$anra-light-bg-15};
56
+ --anra-bg-15-accent: #{vars.$anra-light-bg-15-accent};
57
+ --anra-bg-15-accent-1: #{vars.$anra-light-bg-15-accent-1};
58
+ --anra-bg-20: #{vars.$anra-light-bg-20};
59
+ --anra-bg-20-rgb: #{vars.$anra-light-bg-20-rgb};
60
+ --anra-bg-20-subtitle: #{vars.$anra-light-bg-20-subtitle};
61
+ --anra-bg-25: #{vars.$anra-light-bg-25};
62
+ --anra-bg-blue-50: #{vars.$anra-light-bg-blue-50};
63
+ --anra-state-danger: #{vars.$anra-light-state-danger};
64
+ --anra-state-error: #{vars.$anra-light-state-error};
65
+ --anra-state-error-lighter: #{vars.$anra-light-state-error-lighter};
66
+ --anra-state-error-lighter-50: #{vars.$anra-light-state-error-lighter-50};
67
+ --anra-state-success: #{vars.$anra-light-state-success};
68
+ --anra-state-info: #{vars.$anra-light-state-info};
69
+ --anra-state-info-lighter: #{vars.$anra-light-state-info-lighter};
70
+ --anra-state-warning: #{vars.$anra-light-state-warning};
71
+ --anra-state-warning-50: #{vars.$anra-light-state-warning-50};
72
+ --anra-text-placeholder: #{vars.$anra-light-text-placeholder};
73
+ --anra-border-color: #{vars.$anra-light-border-color};
74
+ --anra-border-color-light: #{vars.$anra-light-border-color-light};
75
+ --anra-fill-color-light: #{vars.$anra-light-fill-color-light};
76
+ --anra-mask-color: #{vars.$anra-light-mask-color};
77
+ --anra-scroll-shadow: #{vars.$anra-light-scroll-shadow};
78
+ --anra-disabled-bg: #{vars.$anra-light-disabled-bg};
79
+ --anra-form-item-error-color: #{vars.$anra-light-form-item-error-color};
80
+ --anra-info-bg: #{vars.$anra-light-tag-info-bg};
81
+ --anra-form-input-border: #{vars.$anra-light-form-input-border};
82
+ --anra-text-on-primary: #{vars.$anra-light-text-on-primary};
83
+ --anra-text-subtle: #{vars.$anra-light-text-subtle};
84
+ }
@@ -1,8 +0,0 @@
1
- export type AppButtonVariant = 'primary' | 'secondary' | 'ghost';
2
- export type AppButtonSize = 'sm' | 'md' | 'lg';
3
- export interface AppButtonProps {
4
- disabled?: boolean;
5
- label?: string;
6
- size?: AppButtonSize;
7
- variant?: AppButtonVariant;
8
- }
@@ -1,20 +0,0 @@
1
- import './AppButton.element.scss';
2
- import type { AppButtonProps } from './AppButton.types';
3
- declare var __VLS_8: {};
4
- type __VLS_Slots = {} & {
5
- default?: (props: typeof __VLS_8) => any;
6
- };
7
- declare const __VLS_base: import("vue").DefineComponent<AppButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppButtonProps> & Readonly<{}>, {
8
- disabled: boolean;
9
- label: string;
10
- size: import("./AppButton.types").AppButtonSize;
11
- variant: import("./AppButton.types").AppButtonVariant;
12
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
13
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
14
- declare const _default: typeof __VLS_export;
15
- export default _default;
16
- type __VLS_WithSlots<T, S> = T & {
17
- new (): {
18
- $slots: S;
19
- };
20
- };
@@ -1,4 +0,0 @@
1
- import AppButton from './AppButton.vue';
2
- export default AppButton;
3
- export { AppButton };
4
- export type { AppButtonProps, AppButtonSize, AppButtonVariant } from './AppButton.types';
@@ -1,5 +0,0 @@
1
- export interface AppCardProps {
2
- eyebrow?: string;
3
- title: string;
4
- body?: string;
5
- }
@@ -1,17 +0,0 @@
1
- import type { AppCardProps } from './AppCard.types';
2
- declare var __VLS_1: {};
3
- type __VLS_Slots = {} & {
4
- default?: (props: typeof __VLS_1) => any;
5
- };
6
- declare const __VLS_base: import("vue").DefineComponent<AppCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppCardProps> & Readonly<{}>, {
7
- eyebrow: string;
8
- body: string;
9
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
10
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
- declare const _default: typeof __VLS_export;
12
- export default _default;
13
- type __VLS_WithSlots<T, S> = T & {
14
- new (): {
15
- $slots: S;
16
- };
17
- };
@@ -1,4 +0,0 @@
1
- import AppCard from './AppCard.vue';
2
- export default AppCard;
3
- export { AppCard };
4
- export type { AppCardProps } from './AppCard.types';
@@ -1,25 +0,0 @@
1
- import type { ButtonType, ElButton, UseTooltipProps } from 'element-plus';
2
- import type { T_FlyIconTypes } from '../../general/fly-icon/FlyIcon.types';
3
- export type FlyButtonIconPosition = 'left' | 'right';
4
- export type FlyButtonSizes = InstanceType<typeof ElButton>['$props']['size'];
5
- export type FlyButtonTypes = ButtonType;
6
- export type FlyButtonProps = {
7
- active?: boolean;
8
- appButtonClass?: string;
9
- aspect1?: boolean;
10
- /**
11
- * Test
12
- */
13
- clipRound?: boolean;
14
- full?: boolean;
15
- icon?: string | object;
16
- iconPosition?: FlyButtonIconPosition;
17
- iconType?: T_FlyIconTypes;
18
- imageUrl?: string;
19
- label?: string;
20
- size?: FlyButtonSizes;
21
- stop?: boolean;
22
- title?: string;
23
- tooltip?: UseTooltipProps;
24
- type?: FlyButtonTypes;
25
- };
@@ -1,26 +0,0 @@
1
- import './FlyButton.element.scss';
2
- import type { FlyButtonProps } from './FlyButton.types';
3
- declare var __VLS_20: {};
4
- type __VLS_Slots = {} & {
5
- default?: (props: typeof __VLS_20) => any;
6
- };
7
- declare const __VLS_base: import("vue").DefineComponent<FlyButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
- click: (...args: any[]) => void;
9
- }, string, import("vue").PublicProps, Readonly<FlyButtonProps> & Readonly<{
10
- onClick?: ((...args: any[]) => any) | undefined;
11
- }>, {
12
- stop: boolean;
13
- active: boolean;
14
- tooltip: import("element-plus").UseTooltipProps;
15
- aspect1: boolean;
16
- clipRound: boolean;
17
- full: boolean;
18
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
- declare const _default: typeof __VLS_export;
21
- export default _default;
22
- type __VLS_WithSlots<T, S> = T & {
23
- new (): {
24
- $slots: S;
25
- };
26
- };
@@ -1,4 +0,0 @@
1
- import FlyButton from './FlyButton.vue';
2
- export default FlyButton;
3
- export { FlyButton };
4
- export type { FlyButtonProps, FlyButtonSizes, FlyButtonIconPosition, FlyButtonTypes } from './FlyButton.types';
@@ -1,2 +0,0 @@
1
- export { default as FlyButton } from './fly-button';
2
- export type * from './fly-button';
@@ -1,2 +0,0 @@
1
- export { default as FlyTooltip } from './tooltip';
2
- export type * from './tooltip';
@@ -1,4 +0,0 @@
1
- import type { UseTooltipProps } from 'element-plus';
2
- export type T_FlyTooltipProps = {
3
- tooltip?: UseTooltipProps;
4
- };
@@ -1,16 +0,0 @@
1
- import type { T_FlyTooltipProps } from './FlyTooltip.types';
2
- declare var __VLS_8: {}, __VLS_11: {};
3
- type __VLS_Slots = {} & {
4
- default?: (props: typeof __VLS_8) => any;
5
- } & {
6
- content?: (props: typeof __VLS_11) => any;
7
- };
8
- declare const __VLS_base: import("vue").DefineComponent<T_FlyTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<T_FlyTooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
9
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
10
- declare const _default: typeof __VLS_export;
11
- export default _default;
12
- type __VLS_WithSlots<T, S> = T & {
13
- new (): {
14
- $slots: S;
15
- };
16
- };
@@ -1,4 +0,0 @@
1
- import FlyTooltip from './FlyTooltip.vue';
2
- export default FlyTooltip;
3
- export { FlyTooltip };
4
- export type { T_FlyTooltipProps } from './FlyTooltip.types';
@@ -1,7 +0,0 @@
1
- import { type Component } from 'vue';
2
- export type T_FlyIconTypes = 'mdi' | 'ri';
3
- export type T_FlyIcon = string | Component;
4
- export type T_FlyIconProps = {
5
- type?: T_FlyIconTypes;
6
- icon: T_FlyIcon;
7
- };
@@ -1,6 +0,0 @@
1
- import type { T_FlyIconProps } from './FlyIcon.types.ts';
2
- declare const __VLS_export: import("vue").DefineComponent<T_FlyIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<T_FlyIconProps> & Readonly<{}>, {
3
- type: import("./FlyIcon.types.ts").T_FlyIconTypes;
4
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
5
- declare const _default: typeof __VLS_export;
6
- export default _default;
@@ -1,4 +0,0 @@
1
- import FlyIcon from './FlyIcon.vue';
2
- export default FlyIcon;
3
- export { FlyIcon };
4
- export type { T_FlyIconProps } from './FlyIcon.types.ts';
@@ -1,2 +0,0 @@
1
- export { default as FlyIcon } from './fly-icon';
2
- export type * from './fly-icon';
@@ -1,8 +0,0 @@
1
- export { default as AppButton } from './AppButton';
2
- export type * from './AppButton';
3
- export { default as AppCard } from './AppCard';
4
- export type * from './AppCard';
5
- export * from './navigation';
6
- export * from './basic';
7
- export * from './feedback';
8
- export * from './general';
@@ -1,9 +0,0 @@
1
- export type T_FlyStepItem = {
2
- label: string;
3
- id: number;
4
- clickable?: boolean;
5
- };
6
- export type T_FlyStepProps = {
7
- steps: T_FlyStepItem[];
8
- activeIndex: number;
9
- };
@@ -1,9 +0,0 @@
1
- import './FlySteps.element.scss';
2
- import type { T_FlyStepProps } from './FlySteps.types';
3
- declare const __VLS_export: import("vue").DefineComponent<T_FlyStepProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
4
- "change-step": (data: number) => any;
5
- }, string, import("vue").PublicProps, Readonly<T_FlyStepProps> & Readonly<{
6
- "onChange-step"?: ((data: number) => any) | undefined;
7
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
8
- declare const _default: typeof __VLS_export;
9
- export default _default;
@@ -1,4 +0,0 @@
1
- import FlySteps from './FlySteps.vue';
2
- export default FlySteps;
3
- export { FlySteps };
4
- export type { T_FlyStepProps, T_FlyStepItem } from './FlySteps.types';
@@ -1,2 +0,0 @@
1
- export * from './menu';
2
- export * from './fly-steps';
@@ -1,7 +0,0 @@
1
- import type { T_FlyIconProps } from '../../../general/fly-icon';
2
- export type T_FlyMiniSidebarItem = {
3
- key: string | number;
4
- label: string;
5
- path: string;
6
- icon: T_FlyIconProps;
7
- };
@@ -1,8 +0,0 @@
1
- import './FlyMiniSidebar.element.scss';
2
- import type { T_FlyMiniSidebarItem } from './FlyMiniSidebar.types';
3
- type __VLS_Props = {
4
- menu: T_FlyMiniSidebarItem[];
5
- };
6
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
- declare const _default: typeof __VLS_export;
8
- export default _default;
@@ -1,7 +0,0 @@
1
- import type { T_FlyMiniSidebarItem } from './FlyMiniSidebar.types';
2
- type __VLS_Props = {
3
- menu: T_FlyMiniSidebarItem;
4
- };
5
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
6
- declare const _default: typeof __VLS_export;
7
- export default _default;
@@ -1,4 +0,0 @@
1
- import FlyMiniSidebar from './FlyMiniSidebar.vue';
2
- export default FlyMiniSidebar;
3
- export { FlyMiniSidebar };
4
- export type { T_FlyMiniSidebarItem } from './FlyMiniSidebar.types';
@@ -1,29 +0,0 @@
1
- import type { T_FlyIconProps } from '../../../general/fly-icon/FlyIcon.types';
2
- export type T_FlySidebarBase = {
3
- index: string;
4
- label?: string;
5
- icon?: T_FlyIconProps;
6
- disabled?: boolean;
7
- };
8
- export type T_FlySidebarItem = T_FlySidebarBase & {
9
- type: 'item';
10
- };
11
- export type T_FlySidebarSubMenu = T_FlySidebarBase & {
12
- type: 'submenu';
13
- children: T_FlySidebarNode[];
14
- };
15
- export type T_FlySidebarGroup = {
16
- index: string;
17
- type: 'group';
18
- label?: string;
19
- children: T_FlySidebarItem[];
20
- };
21
- export type T_FlySidebarNode = T_FlySidebarItem | T_FlySidebarSubMenu | T_FlySidebarGroup;
22
- export type T_FlySidebar = T_FlySidebarNode[];
23
- export type T_FlySidebarProps = {
24
- isCollapsed?: boolean;
25
- router?: boolean;
26
- defaultActive?: string;
27
- menu: T_FlySidebarNode[];
28
- height?: string;
29
- };
@@ -1,8 +0,0 @@
1
- import './FlySidebar.element.scss';
2
- import type { T_FlySidebarProps } from './FlySidebar.types';
3
- declare const __VLS_export: import("vue").DefineComponent<T_FlySidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<T_FlySidebarProps> & Readonly<{}>, {
4
- router: boolean;
5
- defaultActive: string;
6
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
- declare const _default: typeof __VLS_export;
8
- export default _default;
@@ -1,7 +0,0 @@
1
- import type { T_FlySidebarNode } from './FlySidebar.types';
2
- type __VLS_Props = {
3
- node: T_FlySidebarNode;
4
- };
5
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
6
- declare const _default: typeof __VLS_export;
7
- export default _default;
@@ -1,4 +0,0 @@
1
- import FlySidebar from './FlySidebar.vue';
2
- export default FlySidebar;
3
- export { FlySidebar };
4
- export type { T_FlySidebar, T_FlySidebarNode, T_FlySidebarGroup, T_FlySidebarSubMenu, T_FlySidebarBase } from './FlySidebar.types';
@@ -1,4 +0,0 @@
1
- export { default as FlySidebar } from './fly-sidebar';
2
- export type * from './fly-sidebar';
3
- export { default as FlyMiniSidebar } from './fly-mini-sidebar';
4
- export type * from './fly-mini-sidebar';
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- @use '../../styles/element/common.scss' as *;
2
- @use 'element-plus/theme-chalk/src/button.scss' as *;
@@ -1,10 +0,0 @@
1
- export type AppButtonVariant = 'primary' | 'secondary' | 'ghost'
2
-
3
- export type AppButtonSize = 'sm' | 'md' | 'lg'
4
-
5
- export interface AppButtonProps {
6
- disabled?: boolean
7
- label?: string
8
- size?: AppButtonSize
9
- variant?: AppButtonVariant
10
- }
@@ -1,65 +0,0 @@
1
- <script setup lang="ts">
2
- import { computed } from 'vue'
3
-
4
- import { ElButton } from 'element-plus'
5
-
6
- import './AppButton.element.scss'
7
- import type { AppButtonProps } from './AppButton.types'
8
-
9
- const props = withDefaults(defineProps<AppButtonProps>(), {
10
- disabled: false,
11
- label: 'Button',
12
- size: 'md',
13
- variant: 'primary'
14
- })
15
-
16
- const buttonType = computed(() => {
17
- if (props.variant === 'primary') {
18
- return 'primary'
19
- }
20
-
21
- return 'default'
22
- })
23
-
24
- const buttonSize = computed(() => {
25
- if (props.size === 'sm') {
26
- return 'small'
27
- }
28
-
29
- if (props.size === 'lg') {
30
- return 'large'
31
- }
32
-
33
- return 'default'
34
- })
35
-
36
- const isPlain = computed(() => props.variant === 'secondary')
37
- const isText = computed(() => props.variant === 'ghost')
38
- </script>
39
-
40
- <template>
41
- <ElButton
42
- :disabled="props.disabled"
43
- :plain="isPlain"
44
- :size="buttonSize"
45
- :text="isText"
46
- :type="buttonType"
47
- >
48
- <slot>{{ props.label }}</slot>
49
- </ElButton>
50
- </template>
51
-
52
- <style scoped>
53
- :deep(.el-button) {
54
- font-weight: 600;
55
- box-shadow: 0 10px 24px rgba(23, 32, 51, 0.12);
56
- }
57
-
58
- :deep(.el-button.is-text) {
59
- padding-inline: 0.25rem;
60
- }
61
-
62
- :global(html.dark) :deep(.el-button:not(.is-text)) {
63
- box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
64
- }
65
- </style>
@@ -1,6 +0,0 @@
1
- import AppButton from './AppButton.vue'
2
-
3
- export default AppButton
4
- export { AppButton }
5
-
6
- export type { AppButtonProps, AppButtonSize, AppButtonVariant } from './AppButton.types'
@@ -1,5 +0,0 @@
1
- export interface AppCardProps {
2
- eyebrow?: string
3
- title: string
4
- body?: string
5
- }