开源 企业版 高校版 私有云 模力方舟 AI 队友
代码拉取完成,页面将自动刷新
捐赠
捐赠前请先登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
1 Star 1 Fork 0

SyncGithub/fe-code

加入 Gitee
与超过 1400万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
已有帐号? 立即登录
文件
main
分支 (1)
标签 (2)
main
1.0.1
1.0.0
main
分支 (1)
标签 (2)
main
1.0.1
1.0.0
克隆/下载
克隆/下载
提示
下载代码请复制以下命令到终端执行
为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置
初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置
1 生成 RSA 密钥
2 获取 RSA 公钥内容,并配置到 SSH公钥
在 Gitee 上使用 SVN,请访问 使用指南
使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议 配置并使用私人令牌 替代登录密码进行克隆、推送等操作
Username for 'https://gitee.com': userName
Password for 'https://userName@gitee.com': # 私人令牌
main
分支 (1)
标签 (2)
main
1.0.1
1.0.0
fe-code
/
lib
/
utils
/
react2Code.js
fe-code
/
lib
/
utils
/
react2Code.js
react2Code.js 5.35 KB
一键复制 编辑 原始数据 按行查看 历史
xianweics 提交于 2021年08月08日 15:16 +08:00 . feat: build support for webpack
const { join } = require('path');
const { existsSync, mkdirSync } = require('fs');
const { transferDir, transferFile } = require('./file');
/**
* 生成 react crud 模板代码
*
* @param {*} fromFile
* @param {*} toFile
* @param {*} options
* @returns Promise<boolean>
*/
const replaceArgsToFile = (fromFile, toFile, options) => {
if (!options) return Promise.resolve();
const {
title, // 标题
containerType = 'Modal', // 交互方式
isNeedQuery, // 是否需要筛选
isNeedAdd,
isNeedEdit,
isNeedDelete,
isNeedBatchDelete,
isNeedDefine,
isNeedBatchDefine,
} = options;
return transferFile(fromFile, toFile, data => {
const apiConfig = { list: '/mock/list.json' };
const batchToolbar = [];
const rowToolbar = [];
if (isNeedAdd) {
apiConfig.add = '/mock/modify.json';
batchToolbar.push(`{
label: '添加',
type: 'primary',
toolbarType: ICrudToolbarTypeEnum.Add,
request: (row) =>
fetch(apiConfig.add, {
method: 'get',
}).then(() => {
message.success('添加成功');
}),
}`);
}
if (isNeedEdit) {
apiConfig.edit = '/mock/modify.json';
rowToolbar.push(`{
label: '编辑',
type: 'link',
toolbarType: ICrudToolbarTypeEnum.Edit,
request: (row) =>
fetch(apiConfig.edit, {
method: 'get',
}).then(() => {
message.success('编辑成功');
}),
}`);
}
if (isNeedDelete) {
apiConfig.delete = '/mock/delete.json';
rowToolbar.push(`{
label: '删除',
type: 'link',
danger: true,
toolbarType: ICrudToolbarTypeEnum.Delete,
request: (row) =>
fetch(apiConfig.delete, {
method: 'get',
}).then(() => {
message.success('删除成功');
}),
}`);
}
if (isNeedBatchDelete) {
apiConfig.batchDelete = '/mock/delete.json';
batchToolbar.push(`{
label: '批量删除',
type: 'dashed',
danger: true,
toolbarType: ICrudToolbarTypeEnum.DeleteBatch,
request: (row) =>
fetch(apiConfig.delete, {
method: 'get',
}).then(() => {
message.success('删除成功');
}),
}`);
}
if (isNeedDefine) {
rowToolbar.push(`{
render: (row, index) => {
return (
<Button
type="link"
onClick={() => {
message.warning('自定义事件处理');
console.log(1111, row, index);
}}
>
行级操作
</Button>
);
}
}`);
}
if (isNeedBatchDefine) {
batchToolbar.push(`{
render: (rows, rowKeys) => {
console.log(rows, rowKeys);
return (
<Button type="text" onClick={() => message.warning('自定义事件处理')}>
自定义按钮
</Button>
);
},
}`);
}
// 移除筛选
!isNeedQuery && data.replace(/isFilter: true,/g, 'isFilter: false,');
// replace content
const replaceData = `import { Button, message } from 'antd';\n${data
.replace(/\/\/ @ts-ignore/g, '')
.replace(
/\} from '..\/components\/index';/g,
`, ICrudToolbarTypeEnum, ICurdContainerTypeEnum } from '../components/index';\n`,
)
.replace(/\{crud.title\}/g, title)
.replace(/'\{crud.apiConfig\}'/g, JSON.stringify(apiConfig))
.replace(
/'\{crud.containerType\}'/g,
`ICurdContainerTypeEnum.${containerType}`,
)
.replace(/'\{crud.batchToolbar\}'/g, `[${batchToolbar.join(',')}]`)
.replace(/'\{crud.rowToolbar\}'/g, `[${rowToolbar.join(',')}]`)}`;
return replaceData;
});
};
/**
* 生成 react 模板代码
*
* @param {*} fromPath
* @param {*} toPath
* @param {*} options
*/
const generateReactCode = (fromPath, toPath, options) => {
const { isTs, file, model } = options;
// 基础 crud 模板
const baseCrudTemplatePath = 'template/crud';
const templateSuffix = isTs ? 'tsx' : 'jsx';
const templateFromPath = join(
fromPath,
`${baseCrudTemplatePath}.${templateSuffix}`,
);
const templateToPath = join(toPath, model);
if (!existsSync(templateFromPath)) return;
// 模块不存在则新建
!existsSync(templateToPath) && mkdirSync(templateToPath);
// replace args
replaceArgsToFile(
templateFromPath,
join(templateToPath, `${file}.${templateSuffix}`),
options,
).then(isSuccess => {});
};
/**
* 初始化 react crud 基础组件
* 用作生成基础组件到项目基架中
*
* @param {*} fromPath
* @param {*} toPath
*/
const initReactBase = (fromPath, toPath) => {
// 基础组件
const baseComponentPath = 'components';
// ignore file
const ignoreFiles = [
'node_modules',
'.DS_Store',
'dist',
'yarn.lock',
'package-lock.json',
'package.json',
'tsconfig.json',
];
const baseFromPath = join(fromPath, baseComponentPath);
const baseToPath = join(toPath, baseComponentPath);
transferDir(baseFromPath, baseToPath, ignoreFiles);
};
/**
* 迁移 mock
*
* @param {*} fromPath
* @param {*} toPath
*/
const generateReactMock = (fromPath, toPath) => {
const mockFromPath = join(fromPath, 'mock');
const mockToPath = join(toPath, 'mock');
transferDir(mockFromPath, mockToPath);
};
module.exports = {
initReactBase,
generateReactCode,
generateReactMock,
};
Loading...
举报
举报成功
我们将于2个工作日内通过站内信反馈结果给你!
请认真填写举报原因,尽可能描述详细。
请选择举报类型
取消
发送
误判申诉

此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。

如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。

取消
提交

简介

很多前端同学,每日不仅要忙于内卷,还要忙于奔波在重复的业务逻辑期间,所以我们索性开发了这样一款工具,帮助大家可以直接根据接口生成 CURD 的全部代码,让大家生活多些快乐
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
编辑仓库简介
简介内容
主页
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/sync-github/fe-code.git
git@gitee.com:sync-github/fe-code.git
sync-github
fe-code
fe-code
main
点此查找更多帮助

搜索帮助

评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册

AltStyle によって変換されたページ (->オリジナル) /