@fle-ui/next 3.0.0-alpha.1 → 3.0.0-alpha.3
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
};
|