kn-cli 1.0.131 → 1.0.133

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

@@ -0,0 +1,33 @@
+import React from "react";
+
+
+export const LoadComponent=(lazyComponent)=>{
+  return React.createElement(lazyComponent)
+}
+
+/**
+ * 自动计算菜单权限，使父级菜单权限包含所有子菜单的权限
+ * @param {RouteMenuItem} menu 
+ * @returns {RouteMenuItem}
+ */
+export const UpdateAuth=(menu)=>{
+  if(menu.children){
+
+    let auths= menu.children.map(childMenu=>{
+      let _childMenu = UpdateAuth(childMenu);
+      if( Array.isArray(_childMenu.auth) ){
+        return [..._childMenu.auth];
+      }
+      return [];
+    });
+    
+    if( Array.isArray(menu.auth) ){
+      
+      menu.auth = [...menu.auth,...auths.flat()];
+      // @ts-ignore
+      menu.auth = [...new Set(menu.auth)];// 去重
+    }
+  }
+  return menu;
+}
+

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

@@ -0,0 +1,277 @@
+//必填
+const rule_required = { validator: async (rule,value)=>{
+  if(value===null||value===undefined||value===Number.NaN){
+    throw new Error('请填写');
+  }
+  if(!/\S+/.test(value)){
+    throw new Error('请填写');
+  }
+  return true;
+}, message: '请填写' };
+
+
+//整数
+const rule_number = { pattern: /^\d*$/, message: '请填写整数数字' };
+//可以带小数
+const rule_float = {
+  pattern: /^([1-9]\d*$|\d+[.]\d{1,5}$)|0$/,
+  message: '请填写数字可以带小数,小数点后最长5位',
+};
+// pattern:/^\d+[.]{0,1}\d+$/};
+
+const rule_xss = {
+  validator: async (rule, value) => {
+    if (/<script>/gi.test(value) || /%3Cscript/gi.test(value)) {
+      throw new Error('不能包含<script>');
+    }
+    return true;
+  },
+  message: '不能包含<script>',
+};
+
+const rule_max_title = { max: 32, message: '长度不能超过32位' };
+const rule_max_normal = { max: 128, message: '长度不能超过128位'};
+const rule_max_textarea = { max: 20480, message: '长度不能超过20480位' };
+const rule_max_number = { pattern: /^\d{0,12}$/, message: '长度不能超过12位' };
+const rule_max_weight = { pattern: /^\d{0,4}$/, message: '长度不能超过4位' };
+const rule_max_numberStr = { pattern: /^\S{0,13}$/, message: '长度不能超过12位' };
+
+const RULE_INPUT = [rule_required, rule_max_normal];
+const RULE_INPUT_NR = [rule_max_normal];
+
+const RULE_TITLE = [rule_required, rule_max_title];
+const RULE_TEXTAREA = [rule_required, rule_max_textarea];
+const RULE_INPUT_NUMBER = [rule_required, rule_number, rule_max_number];
+const RULE_INPUT_NUMBER_NR = [rule_number, rule_max_number];
+const RULE_INPUT_FLOAT = [rule_required, rule_float, rule_max_numberStr];
+
+const RULE_INPUT_WEIGHT_NUMBER = [rule_required, rule_number, rule_max_weight];
+const RULE_INPUT_WEIGHT_NUMBER_NR = [rule_number, rule_max_weight];
+
+const RULE_SELECT = [{ required: true, message: '请选择' }];
+const RULE_UPLOAD = [{ required: true, message: '请上传' }];
+const rule_max_link = { max: 1024, message: '长度不能超过1024位' };
+
+const RULE_LINK = [rule_required, rule_max_link];
+const RULE_LINK_NR = [rule_max_link];
+
+const rule_pwd = {
+  pattern: /^\w{6,16}$/,
+  type: 'string',
+  message: '请输入6-16位字母、下划线、数字任意组合的字符',
+};
+
+const RULE_PWD = [rule_required, rule_pwd];
+const RULE_PWD_NR = [rule_pwd];
+
+const rule_account = {
+  pattern: /^\w{1,12}$/,
+  type: 'string',
+  message: '请输入1-12位字母、下划线、数字任意组合的字符',
+};
+
+const RULE_ACCOUNT = [rule_required, rule_account];
+const RULE_ACCOUNT_NR = [rule_account];
+
+const rule_nickname = {
+  pattern: /^[\u4E00-\u9FA5A-Za-z0-9`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、]{2,16}$/,
+  message: '请输入2-16为可见字符',
+};
+
+const RULE_NICKNAME = [rule_required, rule_nickname];
+
+const RULE_NICKNAME_NR = [rule_nickname];
+
+const rule_phone = { pattern: /^1\d{10}$/, message: '请输入正确的手机格式' };
+const RULE_PHONE_NR = [rule_phone];
+const RULE_PHONE = [rule_required, rule_phone];
+
+
+export const CUSTOM={
+  INPUT:(options)=>{
+    const {required=true,max=false,min=false,noSpace=false} = options;
+    let ret=[];
+    if(required){ret.push(rule_required)}
+
+    if(noSpace){
+      ret.push({
+        validator:async (rule,value='')=>{
+          let temp = value.trim();
+          if (/\s+/g.test(temp)) {
+            throw new Error('字符串中间不能包含空格');
+          }
+          return true;
+        },
+        message:`字符串中间不能包含空格`
+      })
+    }
+    if(max===false){
+      ret.push(rule_max_normal);
+    }else{
+      ret.push({
+        validator:async (rule,value='')=>{
+          let temp = value.trim();
+          if(temp.length <= max) {
+            return true;
+          }
+          throw new Error(`最多不能超过${max}个字`);
+        },
+        message:`最多不能超过${max}个字`
+      })
+    }
+    if(min){
+      ret.push({
+        validator:async (rule,value='')=>{
+          let temp = value.trim();
+          if (temp.length>=min) {
+            return true;
+          }
+          throw new Error(`最少需要${min}个字`);
+        },
+        message:`最少需要${min}个字`
+      })
+    }
+    return ret;
+  },
+  NUMBER:(options)=>{
+    const {required=true,max=false,min=false} = options;
+    let ret=[];
+    if(required){ret.push(rule_required)}
+    if(max){
+      ret.push({
+        validator:async (rule,value='')=>{
+          if ( +value <= max ) {
+            return true
+          }
+          throw new Error(`数值必须小于${max}`);
+        }
+      })
+    }
+    if(min){
+      ret.push({
+        validator:async (rule,value='')=>{
+          if ( +value >= min ) {
+            return true;
+          }
+          throw new Error(`数值必须大于${min}`);
+        }
+      })
+    }
+    return ret;
+  }
+}
+
+
+
+const list = {
+  KEYWORDS:CUSTOM.INPUT({min:0,max:100,required:false}),
+  INPUT: RULE_INPUT,
+  INPUT_NR: RULE_INPUT_NR,
+  SELECT: RULE_SELECT,
+  UPLOAD: RULE_UPLOAD,
+  TEXTAREA: RULE_TEXTAREA,
+  NUMBER: RULE_INPUT_NUMBER,
+  NUMBER_NR: RULE_INPUT_NUMBER_NR,
+  TITLE: RULE_TITLE,
+  FLOAT: RULE_INPUT_FLOAT,
+  LINK: RULE_LINK,
+  LINK_NR: RULE_LINK_NR,
+  PWD: RULE_PWD,
+  PWD_NR: RULE_PWD_NR,
+  ACCOUNT: RULE_ACCOUNT,
+  ACCOUNT_NR: RULE_ACCOUNT_NR,
+  NICKNAME: RULE_NICKNAME,
+  NICKNAME_NR: RULE_NICKNAME_NR,
+  PHONE: RULE_PHONE,
+  PHONE_NR: RULE_PHONE_NR,
+  WEIGHT: RULE_INPUT_WEIGHT_NUMBER,
+  WEIGHT_NR: RULE_INPUT_WEIGHT_NUMBER_NR,
+};
+Object.keys(list).forEach((key) => {
+  const rule = list[key];
+  list[key] = [rule_xss, ...rule];
+});
+
+
+export const validate=async (value,rules)=>{
+  for(let i=0;i<rules.length;i++){
+    let rule = rules[i];
+    let type =rule.type||'string';
+    let pattern = rule.pattern||'';
+  
+    let numberValue;
+    let textValue;
+    if(type=='number'){
+      numberValue = Number(value);
+    }else{
+      textValue= `${value}`.trim();
+    }
+
+    if(pattern){
+      if(!pattern.test(value)){
+        return {success:false,message:rule.message};
+      }
+    }
+    // 必填
+    if(rule.required){
+      pattern = /\S+/
+      if(!pattern.test(textValue)){
+        return {success:false,message:rule.message};
+      }
+    }
+    // 字符长度
+    if(rule.len && type == 'string'){
+      pattern = `^.{${rule.len}}$`;
+      pattern = new RegExp(pattern);
+      if(!pattern.test(textValue)){
+        return {success:false,message:rule.message};
+      }
+    }
+    
+    if(rule.max){
+      if(type=='number'){ // 最大数值
+        if(numberValue > +rule.max){
+          return {success:false,message:rule.message};
+        }
+      }
+      else if(type=='string'){ // 最大字符串长度
+        pattern = `^.{0,${rule.max}}$`;
+        pattern = new RegExp(pattern);
+        if(!pattern.test(textValue)){
+          return {success:false,message:rule.message};
+        }
+      }
+    }
+    if(rule.min){
+      if(type=='number'){
+        if(numberValue < +rule.min){ // 最小数值
+          return {success:false,message:rule.message};;
+        }
+      }else if(type=='string'){// 最小字符串长度
+        pattern = `^.{${rule.min},}$`;
+        pattern = new RegExp(pattern);
+        if(!pattern.test(textValue)){
+          return {success:false,message:rule.message};
+        }
+      }
+    }
+    if(rule.enum){
+      if(!rule.enum.includes(textValue)){
+        return {success:false,message:rule.message};
+      }
+    }
+    if(rule.validator){
+      try{
+        let req = await rule.validator(null,value);
+      }catch(ex){
+        return {success:false,message:ex.message}
+      }
+      
+    }
+  }
+  return {success:true};
+}
+
+
+
+export default list;

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

@@ -0,0 +1,30 @@
+
+const prevName='admin';
+const STORAGE_NAME={
+  user:'user',
+  dep:'dep',
+  redirect:'redirect'
+}
+
+const load=(name)=>{
+  let value = localStorage.getItem(prevName+name);
+  if(value){
+    value = JSON.parse(value);
+  }
+  let _value = value || null;
+  return _value;
+}
+const write=(name,data)=>{
+  if(!data){
+    localStorage.removeItem(prevName+name);
+    return;
+  }
+  data = JSON.stringify(data);
+  localStorage.setItem(prevName+name,data);
+  return;
+}
+const remove=(name)=>{
+  localStorage.removeItem(prevName+name);
+}
+
+export default {load,write,remove,NAME:STORAGE_NAME};

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

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

package/templates/template_admin_antd5/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=30000716&response_type=code&redirect_uri=' + encodeURIComponent(url));
+  </script>
+</head>
+
+<body>
+</body>
+
+</html>

package/templates/template_admin_antd5/readme.md

@@ -0,0 +1,84 @@
+# oa-app
+
+### 初始化项目    
+git仓库建立完毕后，执行`sh init.sh`  
+
+### 本地调试  
+sh dev.sh
+
+### 安装新的库
+npm i 库名称 --save
+### 模块构建报告  
+sh report.sh  
+
+### 测试环境部署
+1. sh build.sh  
+
+### 生产环境部署    
+1. 向运维申请CICD环境,申请模板如下:   
+  ```
+  标题：应用申请
+
+  内容:
+    应用名称: 自定义名称
+    域名：自定义域名
+    用途：说明文本
+
+    仓库地址：项目仓库地址
+    环境要求：node 16.18.0
+    构建方式：执行仓库下 sh frontend_build.sh
+    部署方式：将构建完成的文件夹下的 `release` 内的内容部署到目标服务器  
+    参考应用：oa-app
+    其它要求：nginx添加对index.html的缓存策略，配置如下：
+        expires 0;
+        add_header Cache-Control "max-age=0";
+        add_header Cache-Control "private";
+        add_header Cache-Control "no-store";
+        add_header Cache-Control "no-cache";
+        add_header Cache-Control "must-revalidate";
+        add_header Cache-Control "proxy-revalidate";
+
+  ```  
+2. 进入CICD，构建相应环境  
+3. 快速发布  
+4. 进入域名访问  
+
+
+
+### 版本发布Tag
+执行 `sh versionPublish.sh` 给正式发布的版本打tag里程碑，便于查看及回滚  
+  
+
+### 构建辅助工具创建 
+kn-cli --tool
+
+### 目录介绍  
+
+* 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: 构建工具(通过kn-cli --tool可创建)  
+  * iconfont: 构建Iconfont工具  
+  * tinypng: 压缩png工具  
+
+
+### ksso登录配置  
+1. 在`static/kssoLogin.html`内配置ksso登录的id配置  
+2. 访问`/static/kssoLogin.html`来触发ksso登录，登录完成会跳转到`/#/login`路由下进行校验  
+

package/templates/template_admin_antd5/renamejstojsx.js

@@ -0,0 +1,45 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+// --- 配置区 ---
+// 将这里的 'public/src' 修改为你实际的源码目录
+const TARGET_DIR = './public/src'; 
+
+// 获取绝对路径
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const rootPath = path.resolve(__dirname, TARGET_DIR);
+
+const FILE_LIST=[
+  'dictionary/index.js',
+  'pages/bullet/gdtAssets/audienceManage/targetTemplate/dxbTemplate/weiChatPcMarket/components/index.js',
+  'pages/bullet/kuaiShou/creativeTag/create/index.js',
+  'pages/bullet/material/word/wordManagement/create/index.js',
+  'utils/version.js',
+  'pages/components/select/userState/index.js',
+  'pages/bullet/material/word/wordManagement/index.js',
+  'pages/components/select/userZero/index.js',
+  'pages/bullet/selfLandingPage/landingPage/htmlModal/index.js',
+  'pages/dashboard/components/batchGlobalModal/formItemsConfig.js',
+  'pages/equipment/tag/create/index.js'
+]
+
+let count = 0;
+FILE_LIST.forEach(file=>{
+  const filePath = rootPath+'/'+file;
+  console.log(`🚀 开始处理: ${filePath}`);
+  const stats = fs.statSync(filePath);
+  if (stats.isFile()) {
+      const newFilePath = filePath.replace(/\.js$/, '.jsx');
+      // 执行重命名
+      try {
+        // fs.renameSync(filePath, newFilePath);
+        console.log(`✅ Renamed: ${file} -> ${path.basename(newFilePath)}`);
+        count++;
+      } catch (err) {
+        console.error(`❌ Failed: ${file}`, err);
+      }
+  }
+})
+
+console.log(`\n✨ 完成！共重命名了 ${count} 个文件。`);

package/templates/template_admin_antd5/renameless.js

@@ -0,0 +1,53 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+// --- 配置区 ---
+// 将这里的 'public/src' 修改为你实际的源码目录
+const TARGET_DIR = './public/src'; 
+
+// 获取绝对路径
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const rootPath = path.resolve(__dirname, TARGET_DIR);
+
+let count = 0;
+
+/**
+ * 递归遍历并重命名
+ * @param {string} dir 
+ */
+function walk(dir) {
+  const files = fs.readdirSync(dir);
+
+  files.forEach((file) => {
+    const filePath = path.join(dir, file);
+    const stats = fs.statSync(filePath);
+
+    if (stats.isDirectory()) {
+      // 递归进入子目录
+      walk(filePath);
+    } else if (stats.isFile()) {
+      // 匹配逻辑：以 .less 结尾，但不是以 .module.less 结尾
+      if (file.endsWith('.less') && !file.endsWith('.module.less')) {
+        const newFilePath = filePath.replace(/\.less$/, '.module.less');
+        
+        // 执行重命名
+        try {
+          fs.renameSync(filePath, newFilePath);
+          console.log(`✅ Renamed: ${file} -> ${path.basename(newFilePath)}`);
+          count++;
+        } catch (err) {
+          console.error(`❌ Failed: ${file}`, err);
+        }
+      }
+    }
+  });
+}
+
+console.log(`🚀 开始处理目录: ${rootPath}`);
+if (fs.existsSync(rootPath)) {
+  walk(rootPath);
+  console.log(`\n✨ 完成！共重命名了 ${count} 个文件。`);
+} else {
+  console.error(`❌ 错误：目录 ${rootPath} 不存在，请检查配置。`);
+}

package/templates/template_admin_antd5/report.sh

@@ -0,0 +1,25 @@
+if [ -d "${HOME}/.nvm/" ]
+then
+  . ${HOME}/.nvm/nvm.sh
+fi
+
+. ./shellUtil.sh
+
+node_version="v16.18.0"
+
+build(){
+  npm config delete registry -g
+  npm config delete registry
+
+  checkKnCli
+  checkResult "检查kn-cli"
+
+  kn-cli --report
+  checkResult "kn-cli --report"
+}
+
+checkNode "${node_version}"
+checkResult "检查node"
+
+build
+checkResult "build"

package/templates/template_admin_antd5/shellUtil.sh

@@ -0,0 +1,110 @@
+
+
+
+checkResult(){
+  ret=$?
+  if [ $ret != 0 ]
+  then
+    printf "\e[40;31m [$1] 执行失败 \e[0m\n"
+    exit 2
+    return 0
+  else
+    printf "\e[40;32m [$1] 执行成功\e[0m \n"
+    return 0
+  fi
+}
+
+
+
+checkKnCli(){
+  # 方案一：始终将kn-cli保持为最新版本
+  # npm i kn-cli -g
+  # return 0
+  
+  # 方案二：保持kn-cli为固定某个版本
+  # npm i kn-cli@1.0.26 -g
+  # return 0
+
+  # 方案三：检测未安装时或版本不为最新版本时更新
+  if ! [ -x "$(command -v kn-cli)" ]
+  then
+    echo "安装kn-cli"
+    npm i kn-cli -g
+    return 0
+  fi
+
+  for line in `npm view kn-cli version` 
+  do
+    for line2 in `kn-cli -v` 
+    do
+    if [ $line != $line2 ]
+    then
+      echo "升级kn-cli"
+      npm upgrade kn-cli -g
+      return 0
+    fi
+    done
+  done
+  return 0
+}
+
+
+showLog() {
+  local text="$1"
+  local color="$2"
+  local color_code=""
+  case "$color" in
+    "white") color_code="";;
+    "red") color_code="\e[40;31m";;
+    "green") color_code="\e[40;32m";;
+    "blue") color_code="\e[40;34m";;
+    "yellow") color_code="\e[40;33m";;
+    *) color_code="\e[40;30m";; 
+  esac
+  printf "%b\n" "${color_code}${text}\e[0m"
+}
+
+showNormal(){
+  showLog "$1" "white"
+}
+showSuccess() {
+  showLog "$1" "green"
+}
+
+showError() {
+  showLog "$1" "red"
+}
+showWarn() {
+  showLog "$1" "yellow"
+}
+
+showInput(){
+  local text="$1"
+  printf "%b" "\e[40;35m${text}\e[0m" >&2
+}
+
+
+
+
+checkNode(){
+  local node_version="$1"
+  
+  for line in `node -v` 
+  do
+  if [ $line != $node_version ]
+  then
+    showWarn "change Node from ${line} to ${node_version}"
+    nvm use $node_version
+    ret=$?
+    if [ $ret != 0 ]
+    then
+      showError "Please run nvm install ${node_version}"
+      exit 3
+    else
+      return 0
+    fi
+  else
+    return 0
+  fi
+  done
+}

package/templates/template_admin_antd5/versionPublish.sh

@@ -0,0 +1,16 @@
+
+. ./shellUtil.sh
+
+# version=$(grep -m1 '"version":' package.json | awk -F'"' '{print $4}')
+# checkResult "获取当前版本号"
+
+read -p "版本发布备注：" message
+npm version patch -m "[%s]version publish:$message"
+checkResult "版本号升级"
+git push
+checkResult "git push"
+
+git push origin --tags
+checkResult "git push tags"
+
+echo "版本Tag标记完毕"