@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.
- package/README.md +176 -176
- package/package.json +137 -128
- package/src/components/basic/fly-button/FlyButton.element.scss +3 -3
- package/src/components/basic/fly-button/FlyButton.mixins.scss +58 -58
- package/src/components/basic/fly-button/FlyButton.types.ts +29 -29
- package/src/components/basic/fly-button/FlyButton.vue +180 -180
- package/src/components/basic/fly-button/index.ts +11 -11
- package/src/components/basic/index.ts +2 -2
- package/src/components/basic/typography/FlyCollapseTitleRenderer.vue +46 -0
- package/src/components/feedback/index.ts +2 -2
- package/src/components/feedback/tooltip/FlyInfoTooltip.vue +48 -0
- package/src/components/feedback/tooltip/FlyTooltip.element.scss +4 -4
- package/src/components/feedback/tooltip/FlyTooltip.types.ts +5 -5
- package/src/components/feedback/tooltip/FlyTooltip.vue +60 -59
- package/src/components/feedback/tooltip/index.ts +6 -6
- package/src/components/form/form.utils.ts +57 -0
- package/src/components/form/index.ts +0 -0
- package/src/components/form/input-renderers/boolean/FlyBoolean.scss +1 -0
- package/src/components/form/input-renderers/boolean/FlyBoolean.types.ts +16 -0
- package/src/components/form/input-renderers/boolean/FlyBoolean.vue +35 -0
- package/src/components/form/input-renderers/date-time/FlyDateTime.scss +1 -0
- package/src/components/form/input-renderers/date-time/FlyDateTime.types.ts +21 -0
- package/src/components/form/input-renderers/date-time/FlyDateTime.vue +85 -0
- package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.scss +4 -0
- package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue +48 -0
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.ts +3 -0
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.utils.ts +246 -0
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.vue +75 -0
- package/src/components/form/input-renderers/form-schema-renderer/UseFormSchemaRenderer.ts +97 -0
- package/src/components/form/input-renderers/form-schema.types.ts +95 -0
- package/src/components/form/input-renderers/input-renderer/FlyInputRenderer.vue +49 -0
- package/src/components/form/input-renderers/input-renderer.types.ts +49 -0
- package/src/components/form/input-renderers/input-renderer.utils.ts +18 -0
- package/src/components/form/input-renderers/number/FlyNumber.scss +1 -0
- package/src/components/form/input-renderers/number/FlyNumber.types.ts +13 -0
- package/src/components/form/input-renderers/number/FlyNumber.utils.ts +6 -0
- package/src/components/form/input-renderers/number/FlyNumber.vue +48 -0
- package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.types.ts +15 -0
- package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.vue +99 -0
- package/src/components/form/input-renderers/select/FlySelect.scss +9 -0
- package/src/components/form/input-renderers/select/FlySelect.types.ts +25 -0
- package/src/components/form/input-renderers/select/FlySelect.utils.ts +37 -0
- package/src/components/form/input-renderers/select/FlySelect.vue +48 -0
- package/src/components/form/input-renderers/text/FlyText.scss +1 -0
- package/src/components/form/input-renderers/text/FlyText.types.ts +20 -0
- package/src/components/form/input-renderers/text/FlyText.vue +56 -0
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.scss +2 -0
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.types.ts +28 -0
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.vue +101 -0
- package/src/components/form/input-validators.ts +121 -0
- package/src/components/general/fly-icon/FlyIcon.types.ts +12 -12
- package/src/components/general/fly-icon/FlyIcon.vue +24 -24
- package/src/components/general/fly-icon/index.ts +6 -6
- package/src/components/general/index.ts +2 -2
- package/src/components/index.ts +5 -11
- package/src/components/navigation/fly-steps/FlySteps.element.scss +100 -100
- package/src/components/navigation/fly-steps/FlySteps.types.ts +10 -10
- package/src/components/navigation/fly-steps/FlySteps.vue +30 -30
- package/src/components/navigation/fly-steps/index.ts +6 -6
- package/src/components/navigation/index.ts +2 -2
- package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.element.scss +2 -2
- package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.ts +8 -8
- package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.vue +46 -46
- package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue +55 -55
- package/src/components/navigation/menu/fly-mini-sidebar/index.ts +6 -6
- package/src/components/navigation/menu/fly-sidebar/FlySidebar.element.scss +9 -9
- package/src/components/navigation/menu/fly-sidebar/FlySidebar.types.ts +36 -36
- package/src/components/navigation/menu/fly-sidebar/FlySidebar.vue +150 -150
- package/src/components/navigation/menu/fly-sidebar/FlySidebarNode.vue +47 -47
- package/src/components/navigation/menu/fly-sidebar/index.ts +12 -12
- package/src/components/navigation/menu/index.ts +5 -5
- package/src/index.ts +1 -1
- package/src/styles/_scss-tokens.scss +76 -76
- package/src/styles/core/animations.scss +40 -40
- package/src/styles/core/index.scss +36 -36
- package/src/styles/core/scrollbar.scss +36 -36
- package/src/styles/core/typography-utils.scss +9 -9
- package/src/styles/element/common.scss +56 -56
- package/src/styles/element/dark.scss +38 -38
- package/src/styles/element/mixins/collapse.scss +61 -61
- package/src/styles/element/mixins/dialog.scss +101 -101
- package/src/styles/element/overrides/alerts.scss +28 -28
- package/src/styles/element/overrides/badge.scss +6 -6
- package/src/styles/element/overrides/cascader.scss +2 -2
- package/src/styles/element/overrides/collapse.scss +2 -2
- package/src/styles/element/overrides/date-time.scss +11 -0
- package/src/styles/element/overrides/dialog.scss +2 -2
- package/src/styles/element/overrides/dropdown.scss +11 -11
- package/src/styles/element/overrides/form.scss +107 -107
- package/src/styles/element/overrides/message.scss +39 -39
- package/src/styles/element/overrides/notification.scss +46 -46
- package/src/styles/element/overrides/segmented.scss +17 -17
- package/src/styles/element/overrides/table.scss +2 -2
- package/src/styles/element/overrides/tag.scss +19 -19
- package/src/styles/index.d.ts +1 -1
- package/src/styles/index.scss +5 -5
- package/src/styles/mixins/shadows.scss +15 -15
- package/src/styles/tokens.scss +84 -83
- package/dist/types/components/AppButton/AppButton.types.d.ts +0 -8
- package/dist/types/components/AppButton/AppButton.vue.d.ts +0 -20
- package/dist/types/components/AppButton/index.d.ts +0 -4
- package/dist/types/components/AppCard/AppCard.types.d.ts +0 -5
- package/dist/types/components/AppCard/AppCard.vue.d.ts +0 -17
- package/dist/types/components/AppCard/index.d.ts +0 -4
- package/dist/types/components/basic/fly-button/FlyButton.types.d.ts +0 -25
- package/dist/types/components/basic/fly-button/FlyButton.vue.d.ts +0 -26
- package/dist/types/components/basic/fly-button/index.d.ts +0 -4
- package/dist/types/components/basic/index.d.ts +0 -2
- package/dist/types/components/feedback/index.d.ts +0 -2
- package/dist/types/components/feedback/tooltip/FlyTooltip.types.d.ts +0 -4
- package/dist/types/components/feedback/tooltip/FlyTooltip.vue.d.ts +0 -16
- package/dist/types/components/feedback/tooltip/index.d.ts +0 -4
- package/dist/types/components/general/fly-icon/FlyIcon.types.d.ts +0 -7
- package/dist/types/components/general/fly-icon/FlyIcon.vue.d.ts +0 -6
- package/dist/types/components/general/fly-icon/index.d.ts +0 -4
- package/dist/types/components/general/index.d.ts +0 -2
- package/dist/types/components/index.d.ts +0 -8
- package/dist/types/components/navigation/fly-steps/FlySteps.types.d.ts +0 -9
- package/dist/types/components/navigation/fly-steps/FlySteps.vue.d.ts +0 -9
- package/dist/types/components/navigation/fly-steps/index.d.ts +0 -4
- package/dist/types/components/navigation/index.d.ts +0 -2
- package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.d.ts +0 -7
- package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.vue.d.ts +0 -8
- package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue.d.ts +0 -7
- package/dist/types/components/navigation/menu/fly-mini-sidebar/index.d.ts +0 -4
- package/dist/types/components/navigation/menu/fly-sidebar/FlySidebar.types.d.ts +0 -29
- package/dist/types/components/navigation/menu/fly-sidebar/FlySidebar.vue.d.ts +0 -8
- package/dist/types/components/navigation/menu/fly-sidebar/FlySidebarNode.vue.d.ts +0 -7
- package/dist/types/components/navigation/menu/fly-sidebar/index.d.ts +0 -4
- package/dist/types/components/navigation/menu/index.d.ts +0 -4
- package/dist/types/index.d.ts +0 -1
- package/dist/types/types/index.d.ts +0 -1
- package/src/components/AppButton/AppButton.element.scss +0 -2
- package/src/components/AppButton/AppButton.types.ts +0 -10
- package/src/components/AppButton/AppButton.vue +0 -65
- package/src/components/AppButton/index.ts +0 -6
- package/src/components/AppCard/AppCard.types.ts +0 -5
- package/src/components/AppCard/AppCard.vue +0 -58
- package/src/components/AppCard/index.ts +0 -6
package/src/styles/tokens.scss
CHANGED
|
@@ -1,83 +1,84 @@
|
|
|
1
|
-
@
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
--anra-primary
|
|
7
|
-
--anra-
|
|
8
|
-
--anra-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
--
|
|
14
|
-
--dynamic-
|
|
15
|
-
--
|
|
16
|
-
--
|
|
17
|
-
--anra-bg-
|
|
18
|
-
--anra-bg-15
|
|
19
|
-
--anra-bg-15-accent
|
|
20
|
-
--anra-bg-
|
|
21
|
-
--anra-bg-20
|
|
22
|
-
--anra-bg-20-
|
|
23
|
-
--anra-bg-
|
|
24
|
-
--anra-bg-
|
|
25
|
-
--anra-
|
|
26
|
-
--anra-state-
|
|
27
|
-
--anra-state-error
|
|
28
|
-
--anra-state-error-lighter
|
|
29
|
-
--anra-state-
|
|
30
|
-
--anra-state-
|
|
31
|
-
--anra-state-info
|
|
32
|
-
--anra-state-
|
|
33
|
-
--anra-state-warning
|
|
34
|
-
--anra-
|
|
35
|
-
--anra-
|
|
36
|
-
--anra-border-color
|
|
37
|
-
--anra-
|
|
38
|
-
--anra-
|
|
39
|
-
--anra-
|
|
40
|
-
--anra-
|
|
41
|
-
--anra-
|
|
42
|
-
--anra-
|
|
43
|
-
--anra-
|
|
44
|
-
--anra-
|
|
45
|
-
--anra-text-
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
--
|
|
51
|
-
--dynamic-
|
|
52
|
-
--
|
|
53
|
-
--
|
|
54
|
-
--anra-bg-
|
|
55
|
-
--anra-bg-15
|
|
56
|
-
--anra-bg-15-accent
|
|
57
|
-
--anra-bg-
|
|
58
|
-
--anra-bg-20
|
|
59
|
-
--anra-bg-20-
|
|
60
|
-
--anra-bg-
|
|
61
|
-
--anra-bg-
|
|
62
|
-
--anra-
|
|
63
|
-
--anra-state-
|
|
64
|
-
--anra-state-error
|
|
65
|
-
--anra-state-error-lighter
|
|
66
|
-
--anra-state-
|
|
67
|
-
--anra-state-
|
|
68
|
-
--anra-state-info
|
|
69
|
-
--anra-state-
|
|
70
|
-
--anra-state-warning
|
|
71
|
-
--anra-
|
|
72
|
-
--anra-
|
|
73
|
-
--anra-border-color
|
|
74
|
-
--anra-
|
|
75
|
-
--anra-
|
|
76
|
-
--anra-
|
|
77
|
-
--anra-
|
|
78
|
-
--anra-
|
|
79
|
-
--anra-
|
|
80
|
-
--anra-
|
|
81
|
-
--anra-
|
|
82
|
-
--anra-text-
|
|
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,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,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,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,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,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,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
|
-
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,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,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;
|
package/dist/types/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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>
|