kn-cli 1.0.43 → 1.0.45

package/templates/template_admin/public/src/provider/app.jsx

@@ -0,0 +1,119 @@
+import {  useState,useMemo, useEffect } from 'react';
+import {  useSearchParams,useNavigate } from 'react-router-dom';
+
+import { createContainer } from "unstated-next"
+import {useDelay} from '@/hooks';
+import {setJwt,setLogout} from '@/services';
+import {KSSO_LOGIN,LOGIN,LOGOUT} from '@/services/auth';
+import {jumpUrl} from '@/utils';
+
+const useApp=() =>{
+  const [search] = useSearchParams();
+  const navigate= useNavigate();
+  const [loading,setLoading] = useState(true);
+  const [nav,setNavConfig] = useState({visible:true,syncDocumentTitle:false});
+  const [user,setUser] = useState(null);
+
+  const delay = useDelay();
+
+  const isLogin=async ()=>{
+    await delay.wait(10);
+    if(!user){
+      try{
+        let userData = localStorage.getItem('user');
+        if(userData){
+          userData= JSON.parse(userData);
+          if(userData){
+            setUser(userData);
+            setJwt(userData.token);
+            return true;
+          }
+        }
+      }catch(ex){
+        return false;
+      }
+    }else{
+      return true;
+    }
+  }
+
+  const kssoLogin=async ()=>{
+    let code = search.get('code');
+    if(code){
+      var redirectUri = location.protocol + '//' + location.host + '/#/login';
+      //ksso auth登录
+      const req = await KSSO_LOGIN({code,redirectUri})
+      if(req?.code==0){
+        const userData = req?.data;
+        setUser(userData);
+        setJwt(userData.token);
+        localStorage.setItem('user',JSON.stringify(userData));
+
+        let redirect = search.get('redirect');
+        if(redirect){
+          jumpUrl(redirect,{replace:true});
+          return true;
+        }
+        navigate('/');
+      }else{
+        return false;
+      }
+    }else{
+      jumpUrl(`${location.protocol}//${location.host}/static/kssoLogin.html`,{replace:true})
+    }
+    return true;
+  }
+  const login=async (username,password)=>{
+    const req = await LOGIN({username,password});
+    if(req?.code==0){
+      const userData = req?.data;
+      setUser(userData);
+      setJwt(userData.token);
+      localStorage.setItem('user',JSON.stringify(userData));
+
+      let redirect = search.get('redirect');
+      if(redirect){
+        jumpUrl(redirect,{replace:true});
+        return true;
+      }
+      navigate('/');
+    }else{
+      return false;
+    }
+    return true;
+  }
+  const logout=async ()=>{
+    LOGOUT();
+    setUser(null);
+    setJwt('');
+    localStorage.removeItem('user');
+    navigate('/login');
+  }
+  setLogout(logout);
+
+
+
+  const setNav=(config)=>{
+    setNavConfig({...nav,...config});
+  }
+  const action=useMemo(()=>{
+    return {
+      loading,
+      setLoading,
+      isLogin,
+      login,
+      nav,
+      setNav,
+      logout,
+      setUser,
+      user,
+      kssoLogin
+    }
+  },[loading,nav,setNav,user,setUser,isLogin,kssoLogin,login]);
+
+  return action
+}
+
+const App = createContainer(useApp);
+
+export default App;

package/templates/template_admin/public/src/provider/menu.jsx

@@ -0,0 +1,20 @@
+import {  useState,useMemo } from 'react';
+import { createContainer } from "unstated-next"
+import {GET_MENU} from '@/services/auth';
+
+const useProvider=() =>{
+  const [menus,setMenus]= useState([]);
+
+  const reload= async ()=>{
+    await GET_MENU();
+  }
+  const action=useMemo(()=>{
+    return {
+      menus,setMenus
+    }
+  },[menus,setMenus]);
+  return action
+}
+const App = createContainer(useProvider);
+
+export default App;

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

@@ -0,0 +1,77 @@
+import React,{Suspense} from 'react';
+import { Routes, Route, Navigate } from 'react-router-dom';
+
+import { LayoutBasic, Layout } from '@/components/Layout';
+import PageLoading from '@/components/Page/PageLoading';
+
+import Login from '@/pages/login';
+import {AuthLogin} from '@/components/Auth';
+import LeftMenu from '@/components/Menu';
+import TopMenu from '@/components/TopMenu';
+
+import ProviderMenu from '@/provider/menu';
+
+const delayLoader=(loader)=>{
+  return new Promise(resolve=>{
+    loader.then(req=>{
+      setTimeout(()=>{
+        resolve(req);
+      },5000)
+    })
+  })
+}
+
+// /*webpackChunkName:'subGroup'*/
+const Home = React.lazy(()=>import('@/pages/index.jsx'));
+const SubHome = React.lazy(()=>import('@/pages/subHome'));
+const SubHome2 = React.lazy(()=>import('@/pages/subHome2'));
+const SubHome3 = React.lazy(()=>import('@/pages/subHome3'));
+const CheckLogin = React.lazy(()=>import('@/pages/checkLogin'));
+
+
+const Video = React.lazy(()=>import('@/pages/video'));
+const Suggest = React.lazy(()=>import('@/pages/suggest'));
+const Order = React.lazy(()=>import('@/pages/order'));
+const Permission = React.lazy(()=>import('@/pages/permission'));
+const Material = React.lazy(()=>import('@/pages/material'));
+
+const User = React.lazy(()=>import('@/pages/user'));
+const UserData = React.lazy(()=>import('@/pages/userData'));
+
+import SuperAdminLogin from '@/pages/superAdminLogin';
+
+
+
+
+export const RouteList = (
+  <Routes>
+    <Route path='/' element={<Suspense fallback={<PageLoading />}><Layout /></Suspense>}>
+      <Route path='login' element={<Login />} />
+      <Route path='superAdminLogin' element={<SuperAdminLogin />} />
+
+      <Route
+        path='/'
+        element={
+          <ProviderMenu.Provider>
+            <LayoutBasic nav={<LeftMenu />}topMenu={<TopMenu />} />
+          </ProviderMenu.Provider>
+        }
+      >
+        <Route path='/' element={<Navigate to="/video"></Navigate> } />
+        <Route path='/video' element={<Video />} />
+        <Route path='/suggest' element={<Suggest />} />
+        <Route path='/order' element={<Order />} />
+        <Route path='/permission' element={<Permission />} />
+        <Route path='/material' element={<Material />} />
+        <Route path='/user' element={<User />} />
+        <Route path='/userData' element={<UserData />} />
+
+        {/* <Route path='/home/sub' element={<SubHome />} />
+        <Route path='/home/sub/:id' element={<Suspense fallback={<PageLoading />}><SubHome2 /></Suspense>} />
+        <Route path='/home/sub3/:id' element={<SubHome3 />} />
+        <Route path='/checkLogin' element={<AuthLogin><CheckLogin /></AuthLogin>} /> */}
+      </Route>
+    </Route>
+  </Routes>
+);
+

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

@@ -0,0 +1,28 @@
+import {GET_DEFAULT,API_ROOT,POST_DEFAULT} from './index.js';
+
+
+
+export function GET_MENU(){
+  return GET_DEFAULT(`${API_ROOT}/api/menu/nav`);
+}
+
+
+
+export function KSSO_LOGIN(params={
+  code:'',
+  redirectUri:'',
+}){
+  return POST_DEFAULT(`${API_ROOT}/api/ksso/auth`,params)
+
+}
+
+export function LOGIN(params={
+  username:'',
+  password:'',
+}){
+  return POST_DEFAULT(`${API_ROOT}/api/login`,params)
+
+}
+export function LOGOUT(){
+  return POST_DEFAULT(`${API_ROOT}/api/logout`)
+}

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

@@ -0,0 +1,181 @@
+import Axios from 'axios';
+import qs from 'qs';
+import { message } from 'antd';
+const axios = Axios.create();
+console.log(`========API_ROOT:${API_HOST}========`);
+
+export const API_ROOT = API_HOST;
+const tokenMode='header';//header,cookie
+const tokenName='Authorization';
+
+let Modal = {
+  error: (options) => {
+    message.error(options.content);
+  },
+};
+
+let jwt = '';
+let logout = ()=>{}
+
+export const setJwt = (value) => {
+  if(value==''){
+    localStorage.removeItem('jwt');
+    jwt='';
+    return;
+
+  }
+  localStorage.setItem('jwt', value);
+  jwt = value;
+};
+
+window.setJwt=setJwt;
+export const setLogout=(fn)=>{
+  logout=fn;
+}
+
+
+axios.interceptors.request.use(function (config) {
+  const header = { 'X-Requested-With': 'XMLHttpRequest' };
+  if(tokenMode=='header'){
+    if (jwt) {
+      header[tokenName] = jwt;
+    }
+  }
+  if (config.headers) {
+    config.headers = { ...config.headers, ...header };
+  } else {
+    config.headers = header;
+  }
+
+  // 在发送请求之前做些什么
+  return config;
+});
+
+/**
+ * 统一拦截异常消息弹屏报错处理
+ * 如果希望某条消息不拦截，可以再发送消息时带上 noInterceptors:true|'all'
+ */
+axios.interceptors.response.use(
+  function (response) {
+    // setJwt(response?.headers['set-token'] || jwt);
+    if (response.config.noInterceptors) {
+      return response;
+    }
+
+    if (Number(response.data.code) !== 0) {
+      console.log(`${JSON.stringify(response.data)}`);
+      Modal.error({ title: `注意`, content: `${response.data.message}(${response.data.code})` });
+    }
+    return response;
+  },
+  function (error) {
+    if (error.response.config.noInterceptors === 'all') {
+      return Promise.reject(error.response);
+    }
+    // jwt失效
+    if (error.response.status === 401) {
+      if(logout)logout();
+      return;
+    } else if (error.response.status === 403) {
+      Modal.error({
+        title: '提示',
+        content: `${error.response.data.message}`,
+      });
+      return;
+    }
+    Modal.error({
+      title: `网络错误${error.response.status}`,
+      content: `${error.response.config.url}`,
+    });
+    return null;
+  }
+);
+
+
+
+
+let buffer = {};
+export async function GET_DEFAULT(url, param, options) {
+  if (param) param = qs.stringify(param, { arrayFormat: 'indices' });
+  let now = Date.now();
+
+  let bufferItem;
+  if (options?.ttl) {
+    if (buffer[url]) {
+      bufferItem = buffer[url];
+      if (bufferItem.param == param && now <= bufferItem.endTime) {
+        return bufferItem?.response?.data || null;
+      }
+    }
+  }
+  let response = await axios({
+    method: 'GET',
+    url: param ? `${url}?${param}` : url,
+    ...options,
+  });
+
+  if (options?.ttl) {
+    if (!buffer[url]) {
+      buffer[url] = {};
+    }
+    buffer[url].param = param;
+    let ttl = options.ttl === true ? 1000 * 2 : options.ttl;
+    buffer[url].endTime = Date.now() + ttl;
+    buffer[url].response = response;
+  }
+
+  return response && response.data ? response.data : null;
+}
+
+export async function GET_DEFAULT_CROSS(url, param) {
+  if (param) param = qs.stringify(param, { arrayFormat: 'indices' });
+
+  let response = await axios({
+    method: 'GET',
+    xsrfCookieName: '',
+    xsrfHeaderName: '',
+    withCredentials: true,
+    url: param ? `${url}?${param}` : url,
+  });
+  return response && response.data ? response.data : null;
+}
+
+export async function POST_DEFAULT(url, params, method, options) {
+  let data = params;
+  // if (params) params = qs.stringify(params, { arrayFormat: 'indices' });
+  // if (typeof params === 'string') {
+  //   data = params;
+  // } else {
+  //   data = { ...params };
+  // }
+
+  let response = await axios({
+    method: method || 'POST',
+    url: url,
+    data,
+    ...options,
+    // headers: { 'content-type': 'application/x-www-form-urlencoded' },
+  });
+  return response && response.data ? response.data : null;
+}
+
+export async function POST_DEFAULT_CROSS(url, params) {
+  let data = {};
+  // if (params) params = qs.stringify(params, { arrayFormat: 'indices' });
+
+  if (typeof params === 'string') {
+    data = params;
+  } else {
+    data = { ...params };
+  }
+  let response = await axios({
+    method: 'POST',
+    url: url,
+    xsrfCookieName: '',
+    xsrfHeaderName: '',
+    withCredentials: true,
+    data,
+  });
+
+  return response && response.data ? response.data : null;
+}

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

@@ -0,0 +1,26 @@
+import {GET_DEFAULT,PUT_DEFAULT,POST_DEFAULT,API_ROOT} from './index.js';
+
+
+
+export function GET_USER(){
+  return GET_DEFAULT(`${HOST}/user`);
+}
+
+export function SET_USER(params={
+  name:'',
+  age:''
+}){
+  return POST_DEFAULT(`${HOST}/user`,params)
+}
+
+
+export function GET_USER_LIST(params={
+  current:1,
+  pageSize:20
+}){
+  return GET_DEFAULT(`${API_ROOT}/userList`,params)
+}
+
+export function GET_USER_TYPE(){
+  return GET_DEFAULT(`${API_ROOT}/userType`)
+}

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

@@ -0,0 +1,38 @@
+
+
+export const openLink = (link, target = '_blank') => {
+  let domLink = document.createElement('a');
+  domLink.href = link;
+  domLink.setAttribute('target', target);
+  domLink.style.opacity = 0;
+  domLink.style.zIndex = -999;
+  document.body.appendChild(domLink);
+  domLink.click();
+  setTimeout(() => {
+    document.body.removeChild(domLink);
+  }, 200);
+}
+
+export const isMobile = () => {
+  return navigator.userAgent.match(
+    /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+  )
+}
+
+export const jumpUrl=(url,options={})=>{
+  const {replace,newWindow,reload}= options;
+  if(reload){
+    location.reload();
+    return;
+  }
+  if(replace){
+    location.replace(url);
+    return;
+  }
+  if(newWindow){
+    window.open(url);
+    return;
+  }
+  location.href=url;
+
+}

package/templates/template_admin/public/static/about.html

@@ -0,0 +1 @@
+1

package/templates/template_admin/public/static/kssoLogin.html

@@ -0,0 +1,22 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,viewport-fit=cover" />
+  <meta name="format-detection" content="telephone=no,email=no,adress=no">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <title></title>
+  <script>
+    var url = location.protocol + '//' + location.host+'/#/login';
+    location.replace('https://ksso.kingnet.com/oauth2/auth?client_id=30000655&response_type=code&redirect_uri=' + encodeURIComponent(url));
+  </script>
+</head>
+
+<body>
+</body>
+
+</html>

package/templates/template_admin/readme.md

@@ -0,0 +1,55 @@
+# oa-app
+
+### 初始化项目    
+git仓库建立完毕后，执行`sh init.sh`  
+
+### 本地调试  
+kn-cli --dev
+
+### 生产环境部署    
+1. 向运维申请CICD环境,申请模板如下:   
+  ```
+  标题：应用申请
+
+  内容:
+    应用名称: 自定义名称
+    域名：自定义域名
+    用途：说明文本
+
+    仓库地址：项目仓库地址
+    环境要求：node 16.18.0
+    构建方式：执行仓库下 sh frontend_build.sh
+    部署方式：将构建完成的文件夹下的 `release` 内的内容部署到目标服务器  
+    参考应用：oa-app
+
+  ```  
+2. 进入CICD，构建相应环境  
+3. 快速发布  
+4. 进入域名访问  
+
+
+### 目录介绍  
+
+* static: 不参与打包，会在打包后将整个文件夹复制到站点根目录下  
+* src: 所有源码放在这个下面
+  * assets: 站点内用到的静态资源文件  
+  * components: 通用性组件  
+  * dictionary: 字典  
+  * hooks: 所用的hooks  
+  * mock: 接口mock配置  
+  * pages: 所有页面源代码
+    * pageName: 每个页面自己名称的文件夹  
+      * components: 页面自己的组件  
+    * components: 跨页面使用的组件  
+  * provider: 全局的provider通信组件  
+  * services: 所有接口服务  
+  * utils: 全局通用的工具类  
+  * _variable.less: 全局通用less变量  
+  * _reset.less: 站点初始化less配置  
+  * index.jsx: 站点入口  
+  * route.jsx: 站点路由配置  
+* pluginjs: 第三方静态引入的js库  
+* tools: 构建工具  
+  * iconfont: 构建Iconfont工具  
+  * tinypng: 压缩png工具  
+

package/templates/template_admin/report.sh

@@ -0,0 +1,68 @@
+if [ -d "${HOME}/.nvm/" ]
+then
+  . ${HOME}/.nvm/nvm.sh
+fi
+
+node_version="v16.18.0"
+
+checkNode(){
+  for line in `node -v` 
+  do
+  if [ $line != $node_version ]
+  then
+    echo "change Node from $line to $node_version"
+    nvm use $node_version
+    ret=$?
+    if [ $ret != 0 ]
+    then
+      echo "Please run nvm install $node_version"
+      exit 3
+    else
+      return 0
+    fi
+  else
+    return 0
+  fi
+  done
+}
+
+checkResult(){
+  ret=$?
+  if [ $ret != 0 ]
+  then
+    echo "[$1]执行失败"
+    exit 2
+    return 0
+  else
+    echo "[$1]执行成功"
+    return 0
+  fi
+}
+
+
+checkKnCli(){
+  if ! [ -x "$(command -v kn-cli)" ]
+  then
+    npm i kn-cli -g
+    return 0
+  fi
+  return 0
+}
+
+
+build(){
+  npm config delete registry -g
+  npm config delete registry
+
+  checkKnCli
+  checkResult "检查kn-cli"
+
+  kn-cli --report
+  checkResult "kn-cli --report"
+}
+
+checkNode
+checkResult "检查node"
+
+build
+checkResult "build"