taro-uno-ui 0.9.0 → 1.0.0

package/src/utils/types/dataProcessing.ts

@@ -11,8 +11,8 @@ export class DataTransformUtils {
   static deepClone<T>(obj: T): T {
     if (obj === null || typeof obj !== 'object') return obj;
     if (obj instanceof Date) return new Date(obj.getTime()) as T;
-    if (obj instanceof Array) return obj.map(item => this.deepClone(item)) as T;
-    
+    if (obj instanceof Array) return obj.map((item) => this.deepClone(item)) as T;
+
     const clonedObj = {} as T;
     for (const key in obj) {
       if (obj.hasOwnProperty(key)) {
@@ -26,7 +26,7 @@ export class DataTransformUtils {
   static objectToArray<T extends Record<string, any>>(
     obj: T,
     keyField = 'key',
-    valueField = 'value'
+    valueField = 'value',
   ): Array<{ [K in typeof keyField | typeof valueField]: any }> {
     return Object.entries(obj).map(([key, value]) => ({
       [keyField]: key,
@@ -35,15 +35,15 @@ export class DataTransformUtils {
   }
 
   /** 数组转对象 */
-  static arrayToObject<T extends Record<string, any>, K extends keyof T>(
-    array: T[],
-    keyField: K
-  ): Record<string, T> {
-    return array.reduce((acc, item) => {
-      const key = String(item[keyField]);
-      acc[key] = item;
-      return acc;
-    }, {} as Record<string, T>);
+  static arrayToObject<T extends Record<string, any>, K extends keyof T>(array: T[], keyField: K): Record<string, T> {
+    return array.reduce(
+      (acc, item) => {
+        const key = String(item[keyField]);
+        acc[key] = item;
+        return acc;
+      },
+      {} as Record<string, T>,
+    );
   }
 
   /** 扁平化嵌套对象 */
@@ -104,7 +104,7 @@ export class DataTransformUtils {
       useGrouping?: boolean;
       currency?: string;
       style?: 'decimal' | 'currency' | 'percent';
-    } = {}
+    } = {},
   ): string {
     const {
       minimumFractionDigits = 0,
@@ -153,7 +153,7 @@ export class DataTransformUtils {
 export class DataFilterUtils {
   /** 过滤空值 */
   static filterEmpty<T>(array: T[]): T[] {
-    return array.filter(item => item !== null && item !== undefined && item !== '');
+    return array.filter((item) => item !== null && item !== undefined && item !== '');
   }
 
   /** 过滤重复值 */
@@ -161,9 +161,9 @@ export class DataFilterUtils {
     if (!key) {
       return [...new Set(array)];
     }
-    
+
     const seen = new Set();
-    return array.filter(item => {
+    return array.filter((item) => {
       const keyValue = item[key];
       if (seen.has(keyValue)) {
         return false;
@@ -174,32 +174,23 @@ export class DataFilterUtils {
   }
 
   /** 过滤范围 */
-  static filterRange<T>(
-    array: T[],
-    key: keyof T,
-    min: number,
-    max: number
-  ): T[] {
-    return array.filter(item => {
+  static filterRange<T>(array: T[], key: keyof T, min: number, max: number): T[] {
+    return array.filter((item) => {
       const value = item[key] as number;
       return value >= min && value <= max;
     });
   }
 
   /** 模糊搜索 */
-  static fuzzySearch<T>(
-    array: T[],
-    searchTerm: string,
-    searchFields: (keyof T)[]
-  ): T[] {
+  static fuzzySearch<T>(array: T[], searchTerm: string, searchFields: (keyof T)[]): T[] {
     if (!searchTerm) return array;
 
     const term = searchTerm.toLowerCase();
-    return array.filter(item =>
-      searchFields.some(field => {
+    return array.filter((item) =>
+      searchFields.some((field) => {
         const value = String(item[field]).toLowerCase();
         return value.includes(term);
-      })
+      }),
     );
   }
 
@@ -211,10 +202,10 @@ export class DataFilterUtils {
       operator: 'equals' | 'contains' | 'startsWith' | 'endsWith' | 'greater' | 'less' | 'between';
       value: any;
       value2?: any;
-    }>
+    }>,
   ): T[] {
-    return array.filter(item => {
-      return conditions.every(condition => {
+    return array.filter((item) => {
+      return conditions.every((condition) => {
         const fieldValue = item[condition.field];
         const { operator, value, value2 } = condition;
 
@@ -254,7 +245,7 @@ export class DataSortUtils {
   /** 基础排序 */
   static sort<T>(array: T[], options: SortOptions<T> = {}): T[] {
     const { key, direction = 'asc', customSort } = options;
-    
+
     if (customSort) {
       return [...array].sort(customSort);
     }
@@ -330,29 +321,32 @@ export class DataSortUtils {
 export class DataAggregateUtils {
   /** 分组 */
   static groupBy<T, K extends keyof T>(array: T[], key: K): Record<string, T[]> {
-    return array.reduce((groups, item) => {
-      const groupKey = String(item[key]);
-      if (!groups[groupKey]) {
-        groups[groupKey] = [];
-      }
-      groups[groupKey].push(item);
-      return groups;
-    }, {} as Record<string, T[]>);
+    return array.reduce(
+      (groups, item) => {
+        const groupKey = String(item[key]);
+        if (!groups[groupKey]) {
+          groups[groupKey] = [];
+        }
+        groups[groupKey].push(item);
+        return groups;
+      },
+      {} as Record<string, T[]>,
+    );
   }
 
   /** 多字段分组 */
-  static groupByMultiple<T, K extends keyof T>(
-    array: T[],
-    keys: K[]
-  ): Record<string, T[]> {
-    return array.reduce((groups, item) => {
-      const groupKey = keys.map(key => String(item[key])).join('|');
-      if (!groups[groupKey]) {
-        groups[groupKey] = [];
-      }
-      groups[groupKey].push(item);
-      return groups;
-    }, {} as Record<string, T[]>);
+  static groupByMultiple<T, K extends keyof T>(array: T[], keys: K[]): Record<string, T[]> {
+    return array.reduce(
+      (groups, item) => {
+        const groupKey = keys.map((key) => String(item[key])).join('|');
+        if (!groups[groupKey]) {
+          groups[groupKey] = [];
+        }
+        groups[groupKey].push(item);
+        return groups;
+      },
+      {} as Record<string, T[]>,
+    );
   }
 
   /** 统计 */
@@ -360,37 +354,44 @@ export class DataAggregateUtils {
     array: T[],
     groupKey: K,
     aggregateField: keyof T,
-    aggregateType: 'sum' | 'avg' | 'count' | 'min' | 'max' = 'sum'
+    aggregateType: 'sum' | 'avg' | 'count' | 'min' | 'max' = 'sum',
   ): Record<string, number> {
     const groups = this.groupBy(array, groupKey);
-    
-    return Object.entries(groups).reduce((result, [key, items]) => {
-      const values = items.map(item => Number(item[aggregateField])).filter(v => !isNaN(v));
-      
-      switch (aggregateType) {
-        case 'sum':
-          result[key] = values.reduce((sum, val) => sum + val, 0);
-          break;
-        case 'avg':
-          result[key] = values.length > 0 ? values.reduce((sum, val) => sum + val, 0) / values.length : 0;
-          break;
-        case 'count':
-          result[key] = items.length;
-          break;
-        case 'min':
-          result[key] = values.length > 0 ? Math.min(...values) : 0;
-          break;
-        case 'max':
-          result[key] = values.length > 0 ? Math.max(...values) : 0;
-          break;
-      }
-      
-      return result;
-    }, {} as Record<string, number>);
+
+    return Object.entries(groups).reduce(
+      (result, [key, items]) => {
+        const values = items.map((item) => Number(item[aggregateField])).filter((v) => !isNaN(v));
+
+        switch (aggregateType) {
+          case 'sum':
+            result[key] = values.reduce((sum, val) => sum + val, 0);
+            break;
+          case 'avg':
+            result[key] = values.length > 0 ? values.reduce((sum, val) => sum + val, 0) / values.length : 0;
+            break;
+          case 'count':
+            result[key] = items.length;
+            break;
+          case 'min':
+            result[key] = values.length > 0 ? Math.min(...values) : 0;
+            break;
+          case 'max':
+            result[key] = values.length > 0 ? Math.max(...values) : 0;
+            break;
+        }
+
+        return result;
+      },
+      {} as Record<string, number>,
+    );
   }
 
   /** 分页 */
-  static paginate<T>(array: T[], page: number, pageSize: number): {
+  static paginate<T>(
+    array: T[],
+    page: number,
+    pageSize: number,
+  ): {
     data: T[];
     total: number;
     totalPages: number;
@@ -418,24 +419,24 @@ export class DataAggregateUtils {
     rowField: keyof T,
     columnField: keyof T,
     valueField: keyof T,
-    aggregateType: 'sum' | 'avg' | 'count' = 'sum'
+    aggregateType: 'sum' | 'avg' | 'count' = 'sum',
   ): Record<string, Record<string, number>> {
     const result: Record<string, Record<string, number>> = {};
-    
+
     // 获取所有唯一的行和列值
-    const rowValues = [...new Set(data.map(item => String(item[rowField])))];
-    const columnValues = [...new Set(data.map(item => String(item[columnField])))];
+    const rowValues = [...new Set(data.map((item) => String(item[rowField])))];
+    const columnValues = [...new Set(data.map((item) => String(item[columnField])))];
 
     // 初始化结果结构
-    rowValues.forEach(rowValue => {
+    rowValues.forEach((rowValue) => {
       result[rowValue] = {};
-      columnValues.forEach(colValue => {
+      columnValues.forEach((colValue) => {
         (result[rowValue] as any)[colValue] = 0;
       });
     });
 
     // 填充数据
-    data.forEach(item => {
+    data.forEach((item) => {
       const rowKey = String(item[rowField]);
       const colKey = String(item[columnField]);
       const value = Number(item[valueField]) || 0;
@@ -495,11 +496,11 @@ export class DataValidationUtils {
   /** 验证数据完整性 */
   static validateDataIntegrity<T>(
     data: T,
-    requiredFields: (keyof T)[]
+    requiredFields: (keyof T)[],
   ): { isValid: boolean; missingFields: (keyof T)[] } {
     const missingFields: (keyof T)[] = [];
 
-    requiredFields.forEach(field => {
+    requiredFields.forEach((field) => {
       if (data[field] === null || data[field] === undefined || data[field] === '') {
         missingFields.push(field);
       }
@@ -514,7 +515,7 @@ export class DataValidationUtils {
   /** 验证数据类型 */
   static validateDataTypes<T>(
     data: T,
-    typeRules: Partial<Record<keyof T, 'string' | 'number' | 'boolean' | 'array' | 'object'>>
+    typeRules: Partial<Record<keyof T, 'string' | 'number' | 'boolean' | 'array' | 'object'>>,
   ): { isValid: boolean; typeErrors: Record<string, string> } {
     const typeErrors: Record<string, string> = {};
 
@@ -540,4 +541,4 @@ export const dataTransform = DataTransformUtils;
 export const dataFilter = DataFilterUtils;
 export const dataSort = DataSortUtils;
 export const dataAggregate = DataAggregateUtils;
-export const dataValidate = DataValidationUtils;
+export const dataValidate = DataValidationUtils;

package/src/utils/types/typeHelpers.ts

@@ -63,24 +63,36 @@ export function isNotEmpty(value: unknown): boolean {
 /** 检查是否为有效的CSS颜色值 */
 export function isCSSColor(value: unknown): value is string {
   if (!isString(value)) return false;
-  
+
   // 检查十六进制颜色
   const hexPattern = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/;
   if (hexPattern.test(value)) return true;
-  
+
   // 检查rgb/rgba
   const rgbPattern = /^rgba?\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*[\d.]+)?\s*\)$/;
   if (rgbPattern.test(value)) return true;
-  
+
   // 检查CSS颜色关键字
-  const cssColors = ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pink', 'gray', 'black', 'white', 'transparent'];
+  const cssColors = [
+    'red',
+    'blue',
+    'green',
+    'yellow',
+    'purple',
+    'orange',
+    'pink',
+    'gray',
+    'black',
+    'white',
+    'transparent',
+  ];
   return cssColors.includes(value.toLowerCase());
 }
 
 /** 检查是否为有效的URL */
 export function isValidURL(value: unknown): value is string {
   if (!isString(value)) return false;
-  
+
   try {
     new URL(value);
     return true;
@@ -92,7 +104,7 @@ export function isValidURL(value: unknown): value is string {
 /** 检查是否为有效的邮箱地址 */
 export function isValidEmail(value: unknown): value is string {
   if (!isString(value)) return false;
-  
+
   const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return emailPattern.test(value);
 }
@@ -100,7 +112,7 @@ export function isValidEmail(value: unknown): value is string {
 /** 检查是否为有效的手机号 */
 export function isValidPhone(value: unknown): value is string {
   if (!isString(value)) return false;
-  
+
   const phonePattern = /^1[3-9]\d{9}$/;
   return phonePattern.test(value);
 }
@@ -112,9 +124,7 @@ export function isReactElement(value: unknown): boolean {
 
 /** 检查是否为Promise */
 export function isPromiseLike(value: unknown): value is Promise<any> {
-  return value !== null && 
-         typeof value === 'object' && 
-         typeof (value as any).then === 'function';
+  return value !== null && typeof value === 'object' && typeof (value as any).then === 'function';
 }
 
 // ==================== 日期类型守卫 ====================
@@ -127,7 +137,7 @@ export function isValidDate(value: unknown): value is Date {
 /** 检查是否为日期字符串 */
 export function isDateString(value: unknown): value is string {
   if (!isString(value)) return false;
-  
+
   const date = new Date(value);
   return isValidDate(date);
 }
@@ -159,29 +169,29 @@ export function isInRange(value: unknown, min: number, max: number): value is nu
 /** 深度相等比较 */
 export function deepEqual(a: unknown, b: unknown): boolean {
   if (a === b) return true;
-  
+
   if (a === null || b === null) return false;
   if (a === undefined || b === undefined) return false;
-  
+
   if (typeof a !== typeof b) return false;
-  
+
   if (typeof a === 'object') {
     if (isArray(a) && isArray(b)) {
       if (a.length !== b.length) return false;
       return a.every((item, index) => deepEqual(item, b[index]));
     }
-    
+
     if (a instanceof Date && b instanceof Date) {
       return a.getTime() === b.getTime();
     }
-    
+
     const keysA = Object.keys(a);
     const keysB = Object.keys(b || {});
-    
+
     if (keysA.length !== keysB.length) return false;
-    
-    return keysA.every(key => deepEqual((a as any)[key], (b as any)[key]));
+
+    return keysA.every((key) => deepEqual((a as any)[key], (b as any)[key]));
   }
-  
+
   return false;
-}
+}

package/src/utils/xssProtection.ts

@@ -16,28 +16,60 @@ interface XSSProtectionOptions {
 class XSSProtection {
   private defaultOptions: XSSProtectionOptions = {
     allowedTags: [
-      'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
-      'p', 'br', 'hr',
-      'ul', 'ol', 'li',
-      'strong', 'em', 'b', 'i', 'u', 's', 'del', 'ins',
-      'blockquote', 'code', 'pre',
-      'a', 'img',
-      'div', 'span', 'section', 'article',
-      'table', 'thead', 'tbody', 'tr', 'th', 'td',
-      'button', 'input', 'label', 'select', 'option', 'textarea'
+      'h1',
+      'h2',
+      'h3',
+      'h4',
+      'h5',
+      'h6',
+      'p',
+      'br',
+      'hr',
+      'ul',
+      'ol',
+      'li',
+      'strong',
+      'em',
+      'b',
+      'i',
+      'u',
+      's',
+      'del',
+      'ins',
+      'blockquote',
+      'code',
+      'pre',
+      'a',
+      'img',
+      'div',
+      'span',
+      'section',
+      'article',
+      'table',
+      'thead',
+      'tbody',
+      'tr',
+      'th',
+      'td',
+      'button',
+      'input',
+      'label',
+      'select',
+      'option',
+      'textarea',
     ],
     allowedAttributes: {
       '*': ['class', 'id', 'style', 'title', 'lang', 'dir'],
-      'a': ['href', 'target', 'rel'],
-      'img': ['src', 'alt', 'width', 'height', 'loading'],
-      'input': ['type', 'name', 'value', 'placeholder', 'disabled', 'readonly', 'required'],
-      'button': ['type', 'disabled'],
-      'select': ['name', 'disabled', 'required', 'multiple'],
-      'textarea': ['name', 'placeholder', 'disabled', 'readonly', 'required', 'rows', 'cols']
+      a: ['href', 'target', 'rel'],
+      img: ['src', 'alt', 'width', 'height', 'loading'],
+      input: ['type', 'name', 'value', 'placeholder', 'disabled', 'readonly', 'required'],
+      button: ['type', 'disabled'],
+      select: ['name', 'disabled', 'required', 'multiple'],
+      textarea: ['name', 'placeholder', 'disabled', 'readonly', 'required', 'rows', 'cols'],
     },
     allowScriptTags: false,
     allowStyleTags: false,
-    stripComments: true
+    stripComments: true,
   };
 
   /**
@@ -50,12 +82,18 @@ class XSSProtection {
 
     return str.replace(/[&<>"']/g, (match) => {
       switch (match) {
-        case '&': return '&';
-        case '<': return '<';
-        case '>': return '>';
-        case '"': return '"';
-        case "'": return '&#x27;';
-        default: return match;
+        case '&':
+          return '&';
+        case '<':
+          return '<';
+        case '>':
+          return '>';
+        case '"':
+          return '"';
+        case "'":
+          return '&#x27;';
+        default:
+          return match;
       }
     });
   }
@@ -68,17 +106,26 @@ class XSSProtection {
   escapeAttribute(str: string): string {
     if (!str) return '';
 
-    return str.replace(/[&<>"'`=\/]/g, (match) => {
+    return str.replace(new RegExp('[&<>"\'`=/]', 'g'), (match) => {
       switch (match) {
-        case '&': return '&';
-        case '<': return '<';
-        case '>': return '>';
-        case '"': return '"';
-        case "'": return '&#x27;';
-        case '`': return '&#96;';
-        case '=': return '&#61;';
-        case '/': return '&#47;';
-        default: return match;
+        case '&':
+          return '&';
+        case '<':
+          return '<';
+        case '>':
+          return '>';
+        case '"':
+          return '"';
+        case "'":
+          return '&#x27;';
+        case '`':
+          return '&#96;';
+        case '=':
+          return '&#61;';
+        case '/':
+          return '&#47;';
+        default:
+          return match;
       }
     });
   }
@@ -177,6 +224,7 @@ class XSSProtection {
         // 特殊处理某些属性
         if (attrName === 'href' || attrName === 'src') {
           // 检查URL协议
+          // const reg = new RegExp('^(http:|https:|//)', 'i');
           const url = this.stripQuotes(attrValue || '');
           if (this.isSafeURL(url)) {
             attributes.push(`${attrName}="${this.escapeAttribute(url)}"`);
@@ -217,8 +265,7 @@ class XSSProtection {
    * @returns 去除引号后的值
    */
   private stripQuotes(value: string): string {
-    if ((value.startsWith('"') && value.endsWith('"')) ||
-      (value.startsWith("'") && value.endsWith("'"))) {
+    if ((value.startsWith('"') && value.endsWith('"')) || (value.startsWith("'") && value.endsWith("'"))) {
       return value.substring(1, value.length - 1);
     }
     return value;
@@ -237,7 +284,7 @@ class XSSProtection {
     try {
       // 在Taro环境中，可能没有window对象，使用相对URL
       const urlObj = new URL(url, 'http://example.com');
-      return safeProtocols.some(protocol => urlObj.protocol === protocol);
+      return safeProtocols.some((protocol) => urlObj.protocol === protocol);
     } catch (e) {
       // 如果URL解析失败，检查是否为相对路径
       return !url.startsWith('javascript:') && !url.startsWith('data:');
@@ -254,14 +301,16 @@ class XSSProtection {
 
     // 危险的CSS属性和值
     const dangerousProperties = [
-      'expression', 'javascript:', 'behavior', 'script', 'binding',
-      'include-source', '-moz-binding'
+      'expression',
+      'javascript:',
+      'behavior',
+      'script',
+      'binding',
+      'include-source',
+      '-moz-binding',
     ];
 
-    const dangerousValues = [
-      'javascript:', 'vbscript:', 'data:', 'expression(',
-      'eval(', 'script:', 'behavior('
-    ];
+    const dangerousValues = ['javascript:', 'vbscript:', 'data:', 'expression(', 'eval(', 'script:', 'behavior('];
 
     // 检查是否包含危险内容
     const lowerStyle = style.toLowerCase();
@@ -309,7 +358,7 @@ class XSSProtection {
 
     // 处理数组
     if (Array.isArray(obj)) {
-      return obj.map(item => this.sanitizeObject(item));
+      return obj.map((item) => this.sanitizeObject(item));
     }
 
     // 处理对象
@@ -345,9 +394,9 @@ class XSSProtection {
     return html.replace(nestedRegex, (_match, tag, content, closeTag) => {
       const sanitizedContent = this.sanitizeHTML(content, {
         ...options,
-        allowedTags: options.allowedTags?.filter(t => t !== 'script' && t !== 'style') || [],
+        allowedTags: options.allowedTags?.filter((t) => t !== 'script' && t !== 'style') || [],
         allowScriptTags: false,
-        allowStyleTags: false
+        allowStyleTags: false,
       });
       return `<${tag}>${sanitizedContent}</${closeTag}>`;
     });
@@ -372,7 +421,7 @@ class XSSProtection {
         const sanitizedError = this.sanitizeObject({
           message,
           stack,
-          type: 'Taro Error'
+          type: 'Taro Error',
         });
         errorLogger.logError(sanitizedError);
       });
@@ -383,7 +432,7 @@ class XSSProtection {
           message: event.message || '',
           filename: event.filename || '',
           lineno: event.lineno,
-          type: 'Window Error'
+          type: 'Window Error',
         });
         errorLogger.logError(sanitizedError);
       });
@@ -398,13 +447,12 @@ class XSSProtection {
         }
         const sanitizedError = this.sanitizeObject({
           message,
-          type: 'Promise Rejection'
+          type: 'Promise Rejection',
         });
         errorLogger.logError(sanitizedError);
       });
     }
   }
-
 }
 
 // 创建单例实例