taro-uno-ui 0.9.0 → 1.0.1

package/src/utils/performance/performance.ts

@@ -46,7 +46,7 @@ export class MemoryManager {
   }
 
   static cleanup(): void {
-    this.cleanupCallbacks.forEach(callback => callback());
+    this.cleanupCallbacks.forEach((callback) => callback());
     this.cleanupCallbacks.clear();
   }
 
@@ -65,29 +65,17 @@ export class MemoryManager {
 }
 
 // 性能优化Hooks
-export function useDebounce<T extends (...args: unknown[]) => unknown>(
-  callback: T,
-  delay: number
-): T {
-  return useMemo(
-    () => debounce(callback, delay) as unknown as T,
-    [callback, delay]
-  );
+export function useDebounce<T extends (...args: unknown[]) => unknown>(callback: T, delay: number): T {
+  return useMemo(() => debounce(callback, delay) as unknown as T, [callback, delay]);
 }
 
-export function useThrottle<T extends (...args: unknown[]) => unknown>(
-  callback: T,
-  delay: number
-): T {
-  return useMemo(
-    () => throttle(callback, delay) as unknown as T,
-    [callback, delay]
-  );
+export function useThrottle<T extends (...args: unknown[]) => unknown>(callback: T, delay: number): T {
+  return useMemo(() => throttle(callback, delay) as unknown as T, [callback, delay]);
 }
 
 export function useLazyLoad<T>(
   loader: () => Promise<T>,
-  deps: any[] = []
+  deps: any[] = [],
 ): { data: T | null; loading: boolean; error: Error | null; reload: () => void } {
   const [data, setData] = useState<T | null>(null);
   const [loading, setLoading] = useState(false);
@@ -116,7 +104,7 @@ export function useLazyLoad<T>(
 
 export function useIntersectionObserver(
   callback: (entry: IntersectionObserverEntry) => void,
-  options: IntersectionObserverInit = {}
+  options: IntersectionObserverInit = {},
 ): (node: Element | null) => void {
   const [node, setNode] = useState<Element | null>(null);
 
@@ -137,9 +125,7 @@ export function useIntersectionObserver(
   return setNode;
 }
 
-export function useResizeObserver(
-  callback: (entry: ResizeObserverEntry) => void
-): (node: Element | null) => void {
+export function useResizeObserver(callback: (entry: ResizeObserverEntry) => void): (node: Element | null) => void {
   const [node, setNode] = useState<Element | null>(null);
 
   useEffect(() => {
@@ -190,9 +176,7 @@ export function usePerformanceMonitor({
       const navigation = performance.getEntriesByType('navigation')[0] as PerformanceNavigationTiming;
       const loadTime = navigation ? navigation.loadEventEnd - navigation.fetchStart : 0;
 
-      const isHealthy =
-        fps >= (thresholds.fps || 30) &&
-        memory <= (thresholds.memory || 80);
+      const isHealthy = fps >= (thresholds.fps || 30) && memory <= (thresholds.memory || 80);
 
       setMetrics({
         fps,
@@ -241,17 +225,20 @@ export function useBatch<T>(callback: (items: T[]) => void, delay: number = 100)
     }
   }, [callback]);
 
-  const addItem = useCallback((item: T) => {
-    batchRef.current.push(item);
+  const addItem = useCallback(
+    (item: T) => {
+      batchRef.current.push(item);
 
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-    }
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
 
-    timeoutRef.current = setTimeout(() => {
-      flush();
-    }, delay);
-  }, [flush, delay]);
+      timeoutRef.current = setTimeout(() => {
+        flush();
+      }, delay);
+    },
+    [flush, delay],
+  );
 
   useEffect(() => {
     return () => {
@@ -271,10 +258,13 @@ export function useCache<T>(key: string, initialValue: T, deps: any[] = []): [T,
     return cached ? JSON.parse(cached) : initialValue;
   });
 
-  const updateValue = useCallback((newValue: T) => {
-    setValue(newValue);
-    localStorage.setItem(`cache_${key}`, JSON.stringify(newValue));
-  }, [key]);
+  const updateValue = useCallback(
+    (newValue: T) => {
+      setValue(newValue);
+      localStorage.setItem(`cache_${key}`, JSON.stringify(newValue));
+    },
+    [key],
+  );
 
   useEffect(() => {
     const cached = localStorage.getItem(`cache_${key}`);
@@ -295,7 +285,7 @@ export function useOptimizedRequest<T>(
     retryDelay?: number;
     debounceTime?: number;
     throttleTime?: number;
-  } = {}
+  } = {},
 ) {
   const {
     cacheKey,
@@ -336,7 +326,7 @@ export function useOptimizedRequest<T>(
         attempts++;
 
         if (attempts < retryCount) {
-          await new Promise(resolve => setTimeout(resolve, retryDelay));
+          await new Promise((resolve) => setTimeout(resolve, retryDelay));
         }
       }
     }
@@ -393,7 +383,7 @@ export function debounce<T extends (...args: unknown[]) => unknown>(
     leading?: boolean;
     trailing?: boolean;
     maxWait?: number;
-  } = {}
+  } = {},
 ): (...args: Parameters<T>) => void {
   const { leading = false, trailing = true, maxWait } = options;
   let timeoutId: NodeJS.Timeout | null = null;
@@ -409,17 +399,17 @@ export function debounce<T extends (...args: unknown[]) => unknown>(
     lastArgs = null;
     lastThis = null;
     lastCallTime = time;
-    
+
     if (args) {
       result = func.apply(thisArg as any, args) as ReturnType<T>;
     }
-    
+
     return result;
   };
 
   const shouldInvoke = (time: number) => {
     const timeSinceLastCall = time - lastCallTime;
-    
+
     return (
       lastCallTime === 0 || // 首次调用
       timeSinceLastCall >= delay || // 超过延迟时间
@@ -429,11 +419,11 @@ export function debounce<T extends (...args: unknown[]) => unknown>(
 
   const trailingEdge = (time: number) => {
     timeoutId = null;
-    
+
     if (trailing && lastArgs) {
       return invokeFunc(time);
     }
-    
+
     lastArgs = null;
     lastThis = null;
     return result;
@@ -441,21 +431,21 @@ export function debounce<T extends (...args: unknown[]) => unknown>(
 
   const timerExpired = (): ReturnType<T> | null => {
     const time = Date.now();
-    
+
     if (shouldInvoke(time)) {
       return trailingEdge(time);
     }
-    
+
     // 重新计算剩余时间
     const timeSinceLastCall = time - lastCallTime;
     const timeWaiting = delay - timeSinceLastCall;
     const remainingWait = maxWait !== undefined ? Math.min(timeWaiting, maxWait - timeSinceLastCall) : timeWaiting;
-    
+
     timeoutId = setTimeout(timerExpired, remainingWait);
     return null;
   };
 
-  const debounced = function(this: unknown, ...args: Parameters<T>) {
+  const debounced = function (this: unknown, ...args: Parameters<T>) {
     const time = Date.now();
     lastArgs = args;
     lastThis = this;
@@ -508,7 +498,7 @@ export function throttle<T extends (...args: unknown[]) => unknown>(
   options: {
     leading?: boolean;
     trailing?: boolean;
-  } = {}
+  } = {},
 ): (...args: Parameters<T>) => void {
   const { leading = true, trailing = true } = options;
   let lastCallTime = 0;
@@ -516,7 +506,7 @@ export function throttle<T extends (...args: unknown[]) => unknown>(
   let lastArgs: Parameters<T> | null = null;
   let lastThis: unknown = null;
 
-  const throttled = function(this: unknown, ...args: Parameters<T>) {
+  const throttled = function (this: unknown, ...args: Parameters<T>) {
     const now = Date.now();
     const timeSinceLastCall = now - lastCallTime;
 
@@ -533,14 +523,14 @@ export function throttle<T extends (...args: unknown[]) => unknown>(
         clearTimeout(timeoutId);
         timeoutId = null;
       }
-      
+
       lastCallTime = now;
       func.apply(this, args);
     } else if (trailing && !timeoutId) {
       timeoutId = setTimeout(() => {
         lastCallTime = leading ? Date.now() : 0;
         timeoutId = null;
-        
+
         if (lastArgs && trailing) {
           func.apply(lastThis, lastArgs);
         }
@@ -572,7 +562,7 @@ export function rafThrottle<T extends (...args: unknown[]) => unknown>(func: T):
   let lastArgs: Parameters<T> | null = null;
   let lastThis: unknown = null;
 
-  const throttled = function(this: unknown, ...args: Parameters<T>) {
+  const throttled = function (this: unknown, ...args: Parameters<T>) {
     lastArgs = args;
     lastThis = this;
 
@@ -612,7 +602,7 @@ export function lazyLoad<T>(
     timeout?: number;
     retryCount?: number;
     retryDelay?: number;
-  } = {}
+  } = {},
 ): Promise<T> {
   const { timeout = 5000, retryCount = 3, retryDelay = 1000 } = options;
   let retries = 0;
@@ -630,7 +620,7 @@ export function lazyLoad<T>(
         })
         .catch((error) => {
           clearTimeout(timeoutId);
-          
+
           if (retries < retryCount) {
             retries++;
             setTimeout(() => {
@@ -661,7 +651,7 @@ export function lazyLoadImage(
     placeholder?: string;
     onLoad?: () => void;
     onError?: () => void;
-  } = {}
+  } = {},
 ): void {
   const {
     threshold = 0.1,
@@ -700,7 +690,7 @@ export function lazyLoadImage(
         }
       });
     },
-    { threshold, rootMargin }
+    { threshold, rootMargin },
   );
 
   observer.observe(element);
@@ -714,7 +704,7 @@ export function lazyLoadImage(
  */
 export function batch<T extends (...args: any[]) => any>(
   func: (items: Parameters<T>[]) => void,
-  wait: number
+  wait: number,
 ): (...args: Parameters<T>) => void {
   let batch: Parameters<T>[] = [];
   let timeoutId: NodeJS.Timeout | null = null;
@@ -744,13 +734,13 @@ export function batch<T extends (...args: any[]) => any>(
  */
 export function memoize<T extends (...args: unknown[]) => unknown>(
   func: T,
-  keyGenerator?: (...args: Parameters<T>) => string
+  keyGenerator?: (...args: Parameters<T>) => string,
 ): T {
   const cache = new Map<string, ReturnType<T>>();
 
   return ((...args: Parameters<T>) => {
     const key = keyGenerator ? keyGenerator(...args) : JSON.stringify(args);
-    
+
     if (cache.has(key)) {
       return cache.get(key)!;
     }
@@ -765,11 +755,13 @@ export function memoize<T extends (...args: unknown[]) => unknown>(
  * 性能监控装饰器
  * @param options 选项
  */
-export function performanceMonitor(options: {
-  name?: string;
-  threshold?: number;
-  logLevel?: 'warn' | 'error' | 'info';
-} = {}) {
+export function performanceMonitor(
+  options: {
+    name?: string;
+    threshold?: number;
+    logLevel?: 'warn' | 'error' | 'info';
+  } = {},
+) {
   return function (_target: unknown, propertyKey: string, descriptor: PropertyDescriptor) {
     const originalMethod = descriptor.value;
     const { name = propertyKey, threshold = 16, logLevel = 'warn' } = options;
@@ -814,10 +806,7 @@ export function raf(callback: () => void): () => void {
  * @param callback 回调函数
  * @param options 选项
  */
-export function idleCallback(
-  callback: () => void,
-  options: { timeout?: number } = {}
-): () => void {
+export function idleCallback(callback: () => void, options: { timeout?: number } = {}): () => void {
   let handle: number;
 
   if ('requestIdleCallback' in window) {

package/src/utils/responsiveUtils.ts

@@ -113,7 +113,7 @@ class ResponsiveUtils {
     }
 
     // 如果没有找到，返回默认值（确保不会返回undefined）
-    return (responsiveValue.xs || value as T) as T;
+    return (responsiveValue.xs || (value as T)) as T;
   }
 
   /**
@@ -142,11 +142,7 @@ class ResponsiveUtils {
    * @param otherStyles 其他平台样式
    * @returns 当前平台的样式
    */
-  getPlatformStyles<T>(
-    webStyles: T,
-    weappStyles: T,
-    otherStyles?: Partial<Record<Platform, T>>
-  ): T {
+  getPlatformStyles<T>(webStyles: T, weappStyles: T, otherStyles?: Partial<Record<Platform, T>>): T {
     if (this.platform === 'web' || this.platform === 'h5') {
       return webStyles;
     }
@@ -274,7 +270,7 @@ export const useResponsive = () => {
         const systemInfo = Taro.getSystemInfoSync();
         setWindowSize({
           windowWidth: systemInfo.windowWidth || 375,
-          windowHeight: systemInfo.windowHeight || 667
+          windowHeight: systemInfo.windowHeight || 667,
         });
       } catch (e) {
         // 如果获取失败，使用默认值
@@ -320,14 +316,12 @@ export const useResponsive = () => {
     safeArea,
     statusBarHeight,
     navigationBarHeight,
-    getResponsiveValue: <T>(value: ResponsiveValue<T>) =>
-      responsiveUtils.getResponsiveValue(value, windowWidth),
+    getResponsiveValue: <T>(value: ResponsiveValue<T>) => responsiveUtils.getResponsiveValue(value, windowWidth),
     generateResponsiveStyles: (styles: ResponsiveStyle) =>
       responsiveUtils.generateResponsiveStyles(styles, windowWidth),
     getPlatformStyles: <T>(webStyles: T, weappStyles: T, otherStyles?: Partial<Record<Platform, T>>) =>
       responsiveUtils.getPlatformStyles(webStyles, weappStyles, otherStyles),
-    matchScreenSize: (size: ScreenSize) =>
-      responsiveUtils.matchScreenSize(size, windowWidth),
+    matchScreenSize: (size: ScreenSize) => responsiveUtils.matchScreenSize(size, windowWidth),
   };
 };
 
@@ -338,11 +332,8 @@ export const getResponsiveValue = <T>(value: ResponsiveValue<T>, width: number)
   responsiveUtils.getResponsiveValue(value, width);
 export const generateResponsiveStyles = (styles: ResponsiveStyle, width: number) =>
   responsiveUtils.generateResponsiveStyles(styles, width);
-export const getPlatformStyles = <T>(
-  webStyles: T,
-  weappStyles: T,
-  otherStyles?: Partial<Record<Platform, T>>
-) => responsiveUtils.getPlatformStyles(webStyles, weappStyles, otherStyles);
+export const getPlatformStyles = <T>(webStyles: T, weappStyles: T, otherStyles?: Partial<Record<Platform, T>>) =>
+  responsiveUtils.getPlatformStyles(webStyles, weappStyles, otherStyles);
 export const getPlatform = () => responsiveUtils.getPlatform();
 export const isMobile = (width: number) => responsiveUtils.isMobile(width);
 export const isTablet = (width: number) => responsiveUtils.isTablet(width);

package/src/utils/rtl-support.ts

@@ -8,13 +8,13 @@ type SupportedLanguage = 'ar-SA' | 'he-IL' | 'fa-IR' | 'ur-PK' | string;
 
 // RTL语言列表
 export const RTL_LANGUAGES: SupportedLanguage[] = [
-  'ar-SA',  // 阿拉伯语
-  'he-IL',  // 希伯来语
-  'fa-IR',  // 波斯语
-  'ur-PK',  // 乌尔都语
-  'yi',     // 意第绪语
-  'ps',     // 普什图语
-  'sd',     // 信德语
+  'ar-SA', // 阿拉伯语
+  'he-IL', // 希伯来语
+  'fa-IR', // 波斯语
+  'ur-PK', // 乌尔都语
+  'yi', // 意第绪语
+  'ps', // 普什图语
+  'sd', // 信德语
 ];
 
 // 扩展RTL语言配置
@@ -38,7 +38,8 @@ export const RTL_CONFIGS: Record<string, RTLConfig> = {
     language: 'ar-SA',
     name: 'Arabic (Saudi Arabia)',
     rtl: true,
-    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Tahoma", "Arial Unicode MS", "Traditional Arabic"',
+    fontFamily:
+      '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Tahoma", "Arial Unicode MS", "Traditional Arabic"',
     textAlign: 'right',
     direction: 'rtl',
     flipProperties: true,
@@ -50,7 +51,8 @@ export const RTL_CONFIGS: Record<string, RTLConfig> = {
     language: 'he-IL',
     name: 'Hebrew (Israel)',
     rtl: true,
-    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "David", "Arial Hebrew", "Arial"',
+    fontFamily:
+      '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "David", "Arial Hebrew", "Arial"',
     textAlign: 'right',
     direction: 'rtl',
     flipProperties: true,
@@ -62,7 +64,8 @@ export const RTL_CONFIGS: Record<string, RTLConfig> = {
     language: 'fa-IR',
     name: 'Persian (Iran)',
     rtl: true,
-    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Tahoma", "Arial Unicode MS", "IRANSans", "Vazir"',
+    fontFamily:
+      '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Tahoma", "Arial Unicode MS", "IRANSans", "Vazir"',
     textAlign: 'right',
     direction: 'rtl',
     flipProperties: true,
@@ -74,7 +77,8 @@ export const RTL_CONFIGS: Record<string, RTLConfig> = {
     language: 'ur-PK',
     name: 'Urdu (Pakistan)',
     rtl: true,
-    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Noto Nastaliq Urdu", "Arial Unicode MS", "Tahoma"',
+    fontFamily:
+      '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Noto Nastaliq Urdu", "Arial Unicode MS", "Tahoma"',
     textAlign: 'right',
     direction: 'rtl',
     flipProperties: true,
@@ -86,11 +90,13 @@ export const RTL_CONFIGS: Record<string, RTLConfig> = {
 
 // 检查是否为RTL语言
 export const isRTL = (language: string): boolean => {
-  return RTL_LANGUAGES.includes(language as SupportedLanguage) ||
-         language.startsWith('ar') ||
-         language.startsWith('he') ||
-         language.startsWith('fa') ||
-         language.startsWith('ur');
+  return (
+    RTL_LANGUAGES.includes(language as SupportedLanguage) ||
+    language.startsWith('ar') ||
+    language.startsWith('he') ||
+    language.startsWith('fa') ||
+    language.startsWith('ur')
+  );
 };
 
 // 应用RTL样式
@@ -129,7 +135,9 @@ export const applyRTLStyles = (language: string): void => {
           transform: scaleX(-1);
         }
         .rtl .flip-property {
-          ${config.flipProperties ? `
+          ${
+            config.flipProperties
+              ? `
             margin-left: initial;
             margin-right: initial;
             padding-left: initial;
@@ -137,7 +145,9 @@ export const applyRTLStyles = (language: string): void => {
             border-left: initial;
             border-right: initial;
             border-radius: initial;
-          ` : ''}
+          `
+              : ''
+          }
         }
       `;
 
@@ -322,7 +332,7 @@ export const createRTLCSS = (css: string, language: string): string => {
   ];
 
   let rtlCSS = css;
-  rtlRules.forEach(rule => {
+  rtlRules.forEach((rule) => {
     rtlCSS = rtlCSS.replace(rule.pattern, rule.replacement);
   });