@flyanra/vue-core 0.4.0 → 0.4.2
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 -138
- 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 -46
- package/src/components/feedback/index.ts +2 -2
- package/src/components/feedback/tooltip/FlyInfoTooltip.vue +48 -48
- 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 -60
- package/src/components/feedback/tooltip/index.ts +6 -6
- package/src/components/form/form.utils.ts +57 -57
- package/src/components/form/input-renderers/boolean/FlyBoolean.scss +1 -1
- package/src/components/form/input-renderers/boolean/FlyBoolean.types.ts +16 -16
- package/src/components/form/input-renderers/boolean/FlyBoolean.vue +35 -35
- package/src/components/form/input-renderers/date-time/FlyDateTime.scss +1 -1
- package/src/components/form/input-renderers/date-time/FlyDateTime.types.ts +21 -21
- package/src/components/form/input-renderers/date-time/FlyDateTime.vue +85 -85
- package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.scss +4 -4
- package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue +48 -48
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.ts +3 -3
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.utils.ts +246 -246
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.vue +75 -75
- package/src/components/form/input-renderers/form-schema-renderer/UseFormSchemaRenderer.ts +97 -97
- package/src/components/form/input-renderers/form-schema.types.ts +95 -95
- package/src/components/form/input-renderers/input-renderer/FlyInputRenderer.vue +49 -49
- package/src/components/form/input-renderers/input-renderer.types.ts +49 -49
- package/src/components/form/input-renderers/input-renderer.utils.ts +18 -18
- package/src/components/form/input-renderers/number/FlyNumber.scss +1 -1
- package/src/components/form/input-renderers/number/FlyNumber.types.ts +13 -13
- package/src/components/form/input-renderers/number/FlyNumber.utils.ts +6 -6
- package/src/components/form/input-renderers/number/FlyNumber.vue +48 -48
- package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.types.ts +15 -15
- package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.vue +99 -99
- package/src/components/form/input-renderers/select/FlySelect.scss +1 -1
- package/src/components/form/input-renderers/select/FlySelect.types.ts +25 -25
- package/src/components/form/input-renderers/select/FlySelect.utils.ts +37 -37
- package/src/components/form/input-renderers/select/FlySelect.vue +48 -48
- package/src/components/form/input-renderers/text/FlyText.scss +1 -1
- package/src/components/form/input-renderers/text/FlyText.types.ts +20 -20
- package/src/components/form/input-renderers/text/FlyText.vue +56 -56
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.scss +2 -2
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.types.ts +28 -28
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.vue +101 -101
- package/src/components/form/input-validators.ts +121 -121
- 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 -5
- 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 -11
- 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 +105 -105
- package/src/styles/element/overrides/message-box.scss +2 -2
- package/src/styles/element/overrides/message.scss +39 -39
- package/src/styles/element/overrides/notification.scss +46 -46
- package/src/styles/element/overrides/radio.scss +2 -2
- package/src/styles/element/overrides/segmented.scss +17 -17
- package/src/styles/element/overrides/select.scss +9 -9
- 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/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/basic/typography/FlyCollapseTitleRenderer.vue.d.ts +0 -16
- package/dist/types/components/feedback/index.d.ts +0 -2
- package/dist/types/components/feedback/tooltip/FlyInfoTooltip.vue.d.ts +0 -36
- package/dist/types/components/feedback/tooltip/FlyTooltip.types.d.ts +0 -4
- package/dist/types/components/feedback/tooltip/FlyTooltip.vue.d.ts +0 -17
- package/dist/types/components/feedback/tooltip/index.d.ts +0 -4
- package/dist/types/components/form/form.utils.d.ts +0 -10
- package/dist/types/components/form/index.d.ts +0 -1
- package/dist/types/components/form/input-renderers/boolean/FlyBoolean.types.d.ts +0 -14
- package/dist/types/components/form/input-renderers/boolean/FlyBoolean.vue.d.ts +0 -15
- package/dist/types/components/form/input-renderers/date-time/FlyDateTime.types.d.ts +0 -20
- package/dist/types/components/form/input-renderers/date-time/FlyDateTime.vue.d.ts +0 -19
- package/dist/types/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue.d.ts +0 -19
- package/dist/types/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.d.ts +0 -2
- package/dist/types/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.utils.d.ts +0 -23
- package/dist/types/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.vue.d.ts +0 -17
- package/dist/types/components/form/input-renderers/form-schema-renderer/UseFormSchemaRenderer.d.ts +0 -25
- package/dist/types/components/form/input-renderers/form-schema.types.d.ts +0 -77
- package/dist/types/components/form/input-renderers/input-renderer/FlyInputRenderer.vue.d.ts +0 -18
- package/dist/types/components/form/input-renderers/input-renderer.types.d.ts +0 -30
- package/dist/types/components/form/input-renderers/input-renderer.utils.d.ts +0 -2
- package/dist/types/components/form/input-renderers/number/FlyNumber.types.d.ts +0 -13
- package/dist/types/components/form/input-renderers/number/FlyNumber.utils.d.ts +0 -1
- package/dist/types/components/form/input-renderers/number/FlyNumber.vue.d.ts +0 -19
- package/dist/types/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.types.d.ts +0 -13
- package/dist/types/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.vue.d.ts +0 -20
- package/dist/types/components/form/input-renderers/select/FlySelect.types.d.ts +0 -22
- package/dist/types/components/form/input-renderers/select/FlySelect.utils.d.ts +0 -2
- package/dist/types/components/form/input-renderers/select/FlySelect.vue.d.ts +0 -19
- package/dist/types/components/form/input-renderers/text/FlyText.types.d.ts +0 -18
- package/dist/types/components/form/input-renderers/text/FlyText.vue.d.ts +0 -19
- package/dist/types/components/form/input-renderers/value-unit/FlyValueUnit.types.d.ts +0 -23
- package/dist/types/components/form/input-renderers/value-unit/FlyValueUnit.vue.d.ts +0 -19
- package/dist/types/components/form/input-validators.d.ts +0 -13
- 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 -4
- 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/composables/UseLocaleInjector.d.ts +0 -6
- package/dist/types/index.d.ts +0 -1
- package/dist/types/types/index.d.ts +0 -1
- package/dist/types/utils/pure-functions.d.ts +0 -1
- package/dist/types/utils/validators.d.ts +0 -9
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
@use 'element-plus/theme-chalk/src/notification.scss' as *;
|
|
2
|
-
|
|
3
|
-
.el-notification {
|
|
4
|
-
--el-notification-radius: 5px;
|
|
5
|
-
width: 400px;
|
|
6
|
-
background-color: var(--anra-bg-25);
|
|
7
|
-
border-color: var(--anra-border-color);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.el-notification.collision-alert-notification-container {
|
|
11
|
-
--border-color: var(--anra-state-error-lighter-50);
|
|
12
|
-
--text-color: var(--default-text-color);
|
|
13
|
-
--bg-color: var(--dynamic-dark);
|
|
14
|
-
|
|
15
|
-
width: 500px;
|
|
16
|
-
background-color: var(--bg-color);
|
|
17
|
-
border-color: var(--border-color);
|
|
18
|
-
|
|
19
|
-
.el-notification__icon,
|
|
20
|
-
.el-notification__title {
|
|
21
|
-
display: none;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.el-notification__content {
|
|
25
|
-
color: var(--text-color);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.el-notification.geofence-alert-notification-container {
|
|
30
|
-
--border-color: var(--anra-state-warning-50);
|
|
31
|
-
--text-color: var(--default-text-color);
|
|
32
|
-
--bg-color: var(--dynamic-dark);
|
|
33
|
-
|
|
34
|
-
width: 500px;
|
|
35
|
-
background-color: var(--bg-color);
|
|
36
|
-
border-color: var(--border-color);
|
|
37
|
-
|
|
38
|
-
.el-notification__icon,
|
|
39
|
-
.el-notification__title {
|
|
40
|
-
display: none;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.el-notification__content {
|
|
44
|
-
color: var(--text-color);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
1
|
+
@use 'element-plus/theme-chalk/src/notification.scss' as *;
|
|
2
|
+
|
|
3
|
+
.el-notification {
|
|
4
|
+
--el-notification-radius: 5px;
|
|
5
|
+
width: 400px;
|
|
6
|
+
background-color: var(--anra-bg-25);
|
|
7
|
+
border-color: var(--anra-border-color);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.el-notification.collision-alert-notification-container {
|
|
11
|
+
--border-color: var(--anra-state-error-lighter-50);
|
|
12
|
+
--text-color: var(--default-text-color);
|
|
13
|
+
--bg-color: var(--dynamic-dark);
|
|
14
|
+
|
|
15
|
+
width: 500px;
|
|
16
|
+
background-color: var(--bg-color);
|
|
17
|
+
border-color: var(--border-color);
|
|
18
|
+
|
|
19
|
+
.el-notification__icon,
|
|
20
|
+
.el-notification__title {
|
|
21
|
+
display: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.el-notification__content {
|
|
25
|
+
color: var(--text-color);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.el-notification.geofence-alert-notification-container {
|
|
30
|
+
--border-color: var(--anra-state-warning-50);
|
|
31
|
+
--text-color: var(--default-text-color);
|
|
32
|
+
--bg-color: var(--dynamic-dark);
|
|
33
|
+
|
|
34
|
+
width: 500px;
|
|
35
|
+
background-color: var(--bg-color);
|
|
36
|
+
border-color: var(--border-color);
|
|
37
|
+
|
|
38
|
+
.el-notification__icon,
|
|
39
|
+
.el-notification__title {
|
|
40
|
+
display: none;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.el-notification__content {
|
|
44
|
+
color: var(--text-color);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use 'element-plus/theme-chalk/src/radio.scss';
|
|
2
|
-
@use 'element-plus/theme-chalk/src/radio-group.scss';
|
|
1
|
+
@use 'element-plus/theme-chalk/src/radio.scss';
|
|
2
|
+
@use 'element-plus/theme-chalk/src/radio-group.scss';
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
@use 'element-plus/theme-chalk/src/segmented.scss' as *;
|
|
2
|
-
|
|
3
|
-
.el-segmented {
|
|
4
|
-
border: 1px solid var(--anra-border-color);
|
|
5
|
-
|
|
6
|
-
.el-segmented__item.is-selected {
|
|
7
|
-
--el-segmented-item-selected-color: var(--anra-white);
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
html.dark {
|
|
12
|
-
.el-segmented {
|
|
13
|
-
.el-segmented__item.is-selected {
|
|
14
|
-
--el-segmented-item-selected-color: var(--anra-black);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|
|
1
|
+
@use 'element-plus/theme-chalk/src/segmented.scss' as *;
|
|
2
|
+
|
|
3
|
+
.el-segmented {
|
|
4
|
+
border: 1px solid var(--anra-border-color);
|
|
5
|
+
|
|
6
|
+
.el-segmented__item.is-selected {
|
|
7
|
+
--el-segmented-item-selected-color: var(--anra-white);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
html.dark {
|
|
12
|
+
.el-segmented {
|
|
13
|
+
.el-segmented__item.is-selected {
|
|
14
|
+
--el-segmented-item-selected-color: var(--anra-black);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@use 'element-plus/theme-chalk/src/select.scss';
|
|
2
|
-
@use 'element-plus/theme-chalk/src/option.scss';
|
|
3
|
-
|
|
4
|
-
@use 'element-plus/theme-chalk/src/input.scss';
|
|
5
|
-
@use 'element-plus/theme-chalk/src/tag.scss';
|
|
6
|
-
|
|
7
|
-
@use 'element-plus/theme-chalk/src/popper.scss';
|
|
8
|
-
@use 'element-plus/theme-chalk/src/scrollbar.scss';
|
|
9
|
-
@use 'element-plus/theme-chalk/src/icon.scss';
|
|
1
|
+
@use 'element-plus/theme-chalk/src/select.scss';
|
|
2
|
+
@use 'element-plus/theme-chalk/src/option.scss';
|
|
3
|
+
|
|
4
|
+
@use 'element-plus/theme-chalk/src/input.scss';
|
|
5
|
+
@use 'element-plus/theme-chalk/src/tag.scss';
|
|
6
|
+
|
|
7
|
+
@use 'element-plus/theme-chalk/src/popper.scss';
|
|
8
|
+
@use 'element-plus/theme-chalk/src/scrollbar.scss';
|
|
9
|
+
@use 'element-plus/theme-chalk/src/icon.scss';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use 'element-plus/theme-chalk/src/table-column.scss';
|
|
2
|
-
@use 'element-plus/theme-chalk/src/table.scss';
|
|
1
|
+
@use 'element-plus/theme-chalk/src/table-column.scss';
|
|
2
|
+
@use 'element-plus/theme-chalk/src/table.scss';
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
@use 'element-plus/theme-chalk/src/tag.scss' as *;
|
|
2
|
-
|
|
3
|
-
.el-tag--info {
|
|
4
|
-
&.el-tag--light {
|
|
5
|
-
--el-tag-text-color: var(--default-text-color);
|
|
6
|
-
--el-tag-bg-color: var(--anra-info-bg);
|
|
7
|
-
--el-tag-border-color: var(--anra-info-bg);
|
|
8
|
-
}
|
|
9
|
-
&.el-tag--dark {
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.el-tag--warning {
|
|
14
|
-
&.el-tag--light {
|
|
15
|
-
}
|
|
16
|
-
&.el-tag--dark {
|
|
17
|
-
--el-tag-text-color: var(--anra-black);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
1
|
+
@use 'element-plus/theme-chalk/src/tag.scss' as *;
|
|
2
|
+
|
|
3
|
+
.el-tag--info {
|
|
4
|
+
&.el-tag--light {
|
|
5
|
+
--el-tag-text-color: var(--default-text-color);
|
|
6
|
+
--el-tag-bg-color: var(--anra-info-bg);
|
|
7
|
+
--el-tag-border-color: var(--anra-info-bg);
|
|
8
|
+
}
|
|
9
|
+
&.el-tag--dark {
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.el-tag--warning {
|
|
14
|
+
&.el-tag--light {
|
|
15
|
+
}
|
|
16
|
+
&.el-tag--dark {
|
|
17
|
+
--el-tag-text-color: var(--anra-black);
|
|
18
|
+
}
|
|
19
|
+
}
|
package/src/styles/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
// Type declaration for side-effect style import
|
|
1
|
+
// Type declaration for side-effect style import
|
package/src/styles/index.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@
|
|
2
|
-
@use './element/common.scss' as *;
|
|
3
|
-
@use 'element-plus/theme-chalk/src/var.scss' as *;
|
|
4
|
-
@use './element/dark.scss' as *;
|
|
5
|
-
@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;
|
|
1
|
+
@forward './tokens';
|
|
2
|
+
@use './element/common.scss' as *;
|
|
3
|
+
@use 'element-plus/theme-chalk/src/var.scss' as *;
|
|
4
|
+
@use './element/dark.scss' as *;
|
|
5
|
+
@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
@mixin shadow {
|
|
2
|
-
box-shadow:
|
|
3
|
-
0 0 #0000,
|
|
4
|
-
0 0 #0000,
|
|
5
|
-
0 1px 3px 0 rgb(0 0 0 / 0.1),
|
|
6
|
-
0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@mixin shadow-lg {
|
|
10
|
-
box-shadow:
|
|
11
|
-
0 0 #0000,
|
|
12
|
-
0 0 #0000,
|
|
13
|
-
0 10px 15px -3px rgb(0 0 0 / 0.1),
|
|
14
|
-
0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
15
|
-
}
|
|
1
|
+
@mixin shadow {
|
|
2
|
+
box-shadow:
|
|
3
|
+
0 0 #0000,
|
|
4
|
+
0 0 #0000,
|
|
5
|
+
0 1px 3px 0 rgb(0 0 0 / 0.1),
|
|
6
|
+
0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@mixin shadow-lg {
|
|
10
|
+
box-shadow:
|
|
11
|
+
0 0 #0000,
|
|
12
|
+
0 0 #0000,
|
|
13
|
+
0 10px 15px -3px rgb(0 0 0 / 0.1),
|
|
14
|
+
0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
15
|
+
}
|
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,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
|
-
type __VLS_Props = {
|
|
2
|
-
title: string;
|
|
3
|
-
};
|
|
4
|
-
declare var __VLS_1: {};
|
|
5
|
-
type __VLS_Slots = {} & {
|
|
6
|
-
default?: (props: typeof __VLS_1) => any;
|
|
7
|
-
};
|
|
8
|
-
declare const __VLS_base: 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>;
|
|
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,36 +0,0 @@
|
|
|
1
|
-
declare var __VLS_7: {}, __VLS_15: {};
|
|
2
|
-
type __VLS_Slots = {} & {
|
|
3
|
-
trigger?: (props: typeof __VLS_7) => any;
|
|
4
|
-
} & {
|
|
5
|
-
default?: (props: typeof __VLS_15) => any;
|
|
6
|
-
};
|
|
7
|
-
declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
8
|
-
content: {
|
|
9
|
-
type: StringConstructor;
|
|
10
|
-
default: string;
|
|
11
|
-
};
|
|
12
|
-
html: {
|
|
13
|
-
type: BooleanConstructor;
|
|
14
|
-
default: boolean;
|
|
15
|
-
};
|
|
16
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
-
content: {
|
|
18
|
-
type: StringConstructor;
|
|
19
|
-
default: string;
|
|
20
|
-
};
|
|
21
|
-
html: {
|
|
22
|
-
type: BooleanConstructor;
|
|
23
|
-
default: boolean;
|
|
24
|
-
};
|
|
25
|
-
}>> & Readonly<{}>, {
|
|
26
|
-
html: boolean;
|
|
27
|
-
content: string;
|
|
28
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
29
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
30
|
-
declare const _default: typeof __VLS_export;
|
|
31
|
-
export default _default;
|
|
32
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
33
|
-
new (): {
|
|
34
|
-
$slots: S;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import './FlyTooltip.element.scss';
|
|
2
|
-
import type { T_FlyTooltipProps } from './FlyTooltip.types';
|
|
3
|
-
declare var __VLS_8: {}, __VLS_11: {};
|
|
4
|
-
type __VLS_Slots = {} & {
|
|
5
|
-
default?: (props: typeof __VLS_8) => any;
|
|
6
|
-
} & {
|
|
7
|
-
content?: (props: typeof __VLS_11) => any;
|
|
8
|
-
};
|
|
9
|
-
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>;
|
|
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,10 +0,0 @@
|
|
|
1
|
-
import type { Composer } from 'vue-i18n';
|
|
2
|
-
export type ValidateFieldsError = {
|
|
3
|
-
[K: string]: {
|
|
4
|
-
message?: string;
|
|
5
|
-
}[];
|
|
6
|
-
};
|
|
7
|
-
/**
|
|
8
|
-
* @returns Translated error message based on active locale
|
|
9
|
-
*/
|
|
10
|
-
export declare function formFieldErrorMessageFormatter(errors: ValidateFieldsError, composer?: Composer): string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export type T_InputBooleanValues = string | number | boolean | undefined;
|
|
2
|
-
export type T_InputBooleanBase = T_InputBoolean & {
|
|
3
|
-
type: 'boolean';
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
};
|
|
6
|
-
export type T_InputBoolean = {
|
|
7
|
-
/**
|
|
8
|
-
* Attrs are passed directly to the input element as props
|
|
9
|
-
*/
|
|
10
|
-
attrs?: {
|
|
11
|
-
activeText?: string;
|
|
12
|
-
inactiveText?: string;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import './FlyBoolean.scss';
|
|
2
|
-
import type { T_InputBoolean, T_InputBooleanValues } from './FlyBoolean.types';
|
|
3
|
-
type __VLS_Props = {
|
|
4
|
-
modelValue?: T_InputBooleanValues;
|
|
5
|
-
input?: T_InputBoolean;
|
|
6
|
-
};
|
|
7
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
8
|
-
change: (v: T_InputBooleanValues) => any;
|
|
9
|
-
"update:modelValue": (v: T_InputBooleanValues) => any;
|
|
10
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
11
|
-
onChange?: ((v: T_InputBooleanValues) => any) | undefined;
|
|
12
|
-
"onUpdate:modelValue"?: ((v: T_InputBooleanValues) => any) | undefined;
|
|
13
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
-
declare const _default: typeof __VLS_export;
|
|
15
|
-
export default _default;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type T_DateTimeRawValue = Date | [Date, Date] | undefined;
|
|
2
|
-
export type T_DateTimeValues = string | string[] | undefined;
|
|
3
|
-
export type T_DateInputTypes = 'date' | 'dateTime' | 'dateRange' | 'dateTimeRange';
|
|
4
|
-
export type T_InputDateTimeBase = T_InputDateTime & {
|
|
5
|
-
type: 'dateTime';
|
|
6
|
-
};
|
|
7
|
-
export type T_InputDateTime = {
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
startPlaceholder?: string;
|
|
10
|
-
endPlaceholder?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Attrs are passed directly to the input element as props
|
|
13
|
-
*/
|
|
14
|
-
attrs?: {
|
|
15
|
-
[K: string]: unknown;
|
|
16
|
-
};
|
|
17
|
-
config?: {
|
|
18
|
-
inputType?: T_DateInputTypes;
|
|
19
|
-
};
|
|
20
|
-
};
|