Node.js躬行记半吊子的可视化搭建系统

//权限文件的绝对路径 const absAuthorityPath = pathObj.resolve(__dirname, 'src/utils/authority.ts');delete require.cache[absAuthorityPath];//删除模块缓存 const authorities = require(absAuthorityPath); const obj= {   id: authority,   pid: parent,   name: menu,   desc:'',   routers: currentPath, }; authorities.push(obj);//添加权限 //写入文件 fs.writeFileSync(absAuthorityPath, `module.exports = ${JSON.stringify(authorities,null, 2)}`);

exportfunction setPageTemplate({name, antd, namespace, code='', props, component}) {return `import { connect, Dispatch, ${namespace}ModelState } from "umi"; import { setColumn } from'@/utils/tools'; import { TEMPLATE_MODEL } from'@/utils/constants'; ${antd}// 页面参数类型interface ${name}Props {   dispatch: Dispatch;   state: ${namespace}ModelState; }// 全局声明${code} const ${name}= ({ dispatch, state }: ${name}Props) => {// dispatch({ type: "xx/xx", payload: {} });// 状态// const { } = state;// 通用组件配置  ${props}return <>     ${component}</>;}; exportdefault connect((data: {${namespace}: ${namespace}ModelState}) => ({ state: data.${namespace} }))(${name});`; }

./node_modules/typescript/lib/typescript.js Critical dependency: the request of a dependency is an expression  ./node_modules/typescript/lib/typescript.js Critical dependency: the request of a dependency is an expression  ./node_modules/typescript/lib/typescript.js Module not found: Can't resolve 'perf_hooks' in 'C:\Users\User\node_modules\typescript\lib'

eval(`(${[1,2]})`);//2

JSON.stringify({func:() => {}});  //"{}"

`import { ${antds.join(',')} } from 'antd';`

interface OptionsType {   value: string;   label: string;   children: Array<{     value: string;     label: string;     link: string;//链接地址     readonlyProps?: ObjectType;//会影响组件的呈现，并且不能配置的属性     readonlyStrProps?: string;//待拼接的字符串属性     handleProps?: (values:ObjectType) => ObjectType;//在格式化表单数据后，再处理特定的组件属性     handleStrProps?: (values:ObjectType) => string;//拼接无法转换成字符串的属性     props: Array<{       label: string;       name: string;       params?: ObjectType;       control: JSX.Element| ((index: number) => JSX.Element);       type?: string;       initControl?: (props:any) => JSX.Element;     }>   }>; }

        readonlyProps: {           initPanes: (record: ObjectType): TabPaneType[]=> [             {               name:"示例",               key:"demo",               controls: [                 { label:'测试组件', control: <>内容</> }              ]             },           ],         },

        readonlyStrProps: `,// 标签栏内容回调函数，参数为 record，当标签栏只有一项时，将不显示菜单         "initPanes": (record: ObjectType): TabPaneType[] => [           {             name:"示例",             key:"demo",             controls: [               { label:'测试组件', control: <>内容</> }            ]           },         ],// useEffect钩子中的回调函数，参数是 record         "effectCallback": (record: ObjectType) => {}`,

        handleProps: (values:ObjectType) => {//对表单中的值做处理// 对接口数组做特殊处理,从['api', 'get']转换成api.get           values.url && (values.url = values.url.join('.'));// 初始化表单需要的组件if(values.controls.length === 0) {             values.controls= [               {                 label:"示例",                 name:"demo",                 control:<>测试组件</>              },             ];           }else {             values.originControls= values.controls;//备份组件名称数组             values.controls = values.controls.map((item:string) => getControls(item));           }delete values.controlskeys;//删除冗余属性return values;         },

        handleStrProps: (values:ObjectType):string => {if(values.controls.length === 0) {delete values.originControls;//删除备份数组delete values.controls;//删除原始属性return `,"controls": [               {                 label:"示例",                 name:"demo",                 control:<>测试组件</>              },             ]`;           }// 组件名称数组处理           const newControls = values.originControls.map((item:string) => getStrControls(item));delete values.originControls;delete values.controls;return `,"controls": [${newControls.join(',')}]`;         },