jinbi-utils 1.0.20 → 1.0.21

package/src/build/chunk-optimizer/test.ts

@@ -0,0 +1,94 @@
+/**
+ * Chunk Optimizer 测试脚本
+ * 运行: npx tsx build/chunk-optimizer/test.ts
+ */
+
+import { createChunkOptimizer } from './index';
+
+console.log('\n' + '='.repeat(70));
+console.log('🧪 Testing Chunk Optimizer');
+console.log('='.repeat(70) + '\n');
+
+// 创建优化器实例
+const optimizer = createChunkOptimizer({
+  framework: 'vue',
+  debug: true,
+  customRules: {
+    // 测试自定义规则
+    'test-lib': 'vendor-test',
+  },
+  exclude: ['@types/*'],
+});
+
+// 打印分析报告
+optimizer.printReport();
+
+// 获取分析结果
+const result = optimizer.analyze();
+
+console.log('\n' + '='.repeat(70));
+console.log('📊 Detailed Analysis');
+console.log('='.repeat(70) + '\n');
+
+console.log(`Framework: ${result.detectedFramework}`);
+console.log(`Total Dependencies: ${result.dependencies.length}`);
+console.log(`Production Dependencies: ${result.dependencies.filter(d => !d.isDev).length}`);
+console.log(`Dev Dependencies: ${result.dependencies.filter(d => d.isDev).length}`);
+
+console.log('\n📦 Top 10 Dependencies by Category:\n');
+
+// 按分类分组
+const grouped = result.dependencies.reduce((acc, dep) => {
+  if (dep.category) {
+    if (!acc[dep.category]) {
+      acc[dep.category] = [];
+    }
+    acc[dep.category].push(dep.name);
+  }
+  return acc;
+}, {} as Record<string, string[]>);
+
+// 打印每个分类的前几个包
+Object.entries(grouped)
+  .sort(([, a], [, b]) => b.length - a.length)
+  .slice(0, 10)
+  .forEach(([category, packages]) => {
+    console.log(`${category}:`);
+    packages.slice(0, 5).forEach(pkg => {
+      console.log(`  - ${pkg}`);
+    });
+    if (packages.length > 5) {
+      console.log(`  ... and ${packages.length - 5} more`);
+    }
+    console.log('');
+  });
+
+// 生成 manualChunks 函数
+const manualChunks = optimizer.generate();
+
+console.log('='.repeat(70));
+console.log('✅ Test completed successfully!');
+console.log('='.repeat(70) + '\n');
+
+// 测试 manualChunks 函数
+console.log('🧪 Testing manualChunks function:\n');
+
+const testCases = [
+  'node_modules/vue/dist/vue.js',
+  'node_modules/element-plus/es/index.js',
+  'node_modules/axios/index.js',
+  'node_modules/@iconify/vue/dist/index.js',
+  '/src/views/system/user/index.vue',
+  '/src/views/dashboard/index.vue',
+  '/src/components/Button/index.vue',
+  '/src/utils/request.ts',
+  '/src/store/user.ts',
+];
+
+testCases.forEach(testCase => {
+  const result = manualChunks(testCase, { getModuleInfo: () => null });
+  console.log(`${testCase.padEnd(50)} -> ${result || '(default)'}`);
+});
+
+console.log('\n' + '='.repeat(70) + '\n');
+

package/src/build/chunk-optimizer/types.ts

@@ -0,0 +1,128 @@
+/**
+ * Chunk Optimizer 类型定义
+ */
+
+/**
+ * 框架类型
+ */
+export type Framework = 'vue' | 'react' | 'angular' | 'svelte' | 'auto';
+
+/**
+ * 分包策略
+ */
+export type Strategy = 'balanced' | 'aggressive' | 'conservative';
+
+/**
+ * 依赖分类
+ */
+export type DependencyCategory =
+  | 'vendor-vue'
+  | 'vendor-react'
+  | 'vendor-router'
+  | 'vendor-state'
+  | 'vendor-element'
+  | 'vendor-ui'
+  | 'vendor-utils'
+  | 'vendor-icons'
+  | 'vendor-i18n'
+  | 'vendor-vueuse'
+  | 'vendor-pro'
+  | 'vendor-libs'
+  | string;
+
+/**
+ * 规则定义
+ */
+export interface Rule {
+  /** 包名或模式 */
+  match: string | RegExp;
+  /** 分类 */
+  category: DependencyCategory;
+  /** 优先级（数字越大优先级越高） */
+  priority?: number;
+  /** 描述 */
+  description?: string;
+}
+
+/**
+ * 业务代码分包策略
+ */
+export interface SourceCodeStrategy {
+  /** 是否按 views 模块分包 */
+  views?: boolean;
+  /** 是否将公共组件单独分包 */
+  components?: boolean;
+  /** 是否将工具函数分包 */
+  utils?: boolean;
+  /** 是否将 store 分包 */
+  store?: boolean;
+  /** 自定义业务代码分包规则 */
+  custom?: Array<{
+    pattern: RegExp;
+    chunkName: string;
+  }>;
+}
+
+/**
+ * 优化器配置选项
+ */
+export interface ChunkOptimizerOptions {
+  /** 框架类型，默认 'auto' 自动检测 */
+  framework?: Framework;
+  
+  /** 分包策略，默认 'balanced' */
+  strategy?: Strategy;
+  
+  /** 自定义规则（会覆盖默认规则） */
+  customRules?: Record<string, DependencyCategory>;
+  
+  /** 排除某些包不参与分包 */
+  exclude?: string[];
+  
+  /** 最小 chunk 大小（KB），小于此大小的包会合并，默认 0 */
+  minChunkSize?: number;
+  
+  /** 是否启用调试模式，会输出详细的分包信息 */
+  debug?: boolean;
+  
+  /** 业务代码分包策略 */
+  sourceCodeStrategy?: SourceCodeStrategy;
+  
+  /** package.json 路径，默认为项目根目录 */
+  packageJsonPath?: string;
+}
+
+/**
+ * 依赖信息
+ */
+export interface DependencyInfo {
+  /** 包名 */
+  name: string;
+  /** 版本 */
+  version: string;
+  /** 是否为开发依赖 */
+  isDev: boolean;
+  /** 分类 */
+  category?: DependencyCategory;
+}
+
+/**
+ * 分析结果
+ */
+export interface AnalysisResult {
+  /** 所有依赖 */
+  dependencies: DependencyInfo[];
+  /** 检测到的框架 */
+  detectedFramework?: Framework;
+  /** 分类统计 */
+  categoryStats: Record<DependencyCategory, number>;
+}
+
+/**
+ * ManualChunks 函数类型
+ */
+export type ManualChunksFunction = (
+  id: string,
+  { getModuleInfo }: { getModuleInfo: (id: string) => any }
+) => string | undefined;
+

package/src/color/index.ts

@@ -0,0 +1,58 @@
+/**
+ * 颜色处理相关
+ * @packageDocumentation
+ * @module Color
+ * @preferred
+ */
+
+/**
+ * 将 Hex 颜色转换为 RGB 数组
+ * @param hex - Hex 格式颜色值（如 #ffffff）
+ * @returns RGB 数组 [r, g, b]
+ */
+export function hexToRgb(hex: string): number[] {
+  const result = hex.replace('#', '').match(/../g);
+  return result ? result.map(val => parseInt(val, 16)) : [0, 0, 0];
+}
+
+/**
+ * 将 RGB 值转换为 Hex 颜色
+ * @param r - 红色值 (0-255)
+ * @param g - 绿色值 (0-255)
+ * @param b - 蓝色值 (0-255)
+ * @returns Hex 格式颜色值（如 #ffffff）
+ */
+export function rgbToHex(r: number, g: number, b: number): string {
+  const toHex = (n: number) => {
+    const hex = n.toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+  };
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+
+/**
+ * 颜色加深
+ * 使用 RGB 线性计算：color * (1 - level)
+ * @param color - Hex 格式颜色值
+ * @param level - 加深程度 (0-1)
+ * @returns 加深后的 Hex 颜色值
+ */
+export function darken(color: string, level: number): string {
+  const rgb = hexToRgb(color);
+  const darkened = rgb.map(val => Math.floor(val * (1 - level)));
+  return rgbToHex(darkened[0], darkened[1], darkened[2]);
+}
+
+/**
+ * 颜色变浅
+ * 使用 RGB 线性计算：(255 - color) * level + color
+ * @param color - Hex 格式颜色值
+ * @param level - 变浅程度 (0-1)
+ * @returns 变浅后的 Hex 颜色值
+ */
+export function lighten(color: string, level: number): string {
+  const rgb = hexToRgb(color);
+  const lightened = rgb.map(val => Math.floor((255 - val) * level + val));
+  return rgbToHex(lightened[0], lightened[1], lightened[2]);
+}
+

package/src/common/index.ts

@@ -0,0 +1,353 @@
+/**
+ * 通用函数
+ * @packageDocumentation
+ * @module Common
+ * @preferred
+ */
+
+import {fromTypeMap, IFromType} from "@/constant/common.constant";
+
+/**
+ * 延迟函数（Promise 版本）
+ * @param ms - 延迟毫秒数
+ * @returns Promise
+ */
+export function delay(ms: number): Promise<void> {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+/**
+ * 检测设备是否为移动设备
+ * @returns 是否为移动设备
+ */
+export function deviceDetection(): boolean {
+  if (typeof window === 'undefined') return false;
+
+  const userAgent = navigator.userAgent.toLowerCase();
+  const isMidp = /midp/i.test(userAgent);
+  const isUcweb = /ucweb/i.test(userAgent);
+  const isAndroid = /android/i.test(userAgent);
+  const isIos = /iphone os/i.test(userAgent);
+  const isWinCe = /windows ce/i.test(userAgent);
+  const isWinMobile = /windows mobile/i.test(userAgent);
+  const isRv = /rv:1.2.3.4/i.test(userAgent);
+
+  return (
+    isMidp || isUcweb || isAndroid || isIos || isWinCe || isWinMobile || isRv
+  );
+}
+
+/**
+ * 判断val 是否是空值
+ #### 使用说明
+ ```
+ isEmpty('') 返回 true
+ isEmpty(null) 返回 true
+ isEmpty(undefined) 返回 true
+ isEmpty(12323) 返回 false
+ ```
+ */
+export function isEmpty(val: any): boolean {
+  return val === null || val === '' || val === undefined;
+}
+
+// from jinbizhihui
+
+
+// 获取环境变量
+// export const getEnvValue = (type: string) => {
+//   return import.meta.env[type]
+// }
+
+
+
+export const clearLoginData = () => {
+  // 这里做指定的 key 清除 是为了 避免 清除掉 jsapiticket 等一些需要有的字段 防止多次请求
+  localStorage.removeItem('wecom_userinfo')
+  localStorage.removeItem('wecom_token')
+  localStorage.removeItem('projectActive')
+  localStorage.removeItem('loginTime')
+  localStorage.removeItem('projectInfo')
+}
+
+// 获取url中参数
+export const getQueryString = (url: string, queryKey: string) => {
+  const reg = new RegExp(`&{1}${queryKey}\\=[a-zA-Z0-9_-]+`, 'g')
+  const matchResult = url.replace(/\?/g, '&').match(reg)![0]
+  return matchResult.substr(matchResult.indexOf('=') + 1)
+}
+
+export const getQueryVariable = (variable) => {
+  var query = window.location.search.substring(1)
+  var vars = query.split('&')
+  for (var i = 0; i < vars.length; i++) {
+    var pair = vars[i].split('=')
+    if (pair[0] === variable) { return pair[1] }
+  }
+  return (false)
+}
+
+export const getWecomToken = () => {
+  return localStorage.getItem('wecom_token')
+}
+// 判断设备类型
+export const getDeviceType = (): IFromType => {
+  const ua = navigator.userAgent.toLowerCase();
+  const isWxWork = /wxwork/.test(ua); // 企业微信
+  const isWeixin = /micromessenger/.test(ua) && !isWxWork; // 微信，排除企业微信
+
+  // 使用屏幕宽度判断是否移动设备
+  const isMobileScreen = window.innerWidth <= 768;
+
+  return {
+    isWxWork,
+    isWeixin,
+    isMobileScreen,
+    isMobileAny: isWxWork || isWeixin || isMobileScreen,
+  };
+};
+
+export const getFromType = (res: IFromType) => {
+  let result = 'wecom'
+  for( let key in res) {
+    const value = res[key]
+    if (value) {
+      result = fromTypeMap[key]
+      break;
+    }
+  }
+  return result;
+}
+export function randomString(e) {
+  e = e || 32
+  let t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'
+  let a = t.length
+  let n = ''
+  for (let i = 0; i < e; i++) n += t.charAt(Math.floor(Math.random() * a))
+  return n
+}
+export const getCookie = (cookieName) => {
+  let cookie = ''
+  let cookieArr = document.cookie.split('; ')
+  for (let i = 0; i < cookieArr.length; i++) {
+    var valueArr = cookieArr[i].split('=')
+    if (valueArr[0] === cookieName) {
+      cookie = valueArr[1]
+      break
+    }
+  }
+  return cookie
+}
+// || 'cc51882c781d8035b98335ccb44787b42dd9d91ba3b85a45ff3e867857a526bfbbddcdc27b8edce9a52882d1838e0b8e6ccf658ed105df9a898b1c977c588bd1'
+export const buildUUID = () => {
+  const hexList: string[] = []
+  for (let i = 0; i <= 15; i++) {
+    hexList[i] = i.toString(16) as string
+  }
+  let uuid = ''
+  for (let i = 1; i <= 36; i++) {
+    if (i === 9 || i === 14 || i === 19 || i === 24) {
+      uuid += '-'
+    } else if (i === 15) {
+      uuid += 4
+    } else if (i === 20) {
+      uuid += hexList[(Math.random() * 4) | 8];
+    } else {
+      uuid += hexList[(Math.random() * 16) | 0];
+    }
+  }
+  return uuid.replace(/-/g, '')
+}
+
+export const getTicket = () => {
+  return localStorage.getItem('jsapiTicket')
+}
+export const setTicket = (jsapiTicket) => {
+  return localStorage.setItem('jsapiTicket', jsapiTicket)
+}
+export const removeTicket = () => {
+  return localStorage.removeItem('jsapiTicket')
+}
+
+
+export const formateTimestamp = (timestamp: number | null, type = 'YYYY年MM月DD日 hh:mm:ss') => {
+  if (!timestamp) {
+    return '-'
+  }
+  const date = new Date(timestamp)
+  const year = date.getFullYear() + ''
+  const month = date.getMonth() + 1
+  const day = date.getDate()
+  const houre = date.getHours() > 9 ? date.getHours() : '0' + date.getHours()
+  const minute = date.getMinutes() > 9 ? date.getMinutes() : '0' + date.getMinutes()
+  const second = date.getSeconds() > 9 ? date.getSeconds() : '0' + date.getSeconds()
+  const result = type.replace('YYYY', year + '').replace('MM', month + '').replace('DD', day + '').replace('hh', houre + '').replace('mm', minute + '').replace('ss', second + '')
+  return result
+
+}
+
+
+export const convertBase64UrlToBlob = (urlData) => {
+  // console.log('urlData', urlData)
+  // 将以base64的图片url数据转换为Blob
+  var bytes = window.atob(urlData.split(',')[1]) // 去掉url的头，并转换为byte
+  // 处理异常,将ascii码小于0的转换为大于0
+  var ab = new ArrayBuffer(bytes.length)
+  var ia = new Uint8Array(ab)
+  for (var i = 0; i < bytes.length; i++) {
+    ia[i] = bytes.charCodeAt(i)
+  }
+  return new Blob([ab], { type: 'image/png' })
+}
+
+
+export const getEnvironment = () => {
+  const isMobile = window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i); // 是否手机端
+  const isWx = /micromessenger/i.test(navigator.userAgent); // 是否微信
+  const isComWx = /wxwork/i.test(navigator.userAgent); // 是否企业微信
+
+  if (isComWx && isMobile) { //手机端企业微信
+    return 'com-wx-mobile'
+  }
+  else if (isComWx && !isMobile) { //PC端企业微信
+    return 'com-wx-pc'
+  }
+  else if (isWx && isMobile) { // 手机端微信
+    return 'wx-mobile';
+  }
+  else if (isWx && !isMobile) { // PC端微信
+    return 'wx-pc';
+  }
+  else {
+    return 'other';
+  }
+}
+
+export const getIsComWx = () => {
+  const isComWx = /wxwork/i.test(navigator.userAgent); // 是否企业微信
+  return isComWx
+}
+export const getIsDevelopment = () => {
+  let result = false
+  if (location.origin === 'uat2-h5-wecom.hengdayun.com' || location.origin === '127.0.0.1:8081' || location.origin === 'localhost:8081') {
+    result = true
+  }
+
+  return result
+}
+// 处理时间，企微不能通过dayjs以及moment处理时间
+
+// 过滤数组重复数据
+export const filterRepeat = (arr: any[], fieldName: string) => {
+  const set = new Set()
+  return arr.filter(item => {
+    const key = item[fieldName]
+    if (set.has(key)) {
+      return false
+    } else {
+      set.add(key)
+      return true
+    }
+  })
+}
+
+// 将 base64 转换为 Blob
+export const base64ToBlob = (base64) => {
+  var arr = base64.split(","),
+    mime = arr[0].match(/:(.\*?);/)[1],
+    bstr = atob(arr[1]),
+    n = bstr.length,
+    u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new Blob([u8arr], {
+    type: mime,
+  });
+}
+// 将 base64 转换为 File
+export const base64ToFile = (base64, fileName) => {
+  let arr = base64.split(",");
+  let mime = arr[0].match(/:(.*);/)[1];
+
+  let bstr = atob(arr[1]);
+  let n = bstr.length;
+  let u8arr = new Uint8Array(n);
+
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new File([u8arr], fileName, { type: mime });
+}
+
+// 处理时间，企微不能通过dayjs以及moment处理时间
+export const isImage = (type: string) => {
+  return /^image\//i.test(type);
+}
+
+// 获取文件数据
+export const getFileData = (optionName: string) => {
+  const [name = '', url = ''] = optionName.split(',')
+  return {
+    name: decodeURIComponent(name),
+    url: decodeURIComponent(url)
+  }
+}
+// 验证是否为数字
+export const validateTwoDecimal = (v: number | string) => {
+  if (!v || v === '') return true
+  return /^(\d+)(\.\d{1,2})?$/.test(v.toString())
+}
+// 生成uuid
+export const uuid = (len, radix) => {
+  let chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
+  let uuid: string[] = [], i: string | number;
+  radix = radix || chars.length;
+
+  if (len) {
+    // Compact form
+    for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
+  } else {
+    // rfc4122, version 4 form
+    let r;
+
+    // rfc4122 requires these characters
+    uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
+    uuid[14] = '4';
+
+    // Fill in random data.  At i==19 set the high bits of clock sequence as
+    // per rfc4122, sec. 4.1.5
+    for (i = 0; i < 36; i++) {
+      if (!uuid[i]) {
+        r = 0 | Math.random() * 16;
+        uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
+      }
+    }
+  }
+
+  return uuid.join('');
+}
+
+export const getToken = (cacheType: string, key = 'token') => {
+  let token = ''
+  const cacheTypeToLower = cacheType.toLowerCase();
+  if (cacheTypeToLower === 'localstorage') {
+    token = localStorage.getItem(key) || '';
+  } else if (cacheTypeToLower === 'sessionstorage') {
+    token = sessionStorage.getItem(key) || '';
+  } else {
+    token = localStorage.getItem(key) || sessionStorage.getItem('token') || '';
+  }
+  return token;
+}
+export const removeToken = (cacheType: string, key = 'token') => {
+  const cacheTypeToLower = cacheType.toLowerCase();
+  if (cacheTypeToLower === 'localstorage') {
+    localStorage.removeItem(key);
+  } else if (cacheTypeToLower === 'sessionstorage') {
+    sessionStorage.removeItem(key);
+  } else {
+    localStorage.removeItem(key);
+    sessionStorage.removeItem(key);
+  }
+}

package/src/constant/common.constant.ts

@@ -0,0 +1,13 @@
+// 判断设备类型
+export interface IFromType {
+  isWxWork: boolean;
+  isWeixin: boolean;
+  isMobileScreen: boolean;
+  isMobileAny: boolean;
+}
+export const fromTypeMap = {
+  isWxWork: 'wecom',
+  isWeixin: 'wechat',
+  isMobile: 'mobile',
+  isMobileAny: 'mobile',
+}