antd-split-components.js

antd-split-components.js

import fs from 'fs'
import path from 'path'

const libs = [
  'Affix',
  'Alert',
  'Anchor',
  'AutoComplete',
  'BackTop',
  'Badge',
  'Breadcrumb',
  'Calendar',
  'Card',
  'Carousel',
  'Cascader',
  'Checkbox',
  'Col',
  'Comment',
  'ConfigProvider',
  'DatePicker',
  'Descriptions',
  'Divider',
  'Dropdown',
  'Empty',
  'Form',
  'Input',
  'Layout',
  'List',
  'LocaleProvider',
  'Mention',
  'Mentions',
  'PageHeader',
  'Popconfirm',
  'Popover',
  'Progress',
  'Radio',
  'Rate',
  'Result',
  'Row',
  'Skeleton',
  'Slider',
  'Statistic',
  'Steps',
  'Switch',
  'Table',
  'Tabs',
  'Tag',
  'TimePicker',
  'Timeline',
  'Transfer',
  'Tree',
  'TreeSelect',
  'Typography',
  'Upload',
  'message',
]

function transCamel(_str, symbol) {
  const str = _str[0].toLowerCase() + _str.substr(1);
  return str.replace(/([A-Z])/g, $1 => `${symbol}${$1.toLowerCase()}`);
}

const genLibPath = (item) => `antd/es/${transCamel(item, '-')}`
const genIndexFile = (item) => ([
  `import '${genLibPath(item)}/style'`,
  `export { default } from '${genLibPath(item)}'`,
  '',
].join('\n'))

const chunks = libs.map((item) => ([
  item,
  genIndexFile(item),
]))

const createLib = (item, file) => {
  const dir = `./src/components/Common/${item}`
  fs.mkdirSync(dir, { recursive: true })
  fs.writeFileSync(`${dir}/index.ts`, file)
  console.log(`export { default as ${item} } from './${item}'`)
}

for (const [item, file] of chunks) {
  const dir = `./src/components/Common/${item}`
  if (fs.existsSync(dir)) {
    console.log('[exist]', item)
    continue
  }
  createLib(item, file)
}