kn-cli 1.0.131 → 1.0.134

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

@@ -0,0 +1,727 @@
+// @ts-ignore
+import moment from 'moment';
+
+
+
+
+/**
+ * 打开一个第三方链接
+ * @param {string} link - 链接地址
+ * @param {string} [target='_blank'] - 打开方式,_blank:新窗口打开 
+ */
+export const openLink = (link, target = '_blank',isDownload=false) => {
+  // link = 'http://xy-cdn-source-site-test.poi234.com/source/dc/1092/1/ascqcs50041_1.apk';
+  // jumpUrl(link,{newWindow:target=='_blank'});
+  // return;
+  let domLink = document.createElement('a');
+  if(isDownload){
+    domLink.setAttribute('download','1');
+  }
+  domLink.href = link;
+  domLink.setAttribute('target', target);
+  // @ts-ignore
+  domLink.style.opacity = 0;
+  // @ts-ignore
+  domLink.style.zIndex = -999;
+  document.body.appendChild(domLink);
+  domLink.click();
+  setTimeout(() => {
+    document.body.removeChild(domLink);
+  }, 20000);
+}
+
+/**
+ * 生成HTML内容的临时链接
+ * @param {string} html - HTML内容
+ * @returns {string} 临时URL
+ */
+export const createHtmlTempUrl = (html) => {
+  const blob = new Blob([html], { type: 'text/html;charset=utf-8' });
+  return URL.createObjectURL(blob);
+};
+
+
+/**
+ * 打开HTML窗口 - 多种兼容方案
+ * @param {string} html - HTML内容
+ * @param {number} width - 窗口宽度
+ * @param {number} height - 窗口高度
+ * @returns {Promise<Window|null>} 打开的窗口对象
+ */
+export const openHtmlWindow= async (html,width=800,height=600)=>{
+  // 方案1：临时链接方式（兼容性最好，推荐）
+  try {
+    const tempUrl = createHtmlTempUrl(html);
+    const newWindow = window.open(tempUrl, "_blank", `width=${width},height=${height}`);
+    
+    if (newWindow) {
+      // 延迟清理临时URL
+      setTimeout(() => URL.revokeObjectURL(tempUrl), 10000);
+      return newWindow;
+    }
+  } catch (error) {
+    console.warn('临时链接方式失败:', error);
+  }
+
+  // 方案2：Picture-in-Picture（现代浏览器）
+  if ("documentPictureInPicture" in window) {
+    try {
+      // @ts-ignore
+      const pipWindow = await window.documentPictureInPicture.requestWindow({
+        width, height
+      });
+      pipWindow.document.write(html);
+      pipWindow.document.close();
+      return pipWindow;
+    } catch (error) {
+      console.warn('Picture-in-Picture失败:', error);
+    }
+  }
+
+  // 方案3：传统 document.write 方式
+  try {
+    const newWindow = window.open("", "dynamicWindow", `width=${width},height=${height}`);
+    if (!newWindow) return null;
+    newWindow.document.write(html);
+    newWindow.document.close();
+    return newWindow;
+  } catch (error) {
+    console.warn('传统方式失败:', error);
+  }
+
+  // 所有方案都失败
+  console.error('所有窗口打开方式都失败');
+  return null;
+}
+
+
+/**
+ * 判断当前是否为移动端
+ * @returns {boolean}
+ */
+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
+  )?true:false
+}
+
+
+/**
+ * 跳转URL-兼容飞书
+ * @param {string} url - 链接地址
+ * @param {object} [options] - 参数
+ * @param {boolean} [options.replace] - 是否要覆盖当前URL记录
+ * @param {boolean} [options.newWindow] - 是否新窗口中打开
+ * @param {boolean} [options.reload] - 是否重载当前页面
+ * 
+ * 
+ */
+export const jumpUrl=(url,options={})=>{
+  const {replace=false,newWindow=false,reload=false}= options;
+  if(!reload){
+    // @ts-ignore
+    if(window.knFeishu){
+      // @ts-ignore
+      window.knFeishu.ToHref(url,replace,newWindow);
+      return;
+    }
+  }
+  
+  if(replace){
+    location.replace(url);
+    if(reload){
+      setTimeout(()=>{
+        location.reload();
+      },500)
+      return;
+    }
+    return;
+  }
+
+  if(reload){
+    location.reload();
+    return;
+  }
+  
+  if(newWindow){
+    window.open(url);
+    return;
+  }
+  location.href=url;
+
+}
+
+
+
+
+// 关闭页面
+export const closeWindow = () => {
+  // @ts-ignore
+  if (window.knFeishu && window.knFeishu.closeWindow) {
+    // @ts-ignore
+    window.knFeishu.closeWindow();
+  } else {
+    if (window.close) {
+      window.close();
+    }
+  }
+};
+
+
+export const px2rem=(px)=>{
+  px=+px/100+'rem';
+  return px;
+}
+
+/**
+ * 获取字符串字节数（中文字符字节数由编码方式角色，utf-8是3个字节）
+ */
+export const getStrByteLen=(str)=>{
+  if(!str){
+    return 0;
+  }
+  const len=encodeURIComponent(str).replace(/%../g,"a").length;
+  return len;
+}
+
+/**
+ * 下载文件
+ * @param {string} url - 文件地址
+ * @param {string} [filename] - 文件名
+ */
+export const downloadFile = (url,filename)=> {
+  // 使用fetch API获取资源
+  fetch(url)
+    .then(response => {
+      return response.blob();
+    }) // 将响应转换为Blob对象
+    .then(blob => {
+      // 创建一个指向该Blob的URL
+      const blobUrl=window.URL.createObjectURL(blob);
+      // 创建一个<a>标签用于下载
+      const link=document.createElement('a');
+      link.href=blobUrl;
+      link.download=filename||''; // 设置下载文件名，如果没有览器将使用URL的最后一部分作为文件名
+      link.style.display='none';
+      // 触发下载
+      document.body.appendChild(link);
+      link.click();
+
+      // 清理并移除<a>标签
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(blobUrl);
+    })
+    .catch(error => {
+      console.error('下载资源失败:',error);
+    });
+}
+
+
+
+
+const CONSOLE_CONFIG={
+  'useRouteMenu':false,
+  'ProviderTimelines':true,
+  'Websocket':true,
+  'EventBus':false,
+  'MessageWall':true,
+  'ProviderApp':true,
+  'RouteConfig':false
+}
+export const CONSOLE_LOG=(moduleName, txt, ...other)=>{
+  if(!CONSOLE_CONFIG[moduleName]){return;}
+  console.log(`[${moduleName}]${txt}`, ...other)
+}
+CONSOLE_LOG.MODULE = CONSOLE_CONFIG;
+
+CONSOLE_LOG.warn = (moduleName, txt, ...other)=>{
+  if(!CONSOLE_CONFIG[moduleName]){return;}
+  console.warn(`[${moduleName}]${txt}`, ...other)
+}
+CONSOLE_LOG.error = (moduleName, txt, ...other)=>{
+  if(!CONSOLE_CONFIG[moduleName]){return;}
+  console.error(`[${moduleName}]${txt}`, ...other)
+}
+CONSOLE_LOG.info = (moduleName, txt, ...other)=>{
+  if(!CONSOLE_CONFIG[moduleName]){return;}
+  console.info(`[${moduleName}]${txt}`, ...other)
+}
+CONSOLE_LOG.log = (moduleName, txt, ...other)=>{
+  if(!CONSOLE_CONFIG[moduleName]){return;}
+  console.log(`[${moduleName}]${txt}`, ...other)
+}
+
+export const WriteLog=(text)=>{
+  let log = localStorage.getItem('nebulaLog');
+  let logs=[];
+  text = `[${moment().format('MM-DD HH:mm:ss')}]:${text}`;
+  if(log){
+    logs = log.split('\n');
+  }else{
+    log = text;
+  }
+  logs.splice(0,0,text);
+  localStorage.setItem('nebulaLog',logs.join('\n'));
+}
+export const Storage={
+  /**
+   * @param {string} name 
+   * @returns {object|null}
+   */
+  get:(name)=>{
+    let req = localStorage.getItem(name);
+    try{
+      if(req){
+        req = JSON.parse(req);
+        return req;
+      }
+    }catch(ex){
+      return null;
+    }
+  },
+  /**
+   * @param {string} name 
+   * @param {object} item 
+   */
+  set:(name,item)=>{
+    let value='';
+    if(item){
+      value = JSON.stringify(item);
+    }
+    localStorage.setItem(name,value);
+  },
+  clear:(name)=>{
+    localStorage.removeItem(name);
+  }
+}
+export const StorageName={
+  UserListFilterMenu:'userListFilterMenu',
+  AccountConfig:'AccountConfig'
+}
+
+
+
+/**
+ * 给返回Promise的函数增加节流功能
+ * @param {(any)=>Promise} fn 
+ * @param {number} ms - 防抖时间
+ * @returns {Function}
+ */
+export function throttlePromise(fn, ms) {
+  const pendingPromises = new Map();
+  return function(params) {
+      const key = JSON.stringify(params);
+
+      if (pendingPromises.has(key)) {
+          return pendingPromises.get(key);
+      }
+
+      const promise = new Promise((resolve, reject) => {
+          setTimeout(() => {
+              pendingPromises.delete(key);
+              fn(params).then(resolve).catch(reject);
+          }, ms);
+      });
+      pendingPromises.set(key, promise);
+      return promise;
+  };
+}
+
+
+export const delayLoader=(loader,ms=5000)=>{
+  return new Promise(resolve=>{
+    loader.then(req=>{
+      setTimeout(()=>{
+        resolve(req);
+      },ms)
+    })
+  })
+}
+
+export const delay=(ms=1000)=>{
+  return new Promise(resolve=>{
+    setTimeout(()=>{
+      resolve();
+    },ms)
+  })
+}
+
+/**
+ * 判断是否有值
+ * [undefined,null,Number.NaN]=false
+ * ['','1',1,0,'0',-1,'-1',true,false,' ',{}]=true
+ * @param {any} item 
+ * @returns {boolean}
+ */
+export const hasValue=(item)=>{
+  if(item===undefined||item===null||Number.isNaN(item)){
+    return false;
+  }
+  return true;
+}
+
+/**
+ * 判断是否有数值
+ * ['',true,false,undefined,null,Number.NaN,' ','a',{}]=false
+ * ['1',1,0,'0',-1,'-1']=true
+ * @param {any} item 
+ * @returns {boolean}
+ */
+export const hasNumberValue=(item)=>{
+  return hasValue(item) && !Number.isNaN(parseFloat(item));
+}
+
+export const FormStyle={
+  labelWrap:true,
+  labelCol:{ span: 2 },
+  wrapperCol:{ span: 8 },
+  colon:false,
+  /**
+   * @type {'left'|'right'}
+   */
+  labelAlign:'left'
+}
+export const FormStyleLarge={
+  labelWrap:true,
+  labelCol:{ span: 3 },
+  wrapperCol:{ span: 8 },
+  colon:false,
+  /**
+   * @type {'left'|'right'}
+   */
+  labelAlign:'left'
+}
+
+
+export const FormStyleDialog={
+  labelWrap:true,
+  labelCol:{ span: 6 },
+  wrapperCol:{ span: 18 },
+  colon:false,
+  /**
+   * @type {'left'|'right'}
+   */
+  labelAlign:'left'
+}
+
+export const FormStyleColumn={
+  labelWrap:true,
+  labelCol:{ span: 8 },
+  wrapperCol:{ span: 16 },
+  colon:false,
+  /**
+   * @type {'left'|'right'}
+   */
+  labelAlign:'left'
+}
+
+export const GetUrlSearch=(key)=>{
+  var url = new URL(location.href);
+  let req = url.searchParams.get(key);
+  if(req==null){
+
+    // 获取 hash 部分并去掉 #
+    const hash = url.hash.substring(1);
+    // 检查 hash 部分是否包含查询参数
+    const hashParts = hash.split('?');
+    const path = hashParts[0];
+    const queryString = hashParts[1] || '';
+    // 解析查询参数
+    const searchParams = new URLSearchParams(queryString);
+    req = searchParams.get(key);
+  }
+  return req||'';
+}
+
+
+export const loadImage= async (url)=>{
+  return new Promise((resolve,reject)=>{
+    if(typeof url === 'string'){
+      var img = new Image();
+      img.onload = function() {        
+        resolve(img);
+      };
+      img.onerror=()=>{
+        reject();
+      }
+      // @ts-ignore
+      img.src =url;
+    }else{
+      var reader = new FileReader();
+      reader.onload = function(e) {
+          var img = new Image();
+          img.onload = function() {              
+            resolve(img);
+          };
+          img.onerror=()=>{
+            reject();
+          }
+          // @ts-ignore
+          img.src = e.target.result;
+      };
+      reader.onerror=()=>{
+        reject();
+      }
+      reader.readAsDataURL(url);
+    }
+  })
+  
+}
+
+
+export const getVideoInfo= async (file)=>{
+  return new Promise((resolve,reject)=>{
+    var reader = new FileReader();
+    reader.onload =()=>{
+      let video = document.createElement('video');
+      video.addEventListener('canplay',(e)=>{
+        // @ts-ignore
+        const {videoWidth,videoHeight} = e.target;
+        resolve({width:videoWidth,height:videoHeight});
+      })
+      video.addEventListener('error',(e)=>{
+        // @ts-ignore
+        console.error('video play error:',e?.target?.error);
+        resolve({width:'',height:''});
+      })
+      // @ts-ignore
+      video.setAttribute('src',reader.result);
+    }
+    reader.onerror=()=>{
+      resolve({width:'',height:''})
+    }
+    reader.readAsDataURL(file);
+
+  })
+}
+export const getAudioInfo= async (file)=>{
+  return new Promise((resolve,reject)=>{
+    var reader = new FileReader();
+    reader.onload =()=>{
+      let video = document.createElement('audio');
+      video.addEventListener('canplay',(e)=>{
+        // @ts-ignore
+        const { duration } = e.target;
+        resolve({duration: +duration.toFixed(2)});
+      })
+      // @ts-ignore
+      video.setAttribute('src',reader.result);
+    }
+    reader.onerror=()=>{
+      resolve({duration:''})
+    }
+    reader.readAsDataURL(file);
+  })
+}
+
+
+
+/** 复制到剪切板 */
+export function copyToClipboard(text, cb) {
+
+  function fallbackCopyTextToClipboard(text) {
+    const textArea = document.createElement('textarea');
+    textArea.value = text;
+    
+    // 防止排版上的干扰
+    textArea.style.top = '0';
+    textArea.style.left = '0';
+    textArea.style.position = 'fixed';
+    
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+    
+    try {
+      const successful = document.execCommand('copy');
+      const msg = successful ? '成功' : '失败';
+      cb?.(successful);
+      console.log('后备复制方法' + msg);
+    } catch (err) {
+      cb?.(false);
+      console.error('后备复制方法异常', err);
+    }
+    
+    document.body.removeChild(textArea);
+  }
+  
+  if (navigator.clipboard) {
+    navigator.clipboard.writeText(text).then(() => {
+      console.log('文本已复制到剪切板');
+      cb?.(true);
+    }).catch(err => {
+      console.error('无法复制文本: ', err);
+      cb?.(false);
+    });
+  } else {
+    fallbackCopyTextToClipboard(text);
+  }
+}
+
+/** 记录查询条件参数的key */
+export const paramsKey = '_search_v1';
+/**
+ * 整理参数，用于跳转页面时的传参
+ * @param {object} values 
+ * @returns {string}
+ */
+export const encodeParamsToLink = (values) => {
+  return `${paramsKey}=${encodeURIComponent(JSON.stringify(values))}`;
+}
+/**
+ * 整理参数，从地址栏获取参数
+ * @param {object} _paramsKey 参数的关键词 
+ * @param {object} isTwoEncode 是否有2层编码 
+ * @returns {object}
+ */
+export const decodeParamsFromLink = (_paramsKey = paramsKey, isTwoEncode = false) => {
+  try {
+    const paramsString = location.href.split('?')[1];
+    if (!paramsString || paramsString.indexOf(_paramsKey) === -1) {
+      return null;
+    }
+    const arr = paramsString.split('&');
+    const target = arr.find(i => i.indexOf(_paramsKey) > -1);
+    let value = target.split('=')[1];
+    value = value.split('#')[0];
+    return isTwoEncode ? JSON.parse(decodeURIComponent(decodeURIComponent(value))): JSON.parse(decodeURIComponent(value));
+  }
+  catch(e) {
+    return null
+  }
+}
+
+
+export const Rand= (min, max)=> {
+
+  let difference = max - min;
+  // 使用 Math.random() 生成 [0, 1) 之间的随机数，乘以差值并加上 min，再使用 Math.floor() 向下取整得到最终结果
+  let result = Math.floor(Math.random() * (difference + 1)) + min;
+  return result;
+}
+
+
+
+
+let GLOBAL_SEED=Date.now();
+/**
+ * 伪随机
+ * @param {*} min 
+ * @param {*} max 
+ * @returns {number}
+ */
+export const RandPseudo= (min,max)=>{
+  GLOBAL_SEED = (GLOBAL_SEED*9301+49297)%233280;
+  let seed= GLOBAL_SEED/233280;
+  var ret = Math.floor(seed * (max-min+1) + min);
+  return ret;
+}
+
+
+export const isPromise=(obj)=> {
+  return !!obj && typeof obj.then === 'function';
+}
+
+export const keySort=(key, value) => {
+  if(value==null || value == undefined )return value;
+  if (typeof value === 'object' && !Array.isArray(value)) {
+    // 对对象的键进行排序并重建对象
+    const sortedKeys = Object.keys(value).sort();
+    const sortedObj = {};
+    sortedKeys.forEach(k => {
+      sortedObj[k] = value[k];
+    });
+    return sortedObj;
+  }
+  return value;
+}
+
+/**
+ * 判断是否是横版素材
+ * @param {number} width
+ * @param {number} height 
+ * @returns {boolean}
+ */
+export const isHorizontal=(width,height)=>{
+  if(width>height){
+    return true;
+  }
+  return false;
+}
+
+
+
+export const startsWithChinese = (str) => {
+  if (!str || str.length === 0) return false;
+  // 匹配基本汉字、扩展A、扩展B等
+  return /^[\u4e00-\u9fa5\u3400-\u4dbf\uf900-\ufaff\u3300-\u33ff\ud840-\ud868\ud869-\ud86d\ud86e-\ud872\ud873-\ud879\ud880-\ud883]/.test(str);
+}
+
+
+// 时间早于当日则设为当日
+export const returnAtLeastToDay = (timeStr) => {
+  return moment().isBefore(moment(timeStr)) ? moment(timeStr) : moment();
+}
+
+/**
+ * 判断2个数组是否内容一致
+ * @param {Array} arr1 
+ * @param {Array} arr2 
+ * @returns {boolean}
+ */
+export const isSameArray=(arr1,arr2)=>{
+  if(!arr1 && !arr2)return true;
+  if(!arr1||!arr2)return false;
+  if(!Array.isArray(arr1) || !Array.isArray(arr2))return false;
+
+  if(arr1.length != arr2.length)return false;
+  let _arr1 = arr1.sort()
+  let _arr2 = arr2.sort()
+
+  for(let i=0;i<_arr1.length;i++){
+    if(_arr1[i] != _arr2[i]){
+      return false;
+    }
+  }
+  return true;
+}
+
+/**
+ * 计算弹出式的素材选择界面的宽度
+ * @param {object} [props]
+ * @param {number} [props.min=900] - 最小宽度要求
+ * @param {number} [props.max=1264] - 期望最大宽度
+ * @returns {number} 
+ */
+export const getSelectMaterialDrawerWidth=(props={})=>{
+  const {min=900,max=1264}=props;
+  let width=max;
+  const docEl = document.documentElement;
+  // 当前窗口最大值
+  let windowWidth = Math.max(window.innerWidth, docEl.clientWidth, docEl.offsetWidth)-24;
+  // 如果超过当前屏幕窗口大小则取当前屏幕窗口大小的值
+  width = Math.min(width,windowWidth);
+  if(min){
+    // 如果设置了强制最小宽度值，则取>=min的值
+    width = Math.max(min,width);
+  }
+
+  return width;
+}
+
+
+/**
+ * 将数组进行一次洗牌
+ * @param {*} arr 
+ * @returns {Array}
+ */
+export const shuffle=(arr)=>{
+  let len = arr.length;
+  for(let i=len-1;i>=0;i--){
+    let randIdx = Rand(0,i);
+    let temp = arr[randIdx];
+    arr[randIdx] = arr[i];
+    arr[i] = temp;
+  }
+  return arr;
+}