kn-cli 1.0.43 → 1.0.45

package/templates/template_admin/public/src/index.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import {HashRouter} from 'react-router-dom';
+// import {createRoot} from 'react-dom/client';
+// import { createHashRouter,RouterProvider } from 'react-router-dom';
+import './_antd.less';
+import './_reset.less';
+import {RouteList} from './route';
+
+
+if(MOCK){
+  let mock = require('@/mock');
+  mock;
+}
+
+window.appLog=(txt)=>{
+  console.log(txt);
+}
+
+/* eslint-disable */
+if(BUILD_ENV!='prod'){
+  let VConsole =  require('vconsole');
+  const vConsole = new VConsole();
+  setTimeout(() => {
+    vConsole.setSwitchPosition(70, 10);
+  }, 2000);
+}
+
+if(BUILD_ENV){
+  window.appLog(`代码环境类型：${BUILD_ENV}`);
+}
+if (VERSION_HASH) {
+  window.appLog(`VERSION_HASH：${VERSION_HASH}`);
+}
+window.appLog(`log init`);
+window.appLog(`${location.href}`);
+window.appLog(`ua:${navigator.userAgent}`);
+/* eslint-enable */
+
+const BasicRoute = () => {
+  return (
+  <HashRouter>
+    {RouteList}
+  </HashRouter>
+  );
+}
+
+ReactDOM.render(<BasicRoute />, document.getElementById('main-view'));
+
+// createRoot(document.getElementById('main-view')).render(<RouterProvider router={createHashRouter(router)} />);

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

@@ -0,0 +1,91 @@
+import {waitTime,REP_SUCCESS} from './utils.js';
+import qs from 'qs';
+import {GET_REQUEST} from './utils';
+
+async function GET_MENU(req,res){
+  await waitTime();
+  const MenuRoute=[
+    {
+      name:'顶部菜单',
+      url:'/video',
+      children:[
+        {
+          name:'内容管理',
+          icon:'AppstoreOutlined',
+          children:[
+            {name:'剧集管理',url:'/video'},
+            {name:'素材管理',url:'/material'},
+          ]
+
+        },
+        {
+          name:'数据管理',
+          icon:'AppstoreOutlined',
+          children:[
+            {name:'订单数据',url:'/order'},
+            {name:'用户数据',url:'/userData'},
+          ]
+        },
+        {
+          name:'用户管理',
+          icon:'UserOutlined',
+          url:'/user'
+        },
+        {
+          name:'客诉管理',
+          icon:'CustomerServiceOutlined',
+          url:'/suggest'
+        },
+        {
+          name:'权限配置',
+          icon:'CrownOutlined',
+          url:'/permission'
+        },
+      ]
+    }
+  ]
+  return {code:0,data:MenuRoute}
+}
+
+async function LOGIN(req,res){
+  await waitTime();
+  return {code:0,data:{
+    authorities:['admin'],
+    token:'token',
+    userId:'1',
+    username:'cx',
+    realName:'cx',
+    name:'cx'
+
+  }}
+}
+
+async function KSSOLOGIN(req,res){
+  await waitTime();
+  return {code:0,data:{
+    authorities:['admin'],
+    token:'token',
+    userId:'1',
+    username:'cx',
+    realName:'cx',
+    name:'cx'
+
+  }}
+}
+
+
+async function LOGOUT(req,res){
+  await waitTime();
+  return {code:0}
+}
+
+
+LOGOUT
+export default {
+  '/api/menu/nav':{get:GET_MENU},
+  '/api/login':{post:LOGIN},
+  '/api/ksso/auth':{post:KSSOLOGIN},
+  '/api/logout':{post:LOGOUT},
+
+
+}

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

@@ -0,0 +1,63 @@
+import mock from 'mockjs-async';
+
+import auth from './auth.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();
+            }
+          })
+          i
+        });
+      }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();
+              }
+            })
+            i
+          });
+        })
+        
+      }
+    })
+  }
+}
+/* eslint-disable */
+if(MOCK){
+  console.log(`=========MOCK OPEN=======`)
+  regMock(auth);
+}else{
+  console.log(`=========MOCK CLOSE=======`)
+}
+/* eslint-enable */
+
+
+export default {};

package/templates/template_admin/public/src/mock/user.js

@@ -0,0 +1,70 @@
+import {waitTime,REP_SUCCESS} from './utils.js';
+import qs from 'qs';
+import {GET_REQUEST} from './utils';
+async function GET_USER(req,res){
+  const query = qs.parse(req.url.split('?')[1]);
+  const {name} = query;
+  await waitTime();
+  return {code:0,data:{name}}
+}
+
+async function SET_USER(req,res){
+  const query = JSON.parse(req.body);
+  const {name,age}= query;
+  await waitTime();
+  
+  return {
+    "code": 0,
+    "data":{name,age}
+  }
+}
+
+async function GET_USER_LIST(req,res){
+  const {current,pageSize} = GET_REQUEST(req,res);
+  const MAX_TOTAL=98;
+  let data=[];
+  let idx=(current-1)*pageSize;
+
+  for(let i=0;i<pageSize;i++){
+    if(idx>=MAX_TOTAL)break;
+    data.push({
+      name:`${idx++}小朋友`
+    })
+  }
+  return {
+    code:0,
+    data:{
+      list:data,
+      page:{
+        pageNum:current,
+        pageSize:pageSize,
+        total:MAX_TOTAL
+      }
+    }
+  }
+}
+
+async function GET_USER_TYPE(req,res){
+  let data=[];
+  for(let i=0;i<10;i++){
+    data.push({
+      label:`标题${i}`,
+      value:i,
+      key:`title${i}`
+    })
+  }
+  return {
+    code:0,
+    data:data
+  }
+}
+
+
+
+
+export default {
+  '/userType':{get:GET_USER_TYPE},
+  '/userList':{get:GET_USER_LIST},
+  '/user':{get:GET_USER,post:SET_USER},
+
+}

package/templates/template_admin/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/public/src/pages/checkLogin/index.jsx

@@ -0,0 +1,13 @@
+import React, { useEffect } from 'react';
+import ProviderApp from '@/provider/app';
+
+const Page = () => {
+  const providerApp = ProviderApp.useContainer();
+  return (
+    <div>
+      <p>当前用户态:{JSON.stringify(providerApp.user)}</p>
+    </div>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/index.jsx

@@ -0,0 +1,23 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+import ProviderApp from '@/provider/app';
+
+import {Button} from 'antd';
+
+import styles from './index.less';
+
+const Page = () => {
+  const navigate= useNavigate();
+  const providerApp = ProviderApp.useContainer();
+  const query = useParams();
+  const [search] = useSearchParams();
+
+  return (
+    <section id="wall" className={styles.wall}>
+      <Button type='primary'>i am home {JSON.stringify(query)}</Button>
+    </section>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/index.less

@@ -0,0 +1,22 @@
+
+.wall{
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+}
+.wrap{
+  height:100%;
+  width:100%;
+}
+.item{
+  font-size: 40px;
+}
+.tips{
+  font-size: 36px;
+}
+
+.btnGroup{
+  :global(.adm-button ){
+    margin-bottom: 24px;
+  }
+}

package/templates/template_admin/public/src/pages/login/index.jsx

@@ -0,0 +1,27 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+import ProviderApp from '@/provider/app';
+
+
+import styles from './index.less';
+
+const Page = () => {
+  const [search] = useSearchParams();
+  const providerApp = ProviderApp.useContainer();
+
+  const kssoLogin=async ()=>{
+    const req= await providerApp.kssoLogin();
+    if(!req){
+      return;
+    }
+  }
+  useEffect(kssoLogin,[])
+
+  return (
+    <section className={styles.body}>
+      登录跳转中...
+    </section>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/login/index.less

@@ -0,0 +1,44 @@
+
+.link{
+  display: block;
+}
+
+.body{
+  width: 100%;
+  height:100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+
+}
+.wrap{
+  padding:26px 32px;
+  background-color: #ccc;
+  .title{
+    font-size: 24px;
+    font-weight: var(--weight-Medium);
+    margin-bottom: 24px;
+  }
+ 
+  hgroup{
+    margin-bottom: 16px;
+    display: block;
+    .inputLabel{
+      display: block;
+      font-size: 13px;
+      font-weight: var(--weight-Medium);
+      color: #86909C;
+      line-height: 22px;
+    }
+  }
+  .input{
+    width: 336px;
+    border-radius: 4px;
+    border: 1px solid #E5E6EB;
+  }
+  .btn{
+    width: 336px;
+    margin-top: 18px;
+  }
+}

package/templates/template_admin/public/src/pages/material/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+const Page = () => {
+  const query = useParams();
+
+  return (
+    <p>material</p>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/order/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+const Page = () => {
+  const query = useParams();
+
+  return (
+    <p>order</p>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/permission/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+const Page = () => {
+  const query = useParams();
+
+  return (
+    <p>permission</p>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/subHome/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+const Page = () => {
+  const query = useParams();
+
+  return (
+    <p>subHome1 {JSON.stringify(query)}</p>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/subHome2/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+const Page = () => {
+  const query = useParams();
+
+  return (
+    <p>subHome2 {JSON.stringify(query)}</p>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/subHome3/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+const Page = () => {
+  const query = useParams();
+
+  return (
+    <p>subHome3 {JSON.stringify(query)}</p>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/suggest/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+const Page = () => {
+  const query = useParams();
+
+  return (
+    <p>suggest</p>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/superAdminLogin/index.jsx

@@ -0,0 +1,57 @@
+import React, { useState, useRef } from 'react';
+import ProviderApp from '@/provider/app';
+
+import {Input,Button} from 'antd';
+
+import styles from './index.less';
+
+const Page = () => {
+  const providerApp = ProviderApp.useContainer();
+  const [username,setUsername]=useState('');
+  const [password,setPassword]=useState('');
+  const refPassword = useRef();
+
+  const onInput=(type,e)=>{
+    const {target:{value}} = e
+    switch(type){
+      case 'username':{setUsername(value);}break;
+      case 'password':{setPassword(value);}break;
+    }
+  }
+
+  const onAccountLogin= async ()=>{
+    providerApp.login(username,password)
+  }
+
+  const onKeyUp=(type,e)=>{
+    console.log('onkeyup',e);
+    const {key:code}= e;
+    if(code.toLocaleLowerCase()=='enter'){
+      if(type=='id'){
+        refPassword.current.focus();
+      }else{
+        onAccountLogin();
+      }
+    }
+  }
+  return (
+    <section className={styles.body}>
+      <section className={styles.wrap}>
+        <p className={styles.title}>登录</p>
+        <hgroup>
+          <span className={styles.inputLabel}>用户名</span>
+          <Input onKeyUp={onKeyUp.bind(this,'id')} autoComplete='new-password' id='skitoon-id' placeholder="请输入OA域账号" size='large' className={styles.input} value={username} onInput={onInput.bind(this,'username')}  />
+        </hgroup>
+
+        <hgroup>
+          <span className={styles.inputLabel}>密码</span>
+          <Input.Password ref={refPassword} onKeyUp={onKeyUp.bind(this,'password')} autoComplete='new-password' id='skitoon-password' placeholder="请输入密码" size='large' className={styles.input} value={password} onInput={onInput.bind(this,'password')} />
+        </hgroup>
+        <Button type='primary' size='large' className={styles.btn} onClick={onAccountLogin}
+        >登录</Button>
+      </section>
+    </section>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/superAdminLogin/index.less

@@ -0,0 +1,44 @@
+
+.link{
+  display: block;
+}
+.body{
+  width: 100%;
+  height:100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  background-color: var(--color-primary-dark);
+
+}
+.wrap{
+  padding:26px 32px;
+  background-color: white;
+  .title{
+    font-size: 24px;
+    font-weight: var(--weight-Medium);
+    margin-bottom: 24px;
+  }
+ 
+  hgroup{
+    margin-bottom: 16px;
+    display: block;
+    .inputLabel{
+      display: block;
+      font-size: 13px;
+      font-weight: var(--weight-Medium);
+      color: #86909C;
+      line-height: 22px;
+    }
+  }
+  .input{
+    width: 336px;
+    border-radius: 4px;
+    border: 1px solid #E5E6EB;
+  }
+  .btn{
+    width: 336px;
+    margin-top: 18px;
+  }
+}

package/templates/template_admin/public/src/pages/user/index.jsx

@@ -0,0 +1,13 @@
+import React, { useEffect, useState, useRef } from 'react';
+import Link from '@/components/Link';
+
+const Page = () => {
+  return (
+    <div>
+      <p>用户信息页：用户已登录才可以看到本页，不然会跳转登录页面</p>
+      <Link href={'/'}>点击返回首页</Link>
+    </div>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/userData/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import Link from '@/components/Link';
+
+const Page = () => {
+  return (
+    <div>
+      userData
+    </div>
+  )
+}
+
+export default Page;

package/templates/template_admin/public/src/pages/video/index.jsx

@@ -0,0 +1,12 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { useParams, useSearchParams,useNavigate } from 'react-router-dom';
+
+const Page = () => {
+  const query = useParams();
+
+  return (
+    <p>video</p>
+  )
+}
+
+export default Page;