kn-cli 1.0.131 → 1.0.133

package/templates/template_admin_antd5/public/src/menuConfig/auth.jsx

@@ -0,0 +1,92 @@
+import React from 'react';
+import {LoadComponent,UpdateAuth} from '@/utils/menu';
+
+// @ts-ignore
+import MenuIcon from '@/components/menuIcon';
+
+import PageTemplate from '@/pages/pageTemplate';
+
+const AuthUser = React.lazy(() => import('@/pages/auth/user'));
+const AuthUserCreate = React.lazy(() => import('@/pages/auth/user/create'));
+
+
+/**
+ * @type {RouteMenuItem}
+ */
+const _AUTH={
+  name:'控制室',
+  url:'/auth',
+  msgCount:12,
+  primaryId:'auth',
+  auth:['auth1'],
+  children:[
+    {
+      name: '用户',
+      component:<AuthUser />,
+      icon:<MenuIcon name='icon-user'/>,
+      url: '/auth/user',
+      auth:true,
+      primaryId:'authUser',
+      msgCount:0,
+      children:[
+        {
+          component:<AuthUserCreate />,
+          name:'新建用户',
+          url:'/auth/user/create',
+          hideMenu:true
+        }
+      ]
+    },
+    {
+      name: '部门',
+      icon:<MenuIcon name='icon-dep'/>,
+      url: '/auth/dep',
+      auth:true,
+      children:[
+        {
+          component:<PageTemplate name='部门列表' />,
+          name:'部门列表',
+          url:'/auth/dep/list',
+          auth:true,
+          children:[
+            {
+              component:<PageTemplate name='部门详情' />,
+              name:'部门详情',
+              routeTemplate:'/auth/dep/detail/:id',
+              hideMenu:true,
+              auth:true,
+            }
+          ]
+        },
+
+      ]
+    },
+    {
+      name: '角色',
+      component:<PageTemplate name='角色' />,
+      icon:<MenuIcon name='icon-role'/>,
+      url: '/auth/role',
+    },
+    {
+      name: '操作记录',
+      component:<PageTemplate name='操作记录' />,
+      icon:<MenuIcon name='icon-log'/>,
+      url: '/auth/log',
+      msgCount:12,
+    },
+    {
+      name: '登录日志',
+      component:<PageTemplate name='登录日志' />,
+      icon:<MenuIcon name='icon-loginlog'/>,
+      url: '/auth/loginLog',
+    },
+  ],
+}
+
+
+/**
+ * @type {RouteMenuItem}
+ */
+const AUTH=UpdateAuth(_AUTH);
+
+export default AUTH;

package/templates/template_admin_antd5/public/src/menuConfig/dashboard.jsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import {LoadComponent,UpdateAuth} from '@/utils/menu';
+
+
+
+
+
+/**
+ * @type {RouteMenuItem}
+ */
+const _DASHBOARD={
+  name:'仪表盘',
+  url:'/dashboard',
+  auth:['auth2'],
+  component:LoadComponent(React.lazy(() => import('@/pages/home'))),
+  children:[
+  ],
+}
+
+/**
+ * @type {RouteMenuItem}
+ */
+const DASHBOARD=UpdateAuth(_DASHBOARD);
+
+export default DASHBOARD;

package/templates/template_admin_antd5/public/src/menuConfig/dna.jsx

@@ -0,0 +1,76 @@
+import React from 'react';
+import {LoadComponent,UpdateAuth} from '@/utils/menu';
+
+// @ts-ignore
+import MenuIcon from '@/components/menuIcon';
+
+
+const Page2 = React.lazy(() => import('@/pages/demo/page2'));
+
+
+/**
+ * @type {RouteMenuItem}
+ */
+const _DNA={
+  name:'基因库',
+  url:'/dna',
+  auth:['auth1'],
+  children:[
+    {
+      name: '父菜单1',
+      icon:<MenuIcon name='icon-dep'/>,
+      url: '/dna/parent',
+      auth:['auth2'],
+      children:[
+        {
+          component:LoadComponent(React.lazy(() => import('@/pages/demo/page1'))),
+          name:'子菜单1-1',
+          auth:['auth3'],
+          url:'/dna/parent/child1'
+        }
+      ]
+    },
+    {
+      name: '父菜单2',
+      icon:<MenuIcon name='icon-dep'/>,
+      url: '/dna/parent2',
+      auth:true,
+      children:[
+        {
+          component:<Page2 name='父菜单2-子菜单1'/>,
+          name:'子菜单2-1',
+          auth:true,
+          url:'/dna/parent2/child1'
+        }
+      ]
+    },
+    {
+      name: '父菜单3',
+      icon:<MenuIcon name='icon-dep'/>,
+      url: '/dna/parent3',
+      auth:true,
+      children:[
+        {
+          name:'子菜单3-1',
+          auth:true,
+          url:'/dna/parent3/child1',
+          children:[
+            {
+              component:<Page2 name='父菜单3-子菜单1-子子菜单1'/>,
+              name:'子菜单3-1-1',
+              auth:true,
+              url:'/dna/parent3/child1/child1'
+            }
+          ]
+        }
+      ]
+    },
+  ],
+}
+
+/**
+ * @type {RouteMenuItem}
+ */
+const DNA=UpdateAuth(_DNA);
+
+export default DNA;

package/templates/template_admin_antd5/public/src/menuConfig/index.jsx

@@ -0,0 +1,17 @@
+// @ts-ignore
+import React from 'react';
+
+// @ts-ignore
+import DNA from './dna';
+// @ts-ignore
+import AUTH from './auth';
+// @ts-ignore
+import DASHBOARD from './dashboard';
+
+
+
+
+/**
+ * @type {RouteMenuItem[]}
+ */
+export default [DASHBOARD, DNA, AUTH]

package/templates/template_admin_antd5/public/src/mock/auth.js

@@ -0,0 +1,33 @@
+import {GET_REQUEST,waitTime} from './utils';
+import {RESPONSE_STRUCT} from '@/services';
+
+async function KSSOLOGIN(req,res){
+  const params = GET_REQUEST(req);
+  
+  await waitTime();
+  return {
+    "code": 0,
+    "msg": "操作成功",
+    "data": {
+      "authorities": [],
+      "details": {
+        "remoteAddress": "172.16.32.116",
+        "sessionId": null
+      },
+      "authenticated": false,
+      "principal": "changx",
+      "credentials": null,
+      "token": "eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJjaGFuZ3giLCJtb2RpZnkiOjAsInJlYWxOYW1lIjoi5bi45petIiwiY3JlYXRlZCI6MTcxMTQ0MTA5NzU2NSwidXNlck5hbWUiOiJjaGFuZ3giLCJleHAiOjE3MTE0ODQyOTcsInVzZXJJZCI6MTQsImp0aSI6MTQsImF1dGhvcml0aWVzIjpbeyJhdXRob3JpdHkiOiJncm91cC5kZWxldGUifSx7ImF1dGhvcml0eSI6InVzZXIudmlldyJ9LHsiYXV0aG9yaXR5Ijoicm9sZSJ9LHsiYXV0aG9yaXR5IjoicGVybWlzc2lvbi52aWV3In0seyJhdXRob3JpdHkiOiJkZXZpY2VfZ3JvdXAifSx7ImF1dGhvcml0eSI6InJvbGUudmlldyJ9LHsiYXV0aG9yaXR5IjoicGVybWlzc2lvbiJ9LHsiYXV0aG9yaXR5IjoiZ3JvdXAudmlldyJ9LHsiYXV0aG9yaXR5IjoiZGV2aWNlX2dyb3VwLmRlbGV0ZSJ9LHsiYXV0aG9yaXR5IjoidXNlci5lZGl0In0seyJhdXRob3JpdHkiOiJncm91cC5lZGl0In0seyJhdXRob3JpdHkiOiJkZXZpY2VfZ3JvdXAuYWRkIn0seyJhdXRob3JpdHkiOiJkZXZpY2VfZ3JvdXAuZWRpdCJ9LHsiYXV0aG9yaXR5IjoiZGV2aWNlX2dyb3VwLnZpZXcifSx7ImF1dGhvcml0eSI6InVzZXIifV19.aedlb-P96FuWt_xhqLuTOcudcZqThzloxcJpTmlanCB9bm2e_5RGlcPWxBbi7mdj5VGIQ36gCf1SDxy7aPewbw",
+      "userId": "14",
+      "username": "changx",
+      "realName": "常旭",
+      "isAdmin": false,
+      "modify": null,
+      "name": "changx"
+    }
+  }
+}
+
+export default {
+  '/api/ksso/auth':{post:KSSOLOGIN},
+}

package/templates/template_admin_antd5/public/src/mock/demo.js

@@ -0,0 +1,122 @@
+import qs from 'qs';
+import {GET_REQUEST,waitTime} from './utils';
+import {RESPONSE_STRUCT} from '@/services';
+// @ts-ignore
+import moment from 'moment';
+
+const MAX_TOTAL=98;
+let UPDATE_COUNT=0;
+let CREATE_COUNT=0;
+let LIST=null;
+
+function updateListData(){
+  let list=[];
+  const selectValue=['1','2','3','4','5','6']
+
+  const createData=(id)=>{
+    return {
+      id:`${id}`,
+      updateCount:UPDATE_COUNT,
+      name: `名称`+ `${id}`.padStart(2,'0'),
+      phone: `1370000`+ `${id}`.padStart(4,'0'),
+      date: moment().add(id,'minute').unix()*1000,//format('YYYY-MM-DD HH:mm:ss'),
+      dateRange: [moment().add(id,'minute').unix()*1000,moment().add(id,'day').unix()*1000],
+      select: selectValue[id%selectValue.length],
+      longName: `这是一个很长的名称`+ `${id}`.padStart(2,'0'),
+      imgName: 'https://nebula-api.oss-cn-shanghai.aliyuncs.com/20240329/24163932-85ea-4372-9ff7-ee7c71748bcb/1711691401353-95387929.jpeg',
+      previewSrcs:[
+        'http://callcneter.oss-cn-shanghai.aliyuncs.com/140_zhangfan31711522544778-46413274',
+        'http://callcneter.oss-cn-shanghai.aliyuncs.com/140_zhangfan31711522539477-71557179',
+        'http://callcneter.oss-cn-shanghai.aliyuncs.com/140_zhangfan31711522552637-65222632',
+        'http://callcneter.oss-cn-shanghai.aliyuncs.com/140_zhangfan31711522549224-81138313',
+      ],
+      videoName:'https://nebula-api.oss-cn-shanghai.aliyuncs.com/20240329/fc172bf8-1f61-4464-8d48-29b98a42fb4a/1711701991414-12827489.mp4',
+      disabled:id%2?true:false
+    }
+  };
+  
+  for(let i=0;i<MAX_TOTAL;i++){
+    list.push(createData(i))
+  }
+  for(let i=0;i<CREATE_COUNT;i++){
+    list.push(createData(300+i))
+  }
+  LIST=list;
+} 
+
+
+async function CREATE(req,res){
+  CREATE_COUNT++;
+  updateListData();
+  const query = JSON.parse(req.body);
+  await waitTime();
+  return {
+    [RESPONSE_STRUCT.CODE]:0,
+    [RESPONSE_STRUCT.DATA]:query,
+    [RESPONSE_STRUCT.MSG]:''
+  }
+}
+
+async function UPDATE(req,res){
+  UPDATE_COUNT++;
+  updateListData();
+  const query = JSON.parse(req.body);
+  await waitTime();
+  
+  return {
+    [RESPONSE_STRUCT.CODE]:0,
+    [RESPONSE_STRUCT.DATA]:query,
+    [RESPONSE_STRUCT.MSG]:''
+  }
+}
+
+async function GET_LIST(req){
+  const params = GET_REQUEST(req);
+  const {current,pageSize,...querys}= params;
+  if(!LIST)updateListData();
+  const strQuerys=JSON.stringify(querys);
+  let data=[];
+  let idx=(current-1)*pageSize;
+  for(let i=0;i<pageSize;i++){
+    if(idx>=MAX_TOTAL+CREATE_COUNT)break;
+    data.push({...LIST[idx],query:strQuerys});
+    idx++;
+  }
+  return {
+    [RESPONSE_STRUCT.CODE]:0,
+    [RESPONSE_STRUCT.DATA]:data,
+    [RESPONSE_STRUCT.PAGINATION]:{
+      current:current,
+      pageSize:pageSize,
+      total:MAX_TOTAL
+    },
+    [RESPONSE_STRUCT.MSG]:''
+  }
+}
+
+async function GET_DETAIL(req){
+  const params = GET_REQUEST(req);
+  const {id}= params;
+  if(!LIST)updateListData();
+  for(let item of LIST){
+    if(item.id == id){
+      return {
+        [RESPONSE_STRUCT.CODE]:0,
+        [RESPONSE_STRUCT.DATA]:item,
+        [RESPONSE_STRUCT.MSG]:''
+      }
+    }
+  }
+  return {
+    [RESPONSE_STRUCT.CODE]:0,
+    [RESPONSE_STRUCT.DATA]:null,
+    [RESPONSE_STRUCT.MSG]:''
+  }
+
+}
+export default {
+  '/demo/list':{get:GET_LIST},
+  '/demo/create':{post:CREATE},
+  '/demo/update':{post:UPDATE},
+  '/demo/detail':{get:GET_DETAIL}
+}

package/templates/template_admin_antd5/public/src/mock/index.js

@@ -0,0 +1,65 @@
+// @ts-ignore
+import mock from 'mockjs-async';
+
+import demo from './demo.js';
+
+function regMock(list){
+  if(list){
+    let keys = Object.keys(list)
+    keys.map(key=>{
+      let pattern;
+      if(typeof key === 'string'){
+        pattern = new RegExp(key)
+      }else{
+        pattern=key;
+      }
+      let config = list[key];
+      if(typeof config == 'function'){
+        console.log(`[mock]注册 ()${pattern}`)
+        mock.mock(pattern,(options)=>{
+          return new Promise(reslove=>{
+            if(config){
+              config(options).then(ret=>{
+                console.log(`[mock]response ()${pattern}`,options,ret)
+                reslove(ret);
+              });
+            }else{
+              reslove();
+            }
+          })
+        });
+      }else{
+        let methods = Object.keys(config);
+        methods.forEach(method=>{
+          console.log(`[mock]注册 (${method})${pattern}`)
+          mock.mock(pattern,method,(options)=>{
+            return new Promise(reslove=>{
+              if(config[method]){
+                config[method](options).then(ret=>{
+                  console.log(`[mock]response (${method})${pattern}`,options,ret)
+                  reslove(ret);
+                });
+              }else{
+                reslove();
+              }
+            })
+          });
+        })
+        
+      }
+    })
+  }
+}
+
+/* eslint-disable */
+// @ts-ignore
+if(MOCK){
+  console.log(`=========MOCK OPEN=======`)
+  regMock(demo);
+}else{
+  console.log(`=========MOCK CLOSE=======`)
+}
+/* eslint-enable */
+
+
+export default {};

package/templates/template_admin_antd5/public/src/mock/utils.js

@@ -0,0 +1,33 @@
+import qs from 'qs';
+
+export const waitTime = (time = 500) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(true);
+    }, time);
+  });
+};
+
+
+export const REP_SUCCESS=async (req,res)=>{
+    await waitTime();
+    return res.json({code:0,data:{}})
+}
+export const REP_FAIL=async (req,res)=>{
+  await waitTime();
+  return res.json({code:1,message:'mock失败',data:{}})
+}
+
+export const REP_500=async (req,res)=>{
+  await waitTime();
+  // console.log(res);
+  return res.status(500).send({})
+}
+
+
+export const GET_REQUEST=(req)=>{
+  if(req.type=='GET'){
+    return qs.parse(req.url.split('?')[1]);
+  }
+  return JSON.parse(req.body);
+}

package/templates/template_admin_antd5/public/src/pages/antdComponents/index.jsx

@@ -0,0 +1,142 @@
+import React from 'react';
+
+import {Layout,SearchBar,TitleBar,Content,Panel} from '@/pages/components/layout'
+
+import ResizeBox from '@/components/resizeBox';
+import { Button,Space,Input,Switch, Radio, Checkbox, InputNumber,Alert, Form } from '@/components/antd';
+import Table, { DefaultPagination } from '@/components/table';
+import { usePaginationWithForm } from '@/hooks';
+
+import SelectUser from '@/pages/components/select/user';
+import { FormatGetRequest, FormatTableService } from '@/services';
+import { GET_LIST } from '@/services/demo';
+import form from 'antd/es/form';
+
+const PageTemplate = (props) => {
+  const {name} = props;
+  const [form] = Form.useForm();
+
+  const page = usePaginationWithForm({
+    afterService: [(req)=>{
+      debugger;
+      return req;
+    },FormatTableService],
+    beforeService:[FormatGetRequest],
+    service: GET_LIST,
+    pagination: DefaultPagination(),
+    form
+  });
+
+  const onSearch=()=>{
+    page.update({ pagination: { current: 1 }, clear: true });
+  }
+
+  const onButton= ()=>{
+    return new Promise(resolve=>{
+      setTimeout(resolve,3000);
+    })
+  }
+  return (
+    <Layout>
+      <SearchBar>
+        <TitleBar label={`page1-${name}`}/>
+        <Alert message='antd5组件封装后效果预览'/>
+      </SearchBar>
+      <Content>
+        <Space direction='horizontal' wrap>
+          <ResizeBox title="Button">
+            <Space direction='horizontal' wrap>
+              <Button type="primary" onClick={onButton}>Primary Button</Button>
+              <Button onClick={onButton}>Default Button</Button>
+              <Button type="dashed" onClick={onButton}>Dashed Button</Button>
+              <Button type="text" onClick={onButton}>Text Button</Button>
+              <Button type="link" onClick={onButton}>Link Button</Button>
+            </Space>
+          </ResizeBox>
+
+          <ResizeBox title="Input">
+            <Space direction='horizontal' wrap>
+              <Input placeholder='input'/>
+              <InputNumber placeholder='number'/>
+              <Input.TextArea placeholder='textarea'/>
+            </Space>
+          </ResizeBox>
+
+          <ResizeBox title="Select">
+            <Space direction='horizontal' wrap>
+              <SelectUser mode={'multiple'} style={{width:'200px'}} allowClear/>
+            </Space>
+          </ResizeBox>
+
+          <ResizeBox title="Switch">
+            <Space direction='horizontal' wrap>
+              <Switch checkedChildren="开启" unCheckedChildren="关闭" />
+            </Space>
+          </ResizeBox>
+
+          <ResizeBox title="Check">
+            <Space direction='horizontal' wrap>
+              <Checkbox>选中</Checkbox>
+            </Space>
+          </ResizeBox>
+
+          <ResizeBox title="Radio">
+            <Space direction='horizontal' wrap>
+              <Radio.Group
+                options={[
+                  {
+                    label: 'Apple',
+                    value: 'Apple',
+                  },
+                  {
+                    label: 'Pear',
+                    value: 'Pear',
+                  },
+                ]}
+                optionType="button"
+                buttonStyle="solid"
+              />
+
+              <Radio.Group
+                options={[
+                  {
+                    label: 'Apple',
+                    value: 'Apple',
+                  },
+                  {
+                    label: 'Pear',
+                    value: 'Pear',
+                  },
+                ]}
+                buttonStyle="solid"
+              />
+            </Space>
+          </ResizeBox>
+          
+          <ResizeBox title="Table">
+            <Form form={form}>
+              <Form.Item name='id'><Input /></Form.Item>
+              <Button onClick={onSearch}>查询</Button>
+            </Form>
+              <Table 
+                page={page} 
+                columns={[
+                  {
+                    title:'id',
+                    dataIndex:'id'
+                  },
+                  {
+                    title:'name',
+                    dataIndex:'name'
+                  }
+                ]}
+              />
+          </ResizeBox>
+        </Space>
+      </Content>
+      
+    </Layout>
+  )
+}
+
+export default PageTemplate;

package/templates/template_admin_antd5/public/src/pages/auth/user/create/index.jsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import {
+  Button,
+  // @ts-ignore
+} from '@/components/antd';
+
+import ruler from '@/utils/rule';
+import {px2rem} from '@/utils';
+import {Layout,SearchBar,TitleBar,Content,Panel} from '@/pages/components/layout'
+import {emUserState} from '@/dictionary';
+import Table from '@/components/table';
+import { usePaginationWithForm } from '@/hooks';
+import Link from '@/components/link';
+import {FormatTableService,FormatGetRequest} from '@/services'
+import {
+  GET_LIST,
+} from '@/services/demo';
+
+// @ts-ignore
+import styles from './index.module.less';
+
+const AuthUserCreate = () => {
+  return (
+    <Layout>
+      <SearchBar>
+        <TitleBar label='新建用户' showBack optionRight={
+          <div className={styles.btns}>
+            <Button type='primary'>保存</Button>
+            <Button>取消</Button>
+          </div>
+        }/>
+      </SearchBar>
+
+      <Content>
+        <Panel title='基础信息'>
+          <div>123123</div>
+        </Panel>
+        <Panel title='权限配置'>
+          <div>123123</div>
+        </Panel>
+      </Content>
+      
+    </Layout>
+  )
+}
+
+export default AuthUserCreate;

package/templates/template_admin_antd5/public/src/pages/auth/user/create/index.module.less

@@ -0,0 +1,6 @@
+
+.btns{
+  display: flex;
+  align-items: center;
+  column-gap: 12px;
+}