@fle-ui/next 3.0.0-alpha.1 → 3.0.0-alpha.3
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/es/theme/themes/ColorMap.d.ts +3 -3
- package/es/theme/themes/compact/genCompactSizeMapToken.d.ts +1 -1
- package/es/theme/themes/compact/index.d.ts +1 -1
- package/es/theme/themes/compact/index.js +10 -4
- package/es/theme/themes/dark/index.d.ts +1 -1
- package/es/theme/themes/dark/index.js +11 -5
- package/es/theme/themes/default/index.d.ts +1 -1
- package/es/theme/themes/default/index.js +11 -5
- package/es/theme/themes/seed.d.ts +1 -1
- package/es/theme/themes/seed.js +11 -5
- package/es/theme/themes/shared/genColorMapToken.d.ts +1 -1
- package/es/theme/themes/shared/genColorMapToken.js +7 -2
- package/es/theme/themes/shared/genCommonMapToken.d.ts +1 -1
- package/es/theme/themes/shared/genCommonMapToken.js +12 -5
- package/es/theme/themes/shared/genControlHeight.d.ts +1 -1
- package/es/theme/themes/shared/genRadius.d.ts +1 -1
- package/es/theme/themes/shared/genSizeMapToken.d.ts +1 -1
- package/es/theme/themes/shared/genSizeMapToken.js +8 -0
- package/lib/theme/themes/ColorMap.d.ts +3 -3
- package/lib/theme/themes/ColorMap.js +1 -5
- package/lib/theme/themes/compact/genCompactSizeMapToken.d.ts +1 -1
- package/lib/theme/themes/compact/genCompactSizeMapToken.js +1 -8
- package/lib/theme/themes/compact/index.d.ts +1 -1
- package/lib/theme/themes/compact/index.js +13 -21
- package/lib/theme/themes/dark/colorAlgorithm.js +6 -19
- package/lib/theme/themes/dark/colors.js +20 -34
- package/lib/theme/themes/dark/index.d.ts +1 -1
- package/lib/theme/themes/dark/index.js +18 -27
- package/lib/theme/themes/default/colorAlgorithm.js +6 -19
- package/lib/theme/themes/default/colors.js +20 -34
- package/lib/theme/themes/default/index.d.ts +1 -1
- package/lib/theme/themes/default/index.js +23 -34
- package/lib/theme/themes/seed.d.ts +1 -1
- package/lib/theme/themes/seed.js +12 -16
- package/lib/theme/themes/shared/genColorMapToken.d.ts +1 -1
- package/lib/theme/themes/shared/genColorMapToken.js +7 -13
- package/lib/theme/themes/shared/genCommonMapToken.d.ts +1 -1
- package/lib/theme/themes/shared/genCommonMapToken.js +14 -19
- package/lib/theme/themes/shared/genControlHeight.d.ts +1 -1
- package/lib/theme/themes/shared/genControlHeight.js +1 -9
- package/lib/theme/themes/shared/genFontSizes.js +2 -8
- package/lib/theme/themes/shared/genRadius.d.ts +1 -1
- package/lib/theme/themes/shared/genRadius.js +1 -9
- package/lib/theme/themes/shared/genSizeMapToken.d.ts +1 -1
- package/lib/theme/themes/shared/genSizeMapToken.js +9 -8
- package/package.json +1 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { ColorNeutralMapToken } from '
|
1
|
+
import type { ColorNeutralMapToken } from 'antd/es/theme/interface';
|
2
2
|
export interface ColorMap {
|
3
3
|
1: string;
|
4
4
|
2: string;
|
@@ -11,5 +11,5 @@ export interface ColorMap {
|
|
11
11
|
9: string;
|
12
12
|
10: string;
|
13
13
|
}
|
14
|
-
export type GenerateColorMap = (baseColor: string) => ColorMap;
|
15
|
-
export type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;
|
14
|
+
export declare type GenerateColorMap = (baseColor: string) => ColorMap;
|
15
|
+
export declare type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { SeedToken, SizeMapToken } from '
|
1
|
+
import type { SeedToken, SizeMapToken } from 'antd/es/theme/interface';
|
2
2
|
export default function genSizeMapToken(token: SeedToken): SizeMapToken;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
2
|
-
import type { SeedToken, MapToken } from '
|
2
|
+
import type { SeedToken, MapToken } from 'antd/es/theme/interface';
|
3
3
|
declare const derivative: DerivativeFunc<SeedToken, MapToken>;
|
4
4
|
export default derivative;
|
@@ -1,16 +1,22 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
2
7
|
import genControlHeight from "../shared/genControlHeight";
|
3
8
|
import defaultAlgorithm from "../default";
|
4
9
|
import genCompactSizeMapToken from "./genCompactSizeMapToken";
|
5
10
|
import getFontSizes from "../shared/genFontSizes";
|
6
11
|
|
7
12
|
var derivative = function derivative(token, mapToken) {
|
8
|
-
var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);
|
13
|
+
var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token); // @ts-ignore
|
14
|
+
|
9
15
|
var fontSize = mergedMapToken.fontSizes[0]; // Smaller size font-size as base
|
10
16
|
|
11
17
|
var fontSizes = getFontSizes(fontSize);
|
12
18
|
var controlHeight = mergedMapToken.controlHeight - 4;
|
13
|
-
return
|
19
|
+
return _objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), genCompactSizeMapToken(mapToken !== null && mapToken !== void 0 ? mapToken : token)), {}, {
|
14
20
|
// font
|
15
21
|
fontSizes: fontSizes.map(function (fs) {
|
16
22
|
return fs.size;
|
@@ -20,7 +26,7 @@ var derivative = function derivative(token, mapToken) {
|
|
20
26
|
}),
|
21
27
|
// controlHeight
|
22
28
|
controlHeight: controlHeight
|
23
|
-
}
|
29
|
+
}, genControlHeight(_objectSpread(_objectSpread({}, mergedMapToken), {}, {
|
24
30
|
controlHeight: controlHeight
|
25
31
|
})));
|
26
32
|
};
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
2
|
-
import type { MapToken, SeedToken } from '
|
2
|
+
import type { MapToken, SeedToken } from 'antd/es/theme/interface';
|
3
3
|
declare const derivative: DerivativeFunc<SeedToken, MapToken>;
|
4
4
|
export default derivative;
|
@@ -1,4 +1,9 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
2
7
|
import { generate } from '@ant-design/colors';
|
3
8
|
import { defaultPresetColors } from "../seed";
|
4
9
|
import genColorMapToken from "../shared/genColorMapToken";
|
@@ -6,20 +11,21 @@ import { generateColorPalettes, generateNeutralColorPalettes } from "./colors";
|
|
6
11
|
import defaultAlgorithm from "../default";
|
7
12
|
|
8
13
|
var derivative = function derivative(token, mapToken) {
|
9
|
-
var colorPalettes = Object.keys(defaultPresetColors)
|
14
|
+
var colorPalettes = Object.keys(defaultPresetColors) // @ts-ignore
|
15
|
+
.map(function (colorKey) {
|
10
16
|
var colors = generate(token[colorKey], {
|
11
17
|
theme: 'dark'
|
12
18
|
});
|
13
19
|
return new Array(10).fill(1).reduce(function (prev, _, i) {
|
14
|
-
prev[colorKey
|
20
|
+
prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
|
15
21
|
return prev;
|
16
22
|
}, {});
|
17
23
|
}).reduce(function (prev, cur) {
|
18
|
-
prev =
|
24
|
+
prev = _objectSpread(_objectSpread({}, prev), cur);
|
19
25
|
return prev;
|
20
26
|
}, {});
|
21
27
|
var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);
|
22
|
-
return
|
28
|
+
return _objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), colorPalettes), genColorMapToken(token, {
|
23
29
|
generateColorPalettes: generateColorPalettes,
|
24
30
|
generateNeutralColorPalettes: generateNeutralColorPalettes
|
25
31
|
}));
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { MapToken, SeedToken } from '
|
1
|
+
import type { MapToken, SeedToken } from 'antd/es/theme/interface';
|
2
2
|
export default function derivative(token: SeedToken): MapToken;
|
@@ -1,4 +1,9 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
2
7
|
import { generate } from '@ant-design/colors';
|
3
8
|
import genControlHeight from "../shared/genControlHeight";
|
4
9
|
import genSizeMapToken from "../shared/genSizeMapToken";
|
@@ -7,17 +12,18 @@ import genColorMapToken from "../shared/genColorMapToken";
|
|
7
12
|
import genCommonMapToken from "../shared/genCommonMapToken";
|
8
13
|
import { generateColorPalettes, generateNeutralColorPalettes } from "./colors";
|
9
14
|
export default function derivative(token) {
|
10
|
-
var colorPalettes = Object.keys(defaultPresetColors)
|
15
|
+
var colorPalettes = Object.keys(defaultPresetColors) // @ts-ignore
|
16
|
+
.map(function (colorKey) {
|
11
17
|
var colors = generate(token[colorKey]);
|
12
18
|
return new Array(10).fill(1).reduce(function (prev, _, i) {
|
13
|
-
prev[colorKey
|
19
|
+
prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
|
14
20
|
return prev;
|
15
21
|
}, {});
|
16
22
|
}).reduce(function (prev, cur) {
|
17
|
-
prev =
|
23
|
+
prev = _objectSpread(_objectSpread({}, prev), cur);
|
18
24
|
return prev;
|
19
25
|
}, {});
|
20
|
-
return
|
26
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, token), colorPalettes), genColorMapToken(token, {
|
21
27
|
generateColorPalettes: generateColorPalettes,
|
22
28
|
generateNeutralColorPalettes: generateNeutralColorPalettes
|
23
29
|
})), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));
|
package/es/theme/themes/seed.js
CHANGED
@@ -1,6 +1,11 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
2
7
|
export var defaultPresetColors = {
|
3
|
-
blue: '#
|
8
|
+
blue: '#2c68ff',
|
4
9
|
purple: '#722ED1',
|
5
10
|
cyan: '#13C2C2',
|
6
11
|
green: '#52C41A',
|
@@ -15,13 +20,13 @@ export var defaultPresetColors = {
|
|
15
20
|
lime: '#A0D911'
|
16
21
|
};
|
17
22
|
|
18
|
-
var seedToken =
|
23
|
+
var seedToken = _objectSpread(_objectSpread({}, defaultPresetColors), {}, {
|
19
24
|
// Color
|
20
|
-
colorPrimary: '#
|
25
|
+
colorPrimary: '#2c68ff',
|
21
26
|
colorSuccess: '#52c41a',
|
22
27
|
colorWarning: '#faad14',
|
23
28
|
colorError: '#ff4d4f',
|
24
|
-
colorInfo: '#
|
29
|
+
colorInfo: '#2c68ff',
|
25
30
|
colorTextBase: '',
|
26
31
|
colorBgBase: '',
|
27
32
|
// Font
|
@@ -32,6 +37,7 @@ var seedToken = _extends(_extends({}, defaultPresetColors), {
|
|
32
37
|
lineType: 'solid',
|
33
38
|
// Motion
|
34
39
|
motionUnit: 0.1,
|
40
|
+
// @ts-ignore
|
35
41
|
motionBase: 0,
|
36
42
|
motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
|
37
43
|
motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { ColorMapToken, SeedToken } from '
|
1
|
+
import type { ColorMapToken, SeedToken } from 'antd/es/theme/interface';
|
2
2
|
import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
|
3
3
|
interface PaletteGenerators {
|
4
4
|
generateColorPalettes: GenerateColorMap;
|
@@ -1,4 +1,9 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
2
7
|
import { TinyColor } from '@ctrl/tinycolor';
|
3
8
|
export default function genColorMapToken(seed, _ref) {
|
4
9
|
var generateColorPalettes = _ref.generateColorPalettes,
|
@@ -16,7 +21,7 @@ export default function genColorMapToken(seed, _ref) {
|
|
16
21
|
var errorColors = generateColorPalettes(colorErrorBase);
|
17
22
|
var infoColors = generateColorPalettes(colorInfoBase);
|
18
23
|
var neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
|
19
|
-
return
|
24
|
+
return _objectSpread(_objectSpread({}, neutralColors), {}, {
|
20
25
|
colorPrimaryBg: primaryColors[1],
|
21
26
|
colorPrimaryBgHover: primaryColors[2],
|
22
27
|
colorPrimaryBorder: primaryColors[3],
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { CommonMapToken, SeedToken } from '
|
1
|
+
import type { CommonMapToken, SeedToken } from 'antd/es/theme/interface';
|
2
2
|
export default function genCommonMapToken(token: SeedToken): CommonMapToken;
|
@@ -1,19 +1,26 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
2
7
|
import genFontSizes from "./genFontSizes";
|
3
8
|
import genRadius from "./genRadius";
|
4
9
|
export default function genCommonMapToken(token) {
|
10
|
+
// @ts-ignore
|
5
11
|
var motionUnit = token.motionUnit,
|
6
12
|
motionBase = token.motionBase,
|
7
13
|
fontSize = token.fontSize,
|
8
14
|
borderRadius = token.borderRadius,
|
9
15
|
lineWidth = token.lineWidth;
|
10
16
|
var fontSizes = genFontSizes(fontSize);
|
11
|
-
return
|
17
|
+
return _objectSpread({
|
12
18
|
// motion
|
13
|
-
motionDurationFast: (motionBase + motionUnit).toFixed(1)
|
14
|
-
motionDurationMid: (motionBase + motionUnit * 2).toFixed(1)
|
15
|
-
motionDurationSlow: (motionBase + motionUnit * 3).toFixed(1)
|
19
|
+
motionDurationFast: "".concat((motionBase + motionUnit).toFixed(1), "s"),
|
20
|
+
motionDurationMid: "".concat((motionBase + motionUnit * 2).toFixed(1), "s"),
|
21
|
+
motionDurationSlow: "".concat((motionBase + motionUnit * 3).toFixed(1), "s"),
|
16
22
|
// font
|
23
|
+
// @ts-ignore
|
17
24
|
fontSizes: fontSizes.map(function (fs) {
|
18
25
|
return fs.size;
|
19
26
|
}),
|
@@ -1,3 +1,3 @@
|
|
1
|
-
import type { MapToken } from '
|
1
|
+
import type { MapToken } from 'antd/es/theme/interface';
|
2
2
|
declare const genRadius: (radiusBase: number) => Pick<MapToken, 'borderRadiusXS' | 'borderRadiusSM' | 'borderRadiusLG' | 'borderRadius' | 'borderRadiusOuter'>;
|
3
3
|
export default genRadius;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { SeedToken, SizeMapToken } from '
|
1
|
+
import type { SeedToken, SizeMapToken } from 'antd/es/theme/interface';
|
2
2
|
export default function genSizeMapToken(token: SeedToken): SizeMapToken;
|
@@ -3,13 +3,21 @@ export default function genSizeMapToken(token) {
|
|
3
3
|
sizeStep = token.sizeStep;
|
4
4
|
return {
|
5
5
|
sizeXXL: sizeUnit * (sizeStep + 8),
|
6
|
+
// 48
|
6
7
|
sizeXL: sizeUnit * (sizeStep + 4),
|
8
|
+
// 32
|
7
9
|
sizeLG: sizeUnit * (sizeStep + 2),
|
10
|
+
// 24
|
8
11
|
sizeMD: sizeUnit * (sizeStep + 1),
|
12
|
+
// 20
|
9
13
|
sizeMS: sizeUnit * sizeStep,
|
14
|
+
// 16
|
10
15
|
size: sizeUnit * sizeStep,
|
16
|
+
// 16
|
11
17
|
sizeSM: sizeUnit * (sizeStep - 1),
|
18
|
+
// 12
|
12
19
|
sizeXS: sizeUnit * (sizeStep - 2),
|
20
|
+
// 8
|
13
21
|
sizeXXS: sizeUnit * (sizeStep - 3) // 4
|
14
22
|
|
15
23
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { ColorNeutralMapToken } from '
|
1
|
+
import type { ColorNeutralMapToken } from 'antd/es/theme/interface';
|
2
2
|
export interface ColorMap {
|
3
3
|
1: string;
|
4
4
|
2: string;
|
@@ -11,5 +11,5 @@ export interface ColorMap {
|
|
11
11
|
9: string;
|
12
12
|
10: string;
|
13
13
|
}
|
14
|
-
export type GenerateColorMap = (baseColor: string) => ColorMap;
|
15
|
-
export type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;
|
14
|
+
export declare type GenerateColorMap = (baseColor: string) => ColorMap;
|
15
|
+
export declare type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { SeedToken, SizeMapToken } from '
|
1
|
+
import type { SeedToken, SizeMapToken } from 'antd/es/theme/interface';
|
2
2
|
export default function genSizeMapToken(token: SeedToken): SizeMapToken;
|
@@ -1,11 +1,4 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = genSizeMapToken;
|
7
|
-
|
8
|
-
function genSizeMapToken(token) {
|
1
|
+
export default function genSizeMapToken(token) {
|
9
2
|
var sizeUnit = token.sizeUnit,
|
10
3
|
sizeStep = token.sizeStep;
|
11
4
|
var compactSizeStep = sizeStep - 2;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
2
|
-
import type { SeedToken, MapToken } from '
|
2
|
+
import type { SeedToken, MapToken } from 'antd/es/theme/interface';
|
3
3
|
declare const derivative: DerivativeFunc<SeedToken, MapToken>;
|
4
4
|
export default derivative;
|
@@ -1,29 +1,22 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
2
|
|
3
|
-
var
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
4
|
|
5
|
-
Object.defineProperty(
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = void 0;
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
9
6
|
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
var _default2 = _interopRequireDefault(require("../default"));
|
15
|
-
|
16
|
-
var _genCompactSizeMapToken = _interopRequireDefault(require("./genCompactSizeMapToken"));
|
17
|
-
|
18
|
-
var _genFontSizes = _interopRequireDefault(require("../shared/genFontSizes"));
|
7
|
+
import genControlHeight from "../shared/genControlHeight";
|
8
|
+
import defaultAlgorithm from "../default";
|
9
|
+
import genCompactSizeMapToken from "./genCompactSizeMapToken";
|
10
|
+
import getFontSizes from "../shared/genFontSizes";
|
19
11
|
|
20
12
|
var derivative = function derivative(token, mapToken) {
|
21
|
-
var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (
|
13
|
+
var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token); // @ts-ignore
|
14
|
+
|
22
15
|
var fontSize = mergedMapToken.fontSizes[0]; // Smaller size font-size as base
|
23
16
|
|
24
|
-
var fontSizes = (
|
17
|
+
var fontSizes = getFontSizes(fontSize);
|
25
18
|
var controlHeight = mergedMapToken.controlHeight - 4;
|
26
|
-
return (
|
19
|
+
return _objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), genCompactSizeMapToken(mapToken !== null && mapToken !== void 0 ? mapToken : token)), {}, {
|
27
20
|
// font
|
28
21
|
fontSizes: fontSizes.map(function (fs) {
|
29
22
|
return fs.size;
|
@@ -33,10 +26,9 @@ var derivative = function derivative(token, mapToken) {
|
|
33
26
|
}),
|
34
27
|
// controlHeight
|
35
28
|
controlHeight: controlHeight
|
36
|
-
}
|
29
|
+
}, genControlHeight(_objectSpread(_objectSpread({}, mergedMapToken), {}, {
|
37
30
|
controlHeight: controlHeight
|
38
31
|
})));
|
39
32
|
};
|
40
33
|
|
41
|
-
|
42
|
-
exports["default"] = _default;
|
34
|
+
export default derivative;
|
@@ -1,21 +1,8 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getSolidColor = exports.getAlphaColor = void 0;
|
7
|
-
|
8
|
-
var _tinycolor = require("@ctrl/tinycolor");
|
9
|
-
|
10
|
-
var getAlphaColor = function getAlphaColor(baseColor, alpha) {
|
11
|
-
return new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
|
1
|
+
import { TinyColor } from '@ctrl/tinycolor';
|
2
|
+
export var getAlphaColor = function getAlphaColor(baseColor, alpha) {
|
3
|
+
return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
|
12
4
|
};
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
var getSolidColor = function getSolidColor(baseColor, brightness) {
|
17
|
-
var instance = new _tinycolor.TinyColor(baseColor);
|
5
|
+
export var getSolidColor = function getSolidColor(baseColor, brightness) {
|
6
|
+
var instance = new TinyColor(baseColor);
|
18
7
|
return instance.lighten(brightness).toHexString();
|
19
|
-
};
|
20
|
-
|
21
|
-
exports.getSolidColor = getSolidColor;
|
8
|
+
};
|
@@ -1,16 +1,7 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
});
|
6
|
-
exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
|
7
|
-
|
8
|
-
var _colors = require("@ant-design/colors");
|
9
|
-
|
10
|
-
var _colorAlgorithm = require("./colorAlgorithm");
|
11
|
-
|
12
|
-
var generateColorPalettes = function generateColorPalettes(baseColor) {
|
13
|
-
var colors = (0, _colors.generate)(baseColor, {
|
1
|
+
import { generate } from '@ant-design/colors';
|
2
|
+
import { getAlphaColor, getSolidColor } from "./colorAlgorithm";
|
3
|
+
export var generateColorPalettes = function generateColorPalettes(baseColor) {
|
4
|
+
var colors = generate(baseColor, {
|
14
5
|
theme: 'dark'
|
15
6
|
});
|
16
7
|
return {
|
@@ -29,30 +20,25 @@ var generateColorPalettes = function generateColorPalettes(baseColor) {
|
|
29
20
|
|
30
21
|
};
|
31
22
|
};
|
32
|
-
|
33
|
-
exports.generateColorPalettes = generateColorPalettes;
|
34
|
-
|
35
|
-
var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
|
23
|
+
export var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
|
36
24
|
var colorBgBase = bgBaseColor || '#000';
|
37
25
|
var colorTextBase = textBaseColor || '#fff';
|
38
26
|
return {
|
39
27
|
colorBgBase: colorBgBase,
|
40
28
|
colorTextBase: colorTextBase,
|
41
|
-
colorText:
|
42
|
-
colorTextSecondary:
|
43
|
-
colorTextTertiary:
|
44
|
-
colorTextQuaternary:
|
45
|
-
colorFill:
|
46
|
-
colorFillSecondary:
|
47
|
-
colorFillTertiary:
|
48
|
-
colorFillQuaternary:
|
49
|
-
colorBgElevated:
|
50
|
-
colorBgContainer:
|
51
|
-
colorBgLayout:
|
52
|
-
colorBgSpotlight:
|
53
|
-
colorBorder:
|
54
|
-
colorBorderSecondary:
|
29
|
+
colorText: getAlphaColor(colorTextBase, 0.85),
|
30
|
+
colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
|
31
|
+
colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
|
32
|
+
colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
|
33
|
+
colorFill: getAlphaColor(colorTextBase, 0.18),
|
34
|
+
colorFillSecondary: getAlphaColor(colorTextBase, 0.12),
|
35
|
+
colorFillTertiary: getAlphaColor(colorTextBase, 0.08),
|
36
|
+
colorFillQuaternary: getAlphaColor(colorTextBase, 0.04),
|
37
|
+
colorBgElevated: getSolidColor(colorBgBase, 12),
|
38
|
+
colorBgContainer: getSolidColor(colorBgBase, 8),
|
39
|
+
colorBgLayout: getSolidColor(colorBgBase, 0),
|
40
|
+
colorBgSpotlight: getSolidColor(colorBgBase, 26),
|
41
|
+
colorBorder: getSolidColor(colorBgBase, 26),
|
42
|
+
colorBorderSecondary: getSolidColor(colorBgBase, 19)
|
55
43
|
};
|
56
|
-
};
|
57
|
-
|
58
|
-
exports.generateNeutralColorPalettes = generateNeutralColorPalettes;
|
44
|
+
};
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
2
|
-
import type { MapToken, SeedToken } from '
|
2
|
+
import type { MapToken, SeedToken } from 'antd/es/theme/interface';
|
3
3
|
declare const derivative: DerivativeFunc<SeedToken, MapToken>;
|
4
4
|
export default derivative;
|
@@ -1,43 +1,34 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
2
|
|
3
|
-
var
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
4
|
|
5
|
-
Object.defineProperty(
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = void 0;
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
9
6
|
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
var _genColorMapToken = _interopRequireDefault(require("../shared/genColorMapToken"));
|
17
|
-
|
18
|
-
var _colors2 = require("./colors");
|
19
|
-
|
20
|
-
var _default2 = _interopRequireDefault(require("../default"));
|
7
|
+
import { generate } from '@ant-design/colors';
|
8
|
+
import { defaultPresetColors } from "../seed";
|
9
|
+
import genColorMapToken from "../shared/genColorMapToken";
|
10
|
+
import { generateColorPalettes, generateNeutralColorPalettes } from "./colors";
|
11
|
+
import defaultAlgorithm from "../default";
|
21
12
|
|
22
13
|
var derivative = function derivative(token, mapToken) {
|
23
|
-
var colorPalettes = Object.keys(
|
24
|
-
|
14
|
+
var colorPalettes = Object.keys(defaultPresetColors) // @ts-ignore
|
15
|
+
.map(function (colorKey) {
|
16
|
+
var colors = generate(token[colorKey], {
|
25
17
|
theme: 'dark'
|
26
18
|
});
|
27
19
|
return new Array(10).fill(1).reduce(function (prev, _, i) {
|
28
|
-
prev[colorKey
|
20
|
+
prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
|
29
21
|
return prev;
|
30
22
|
}, {});
|
31
23
|
}).reduce(function (prev, cur) {
|
32
|
-
prev = (
|
24
|
+
prev = _objectSpread(_objectSpread({}, prev), cur);
|
33
25
|
return prev;
|
34
26
|
}, {});
|
35
|
-
var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (
|
36
|
-
return (
|
37
|
-
generateColorPalettes:
|
38
|
-
generateNeutralColorPalettes:
|
27
|
+
var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);
|
28
|
+
return _objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), colorPalettes), genColorMapToken(token, {
|
29
|
+
generateColorPalettes: generateColorPalettes,
|
30
|
+
generateNeutralColorPalettes: generateNeutralColorPalettes
|
39
31
|
}));
|
40
32
|
};
|
41
33
|
|
42
|
-
|
43
|
-
exports["default"] = _default;
|
34
|
+
export default derivative;
|
@@ -1,21 +1,8 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getSolidColor = exports.getAlphaColor = void 0;
|
7
|
-
|
8
|
-
var _tinycolor = require("@ctrl/tinycolor");
|
9
|
-
|
10
|
-
var getAlphaColor = function getAlphaColor(baseColor, alpha) {
|
11
|
-
return new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
|
1
|
+
import { TinyColor } from '@ctrl/tinycolor';
|
2
|
+
export var getAlphaColor = function getAlphaColor(baseColor, alpha) {
|
3
|
+
return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
|
12
4
|
};
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
var getSolidColor = function getSolidColor(baseColor, brightness) {
|
17
|
-
var instance = new _tinycolor.TinyColor(baseColor);
|
5
|
+
export var getSolidColor = function getSolidColor(baseColor, brightness) {
|
6
|
+
var instance = new TinyColor(baseColor);
|
18
7
|
return instance.darken(brightness).toHexString();
|
19
|
-
};
|
20
|
-
|
21
|
-
exports.getSolidColor = getSolidColor;
|
8
|
+
};
|
@@ -1,16 +1,7 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
});
|
6
|
-
exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
|
7
|
-
|
8
|
-
var _colors = require("@ant-design/colors");
|
9
|
-
|
10
|
-
var _colorAlgorithm = require("./colorAlgorithm");
|
11
|
-
|
12
|
-
var generateColorPalettes = function generateColorPalettes(baseColor) {
|
13
|
-
var colors = (0, _colors.generate)(baseColor);
|
1
|
+
import { generate } from '@ant-design/colors';
|
2
|
+
import { getAlphaColor, getSolidColor } from "./colorAlgorithm";
|
3
|
+
export var generateColorPalettes = function generateColorPalettes(baseColor) {
|
4
|
+
var colors = generate(baseColor);
|
14
5
|
return {
|
15
6
|
1: colors[0],
|
16
7
|
2: colors[1],
|
@@ -27,30 +18,25 @@ var generateColorPalettes = function generateColorPalettes(baseColor) {
|
|
27
18
|
|
28
19
|
};
|
29
20
|
};
|
30
|
-
|
31
|
-
exports.generateColorPalettes = generateColorPalettes;
|
32
|
-
|
33
|
-
var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
|
21
|
+
export var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
|
34
22
|
var colorBgBase = bgBaseColor || '#fff';
|
35
23
|
var colorTextBase = textBaseColor || '#000';
|
36
24
|
return {
|
37
25
|
colorBgBase: colorBgBase,
|
38
26
|
colorTextBase: colorTextBase,
|
39
|
-
colorText:
|
40
|
-
colorTextSecondary:
|
41
|
-
colorTextTertiary:
|
42
|
-
colorTextQuaternary:
|
43
|
-
colorFill:
|
44
|
-
colorFillSecondary:
|
45
|
-
colorFillTertiary:
|
46
|
-
colorFillQuaternary:
|
47
|
-
colorBgLayout:
|
48
|
-
colorBgContainer:
|
49
|
-
colorBgElevated:
|
50
|
-
colorBgSpotlight:
|
51
|
-
colorBorder:
|
52
|
-
colorBorderSecondary:
|
27
|
+
colorText: getAlphaColor(colorTextBase, 0.88),
|
28
|
+
colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
|
29
|
+
colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
|
30
|
+
colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
|
31
|
+
colorFill: getAlphaColor(colorTextBase, 0.15),
|
32
|
+
colorFillSecondary: getAlphaColor(colorTextBase, 0.06),
|
33
|
+
colorFillTertiary: getAlphaColor(colorTextBase, 0.04),
|
34
|
+
colorFillQuaternary: getAlphaColor(colorTextBase, 0.02),
|
35
|
+
colorBgLayout: getSolidColor(colorBgBase, 4),
|
36
|
+
colorBgContainer: getSolidColor(colorBgBase, 0),
|
37
|
+
colorBgElevated: getSolidColor(colorBgBase, 0),
|
38
|
+
colorBgSpotlight: getAlphaColor(colorTextBase, 0.85),
|
39
|
+
colorBorder: getSolidColor(colorBgBase, 15),
|
40
|
+
colorBorderSecondary: getSolidColor(colorBgBase, 6)
|
53
41
|
};
|
54
|
-
};
|
55
|
-
|
56
|
-
exports.generateNeutralColorPalettes = generateNeutralColorPalettes;
|
42
|
+
};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { MapToken, SeedToken } from '
|
1
|
+
import type { MapToken, SeedToken } from 'antd/es/theme/interface';
|
2
2
|
export default function derivative(token: SeedToken): MapToken;
|
@@ -1,41 +1,30 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
var
|
4
|
-
|
5
|
-
Object.defineProperty(
|
6
|
-
|
7
|
-
}
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
var _seed = require("../seed");
|
19
|
-
|
20
|
-
var _genColorMapToken = _interopRequireDefault(require("../shared/genColorMapToken"));
|
21
|
-
|
22
|
-
var _genCommonMapToken = _interopRequireDefault(require("../shared/genCommonMapToken"));
|
23
|
-
|
24
|
-
var _colors2 = require("./colors");
|
25
|
-
|
26
|
-
function derivative(token) {
|
27
|
-
var colorPalettes = Object.keys(_seed.defaultPresetColors).map(function (colorKey) {
|
28
|
-
var colors = (0, _colors.generate)(token[colorKey]);
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
7
|
+
import { generate } from '@ant-design/colors';
|
8
|
+
import genControlHeight from "../shared/genControlHeight";
|
9
|
+
import genSizeMapToken from "../shared/genSizeMapToken";
|
10
|
+
import { defaultPresetColors } from "../seed";
|
11
|
+
import genColorMapToken from "../shared/genColorMapToken";
|
12
|
+
import genCommonMapToken from "../shared/genCommonMapToken";
|
13
|
+
import { generateColorPalettes, generateNeutralColorPalettes } from "./colors";
|
14
|
+
export default function derivative(token) {
|
15
|
+
var colorPalettes = Object.keys(defaultPresetColors) // @ts-ignore
|
16
|
+
.map(function (colorKey) {
|
17
|
+
var colors = generate(token[colorKey]);
|
29
18
|
return new Array(10).fill(1).reduce(function (prev, _, i) {
|
30
|
-
prev[colorKey
|
19
|
+
prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
|
31
20
|
return prev;
|
32
21
|
}, {});
|
33
22
|
}).reduce(function (prev, cur) {
|
34
|
-
prev = (
|
23
|
+
prev = _objectSpread(_objectSpread({}, prev), cur);
|
35
24
|
return prev;
|
36
25
|
}, {});
|
37
|
-
return (
|
38
|
-
generateColorPalettes:
|
39
|
-
generateNeutralColorPalettes:
|
40
|
-
})), (
|
26
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, token), colorPalettes), genColorMapToken(token, {
|
27
|
+
generateColorPalettes: generateColorPalettes,
|
28
|
+
generateNeutralColorPalettes: generateNeutralColorPalettes
|
29
|
+
})), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));
|
41
30
|
}
|
package/lib/theme/themes/seed.js
CHANGED
@@ -1,16 +1,11 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
2
|
|
3
|
-
var
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
4
|
|
5
|
-
Object.defineProperty(
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports.defaultPresetColors = exports["default"] = void 0;
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
11
6
|
|
12
|
-
var defaultPresetColors = {
|
13
|
-
blue: '#
|
7
|
+
export var defaultPresetColors = {
|
8
|
+
blue: '#2c68ff',
|
14
9
|
purple: '#722ED1',
|
15
10
|
cyan: '#13C2C2',
|
16
11
|
green: '#52C41A',
|
@@ -24,14 +19,14 @@ var defaultPresetColors = {
|
|
24
19
|
gold: '#FAAD14',
|
25
20
|
lime: '#A0D911'
|
26
21
|
};
|
27
|
-
|
28
|
-
var seedToken = (
|
22
|
+
|
23
|
+
var seedToken = _objectSpread(_objectSpread({}, defaultPresetColors), {}, {
|
29
24
|
// Color
|
30
|
-
colorPrimary: '#
|
25
|
+
colorPrimary: '#2c68ff',
|
31
26
|
colorSuccess: '#52c41a',
|
32
27
|
colorWarning: '#faad14',
|
33
28
|
colorError: '#ff4d4f',
|
34
|
-
colorInfo: '#
|
29
|
+
colorInfo: '#2c68ff',
|
35
30
|
colorTextBase: '',
|
36
31
|
colorBgBase: '',
|
37
32
|
// Font
|
@@ -42,6 +37,7 @@ var seedToken = (0, _extends2["default"])((0, _extends2["default"])({}, defaultP
|
|
42
37
|
lineType: 'solid',
|
43
38
|
// Motion
|
44
39
|
motionUnit: 0.1,
|
40
|
+
// @ts-ignore
|
45
41
|
motionBase: 0,
|
46
42
|
motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
|
47
43
|
motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
|
@@ -67,5 +63,5 @@ var seedToken = (0, _extends2["default"])((0, _extends2["default"])({}, defaultP
|
|
67
63
|
// Wireframe
|
68
64
|
wireframe: false
|
69
65
|
});
|
70
|
-
|
71
|
-
|
66
|
+
|
67
|
+
export default seedToken;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { ColorMapToken, SeedToken } from '
|
1
|
+
import type { ColorMapToken, SeedToken } from 'antd/es/theme/interface';
|
2
2
|
import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
|
3
3
|
interface PaletteGenerators {
|
4
4
|
generateColorPalettes: GenerateColorMap;
|
@@ -1,17 +1,11 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
2
|
|
3
|
-
var
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
4
|
|
5
|
-
Object.defineProperty(
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = genColorMapToken;
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
9
6
|
|
10
|
-
|
11
|
-
|
12
|
-
var _tinycolor = require("@ctrl/tinycolor");
|
13
|
-
|
14
|
-
function genColorMapToken(seed, _ref) {
|
7
|
+
import { TinyColor } from '@ctrl/tinycolor';
|
8
|
+
export default function genColorMapToken(seed, _ref) {
|
15
9
|
var generateColorPalettes = _ref.generateColorPalettes,
|
16
10
|
generateNeutralColorPalettes = _ref.generateNeutralColorPalettes;
|
17
11
|
var colorSuccessBase = seed.colorSuccess,
|
@@ -27,7 +21,7 @@ function genColorMapToken(seed, _ref) {
|
|
27
21
|
var errorColors = generateColorPalettes(colorErrorBase);
|
28
22
|
var infoColors = generateColorPalettes(colorInfoBase);
|
29
23
|
var neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
|
30
|
-
return (
|
24
|
+
return _objectSpread(_objectSpread({}, neutralColors), {}, {
|
31
25
|
colorPrimaryBg: primaryColors[1],
|
32
26
|
colorPrimaryBgHover: primaryColors[2],
|
33
27
|
colorPrimaryBorder: primaryColors[3],
|
@@ -78,7 +72,7 @@ function genColorMapToken(seed, _ref) {
|
|
78
72
|
colorInfoTextHover: infoColors[8],
|
79
73
|
colorInfoText: infoColors[9],
|
80
74
|
colorInfoTextActive: infoColors[10],
|
81
|
-
colorBgMask: new
|
75
|
+
colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString(),
|
82
76
|
colorWhite: '#fff'
|
83
77
|
});
|
84
78
|
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { CommonMapToken, SeedToken } from '
|
1
|
+
import type { CommonMapToken, SeedToken } from 'antd/es/theme/interface';
|
2
2
|
export default function genCommonMapToken(token: SeedToken): CommonMapToken;
|
@@ -1,31 +1,26 @@
|
|
1
|
-
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
2
|
|
3
|
-
var
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
4
|
|
5
|
-
Object.defineProperty(
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = genCommonMapToken;
|
5
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
9
6
|
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
var _genRadius = _interopRequireDefault(require("./genRadius"));
|
15
|
-
|
16
|
-
function genCommonMapToken(token) {
|
7
|
+
import genFontSizes from "./genFontSizes";
|
8
|
+
import genRadius from "./genRadius";
|
9
|
+
export default function genCommonMapToken(token) {
|
10
|
+
// @ts-ignore
|
17
11
|
var motionUnit = token.motionUnit,
|
18
12
|
motionBase = token.motionBase,
|
19
13
|
fontSize = token.fontSize,
|
20
14
|
borderRadius = token.borderRadius,
|
21
15
|
lineWidth = token.lineWidth;
|
22
|
-
var fontSizes = (
|
23
|
-
return (
|
16
|
+
var fontSizes = genFontSizes(fontSize);
|
17
|
+
return _objectSpread({
|
24
18
|
// motion
|
25
|
-
motionDurationFast: (motionBase + motionUnit).toFixed(1)
|
26
|
-
motionDurationMid: (motionBase + motionUnit * 2).toFixed(1)
|
27
|
-
motionDurationSlow: (motionBase + motionUnit * 3).toFixed(1)
|
19
|
+
motionDurationFast: "".concat((motionBase + motionUnit).toFixed(1), "s"),
|
20
|
+
motionDurationMid: "".concat((motionBase + motionUnit * 2).toFixed(1), "s"),
|
21
|
+
motionDurationSlow: "".concat((motionBase + motionUnit * 3).toFixed(1), "s"),
|
28
22
|
// font
|
23
|
+
// @ts-ignore
|
29
24
|
fontSizes: fontSizes.map(function (fs) {
|
30
25
|
return fs.size;
|
31
26
|
}),
|
@@ -34,5 +29,5 @@ function genCommonMapToken(token) {
|
|
34
29
|
}),
|
35
30
|
// line
|
36
31
|
lineWidthBold: lineWidth + 1
|
37
|
-
}, (
|
32
|
+
}, genRadius(borderRadius));
|
38
33
|
}
|
@@ -1,10 +1,3 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
1
|
var genControlHeight = function genControlHeight(token) {
|
9
2
|
var controlHeight = token.controlHeight;
|
10
3
|
return {
|
@@ -14,5 +7,4 @@ var genControlHeight = function genControlHeight(token) {
|
|
14
7
|
};
|
15
8
|
};
|
16
9
|
|
17
|
-
|
18
|
-
exports["default"] = _default;
|
10
|
+
export default genControlHeight;
|
@@ -1,11 +1,5 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = getFontSizes; // https://zhuanlan.zhihu.com/p/32746810
|
7
|
-
|
8
|
-
function getFontSizes(base) {
|
1
|
+
// https://zhuanlan.zhihu.com/p/32746810
|
2
|
+
export default function getFontSizes(base) {
|
9
3
|
var fontSizes = new Array(10).fill(null).map(function (_, index) {
|
10
4
|
var i = index - 1;
|
11
5
|
var baseSize = base * Math.pow(2.71828, i / 5);
|
@@ -1,3 +1,3 @@
|
|
1
|
-
import type { MapToken } from '
|
1
|
+
import type { MapToken } from 'antd/es/theme/interface';
|
2
2
|
declare const genRadius: (radiusBase: number) => Pick<MapToken, 'borderRadiusXS' | 'borderRadiusSM' | 'borderRadiusLG' | 'borderRadius' | 'borderRadiusOuter'>;
|
3
3
|
export default genRadius;
|
@@ -1,10 +1,3 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
1
|
var genRadius = function genRadius(radiusBase) {
|
9
2
|
var radiusLG = radiusBase;
|
10
3
|
var radiusSM = radiusBase;
|
@@ -55,5 +48,4 @@ var genRadius = function genRadius(radiusBase) {
|
|
55
48
|
};
|
56
49
|
};
|
57
50
|
|
58
|
-
|
59
|
-
exports["default"] = _default;
|
51
|
+
export default genRadius;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { SeedToken, SizeMapToken } from '
|
1
|
+
import type { SeedToken, SizeMapToken } from 'antd/es/theme/interface';
|
2
2
|
export default function genSizeMapToken(token: SeedToken): SizeMapToken;
|
@@ -1,22 +1,23 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = genSizeMapToken;
|
7
|
-
|
8
|
-
function genSizeMapToken(token) {
|
1
|
+
export default function genSizeMapToken(token) {
|
9
2
|
var sizeUnit = token.sizeUnit,
|
10
3
|
sizeStep = token.sizeStep;
|
11
4
|
return {
|
12
5
|
sizeXXL: sizeUnit * (sizeStep + 8),
|
6
|
+
// 48
|
13
7
|
sizeXL: sizeUnit * (sizeStep + 4),
|
8
|
+
// 32
|
14
9
|
sizeLG: sizeUnit * (sizeStep + 2),
|
10
|
+
// 24
|
15
11
|
sizeMD: sizeUnit * (sizeStep + 1),
|
12
|
+
// 20
|
16
13
|
sizeMS: sizeUnit * sizeStep,
|
14
|
+
// 16
|
17
15
|
size: sizeUnit * sizeStep,
|
16
|
+
// 16
|
18
17
|
sizeSM: sizeUnit * (sizeStep - 1),
|
18
|
+
// 12
|
19
19
|
sizeXS: sizeUnit * (sizeStep - 2),
|
20
|
+
// 8
|
20
21
|
sizeXXS: sizeUnit * (sizeStep - 3) // 4
|
21
22
|
|
22
23
|
};
|