Browse Source
* add devDependencies * rerun ci * rerun ci * update * update * fix * chore: update * fix * fix --------- Co-authored-by: MadCcc <1075746765@qq.com>pull/42055/head
lijianan
2 years ago
committed by
GitHub
GitHub
7 changed files with 20 additions and 256 deletions
@ -1,224 +0,0 @@ |
|||
/** |
|||
* ZombieJ: Since we still need mainly maintain the `default.less`. Create a script that generate |
|||
* `variable.less` from the `default.less` |
|||
*/ |
|||
|
|||
const fse = require('fs-extra'); |
|||
const path = require('path'); |
|||
const chalk = require('chalk'); |
|||
|
|||
const folderPath = path.resolve(__dirname, '..', 'components', 'style', 'themes'); |
|||
const targetPath = path.resolve(folderPath, 'variable.less'); |
|||
|
|||
const defaultContent = fse.readFileSync(path.resolve(folderPath, 'default.less'), 'utf8'); |
|||
|
|||
// const variableContent = fse.readFileSync(
|
|||
// path.resolve(__dirname, '..', 'components', 'style', 'themes', 'variable.less'),
|
|||
// 'utf8',
|
|||
// );
|
|||
|
|||
let variableContent = defaultContent; |
|||
|
|||
function replaceVariable(key, value) { |
|||
variableContent = variableContent.replace(new RegExp(`@${key}:[^;]*;`), `@${key}: ${value};`); |
|||
} |
|||
|
|||
function replaceVariableContent(key, content) { |
|||
const lines = variableContent.split(/\n/); |
|||
const startIndex = lines.findIndex((line) => |
|||
line.includes(`[CSS-VARIABLE-REPLACE-BEGIN: ${key}]`), |
|||
); |
|||
const endIndex = lines.findIndex((line) => line.includes(`[CSS-VARIABLE-REPLACE-END: ${key}]`)); |
|||
|
|||
if (startIndex !== -1 && endIndex !== -1) { |
|||
variableContent = [...lines.slice(0, startIndex), content, ...lines.slice(endIndex + 1)].join( |
|||
'\n', |
|||
); |
|||
} |
|||
} |
|||
|
|||
replaceVariable('theme', 'variable'); |
|||
|
|||
replaceVariableContent( |
|||
'html-variables', |
|||
` |
|||
html { |
|||
@base-primary: @blue-6; |
|||
|
|||
// ========= Primary Color =========
|
|||
--@{ant-prefix}-primary-color: @base-primary; |
|||
--@{ant-prefix}-primary-color-hover: color(~\`colorPalette('@{base-primary}', 5) \`);
|
|||
--@{ant-prefix}-primary-color-active: color(~\`colorPalette('@{base-primary}', 7) \`);
|
|||
--@{ant-prefix}-primary-color-outline: fade(@base-primary, @outline-fade); |
|||
|
|||
// Legacy
|
|||
@legacy-primary-1: color(~\`colorPalette('@{base-primary}', 1) \`);
|
|||
|
|||
--@{ant-prefix}-primary-1: @legacy-primary-1; |
|||
--@{ant-prefix}-primary-2: color(~\`colorPalette('@{base-primary}', 2) \`);
|
|||
--@{ant-prefix}-primary-3: color(~\`colorPalette('@{base-primary}', 3) \`);
|
|||
--@{ant-prefix}-primary-4: color(~\`colorPalette('@{base-primary}', 4) \`);
|
|||
--@{ant-prefix}-primary-5: color(~\`colorPalette('@{base-primary}', 5) \`);
|
|||
--@{ant-prefix}-primary-6: @base-primary; |
|||
--@{ant-prefix}-primary-7: color(~\`colorPalette('@{base-primary}', 7) \`);
|
|||
|
|||
// Deprecated
|
|||
--@{ant-prefix}-primary-color-deprecated-pure: ~''; |
|||
--@{ant-prefix}-primary-color-deprecated-l-35: lighten(@base-primary, 35%); |
|||
--@{ant-prefix}-primary-color-deprecated-l-20: lighten(@base-primary, 20%); |
|||
--@{ant-prefix}-primary-color-deprecated-t-20: tint(@base-primary, 20%); |
|||
--@{ant-prefix}-primary-color-deprecated-t-50: tint(@base-primary, 50%); |
|||
--@{ant-prefix}-primary-color-deprecated-f-12: fade(@base-primary, 12%); |
|||
--@{ant-prefix}-primary-color-active-deprecated-f-30: fade(@legacy-primary-1, 30%); |
|||
--@{ant-prefix}-primary-color-active-deprecated-d-02: darken(@legacy-primary-1, 2%); |
|||
|
|||
// ========= Success Color =========
|
|||
--@{ant-prefix}-success-color: @green-6; |
|||
--@{ant-prefix}-success-color-hover: color(~\`colorPalette('@{green-6}', 5) \`);
|
|||
--@{ant-prefix}-success-color-active: color(~\`colorPalette('@{green-6}', 7) \`);
|
|||
--@{ant-prefix}-success-color-outline: fade(@green-6, @outline-fade); |
|||
--@{ant-prefix}-success-color-deprecated-bg: ~\`colorPalette('@{green-6}', 1) \`;
|
|||
--@{ant-prefix}-success-color-deprecated-border: ~\`colorPalette('@{green-6}', 3) \`;
|
|||
|
|||
// ========== Error Color ==========
|
|||
--@{ant-prefix}-error-color: @red-5; |
|||
--@{ant-prefix}-error-color-hover: color(~\`colorPalette('@{red-5}', 5) \`);
|
|||
--@{ant-prefix}-error-color-active: color(~\`colorPalette('@{red-5}', 7) \`);
|
|||
--@{ant-prefix}-error-color-outline: fade(@red-5, @outline-fade); |
|||
--@{ant-prefix}-error-color-deprecated-bg: ~\`colorPalette('@{red-5}', 1) \`;
|
|||
--@{ant-prefix}-error-color-deprecated-border: ~\`colorPalette('@{red-5}', 3) \`;
|
|||
|
|||
// ========= Warning Color =========
|
|||
--@{ant-prefix}-warning-color: @gold-6; |
|||
--@{ant-prefix}-warning-color-hover: color(~\`colorPalette('@{gold-6}', 5) \`);
|
|||
--@{ant-prefix}-warning-color-active: color(~\`colorPalette('@{gold-6}', 7) \`);
|
|||
--@{ant-prefix}-warning-color-outline: fade(@gold-6, @outline-fade); |
|||
--@{ant-prefix}-warning-color-deprecated-bg: ~\`colorPalette('@{gold-6}', 1) \`;
|
|||
--@{ant-prefix}-warning-color-deprecated-border: ~\`colorPalette('@{gold-6}', 3) \`;
|
|||
|
|||
// ========== Info Color ===========
|
|||
--@{ant-prefix}-info-color: @base-primary; |
|||
--@{ant-prefix}-info-color-deprecated-bg: ~\`colorPalette('@{base-primary}', 1) \`;
|
|||
--@{ant-prefix}-info-color-deprecated-border: ~\`colorPalette('@{base-primary}', 3) \`;
|
|||
} |
|||
`.trim(),
|
|||
); |
|||
|
|||
// >>> Primary
|
|||
replaceVariable('primary-color', "~'var(--@{ant-prefix}-primary-color)'"); |
|||
replaceVariable('primary-color-hover', "~'var(--@{ant-prefix}-primary-color-hover)'"); |
|||
replaceVariable('primary-color-active', "~'var(--@{ant-prefix}-primary-color-active)'"); |
|||
replaceVariable('primary-color-outline', "~'var(--@{ant-prefix}-primary-color-outline)'"); |
|||
|
|||
replaceVariable('processing-color', '@primary-color'); |
|||
|
|||
// >>> Info
|
|||
replaceVariable('info-color', "~'var(--@{ant-prefix}-info-color)'"); |
|||
replaceVariable('info-color-deprecated-bg', "~'var(--@{ant-prefix}-info-color-deprecated-bg)'"); |
|||
replaceVariable( |
|||
'info-color-deprecated-border', |
|||
"~'var(--@{ant-prefix}-info-color-deprecated-border)'", |
|||
); |
|||
|
|||
// >>> Success
|
|||
replaceVariable('success-color', "~'var(--@{ant-prefix}-success-color)'"); |
|||
replaceVariable('success-color-hover', "~'var(--@{ant-prefix}-success-color-hover)'"); |
|||
replaceVariable('success-color-active', "~'var(--@{ant-prefix}-success-color-active)'"); |
|||
replaceVariable('success-color-outline', "~'var(--@{ant-prefix}-success-color-outline)'"); |
|||
replaceVariable( |
|||
'success-color-deprecated-bg', |
|||
"~'var(--@{ant-prefix}-success-color-deprecated-bg)'", |
|||
); |
|||
replaceVariable( |
|||
'success-color-deprecated-border', |
|||
"~'var(--@{ant-prefix}-success-color-deprecated-border)'", |
|||
); |
|||
|
|||
// >>> Warning
|
|||
replaceVariable('warning-color', "~'var(--@{ant-prefix}-warning-color)'"); |
|||
replaceVariable('warning-color-hover', "~'var(--@{ant-prefix}-warning-color-hover)'"); |
|||
replaceVariable('warning-color-active', "~'var(--@{ant-prefix}-warning-color-active)'"); |
|||
replaceVariable('warning-color-outline', "~'var(--@{ant-prefix}-warning-color-outline)'"); |
|||
replaceVariable( |
|||
'warning-color-deprecated-bg', |
|||
"~'var(--@{ant-prefix}-warning-color-deprecated-bg)'", |
|||
); |
|||
replaceVariable( |
|||
'warning-color-deprecated-border', |
|||
"~'var(--@{ant-prefix}-warning-color-deprecated-border)'", |
|||
); |
|||
|
|||
// >>> Error
|
|||
replaceVariable('error-color', "~'var(--@{ant-prefix}-error-color)'"); |
|||
replaceVariable('error-color-hover', "~'var(--@{ant-prefix}-error-color-hover)'"); |
|||
replaceVariable('error-color-active', "~'var(--@{ant-prefix}-error-color-active)'"); |
|||
replaceVariable('error-color-outline', "~'var(--@{ant-prefix}-error-color-outline)'"); |
|||
replaceVariable('error-color-deprecated-bg', "~'var(--@{ant-prefix}-error-color-deprecated-bg)'"); |
|||
replaceVariable( |
|||
'error-color-deprecated-border', |
|||
"~'var(--@{ant-prefix}-error-color-deprecated-border)'", |
|||
); |
|||
|
|||
// >>> Primary Level Color
|
|||
replaceVariable('primary-1', "~'var(--@{ant-prefix}-primary-1)'"); |
|||
replaceVariable('primary-2', "~'var(--@{ant-prefix}-primary-2)'"); |
|||
replaceVariable('primary-3', "~'var(--@{ant-prefix}-primary-3)'"); |
|||
replaceVariable('primary-4', "~'var(--@{ant-prefix}-primary-4)'"); |
|||
replaceVariable('primary-5', "~'var(--@{ant-prefix}-primary-5)'"); |
|||
replaceVariable('primary-6', "~'var(--@{ant-prefix}-primary-6)'"); |
|||
replaceVariable('primary-7', "~'var(--@{ant-prefix}-primary-7)'"); |
|||
|
|||
// Link
|
|||
replaceVariable('link-hover-color', '@primary-color-hover'); |
|||
replaceVariable('link-active-color', '@primary-color-active'); |
|||
|
|||
replaceVariable( |
|||
'table-selected-row-hover-bg', |
|||
"~'var(--@{ant-prefix}-primary-color-active-deprecated-d-02)'", |
|||
); |
|||
|
|||
replaceVariable( |
|||
'picker-basic-cell-hover-with-range-color', |
|||
"~'var(--@{ant-prefix}-primary-color-deprecated-l-35)'", |
|||
); |
|||
replaceVariable( |
|||
'picker-date-hover-range-border-color', |
|||
"~'var(--@{ant-prefix}-primary-color-deprecated-l-20)'", |
|||
); |
|||
|
|||
replaceVariable( |
|||
'calendar-column-active-bg', |
|||
"~'var(--@{ant-prefix}-primary-color-active-deprecated-f-30)'", |
|||
); |
|||
|
|||
replaceVariable( |
|||
'slider-handle-color-focus', |
|||
"~'var(--@{ant-prefix}-primary-color-deprecated-t-20)'", |
|||
); |
|||
replaceVariable( |
|||
'slider-handle-color-focus-shadow', |
|||
"~'var(--@{ant-prefix}-primary-color-deprecated-f-12)'", |
|||
); |
|||
replaceVariable( |
|||
'slider-dot-border-color-active', |
|||
"~'var(--@{ant-prefix}-primary-color-deprecated-t-50)'", |
|||
); |
|||
|
|||
replaceVariable( |
|||
'transfer-item-selected-hover-bg', |
|||
"~'var(--@{ant-prefix}-primary-color-active-deprecated-d-02)'", |
|||
); |
|||
|
|||
replaceVariable('alert-success-border-color', '@success-color-deprecated-border'); |
|||
replaceVariable('alert-success-bg-color', '@success-color-deprecated-bg'); |
|||
replaceVariable('alert-info-border-color', '@info-color-deprecated-border'); |
|||
replaceVariable('alert-info-bg-color', '@info-color-deprecated-bg'); |
|||
replaceVariable('alert-warning-border-color', '@warning-color-deprecated-border'); |
|||
replaceVariable('alert-warning-bg-color', '@warning-color-deprecated-bg'); |
|||
replaceVariable('alert-error-border-color', '@error-color-deprecated-border'); |
|||
replaceVariable('alert-error-bg-color', '@error-color-deprecated-bg'); |
|||
|
|||
fse.writeFileSync(targetPath, variableContent, 'utf8'); |
|||
|
|||
// eslint-disable-next-line no-console
|
|||
console.log(chalk.green('Success! Replaced path:'), targetPath); |
|||
@ -1,7 +1,8 @@ |
|||
const fs = require('fs-extra'); |
|||
const path = require('path'); |
|||
import fs from 'fs'; |
|||
import path from 'path'; |
|||
import localPackage from '../package.json'; |
|||
|
|||
const { version } = require('../package.json'); |
|||
const { version } = localPackage; |
|||
|
|||
fs.writeFileSync( |
|||
path.join(__dirname, '..', 'components', 'version', 'version.ts'), |
|||
@ -1,23 +0,0 @@ |
|||
/** |
|||
* 将 demo 迁移到临时文件夹，以供 v5-site-upgrade 使用。 |
|||
* 升级 v5 完毕后可删除。 |
|||
*/ |
|||
|
|||
const glob = require('glob'); |
|||
const fs = require('fs-extra'); |
|||
const path = require('path'); |
|||
|
|||
const tmpFolder = `~demo`; |
|||
|
|||
glob('components/**/*.md', (er, files) => { |
|||
fs.ensureDirSync(tmpFolder); |
|||
fs.emptyDirSync(tmpFolder); |
|||
|
|||
files.forEach((file) => { |
|||
const tmpFilePath = path.resolve(tmpFolder, file); |
|||
const tmpFolderPath = path.dirname(tmpFilePath); |
|||
fs.ensureDirSync(tmpFolderPath); |
|||
|
|||
fs.copyFileSync(file, tmpFilePath); |
|||
}); |
|||
}); |
|||
@ -1,7 +1,11 @@ |
|||
{ |
|||
"extends": "./tsconfig.json", |
|||
"ts-node": { |
|||
"swc": true |
|||
}, |
|||
"compilerOptions": { |
|||
"module": "CommonJS", |
|||
"types": ["node"] |
|||
"types": ["node"], |
|||
"resolveJsonModule": true |
|||
} |
|||
} |
|||
|
|||
Loading…
Reference in new issue