press-ui/script/generate-new-component/generate-new-component.js

简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目

const { execSync } = require('child_process');
const fs = require('fs');

const { pascalCase, getPureCompName } = require('t-comm');
const inquirer = require('inquirer');


const { COMP_PREFIX } = require('../utils/utils');

const { copyComponentDir } = require('./copy-dir');
const { sortComponentConfig } = require('./sort');


function getTypeMap(componentConfigPath) {
  const json = require(componentConfigPath);

  const typeMap = Object.keys(json).reduce((cAcc, key) => {
    const value = json[key];
    const { title, list } = value;

    let desc = `${title}，如 `;

    desc += list.slice(0, 2)
      .reduce((acc, item) => {
        acc.push(item.name);
        return acc;
      }, [])
      .join('、');

    cAcc[desc] = key;

    return cAcc;
  }, {});

  return typeMap;
}


async function getComponentConfig(componentConfigPath) {
  const typeMap = getTypeMap(componentConfigPath);
  const typeList = Object.keys(typeMap);

  const result = await inquirer
    .prompt([
      {
        type: 'input',
        name: 'name',
        message: '请输入组件英文名称，格式为大驼峰，如 MessageList、Cell？',
        validate: (val) => {
          if (val && val.trim()) {
            return true;
          }
          return '请输入组件英文名称';
        },
      },
      {
        type: 'input',
        name: 'title',
        message: '请输入组件中文名称？',
        validate: (val) => {
          if (val && val.trim()) {
            return true;
          }
          return '请输入组件中文名称';
        },
      },
      {
        type: 'list',
        name: 'type',
        message: '请选择组件分类？',
        choices: typeList,
      },

    ]);

  const { name, title, type } = result;
  const typeDesc = type.split('组件')[0];
  const confirm = await inquirer.prompt([
    {
      type: 'confirm',
      name: 'confirm',
      message: `确认创建英文名为 ${name}，中文名为 ${title}，类型为 ${typeDesc} 的组件吗？`,
    },
  ]);

  if (!confirm.confirm) {
    return;
  }

  return {
    name: pascalCase(getPureCompName(name.trim(), COMP_PREFIX)),
    title: title.trim(),
    type: typeMap[type],
  };
}

function writeCompConfig(config, componentConfigPath) {
  const json = require(componentConfigPath);
  const { type, name, title } = config;
  json[type].list.push({
    name,
    title,
  });

  const sortedJson = sortComponentConfig(json);
  fs.writeFileSync(componentConfigPath, JSON.stringify(sortedJson, null, 2));
}

function genDocsAndDemoConfig() {
  execSync('npm run gen:config', {
    stdio: 'inherit',
  });
}


async function generateNewComponent(componentConfigPath) {
  const config = await getComponentConfig(componentConfigPath);
  if (!config) return;

  writeCompConfig(config, componentConfigPath);
  genDocsAndDemoConfig();
  copyComponentDir(config);
}


module.exports = {
  generateNewComponent,
};