antd-management-fast-develop 1.0.4 → 1.0.6

package/bin/cli.js

@@ -0,0 +1,30 @@
+#!/usr/bin/env node
+
+/* eslint-disable no-undef */
+/* eslint-disable unicorn/prefer-module */
+/* eslint-disable no-useless-escape */
+
+const { Command } = require('commander');
+const { getArgCollection } = require('easy-soft-develop');
+
+const generator = require('../src/cliCollection/generate');
+
+const program = new Command();
+
+process.title = 'easy-soft-develop';
+
+program.version(require('../package').version).usage('<command> [options]');
+
+program
+  .command('generate')
+  .description('generate file from data source and template')
+  .option('--dataPath <string>', 'data json source file path')
+  .option(
+    '--relativeFolder <bool>',
+    'file will be generate by the relative folder path, default is "."',
+  )
+  .action((a, o) => {
+    generator.run(a, o);
+  });
+
+program.parse(getArgCollection());

package/package.json

@@ -1,17 +1,24 @@
 {
   "name": "antd-management-fast-develop",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "license": "ISC",
   "author": "",
   "main": "src/index.js",
+  "types": "types/index.d.ts",
+  "bin": {
+    "antd-management-fast-develop": "./bin/cli.js"
+  },
   "directories": {
-    "src": "src"
+    "src": "src",
+    "types": "types"
   },
   "files": [
-    "src/"
+    "src/",
+    "types/"
   ],
   "scripts": {
+    "ejs:test": "node ./bin/cli.js generate --dataPath ./src/data.json",
     "precommit": "npm run z:lint:staged:quiet",
     "publish:npm": "npm publish --registry https://registry.npmjs.org/",
     "prez:documentation:generate": "npx rimraf ./docs && npm run z:documentation:lint",
@@ -41,9 +48,13 @@
     "z:test": "cross-env NODE_ENV=test jest",
     "z:tsc:build": "echo show tsc version and create declaration file && tsc -v && tsc -p ./tsconfig.types.json && echo declaration file generate complete"
   },
+  "dependencies": {
+    "commander": "^10.0.0",
+    "ejs": "^3.1.9"
+  },
   "devDependencies": {
-    "@babel/core": "^7.21.0",
-    "@babel/eslint-parser": "^7.19.1",
+    "@babel/core": "^7.21.3",
+    "@babel/eslint-parser": "^7.21.3",
     "@babel/plugin-external-helpers": "^7.18.6",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.21.0",
@@ -56,15 +67,15 @@
     "@commitlint/config-lerna-scopes": "^17.4.2",
     "@commitlint/cz-commitlint": "^17.4.4",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
-    "@types/jest": "^29.4.0",
-    "@types/node": "^18.15.0",
-    "@typescript-eslint/parser": "^5.54.1",
-    "@umijs/max": "^4.0.57",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^18.15.3",
+    "@typescript-eslint/parser": "^5.55.0",
+    "@umijs/max": "^4.0.61",
     "commitizen": "^4.3.0",
     "conventional-changelog-conventionalcommits": "^5.0.0",
     "cross-env": "^7.0.3",
     "documentation": "^14.0.1",
-    "easy-soft-develop": "^2.0.175",
+    "easy-soft-develop": "^2.0.177",
     "eslint": "^8.36.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
@@ -90,8 +101,8 @@
     "react": "^18.2.0",
     "react-dnd": "^16.0.1",
     "rimraf": "^4.4.0",
-    "stylelint": "^15.2.0",
+    "stylelint": "^15.3.0",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-standard": "^30.0.1"
+    "stylelint-config-standard": "^31.0.0"
   }
 }

package/src/cliCollection/generate.js

@@ -0,0 +1,58 @@
+/* eslint-disable no-undef */
+/* eslint-disable unicorn/prefer-module */
+/* eslint-disable no-useless-escape */
+
+const {
+  promptWarn,
+  checkStringIsEmpty,
+  readJsonFileSync,
+  isObject,
+  exit,
+  promptInfo,
+  exec,
+} = require('easy-soft-develop');
+const { generate } = require('../tools/generate');
+
+exports.run = function (s, o) {
+  const {
+    _optionValues: { dataPath = '', relativeFolder = '.' },
+  } = o;
+
+  if (checkStringIsEmpty(dataPath)) {
+    promptWarn('please input data json file path, use --help to get help info');
+
+    exit();
+  }
+
+  const data = readJsonFileSync(dataPath);
+
+  if (isObject(data)) {
+    if (Array.isArray(data.list)) {
+      promptInfo('File will generate, please wait a moment');
+
+      generate(data.list, relativeFolder);
+
+      promptInfo('Format generated file:');
+
+      exec(`npx prettier --write ${relativeFolder}/**`);
+    } else {
+      const simple = {
+        list: [
+          {
+            functionSegment: 'SimpleStatus',
+            label: '状态',
+            name: 'status',
+          },
+        ],
+      };
+
+      promptWarn(
+        `in the data json file, key "list" value is not an array, it must be like this ${JSON.stringify(
+          simple,
+        )}`,
+      );
+    }
+  }
+
+  exit();
+};

package/src/data.json

@@ -0,0 +1,14 @@
+{
+  "list": [
+    {
+      "functionSegment": "SimpleStatus",
+      "label": "状态",
+      "name": "status"
+    },
+    {
+      "functionSegment": "Brand",
+      "label": "商品品牌",
+      "name": "brandId"
+    }
+  ]
+}

package/src/index.js

@@ -1 +1 @@
-export * from './configAssist';
+console.log('this is an empty entry point');

package/src/template.js

@@ -0,0 +1,204 @@
+/* eslint-disable no-undef */
+/* eslint-disable unicorn/prefer-module */
+/* eslint-disable no-useless-escape */
+
+const templateContent = `
+import {
+  isInvalid,
+  isNull,
+  isUndefined,
+  refitCommonData,
+  searchFromList,
+} from 'easy-soft-utility';
+
+import {
+  unknownLabel,
+  unlimitedWithStringFlag,
+} from 'antd-management-fast-common';
+import {
+  buildFlexRadio,
+  buildFlexSelect,
+  buildFormRadio,
+  buildFormSelect,
+  buildOptionItem,
+  buildRadioItem,
+  buildSearchFormSelect,
+} from 'antd-management-fast-component';
+
+export function refit<%= o.functionSegment %>List({ metaData, withUnlimited = true }) {
+  const { <%= o.defineName %>List: list } = {
+    <%= o.defineName %>List: [],
+    ...metaData,
+  };
+
+  if (withUnlimited) {
+    return refitCommonData(list, unlimitedWithStringFlag);
+  }
+
+  return refitCommonData(list);
+}
+
+export function get<%= o.functionSegment %>Name({ metaData, value, defaultValue = '' }) {
+  if (isInvalid(value)) {
+    return defaultValue;
+  }
+
+  const item = searchFromList(
+    'flag',
+    \`\${isNull(isUndefined(value) ? null : value) ? '' : value}\`,
+    refit<%= o.functionSegment %>List({ metaData, withUnlimited: false }),
+  );
+
+  return item == null ? '未知' : item.name;
+}
+
+export function render<%= o.functionSegment %>Option({
+  metaData,
+  withUnlimited = true,
+  adjustListDataCallback = null,
+}) {
+  const listData = refit<%= o.functionSegment %>List({ metaData, withUnlimited });
+
+  return buildOptionItem({ list: listData, adjustListDataCallback });
+}
+
+export function render<%= o.functionSegment %>Radio({
+  metaData,
+  withUnlimited = true,
+  adjustListDataCallback = null,
+}) {
+  const listData = refit<%= o.functionSegment %>List({ metaData, withUnlimited });
+
+  return buildRadioItem({ list: listData, adjustListDataCallback });
+}
+
+export function renderSearch<%= o.functionSegment %>Select({
+  metaData = null,
+  withUnlimited = true,
+  label = '<%= o.label %>',
+  name = '<%= o.name %>',
+  helper = null,
+}) {
+  const title = label || unknownLabel;
+
+  return buildSearchFormSelect({
+    label: title,
+    name,
+    helper,
+    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited }),
+    dataConvert: (o) => o,
+  });
+}
+
+export function renderCustom<%= o.functionSegment %>Select({
+  metaData = null,
+  label = '<%= o.label %>',
+  separator = ':',
+  size = 'middle',
+  onChange: onChangeCallback,
+  innerProps: innerProperties = null,
+}) {
+  return buildFlexSelect({
+    label,
+    defaultValue: null,
+    separator,
+    size,
+    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited: true }),
+    dataConvert: (o, index) => {
+      const { flag, name } = o;
+
+      return { index, label: name, value: flag, disabled: false, ...o };
+    },
+    renderItem: null,
+    onChange: onChangeCallback,
+    innerProps: innerProperties,
+  });
+}
+
+export function renderForm<%= o.functionSegment %>Select({
+  metaData = null,
+  helper = null,
+  onChange: onChangeCallback,
+  label = '<%= o.label %>',
+  formItemLayout = null,
+  required = true,
+  name = '<%= o.name %>',
+  innerProps: innerProperties = null,
+}) {
+  const title = label || unknownLabel;
+
+  return buildFormSelect({
+    label: title,
+    name,
+    helper,
+    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited: false }),
+    dataConvert: (o, index) => {
+      const { flag, name } = o;
+
+      return { index, label: name, value: flag, disabled: false, ...o };
+    },
+    onChange: onChangeCallback,
+    formItemLayout,
+    required,
+    innerProps: innerProperties,
+  });
+}
+
+export function renderCustom<%= o.functionSegment %>Radio({
+  metaData = null,
+  label = '<%= o.label %>',
+  separator = ': ',
+  size = 'middle',
+  onChange: onChangeCallback,
+  innerProps: innerProperties = null,
+}) {
+  return buildFlexRadio({
+    label,
+    defaultValue: null,
+    separator,
+    size,
+    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited: true }),
+    dataConvert: (o, index) => {
+      const { flag, name } = o;
+
+      return { index, label: name, value: flag, disabled: false, ...o };
+    },
+    renderItem: null,
+    onChange: onChangeCallback,
+    innerProps: innerProperties,
+  });
+}
+
+export function renderForm<%= o.functionSegment %>Radio({
+  metaData = null,
+  helper = null,
+  onChange: onChangeCallback,
+  label = '<%= o.label %>',
+  formItemLayout = null,
+  required = true,
+  name = '<%= o.name %>',
+  innerProps: innerProperties = null,
+}) {
+  const title = label || unknownLabel;
+
+  return buildFormRadio({
+    label: title,
+    name,
+    helper,
+    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited: false }),
+    dataConvert: (o, index) => {
+      const { flag, name } = o;
+
+      return { index, label: name, value: flag, disabled: false, ...o };
+    },
+    onChange: onChangeCallback,
+    formItemLayout,
+    required,
+    innerProps: innerProperties,
+  });
+}
+`;
+
+module.exports = {
+  templateContent,
+};

package/src/tools/generate.js

@@ -0,0 +1,112 @@
+/* eslint-disable no-undef */
+/* eslint-disable unicorn/prefer-module */
+/* eslint-disable no-useless-escape */
+
+const { compile } = require('ejs');
+const {
+  writeFileSync,
+  mkdirSync,
+  promptSuccess,
+  promptWarn,
+  promptEmptyLine,
+} = require('easy-soft-develop');
+
+let { templateContent } = require('../template');
+
+function generate(dataSource, relativeFolder) {
+  mkdirSync(`${relativeFolder}/FunctionExtra`, {
+    recursive: true,
+  });
+
+  const dataAdjust = dataSource.map((o) => adjustSource(o));
+
+  for (const o of dataAdjust) {
+    checkDataItem(o);
+
+    let content = compile(templateContent)({ o });
+
+    mkdirSync(`${relativeFolder}/FunctionExtra/${o.functionSegment}`);
+
+    writeFileSync(
+      `${relativeFolder}/FunctionExtra/${o.functionSegment}/index.jsx`,
+      content,
+      {
+        coverFile: true,
+      },
+    );
+
+    promptSuccess(
+      `Generate "${relativeFolder}/FunctionExtra/${o.functionSegment}/index.jsx" complete`,
+    );
+  }
+}
+
+function adjustSource(o) {
+  const d = { ...o };
+
+  const functionSegment = d.functionSegment;
+
+  if (functionSegment === undefined) {
+    promptWarn('data has error, check item: ');
+
+    console.log(d);
+
+    promptEmptyLine();
+
+    throw new Error('data has not key "functionSegment"');
+  }
+
+  d.defineName = toLowerFirst(d.functionSegment);
+
+  return d;
+}
+
+function toLowerFirst(o) {
+  return `${o.charAt(0)}`.toLowerCase() + o.slice(1);
+}
+
+function checkDataItem(item) {
+  if (item.functionSegment === undefined) {
+    promptWarn('data has error, check item: ');
+
+    console.log(item);
+
+    promptEmptyLine();
+
+    throw new Error('data has not key "functionSegment"');
+  }
+
+  if (item.defineName === undefined) {
+    promptWarn('data has error, check item: ');
+
+    console.log(item);
+
+    promptEmptyLine();
+
+    throw new Error('data has not key "defineName"');
+  }
+
+  if (item.label === undefined) {
+    promptWarn('data has error, check item: ');
+
+    console.log(item);
+
+    promptEmptyLine();
+
+    throw new Error('data has not key "label"');
+  }
+
+  if (item.name === undefined) {
+    promptWarn('data has error, check item: ');
+
+    console.log(item);
+
+    promptEmptyLine();
+
+    throw new Error('data has not key "name"');
+  }
+}
+
+module.exports = {
+  generate,
+};

package/types/cliCollection/generate.d.ts

@@ -0,0 +1 @@
+export function run(s: any, o: any): void;

package/types/template.d.ts

@@ -0,0 +1 @@
+export const templateContent: "\nimport {\n  isInvalid,\n  isNull,\n  isUndefined,\n  refitCommonData,\n  searchFromList,\n} from 'easy-soft-utility';\n\nimport {\n  unknownLabel,\n  unlimitedWithStringFlag,\n} from 'antd-management-fast-common';\nimport {\n  buildFlexRadio,\n  buildFlexSelect,\n  buildFormRadio,\n  buildFormSelect,\n  buildOptionItem,\n  buildRadioItem,\n  buildSearchFormSelect,\n} from 'antd-management-fast-component';\n\nexport function refit<%= o.functionSegment %>List({ metaData, withUnlimited = true }) {\n  const { <%= o.defineName %>List: list } = {\n    <%= o.defineName %>List: [],\n    ...metaData,\n  };\n\n  if (withUnlimited) {\n    return refitCommonData(list, unlimitedWithStringFlag);\n  }\n\n  return refitCommonData(list);\n}\n\nexport function get<%= o.functionSegment %>Name({ metaData, value, defaultValue = '' }) {\n  if (isInvalid(value)) {\n    return defaultValue;\n  }\n\n  const item = searchFromList(\n    'flag',\n    `${isNull(isUndefined(value) ? null : value) ? '' : value}`,\n    refit<%= o.functionSegment %>List({ metaData, withUnlimited: false }),\n  );\n\n  return item == null ? '未知' : item.name;\n}\n\nexport function render<%= o.functionSegment %>Option({\n  metaData,\n  withUnlimited = true,\n  adjustListDataCallback = null,\n}) {\n  const listData = refit<%= o.functionSegment %>List({ metaData, withUnlimited });\n\n  return buildOptionItem({ list: listData, adjustListDataCallback });\n}\n\nexport function render<%= o.functionSegment %>Radio({\n  metaData,\n  withUnlimited = true,\n  adjustListDataCallback = null,\n}) {\n  const listData = refit<%= o.functionSegment %>List({ metaData, withUnlimited });\n\n  return buildRadioItem({ list: listData, adjustListDataCallback });\n}\n\nexport function renderSearch<%= o.functionSegment %>Select({\n  metaData = null,\n  withUnlimited = true,\n  label = '<%= o.label %>',\n  name = '<%= o.name %>',\n  helper = null,\n}) {\n  const title = label || unknownLabel;\n\n  return buildSearchFormSelect({\n    label: title,\n    name,\n    helper,\n    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited }),\n    dataConvert: (o) => o,\n  });\n}\n\nexport function renderCustom<%= o.functionSegment %>Select({\n  metaData = null,\n  label = '<%= o.label %>',\n  separator = ':',\n  size = 'middle',\n  onChange: onChangeCallback,\n  innerProps: innerProperties = null,\n}) {\n  return buildFlexSelect({\n    label,\n    defaultValue: null,\n    separator,\n    size,\n    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited: true }),\n    dataConvert: (o, index) => {\n      const { flag, name } = o;\n\n      return { index, label: name, value: flag, disabled: false, ...o };\n    },\n    renderItem: null,\n    onChange: onChangeCallback,\n    innerProps: innerProperties,\n  });\n}\n\nexport function renderForm<%= o.functionSegment %>Select({\n  metaData = null,\n  helper = null,\n  onChange: onChangeCallback,\n  label = '<%= o.label %>',\n  formItemLayout = null,\n  required = true,\n  name = '<%= o.name %>',\n  innerProps: innerProperties = null,\n}) {\n  const title = label || unknownLabel;\n\n  return buildFormSelect({\n    label: title,\n    name,\n    helper,\n    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited: false }),\n    dataConvert: (o, index) => {\n      const { flag, name } = o;\n\n      return { index, label: name, value: flag, disabled: false, ...o };\n    },\n    onChange: onChangeCallback,\n    formItemLayout,\n    required,\n    innerProps: innerProperties,\n  });\n}\n\nexport function renderCustom<%= o.functionSegment %>Radio({\n  metaData = null,\n  label = '<%= o.label %>',\n  separator = ': ',\n  size = 'middle',\n  onChange: onChangeCallback,\n  innerProps: innerProperties = null,\n}) {\n  return buildFlexRadio({\n    label,\n    defaultValue: null,\n    separator,\n    size,\n    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited: true }),\n    dataConvert: (o, index) => {\n      const { flag, name } = o;\n\n      return { index, label: name, value: flag, disabled: false, ...o };\n    },\n    renderItem: null,\n    onChange: onChangeCallback,\n    innerProps: innerProperties,\n  });\n}\n\nexport function renderForm<%= o.functionSegment %>Radio({\n  metaData = null,\n  helper = null,\n  onChange: onChangeCallback,\n  label = '<%= o.label %>',\n  formItemLayout = null,\n  required = true,\n  name = '<%= o.name %>',\n  innerProps: innerProperties = null,\n}) {\n  const title = label || unknownLabel;\n\n  return buildFormRadio({\n    label: title,\n    name,\n    helper,\n    list: refit<%= o.functionSegment %>List({ metaData, withUnlimited: false }),\n    dataConvert: (o, index) => {\n      const { flag, name } = o;\n\n      return { index, label: name, value: flag, disabled: false, ...o };\n    },\n    onChange: onChangeCallback,\n    formItemLayout,\n    required,\n    innerProps: innerProperties,\n  });\n}\n";

package/types/tools/generate.d.ts

@@ -0,0 +1 @@
+export function generate(dataSource: any, relativeFolder: any): void;

package/src/configAssist.js

@@ -1,65 +0,0 @@
-export function checkDevelopment() {
-  return process.env.NODE_ENV === 'development';
-}
-
-export const configAssist = {
-  showInfoComplete: false,
-};
-
-export function buildConfig({ packageJson: packageImport, config = {} }) {
-  const deps = packageImport.dependencies;
-
-  let mfsu = {};
-  const shared = {};
-
-  if (deps) {
-    if (deps['react']) {
-      shared.react = {
-        singleton: true,
-        requiredVersion: deps['react'],
-      };
-    }
-
-    if (deps['react-dom']) {
-      shared['react-dom'] = {
-        singleton: true,
-        requiredVersion: deps['react-dom'],
-      };
-    }
-
-    mfsu.shared = shared;
-  }
-
-  const mergeConfig = {
-    mfsu,
-    hash: true,
-    antd: {},
-    access: {},
-    model: {},
-    initialState: {},
-    request: {},
-    history: { type: 'hash' },
-    locale: {
-      // 默认使用 src/locales/zh-CN.ts 作为多语言文件
-      default: 'zh-CN',
-      antd: true,
-      // default true, when it is true, will use `navigator.language` overwrite default
-      baseNavigator: true,
-    },
-    layout: {},
-    ...config,
-  };
-
-  // delete mergeConfig.initialState;
-  // delete mergeConfig.model;
-  delete mergeConfig.dva;
-
-  if (!configAssist.showInfoComplete) {
-    console.log(mergeConfig);
-    console.log('---------------------------------');
-
-    configAssist.showInfoComplete = true;
-  }
-
-  return mergeConfig;
-}

package/src/index.less

@@ -1,3 +0,0 @@
-#test {
-  font-size: inherit;
-}