base6-ui 1.1.1 → 1.1.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/package.json +6 -1
- package/CHANGELOG.md +0 -13
- package/build/plugins.ts +0 -31
- package/build/unPlugin.ts +0 -37
- package/eslint.config.js +0 -114
- package/src/components/AppProvider/index.ts +0 -1
- package/src/components/AppProvider/index.vue +0 -38
- package/src/components/BaseButton/index.ts +0 -1
- package/src/components/BaseButton/index.vue +0 -21
- package/src/components/BaseDataTable/index.ts +0 -1
- package/src/components/BaseDataTable/index.vue +0 -120
- package/src/components/BaseDialog/index.ts +0 -2
- package/src/components/BaseDialog/index.vue +0 -104
- package/src/components/BaseDialog/options.ts +0 -25
- package/src/components/BaseDialog/type.ts +0 -30
- package/src/components/BaseInputNumber/index.ts +0 -1
- package/src/components/BaseInputNumber/index.vue +0 -188
- package/src/components/BaseLayout/ASide/index.vue +0 -104
- package/src/components/BaseLayout/ASide/type.ts +0 -11
- package/src/components/BaseLayout/index.ts +0 -1
- package/src/components/BaseProgress/index.ts +0 -99
- package/src/components/BaseRadio/index.ts +0 -1
- package/src/components/BaseRadio/index.vue +0 -45
- package/src/components/BaseSelect/index.ts +0 -1
- package/src/components/BaseSelect/index.vue +0 -59
- package/src/components/BaseSlider/index.ts +0 -1
- package/src/components/BaseSlider/index.vue +0 -114
- package/src/components/BaseSwitch/index.ts +0 -1
- package/src/components/BaseSwitch/index.vue +0 -69
- package/src/components/index.ts +0 -11
- package/src/components/types/themes/extendThemes.ts +0 -50
- package/src/config/index.ts +0 -1
- package/src/config/themes/color/dark.ts +0 -60
- package/src/config/themes/color/index.ts +0 -2
- package/src/config/themes/color/light.ts +0 -59
- package/src/config/themes/common.ts +0 -50
- package/src/config/themes/components/alert/common.ts +0 -13
- package/src/config/themes/components/alert/dark.ts +0 -23
- package/src/config/themes/components/alert/light.ts +0 -18
- package/src/config/themes/components/baseComponent/dark.ts +0 -189
- package/src/config/themes/components/baseComponent/light.ts +0 -297
- package/src/config/themes/components/button/common.ts +0 -20
- package/src/config/themes/components/button/dark.ts +0 -127
- package/src/config/themes/components/button/light.ts +0 -102
- package/src/config/themes/components/card/dark.ts +0 -13
- package/src/config/themes/components/card/light.ts +0 -13
- package/src/config/themes/components/charts/dark.ts +0 -425
- package/src/config/themes/components/charts/light.ts +0 -424
- package/src/config/themes/components/checkbox/common.ts +0 -7
- package/src/config/themes/components/checkbox/dark.ts +0 -23
- package/src/config/themes/components/checkbox/light.ts +0 -22
- package/src/config/themes/components/dataTable/dark.ts +0 -14
- package/src/config/themes/components/dataTable/light.ts +0 -14
- package/src/config/themes/components/datePicker/dark.ts +0 -10
- package/src/config/themes/components/datePicker/light.ts +0 -10
- package/src/config/themes/components/dialog/common.ts +0 -8
- package/src/config/themes/components/dialog/dark.ts +0 -14
- package/src/config/themes/components/dialog/light.ts +0 -13
- package/src/config/themes/components/dropdown/dark.ts +0 -7
- package/src/config/themes/components/dropdown/light.ts +0 -7
- package/src/config/themes/components/form/dark.ts +0 -7
- package/src/config/themes/components/form/light.ts +0 -7
- package/src/config/themes/components/input/common.ts +0 -13
- package/src/config/themes/components/input/dark.ts +0 -25
- package/src/config/themes/components/input/light.ts +0 -24
- package/src/config/themes/components/inputNumber/common.ts +0 -14
- package/src/config/themes/components/inputNumber/dark.ts +0 -24
- package/src/config/themes/components/inputNumber/light.ts +0 -20
- package/src/config/themes/components/layout/dark.ts +0 -8
- package/src/config/themes/components/layout/light.ts +0 -9
- package/src/config/themes/components/menu/dark.ts +0 -18
- package/src/config/themes/components/menu/light.ts +0 -17
- package/src/config/themes/components/progress/dark.ts +0 -25
- package/src/config/themes/components/progress/light.ts +0 -25
- package/src/config/themes/components/radio/dark.ts +0 -20
- package/src/config/themes/components/radio/light.ts +0 -21
- package/src/config/themes/components/select/dark.ts +0 -42
- package/src/config/themes/components/select/light.ts +0 -38
- package/src/config/themes/components/slider/dark.ts +0 -16
- package/src/config/themes/components/slider/light.ts +0 -16
- package/src/config/themes/components/switch/common.ts +0 -17
- package/src/config/themes/components/switch/dark.ts +0 -17
- package/src/config/themes/components/switch/light.ts +0 -17
- package/src/config/themes/components/tag/dark.ts +0 -40
- package/src/config/themes/components/tag/light.ts +0 -39
- package/src/config/themes/components/transfer/dark.ts +0 -8
- package/src/config/themes/components/transfer/light.ts +0 -8
- package/src/config/themes/dark.ts +0 -61
- package/src/config/themes/index.ts +0 -12
- package/src/config/themes/light.ts +0 -61
- package/src/config/themes/token/dark.ts +0 -32
- package/src/config/themes/token/index.ts +0 -2
- package/src/config/themes/token/light.ts +0 -11
- package/src/globalMethods/index.ts +0 -8
- package/src/globalMethods/modules/confirmTip.ts +0 -49
- package/src/globalMethods/modules/message.ts +0 -20
- package/src/hooks/useNaiveConfigProvideContext.ts +0 -10
- package/src/index.ts +0 -8
- package/src/style/index.scss +0 -63
- package/src/svg-icons/add.svg +0 -1
- package/src/svg-icons/arrow/down.svg +0 -1
- package/src/svg-icons/arrow/top.svg +0 -1
- package/src/svg-icons/logo.svg +0 -4
- package/src/svg-icons/operate/add.svg +0 -1
- package/src/svg-icons/operate/close.svg +0 -1
- package/src/svg-icons/operate/minus.svg +0 -1
- package/src/svg-icons/progress-default.svg +0 -3
- package/src/types/themes/extendThemes.ts +0 -50
- package/tsconfig.json +0 -38
- package/typing/components.d.ts +0 -38
- package/typing/global.d.ts +0 -19
- package/vite.config.ts +0 -61
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { InputNumberProps } from 'naive-ui'
|
|
2
|
-
import { darkToken } from '../../token'
|
|
3
|
-
import { darkBase } from '../../color'
|
|
4
|
-
import { InputNumberThemeCommon } from './common'
|
|
5
|
-
import { ExtendInputNumber } from '@/types/themes/extendThemes'
|
|
6
|
-
|
|
7
|
-
export const InputNumberThemeDark: InputNumberProps['themeOverrides'] & ExtendInputNumber = {
|
|
8
|
-
...InputNumberThemeCommon,
|
|
9
|
-
|
|
10
|
-
innerControlsBackground: darkToken['fill-color-2'],
|
|
11
|
-
innerControlsDisabledBackground: darkToken['fill-color-2'],
|
|
12
|
-
innerControlsLargeBorderRadius: '4px',
|
|
13
|
-
innerControlsMediumBorderRadius: '4px',
|
|
14
|
-
innerControlsSmallBorderRadius: '2.67px',
|
|
15
|
-
|
|
16
|
-
controlsFontColor: darkToken['color-text-1'],
|
|
17
|
-
controlFontColorDisabled: darkToken['color-text-4'],
|
|
18
|
-
|
|
19
|
-
outerControlsBorderStyle: `1px solid ${darkBase['color-gray-4']}`,
|
|
20
|
-
outerControlsBackground: darkToken['bg-color-3'],
|
|
21
|
-
outerControlsBorderStyleDisabled: 'none',
|
|
22
|
-
outerControlsBackgroundDisabled: darkToken['fill-color-1'],
|
|
23
|
-
outerControlsOpacityDisabled: 1
|
|
24
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { InputNumberProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
import { InputNumberThemeCommon } from './common'
|
|
4
|
-
import { ExtendInputNumber } from '@/types/themes/extendThemes'
|
|
5
|
-
|
|
6
|
-
export const InputNumberThemeLight: InputNumberProps['themeOverrides'] & ExtendInputNumber = {
|
|
7
|
-
...InputNumberThemeCommon,
|
|
8
|
-
innerControlsBackground: lightBase['color-gray-3'],
|
|
9
|
-
innerControlsDisabledBackground: lightBase['color-gray-3'],
|
|
10
|
-
|
|
11
|
-
outerControlsBorderStyle: `1px solid ${lightBase['color-gray-4']}`,
|
|
12
|
-
outerControlsBackground: '',
|
|
13
|
-
outerControlsBorderStyleDisabled: `1px solid ${lightBase['color-gray-2']}`,
|
|
14
|
-
outerControlsBackgroundDisabled: lightBase['color-gray-2'],
|
|
15
|
-
|
|
16
|
-
controlFontColorDisabled: lightBase['color-gray-4'],
|
|
17
|
-
controlsFontColor: lightBase['color-gray-10'],
|
|
18
|
-
|
|
19
|
-
outerControlsOpacityDisabled: 1
|
|
20
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { lightBase } from '../../color'
|
|
2
|
-
import { lightToken } from '../../token'
|
|
3
|
-
export const LayoutThemeLight = {
|
|
4
|
-
siderColor: lightToken['bg-color-4'],
|
|
5
|
-
|
|
6
|
-
// 自定义
|
|
7
|
-
siderIconColor: lightBase['color-primary-6'],
|
|
8
|
-
siderFooterIconBgColor: lightBase['color-gray-4']
|
|
9
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { MenuProps } from 'naive-ui'
|
|
2
|
-
import { darkToken } from '../../token'
|
|
3
|
-
|
|
4
|
-
export const MenuThemeDark: MenuProps['themeOverrides'] = {
|
|
5
|
-
itemColorActiveCollapsed: darkToken['fill-color-5'],
|
|
6
|
-
|
|
7
|
-
itemIconColorCollapsed: darkToken['color-text-2'],
|
|
8
|
-
itemIconColorActive: darkToken['color-text-1'],
|
|
9
|
-
itemIconColorHover: darkToken['color-text-1'],
|
|
10
|
-
itemIconColorActiveHover: darkToken['color-text-1'],
|
|
11
|
-
|
|
12
|
-
itemTextColor: darkToken['color-text-2'],
|
|
13
|
-
itemTextColorChildActive: darkToken['color-text-1'],
|
|
14
|
-
itemTextColorChildActiveHover: darkToken['color-text-1'],
|
|
15
|
-
itemTextColorActive: darkToken['color-text-1'],
|
|
16
|
-
itemTextColorHover: darkToken['color-text-1'],
|
|
17
|
-
itemTextColorActiveHover: darkToken['color-text-1']
|
|
18
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { MenuProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
|
|
4
|
-
export const MenuThemeLight: MenuProps['themeOverrides'] = {
|
|
5
|
-
// itemColorActive: lightBase['color-gray-1'],
|
|
6
|
-
itemColorActiveCollapsed: lightBase['color-gray-1'],
|
|
7
|
-
|
|
8
|
-
itemIconColorCollapsed: lightBase['color-gray-8'],
|
|
9
|
-
itemIconColorActive: lightBase['color-gray-10'],
|
|
10
|
-
itemIconColorHover: lightBase['color-gray-10'],
|
|
11
|
-
itemIconColorActiveHover: lightBase['color-gray-10'],
|
|
12
|
-
|
|
13
|
-
itemTextColor: lightBase['color-gray-8'],
|
|
14
|
-
itemTextColorActive: lightBase['color-gray-10'],
|
|
15
|
-
itemTextColorHover: lightBase['color-gray-10'],
|
|
16
|
-
itemTextColorActiveHover: lightBase['color-gray-10']
|
|
17
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ProgressProps } from 'naive-ui'
|
|
2
|
-
import { darkBase } from '../../color'
|
|
3
|
-
import { darkToken } from '../../token'
|
|
4
|
-
import { ExtendProgress } from '../../../../types/themes/extendThemes'
|
|
5
|
-
|
|
6
|
-
export const ProgressThemeDark: ProgressProps['themeOverrides'] & ExtendProgress = {
|
|
7
|
-
|
|
8
|
-
fillColor: darkBase['color-primary-6'],
|
|
9
|
-
fillColorInfo: darkBase['color-primary-6'],
|
|
10
|
-
fillColorError: darkBase['color-red-6'],
|
|
11
|
-
fillColorSuccess: darkBase['color-green-6'],
|
|
12
|
-
fillColorWarning: darkBase['color-origin-6'],
|
|
13
|
-
|
|
14
|
-
railColor: darkToken['fill-color-2'],
|
|
15
|
-
|
|
16
|
-
iconColor: darkBase['color-primary-3'],
|
|
17
|
-
textColorCircle: darkToken['color-text-1'],
|
|
18
|
-
fontSizeCircleMedium: '24px',
|
|
19
|
-
fontSizeCircleLarge: '32px',
|
|
20
|
-
circleWidthMedium: '136px',
|
|
21
|
-
circleWidthLarge: '170px',
|
|
22
|
-
|
|
23
|
-
tipColorCircle: darkToken['color-text-2'],
|
|
24
|
-
tipFontSizeCircle: '14px'
|
|
25
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ProgressProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
import { ExtendProgress } from '../../../../types/themes/extendThemes'
|
|
4
|
-
|
|
5
|
-
export const ProgressThemeLight: ProgressProps['themeOverrides'] & ExtendProgress = {
|
|
6
|
-
|
|
7
|
-
fillColor: lightBase['color-primary-6'],
|
|
8
|
-
fillColorInfo: lightBase['color-primary-6'],
|
|
9
|
-
fillColorError: lightBase['color-red-6'],
|
|
10
|
-
fillColorSuccess: lightBase['color-green-6'],
|
|
11
|
-
fillColorWarning: lightBase['color-origin-6'],
|
|
12
|
-
|
|
13
|
-
railColor: lightBase['color-gray-3'],
|
|
14
|
-
|
|
15
|
-
iconColor: lightBase['color-primary-3'],
|
|
16
|
-
|
|
17
|
-
textColorCircle: lightBase['color-gray-10'],
|
|
18
|
-
fontSizeCircleMedium: '24px',
|
|
19
|
-
fontSizeCircleLarge: '32px',
|
|
20
|
-
circleWidthMedium: '136px',
|
|
21
|
-
circleWidthLarge: '170px',
|
|
22
|
-
|
|
23
|
-
tipColorCircle: lightBase['color-gray-8'],
|
|
24
|
-
tipFontSizeCircle: '14px'
|
|
25
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { RadioProps } from 'naive-ui'
|
|
2
|
-
import { darkBase } from '../../color'
|
|
3
|
-
import { darkToken } from '../../token'
|
|
4
|
-
import { ExtendThemeRadio } from '@/types/themes/extendThemes'
|
|
5
|
-
|
|
6
|
-
export const RadioThemeDark: RadioProps['themeOverrides'] & ExtendThemeRadio = {
|
|
7
|
-
boxShadow: `inset 0 0 0 1.5px ${darkBase['color-gray-4']}`,
|
|
8
|
-
boxShadowActive: `inset 0 0 0 1.5px ${darkBase['color-primary-6']}`,
|
|
9
|
-
boxShadowActiveDisabled: `inset 0 0 0 4px ${darkToken['color-primary-disabled-opacity']}`, //
|
|
10
|
-
boxShadowDisabled: `inset 0 0 0 1.5px ${darkBase['color-gray-4']}`,
|
|
11
|
-
boxShadowFocus: `inset 0 0 0 1.5px ${darkBase['color-primary-6']}`,
|
|
12
|
-
boxShadowHover: `inset 0 0 0 1.5px ${darkBase['color-primary-6']}`,
|
|
13
|
-
|
|
14
|
-
colorActive: darkBase['color-primary-6'],
|
|
15
|
-
colorDisabled: darkToken['fill-color-2'],
|
|
16
|
-
colorActiveDisabled: '#0000', // darkToken['color-primary-disabled-opacity'],
|
|
17
|
-
|
|
18
|
-
dotColorActive: darkToken['bg-color-white'],
|
|
19
|
-
dotColorDisabled: darkToken['color-white-disabled-opacity']
|
|
20
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { RadioProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
import { lightToken } from '../../token'
|
|
4
|
-
|
|
5
|
-
import { ExtendThemeRadio } from '@/types/themes/extendThemes'
|
|
6
|
-
|
|
7
|
-
export const RadioThemeLight: RadioProps['themeOverrides'] & ExtendThemeRadio = {
|
|
8
|
-
boxShadow: `inset 0 0 0 1.5px ${lightBase['color-gray-4']}`,
|
|
9
|
-
boxShadowActive: `inset 0 0 0 1.5px ${lightBase['color-primary-6']}`,
|
|
10
|
-
boxShadowActiveDisabled: `inset 0 0 0 1.5px ${lightBase['color-primary-3']}`,
|
|
11
|
-
boxShadowDisabled: `inset 0 0 0 1.5px ${lightBase['color-gray-4']}`,
|
|
12
|
-
boxShadowFocus: `inset 0 0 0 1.5px ${lightBase['color-primary-6']}`,
|
|
13
|
-
boxShadowHover: `inset 0 0 0 1.5px ${lightBase['color-primary-6']}`,
|
|
14
|
-
|
|
15
|
-
colorActive: lightBase['color-primary-6'],
|
|
16
|
-
colorDisabled: lightBase['color-gray-3'],
|
|
17
|
-
colorActiveDisabled: lightBase['color-primary-3'],
|
|
18
|
-
|
|
19
|
-
dotColorActive: lightToken['bg-color-2'],
|
|
20
|
-
dotColorDisabled: lightToken['bg-color-2']
|
|
21
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { SelectProps } from 'naive-ui'
|
|
2
|
-
import { darkBase } from '../../color'
|
|
3
|
-
import { darkToken } from '../../token'
|
|
4
|
-
import { commonBase } from '../../common'
|
|
5
|
-
|
|
6
|
-
export const SelectThemeDark: SelectProps['themeOverrides'] = {
|
|
7
|
-
peers: {
|
|
8
|
-
InternalSelection: {
|
|
9
|
-
arrowColor: darkToken['color-text-1'],
|
|
10
|
-
arrowColorDisabled: darkToken['color-text-4'],
|
|
11
|
-
border: `1px solid ${darkToken['bg-color-3']}`,
|
|
12
|
-
borderActive: `1.5px solid ${darkBase['color-primary-6']}`,
|
|
13
|
-
borderHover: `1px solid ${darkBase['color-primary-5']}`,
|
|
14
|
-
borderFocus: `1px solid ${darkBase['color-primary-5']}`,
|
|
15
|
-
borderRadius: commonBase.borderRadiusMedium,
|
|
16
|
-
boxShadowActive: 'none',
|
|
17
|
-
boxShadowFocus: 'none',
|
|
18
|
-
boxShadowHover: 'none',
|
|
19
|
-
|
|
20
|
-
color: darkToken['bg-color-3'],
|
|
21
|
-
colorActive: darkToken['bg-color-2'],
|
|
22
|
-
colorDisabled: darkToken['fill-color-1'],
|
|
23
|
-
|
|
24
|
-
placeholderColor: darkToken['color-text-3'],
|
|
25
|
-
placeholderColorDisabled: darkToken['color-text-4'],
|
|
26
|
-
|
|
27
|
-
textColor: darkToken['color-text-1'],
|
|
28
|
-
textColorDisabled: darkToken['color-text-4']
|
|
29
|
-
},
|
|
30
|
-
InternalSelectMenu: {
|
|
31
|
-
color: darkToken['bg-color-9'],
|
|
32
|
-
optionColorPending: '#0000',
|
|
33
|
-
optionColorActive: darkToken['fill-color-5'],
|
|
34
|
-
optionColorActivePending: darkToken['fill-color-5'],
|
|
35
|
-
optionTextColor: darkToken['color-text-1'],
|
|
36
|
-
optionTextColorActive: darkBase['color-primary-10'],
|
|
37
|
-
optionTextColorPressed: darkBase['color-primary-5'],
|
|
38
|
-
optionTextColorDisabled: darkToken['color-text-4'],
|
|
39
|
-
optionCheckColor: '#0000'
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { SelectProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
import { commonBase } from '../../common'
|
|
4
|
-
|
|
5
|
-
export const SelectThemeLight: SelectProps['themeOverrides'] = {
|
|
6
|
-
peers: {
|
|
7
|
-
InternalSelection: {
|
|
8
|
-
arrowColor: lightBase['color-gray-10'],
|
|
9
|
-
arrowColorDisabled: lightBase['color-gray-4'],
|
|
10
|
-
border: `1px solid ${lightBase['color-gray-4']}`,
|
|
11
|
-
borderActive: `1.5px solid ${lightBase['color-primary-6']}`,
|
|
12
|
-
borderHover: `1px solid ${lightBase['color-primary-5']}`,
|
|
13
|
-
borderFocus: `1px solid ${lightBase['color-primary-5']}`,
|
|
14
|
-
borderRadius: commonBase.borderRadiusMedium,
|
|
15
|
-
boxShadowActive: 'none',
|
|
16
|
-
boxShadowFocus: 'none',
|
|
17
|
-
boxShadowHover: 'none',
|
|
18
|
-
|
|
19
|
-
colorDisabled: lightBase['color-gray-2'],
|
|
20
|
-
|
|
21
|
-
placeholderColor: lightBase['color-gray-6'],
|
|
22
|
-
placeholderColorDisabled: lightBase['color-gray-4'],
|
|
23
|
-
|
|
24
|
-
textColor: lightBase['color-gray-10'],
|
|
25
|
-
textColorDisabled: lightBase['color-gray-4']
|
|
26
|
-
},
|
|
27
|
-
InternalSelectMenu: {
|
|
28
|
-
optionColorPending: '#0000',
|
|
29
|
-
optionColorActive: lightBase['color-primary-2'],
|
|
30
|
-
optionColorActivePending: lightBase['color-primary-2'],
|
|
31
|
-
optionTextColor: lightBase['color-gray-10'],
|
|
32
|
-
optionTextColorActive: lightBase['color-gray-10'],
|
|
33
|
-
optionTextColorPressed: lightBase['color-primary-5'],
|
|
34
|
-
optionTextColorDisabled: lightBase['color-gray-4'],
|
|
35
|
-
optionCheckColor: '#0000'
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SliderProps } from 'naive-ui'
|
|
2
|
-
import { darkBase } from '../../color'
|
|
3
|
-
import { ExtendThemeSlider } from '@/types/themes/extendThemes'
|
|
4
|
-
|
|
5
|
-
export const SliderThemeDark: SliderProps['themeOverrides'] & ExtendThemeSlider = {
|
|
6
|
-
railColor: darkBase['color-gray-3'],
|
|
7
|
-
railColorHover: darkBase['color-gray-3'],
|
|
8
|
-
fillColor: darkBase['color-primary-6'],
|
|
9
|
-
fillColorHover: darkBase['color-primary-6'],
|
|
10
|
-
handleSize: '16px',
|
|
11
|
-
handleBorderStyle: `2px solid ${darkBase['color-primary-6']}`,
|
|
12
|
-
|
|
13
|
-
inputWidth: '60px',
|
|
14
|
-
rangeInputLineColor: darkBase['color-gray-10'],
|
|
15
|
-
extremeValueTextColor: darkBase['color-gray-10']
|
|
16
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SliderProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
import { ExtendThemeSlider } from '@/types/themes/extendThemes'
|
|
4
|
-
|
|
5
|
-
export const SliderThemeLight: SliderProps['themeOverrides'] & ExtendThemeSlider = {
|
|
6
|
-
railColor: lightBase['color-gray-3'],
|
|
7
|
-
railColorHover: lightBase['color-gray-3'],
|
|
8
|
-
fillColor: lightBase['color-primary-6'],
|
|
9
|
-
fillColorHover: lightBase['color-primary-6'],
|
|
10
|
-
handleSize: '16px',
|
|
11
|
-
handleBorderStyle: `2px solid ${lightBase['color-primary-6']}`,
|
|
12
|
-
|
|
13
|
-
inputWidth: '60px',
|
|
14
|
-
rangeInputLineColor: lightBase['color-gray-10'],
|
|
15
|
-
extremeValueTextColor: lightBase['color-gray-10']
|
|
16
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { SwitchProps } from 'naive-ui'
|
|
3
|
-
import { commonBase } from '../../common'
|
|
4
|
-
import { ExtendThemeSwitch } from '@/types/themes/extendThemes'
|
|
5
|
-
|
|
6
|
-
export const SwitchThemeCommon: SwitchProps['themeOverrides'] & ExtendThemeSwitch = {
|
|
7
|
-
boxShadowFocus: 'none',
|
|
8
|
-
|
|
9
|
-
buttonHeightMedium: commonBase.buttonHeightMedium,
|
|
10
|
-
buttonHeightSmall: commonBase.buttonHeightSmall,
|
|
11
|
-
buttonWidthMedium: commonBase.buttonWidthMedium,
|
|
12
|
-
buttonWidthSmall: commonBase.buttonWidthSmall,
|
|
13
|
-
|
|
14
|
-
railHeightSmall: commonBase.railHeightSmall,
|
|
15
|
-
railHeightMedium: commonBase.railHeightMedium,
|
|
16
|
-
railWidthSmall: commonBase.railWidthSmall
|
|
17
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { SwitchProps } from 'naive-ui'
|
|
2
|
-
import { darkBase } from '../../color'
|
|
3
|
-
import { darkToken } from '../../token'
|
|
4
|
-
import { SwitchThemeCommon } from './common'
|
|
5
|
-
import { ExtendThemeSwitch } from '@/types/themes/extendThemes'
|
|
6
|
-
|
|
7
|
-
export const SwitchThemeDark: SwitchProps['themeOverrides'] & ExtendThemeSwitch = {
|
|
8
|
-
...SwitchThemeCommon,
|
|
9
|
-
|
|
10
|
-
buttonColorActiveDisabled: darkToken['color-text-5'],
|
|
11
|
-
buttonColorDisabled: darkToken['color-text-5'],
|
|
12
|
-
|
|
13
|
-
railColor: darkToken['fill-color-4'],
|
|
14
|
-
railColorActive: darkBase['color-primary-6'],
|
|
15
|
-
railColorActiveDisabled: darkToken['color-primary-disabled-opacity'],
|
|
16
|
-
railColorDisabled: darkToken['fill-color-2']
|
|
17
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { SwitchProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
import { lightToken } from '../../token'
|
|
4
|
-
import { SwitchThemeCommon } from './common'
|
|
5
|
-
import { ExtendThemeSwitch } from '@/types/themes/extendThemes'
|
|
6
|
-
|
|
7
|
-
export const SwitchThemeLight: SwitchProps['themeOverrides'] & ExtendThemeSwitch = {
|
|
8
|
-
...SwitchThemeCommon,
|
|
9
|
-
|
|
10
|
-
buttonColorActiveDisabled: lightToken['bg-color-2'],
|
|
11
|
-
buttonColorDisabled: lightToken['bg-color-2'],
|
|
12
|
-
|
|
13
|
-
railColor: lightBase['color-gray-4'],
|
|
14
|
-
railColorActive: lightBase['color-primary-6'],
|
|
15
|
-
railColorActiveDisabled: lightBase['color-primary-3'],
|
|
16
|
-
railColorDisabled: lightBase['color-gray-3']
|
|
17
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { TagProps } from 'naive-ui'
|
|
2
|
-
import { darkBase } from '../../color'
|
|
3
|
-
import { darkToken } from '../../token'
|
|
4
|
-
import { commonBase } from '../../common'
|
|
5
|
-
|
|
6
|
-
export const TagThemeDark : TagProps['themeOverrides'] = {
|
|
7
|
-
border: `1px solid ${darkToken['color-text-2']}`,
|
|
8
|
-
borderError: `1px solid ${darkBase['color-red-6']}`,
|
|
9
|
-
borderPrimary: `1px solid ${darkBase['color-primary-6']}`,
|
|
10
|
-
borderSuccess: `1px solid ${darkBase['color-green-6']}`,
|
|
11
|
-
borderWarning: `1px solid ${darkBase['color-origin-6']}`,
|
|
12
|
-
|
|
13
|
-
borderRadius: commonBase.tagBorderRadius,
|
|
14
|
-
|
|
15
|
-
color: darkToken['fill-color-2'],
|
|
16
|
-
colorError: darkBase['color-red-1'],
|
|
17
|
-
colorPrimary: darkBase['color-primary-1'],
|
|
18
|
-
colorSuccess: darkBase['color-green-1'],
|
|
19
|
-
colorWarning: darkBase['color-origin-1'],
|
|
20
|
-
|
|
21
|
-
colorBordered: '#0000',
|
|
22
|
-
colorBorderedError: '#0000',
|
|
23
|
-
colorBorderedPrimary: '#0000',
|
|
24
|
-
colorBorderedSuccess: '#0000',
|
|
25
|
-
colorBorderedWarning: '#0000',
|
|
26
|
-
|
|
27
|
-
heightMedium: commonBase.tagHeightMedium,
|
|
28
|
-
heightLarge: commonBase.tagHeightLarge,
|
|
29
|
-
|
|
30
|
-
fontSizeMedium: commonBase.fontSizeSmall,
|
|
31
|
-
fontSizeLarge: commonBase.fontSizeSmall,
|
|
32
|
-
|
|
33
|
-
padding: '0 8px',
|
|
34
|
-
|
|
35
|
-
textColor: darkToken['color-text-2'],
|
|
36
|
-
textColorError: darkBase['color-red-6'],
|
|
37
|
-
textColorPrimary: darkBase['color-primary-6'],
|
|
38
|
-
textColorSuccess: darkBase['color-green-6'],
|
|
39
|
-
textColorWarning: darkBase['color-origin-6']
|
|
40
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { TagProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
import { commonBase } from '../../common'
|
|
4
|
-
|
|
5
|
-
export const TagThemeLight: TagProps['themeOverrides'] = {
|
|
6
|
-
border: `1px solid ${lightBase['color-gray-8']}`,
|
|
7
|
-
borderError: `1px solid ${lightBase['color-red-6']}`,
|
|
8
|
-
borderPrimary: `1px solid ${lightBase['color-primary-6']}`,
|
|
9
|
-
borderSuccess: `1px solid ${lightBase['color-green-6']}`,
|
|
10
|
-
borderWarning: `1px solid ${lightBase['color-origin-6']}`,
|
|
11
|
-
|
|
12
|
-
borderRadius: commonBase.tagBorderRadius,
|
|
13
|
-
|
|
14
|
-
color: lightBase['color-gray-3'],
|
|
15
|
-
colorError: lightBase['color-red-1'],
|
|
16
|
-
colorPrimary: lightBase['color-primary-1'],
|
|
17
|
-
colorSuccess: lightBase['color-green-1'],
|
|
18
|
-
colorWarning: lightBase['color-origin-1'],
|
|
19
|
-
|
|
20
|
-
colorBordered: '#0000',
|
|
21
|
-
colorBorderedError: '#0000',
|
|
22
|
-
colorBorderedPrimary: '#0000',
|
|
23
|
-
colorBorderedSuccess: '#0000',
|
|
24
|
-
colorBorderedWarning: '#0000',
|
|
25
|
-
|
|
26
|
-
heightMedium: commonBase.tagHeightMedium,
|
|
27
|
-
heightLarge: commonBase.tagHeightLarge,
|
|
28
|
-
|
|
29
|
-
fontSizeMedium: commonBase.fontSizeSmall,
|
|
30
|
-
fontSizeLarge: commonBase.fontSizeSmall,
|
|
31
|
-
|
|
32
|
-
padding: '0 8px',
|
|
33
|
-
|
|
34
|
-
textColor: lightBase['color-gray-8'],
|
|
35
|
-
textColorError: lightBase['color-red-6'],
|
|
36
|
-
textColorPrimary: lightBase['color-primary-6'],
|
|
37
|
-
textColorSuccess: lightBase['color-green-6'],
|
|
38
|
-
textColorWarning: lightBase['color-origin-6']
|
|
39
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { TransferProps } from 'naive-ui'
|
|
2
|
-
import { darkBase } from '../../color'
|
|
3
|
-
import { commonBase } from '../../common'
|
|
4
|
-
|
|
5
|
-
export const TransferThemeDark: TransferProps['themeOverrides'] = {
|
|
6
|
-
borderColor: darkBase['color-gray-4'],
|
|
7
|
-
borderRadius: commonBase['borderRadiusMedium']
|
|
8
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { TransferProps } from 'naive-ui'
|
|
2
|
-
import { lightBase } from '../../color'
|
|
3
|
-
import { commonBase } from '../../common'
|
|
4
|
-
|
|
5
|
-
export const TransferThemeLight: TransferProps['themeOverrides'] = {
|
|
6
|
-
borderColor: lightBase['color-gray-4'],
|
|
7
|
-
borderRadius: commonBase['borderRadiusMedium']
|
|
8
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { ConfigProviderProps } from 'naive-ui'
|
|
3
|
-
import { AlertThemeDark as Alert } from './components/alert/dark'
|
|
4
|
-
import { ButtonThemeDark as Button } from './components/button/dark'
|
|
5
|
-
import { CardThemeDark as Card } from './components/card/dark'
|
|
6
|
-
import { CheckboxThemeDark as Checkbox } from './components/checkbox/dark'
|
|
7
|
-
import { DataTableThemeDark as DataTable } from './components/dataTable/dark'
|
|
8
|
-
import { DatePickerThemeDark as DatePicker } from './components/datePicker/dark'
|
|
9
|
-
import { DialogThemeDark as Dialog } from './components/dialog/dark'
|
|
10
|
-
import { DropdownThemeDark as Dropdown } from './components/dropdown/dark'
|
|
11
|
-
import { FormThemeDark as Form } from './components/form/dark'
|
|
12
|
-
import { InputThemeDark as Input } from './components/input/dark'
|
|
13
|
-
import { InputNumberThemeDark as InputNumber } from './components/inputNumber/dark'
|
|
14
|
-
import { LayoutThemeDark as Layout } from './components/layout/dark'
|
|
15
|
-
import { MenuThemeDark as Menu } from './components/menu/dark'
|
|
16
|
-
import { ProgressThemeDark as Progress } from './components/progress/dark'
|
|
17
|
-
import { RadioThemeDark as Radio } from './components/radio/dark'
|
|
18
|
-
import { SelectThemeDark as Select } from './components/select/dark'
|
|
19
|
-
import { SliderThemeDark as Slider } from './components/slider/dark'
|
|
20
|
-
import { SwitchThemeDark as Switch } from './components/switch/dark'
|
|
21
|
-
import { TagThemeDark as Tag } from './components/tag/dark'
|
|
22
|
-
import { TransferThemeDark as Transfer } from './components/transfer/dark'
|
|
23
|
-
import {
|
|
24
|
-
TooltipThemeDark as Tooltip,
|
|
25
|
-
PopconfirmThemeDark as Popconfirm,
|
|
26
|
-
TreeThemeDark as Tree,
|
|
27
|
-
PaginationThemeDark as Pagination,
|
|
28
|
-
BreadcrumbThemeDark as Breadcrumb,
|
|
29
|
-
TabsThemeDark as Tabs,
|
|
30
|
-
StepsThemeDark as Steps
|
|
31
|
-
} from './components/baseComponent/dark'
|
|
32
|
-
|
|
33
|
-
export const darkThemeOverrides: ConfigProviderProps['themeOverrides'] = {
|
|
34
|
-
Alert,
|
|
35
|
-
Breadcrumb,
|
|
36
|
-
Button,
|
|
37
|
-
Card,
|
|
38
|
-
Checkbox,
|
|
39
|
-
DataTable,
|
|
40
|
-
DatePicker,
|
|
41
|
-
Dialog,
|
|
42
|
-
Dropdown,
|
|
43
|
-
Form,
|
|
44
|
-
Input,
|
|
45
|
-
InputNumber,
|
|
46
|
-
Layout,
|
|
47
|
-
Menu,
|
|
48
|
-
Pagination,
|
|
49
|
-
Progress,
|
|
50
|
-
Popconfirm,
|
|
51
|
-
Radio,
|
|
52
|
-
Select,
|
|
53
|
-
Slider,
|
|
54
|
-
Steps,
|
|
55
|
-
Switch,
|
|
56
|
-
Tabs,
|
|
57
|
-
Tag,
|
|
58
|
-
Transfer,
|
|
59
|
-
Tooltip,
|
|
60
|
-
Tree
|
|
61
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export { darkToken, lightToken } from './token'
|
|
2
|
-
|
|
3
|
-
export { darkBase, lightBase } from './color'
|
|
4
|
-
|
|
5
|
-
export { lightThemeOverrides } from './light'
|
|
6
|
-
|
|
7
|
-
export { darkThemeOverrides } from './dark'
|
|
8
|
-
|
|
9
|
-
export { ChartsThemeDark } from './components/charts/dark'
|
|
10
|
-
export { ChartsThemeLight } from './components/charts/light'
|
|
11
|
-
|
|
12
|
-
export const configProviderInjectionKey = 'n-config-provider'
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { ConfigProviderProps } from 'naive-ui'
|
|
3
|
-
import { AlertThemeLight as Alert } from './components/alert/light'
|
|
4
|
-
import { ButtonThemeLight as Button } from './components/button/light'
|
|
5
|
-
import { CardThemeLight as Card } from './components/card/light'
|
|
6
|
-
import { DataTableThemeLight as DataTable } from './components/dataTable/light'
|
|
7
|
-
import { DatePickerThemeLight as DatePicker } from './components/datePicker/light'
|
|
8
|
-
import { CheckboxThemeLight as Checkbox } from './components/checkbox/light'
|
|
9
|
-
import { DialogThemeLight as Dialog } from './components/dialog/light'
|
|
10
|
-
import { DropdownThemeLight as Dropdown } from './components/dropdown/light'
|
|
11
|
-
import { FormThemeLight as Form } from './components/form/light'
|
|
12
|
-
import { InputThemeLight as Input } from './components/input/light'
|
|
13
|
-
import { InputNumberThemeLight as InputNumber } from './components/inputNumber/light'
|
|
14
|
-
import { LayoutThemeLight as Layout } from './components/layout/light'
|
|
15
|
-
import { MenuThemeLight as Menu } from './components/menu/light'
|
|
16
|
-
import { ProgressThemeLight as Progress } from './components/progress/light'
|
|
17
|
-
import { RadioThemeLight as Radio } from './components/radio/light'
|
|
18
|
-
import { SelectThemeLight as Select } from './components/select/light'
|
|
19
|
-
import { SliderThemeLight as Slider } from './components/slider/light'
|
|
20
|
-
import { SwitchThemeLight as Switch } from './components/switch/light'
|
|
21
|
-
import { TagThemeLight as Tag } from './components/tag/light'
|
|
22
|
-
import { TransferThemeLight as Transfer } from './components/transfer/light'
|
|
23
|
-
import {
|
|
24
|
-
TooltipThemeLight as Tooltip,
|
|
25
|
-
PopconfirmThemeLight as Popconfirm,
|
|
26
|
-
TreeThemeLight as Tree,
|
|
27
|
-
PaginationThemeLight as Pagination,
|
|
28
|
-
BreadcrumbThemeLight as Breadcrumb,
|
|
29
|
-
TabsThemeLight as Tabs,
|
|
30
|
-
StepsThemeLight as Steps
|
|
31
|
-
} from './components/baseComponent/light'
|
|
32
|
-
|
|
33
|
-
export const lightThemeOverrides: ConfigProviderProps['themeOverrides'] = {
|
|
34
|
-
Alert,
|
|
35
|
-
Breadcrumb,
|
|
36
|
-
Button,
|
|
37
|
-
Card,
|
|
38
|
-
Checkbox,
|
|
39
|
-
DataTable,
|
|
40
|
-
DatePicker,
|
|
41
|
-
Dialog,
|
|
42
|
-
Dropdown,
|
|
43
|
-
Form,
|
|
44
|
-
Input,
|
|
45
|
-
InputNumber,
|
|
46
|
-
Layout,
|
|
47
|
-
Menu,
|
|
48
|
-
Pagination,
|
|
49
|
-
Progress,
|
|
50
|
-
Popconfirm,
|
|
51
|
-
Radio,
|
|
52
|
-
Select,
|
|
53
|
-
Slider,
|
|
54
|
-
Steps,
|
|
55
|
-
Switch,
|
|
56
|
-
Tabs,
|
|
57
|
-
Tag,
|
|
58
|
-
Transfer,
|
|
59
|
-
Tooltip,
|
|
60
|
-
Tree
|
|
61
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
const darkToken = {
|
|
2
|
-
'color-text-1': '#FFFFFF',
|
|
3
|
-
'color-text-2': 'rgba(255, 255, 255, 0.7)',
|
|
4
|
-
'color-text-3': 'rgba(255, 255, 255, 0.4)',
|
|
5
|
-
'color-text-4': 'rgba(255, 255, 255, 0.2)',
|
|
6
|
-
'color-text-5': 'rgba(255, 255, 255, 0.9)',
|
|
7
|
-
'color-text-6': 'rgba(255, 255, 255, 1)',
|
|
8
|
-
|
|
9
|
-
'fill-color-1': 'rgba(255, 255, 255, 0.08)', // '#26272A',
|
|
10
|
-
'fill-color-2': '#393A3D',
|
|
11
|
-
'fill-color-3': '#4C4C4F',
|
|
12
|
-
'fill-color-4': '#636467',
|
|
13
|
-
'fill-color-5': 'rgba(255, 255, 255, 0.1)',
|
|
14
|
-
|
|
15
|
-
'bg-color-1': '#131418',
|
|
16
|
-
'bg-color-2': '#111113',
|
|
17
|
-
'bg-color-3': '#31343C',
|
|
18
|
-
'bg-color-4': '#2E3034',
|
|
19
|
-
'bg-color-9': '#1C1C20',
|
|
20
|
-
'bg-color-white': '#FFFFFF',
|
|
21
|
-
|
|
22
|
-
'color-white-disabled-opacity': 'rgba(255, 255, 255, 0.3)',
|
|
23
|
-
'color-default-disabled': '#474747',
|
|
24
|
-
'color-primary-disabled': '#3C7EFF',
|
|
25
|
-
'color-primary-disabled-opacity': 'rgba(60, 126, 255, 0.4)',
|
|
26
|
-
'color-error-disabled': '#F76965',
|
|
27
|
-
'color-error-disabled-opacity': 'rgba(247, 105, 101, 0.4)',
|
|
28
|
-
'color-success-disabled': '#4BDDAA',
|
|
29
|
-
'color-warning-disabled': '#FF9626'
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export default darkToken
|