taro-uno-ui 0.9.0 → 1.0.0

package/src/components/form/Textarea/Textarea.styles.ts

@@ -345,8 +345,8 @@ export class TextareaStyles {
 
     const sizeStyles = this.SIZE_MAP[size];
     const lineHeight = sizeStyles['fontSize'] * sizeStyles['lineHeight'];
-    const paddingTop = parseInt((String(sizeStyles['padding'] || '0px')).split(' ')[0] || '0');
-    const paddingBottom = parseInt((String(sizeStyles['padding'] || '0px')).split(' ')[0] || '0');
+    const paddingTop = parseInt(String(sizeStyles['padding'] || '0px').split(' ')[0] || '0');
+    const paddingBottom = parseInt(String(sizeStyles['padding'] || '0px').split(' ')[0] || '0');
     const minHeight = lineHeight * minRows + paddingTop + paddingBottom;
     const maxHeight = lineHeight * maxRows + paddingTop + paddingBottom;
 
@@ -556,8 +556,8 @@ export class TextareaStyles {
     minRows?: number,
     maxRows?: number,
   ): number {
-    const paddingTop = parseInt((String(padding || '0px')).split(' ')[0] || '0');
-    const paddingBottom = parseInt((String(padding || '0px')).split(' ')[0] || '0');
+    const paddingTop = parseInt(String(padding || '0px').split(' ')[0] || '0');
+    const paddingBottom = parseInt(String(padding || '0px').split(' ')[0] || '0');
     const lineHeightPx = fontSize * lineHeight;
 
     // 计算内容行数

package/src/components/form/Textarea/Textarea.tsx

@@ -2,7 +2,13 @@ import React, { forwardRef, useRef, useState, useEffect, useCallback } from 'rea
 import { Textarea as TaroTextarea, View, Text } from '@tarojs/components';
 import { textareaStyles } from './Textarea.styles';
 import { utils } from '@/utils';
-import type { TextareaProps, TextareaRef, TextareaStatus, TextareaValidationResult, TextareaRule } from './Textarea.types';
+import type {
+  TextareaProps,
+  TextareaRef,
+  TextareaStatus,
+  TextareaValidationResult,
+  TextareaRule,
+} from './Textarea.types';
 
 /** 文本域组件 */
 export const TextareaComponent = forwardRef<TextareaRef, TextareaProps>((props, ref) => {

package/src/components/form/Textarea/Textarea.types.ts

@@ -48,7 +48,10 @@ export interface TextareaRule {
 
 /** 文本域组件属性接口 */
 export interface TextareaProps
-  extends Omit<TextareaNativeProps, 'size' | 'onChange' | 'onFocus' | 'onBlur' | 'onInput' | 'dangerouslySetInnerHTML' | 'onTouchStart' | 'prefix'> {
+  extends Omit<
+    TextareaNativeProps,
+    'size' | 'onChange' | 'onFocus' | 'onBlur' | 'onInput' | 'dangerouslySetInnerHTML' | 'onTouchStart' | 'prefix'
+  > {
   /** 文本域内容 */
   value?: string;
   /** 默认值（非受控模式） */

package/src/components/form/TimePicker/TimePicker.styles.ts

@@ -363,10 +363,7 @@ export class TimePickerStyles {
   }
 
   /** 格式化时间值 */
-  static formatTime(
-    time: { hours?: number; minutes?: number; seconds?: number },
-    format: string = 'HH:mm:ss'
-  ): string {
+  static formatTime(time: { hours?: number; minutes?: number; seconds?: number }, format: string = 'HH:mm:ss'): string {
     const { hours = 0, minutes = 0, seconds = 0 } = time;
 
     const pad = (num: number): string => num.toString().padStart(2, '0');
@@ -400,17 +397,16 @@ export class TimePickerStyles {
   static validateTime(time: { hours?: number; minutes?: number; seconds?: number }): boolean {
     const { hours = 0, minutes = 0, seconds = 0 } = time;
 
-    return (
-      hours >= 0 && hours <= 23 &&
-      minutes >= 0 && minutes <= 59 &&
-      seconds >= 0 && seconds <= 59
-    );
+    return hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59 && seconds >= 0 && seconds <= 59;
   }
 
   /** 生成时间选项 */
   static generateTimeOptions(
     type: 'hours' | 'minutes' | 'seconds',
-    disabledTime?: (() => number[]) | ((selectedHour?: number) => number[]) | ((selectedHour?: number, selectedMinute?: number) => number[])
+    disabledTime?:
+      | (() => number[])
+      | ((selectedHour?: number) => number[])
+      | ((selectedHour?: number, selectedMinute?: number) => number[]),
   ): Array<{ value: number; label: string; disabled: boolean }> {
     const max = type === 'hours' ? 24 : 60;
     const options: Array<{ value: number; label: string; disabled: boolean }> = [];
@@ -418,7 +414,7 @@ export class TimePickerStyles {
     for (let i = 0; i < max; i++) {
       const value = i;
       const label = i.toString().padStart(2, '0');
-      
+
       let disabled = false;
       if (disabledTime) {
         if (typeof disabledTime === 'function') {
@@ -435,4 +431,4 @@ export class TimePickerStyles {
 }
 
 /** 导出样式对象 */
-export const timePickerStyles = TimePickerStyles;
+export const timePickerStyles = TimePickerStyles;

package/src/components/form/TimePicker/TimePicker.tsx

@@ -33,134 +33,156 @@ export const TimePickerComponent = forwardRef<TimePickerRef, TimePickerProps>((p
   const isControlled = controlledValue !== undefined;
   const value = isControlled ? controlledValue : internalValue;
 
-  const formatTime = useCallback((timeValue: TimeValue | null): string => {
-    if (!timeValue) return '';
+  const formatTime = useCallback(
+    (timeValue: TimeValue | null): string => {
+      if (!timeValue) return '';
 
-    const { hours = 0, minutes = 0, seconds = 0 } = timeValue;
-    const formatValue = (val: number) => val.toString().padStart(2, '0');
+      const { hours = 0, minutes = 0, seconds = 0 } = timeValue;
+      const formatValue = (val: number) => val.toString().padStart(2, '0');
 
-    let timeString = `${formatValue(hours)}:${formatValue(minutes)}`;
-    if (format.includes('ss')) {
-      timeString += `:${formatValue(seconds)}`;
-    }
+      let timeString = `${formatValue(hours)}:${formatValue(minutes)}`;
+      if (format.includes('ss')) {
+        timeString += `:${formatValue(seconds)}`;
+      }
 
-    return timeString;
-  }, [format]);
+      return timeString;
+    },
+    [format],
+  );
 
   const parseTime = useCallback((input: string): TimeValue | null => {
-    const parts = input.split(':').map(part => parseInt(part, 10));
+    const parts = input.split(':').map((part) => parseInt(part, 10));
     if (parts.length < 2 || parts.some(isNaN)) return null;
 
     return {
       hours: Math.min(23, Math.max(0, parts[0] || 0)),
       minutes: Math.min(59, Math.max(0, parts[1] || 0)),
-      seconds: parts.length > 2 ? Math.min(59, Math.max(0, parts[2] || 0)) : 0
+      seconds: parts.length > 2 ? Math.min(59, Math.max(0, parts[2] || 0)) : 0,
     };
   }, []);
 
-  const handleInputChange = useCallback((event: any) => {
-    const inputValue = event.detail?.value || event.target?.value || '';
-    const parsedValue = parseTime(inputValue);
+  const handleInputChange = useCallback(
+    (event: any) => {
+      const inputValue = event.detail?.value || event.target?.value || '';
+      const parsedValue = parseTime(inputValue);
 
-    if (parsedValue) {
-      if (!isControlled) {
-        setInternalValue(parsedValue);
+      if (parsedValue) {
+        if (!isControlled) {
+          setInternalValue(parsedValue);
+        }
+        onChange?.(parsedValue, formatTime(parsedValue));
       }
-      onChange?.(parsedValue, formatTime(parsedValue));
-    }
-  }, [isControlled, parseTime, onChange, formatTime]);
+    },
+    [isControlled, parseTime, onChange, formatTime],
+  );
 
-  const handleClear = useCallback((event: any) => {
-    if (event && event.stopPropagation) {
-      event.stopPropagation();
-    }
+  const handleClear = useCallback(
+    (event: any) => {
+      if (event && event.stopPropagation) {
+        event.stopPropagation();
+      }
 
-    if (!isControlled) {
-      setInternalValue(null);
-    }
+      if (!isControlled) {
+        setInternalValue(null);
+      }
 
-    onClear?.();
-    onChange?.(null, '');
-  }, [isControlled, onClear, onChange]);
+      onClear?.();
+      onChange?.(null, '');
+    },
+    [isControlled, onClear, onChange],
+  );
 
   const togglePicker = useCallback(() => {
     if (disabled || readonly) return;
     setIsOpened(!isOpened);
   }, [isOpened, disabled, readonly]);
 
-  React.useImperativeHandle(ref, () => ({
-    getValue: () => value,
-    setValue: (newValue: TimeValue | null) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
-      onChange?.(newValue, newValue ? formatTime(newValue) : '');
-    },
-    getRangeValue: () => null,
-    setRangeValue: () => {},
-    getTimeString: () => value ? formatTime(value) : '',
-    getRangeTimeString: () => null,
-    focus: () => {
-      if (!disabled && !readonly) {
-        (inputRef.current as any)?.focus?.();
-      }
-    },
-    blur: () => {
-      (inputRef.current as any)?.blur?.();
-    },
-    open: () => setIsOpened(true),
-    close: () => setIsOpened(false),
-    clear: () => {
-      if (!isControlled) {
-        setInternalValue(null);
-      }
-      onChange?.(null, '');
-    },
-    setNow: () => {
-      const now = new Date();
-      const newTime: TimeValue = {
-        hours: now.getHours(),
-        minutes: now.getMinutes(),
-        seconds: now.getSeconds()
-      };
-      if (!isControlled) {
-        setInternalValue(newTime);
-      }
-      onChange?.(newTime, formatTime(newTime));
-    },
-    confirm: () => setIsOpened(false),
-    disable: () => {},
-    enable: () => {},
-    isOpen: () => isOpened,
-    isDisabled: () => disabled,
-    isReadOnly: () => readonly,
-    element: inputRef.current,
-    getCurrentTime: () => {
-      const now = new Date();
-      return {
-        hours: now.getHours(),
-        minutes: now.getMinutes(),
-        seconds: now.getSeconds()
-      };
-    },
-    validateTime: (time: TimeValue) => {
-      return time.hours >= 0 && time.hours <= 23 &&
-             time.minutes >= 0 && time.minutes <= 59 &&
-             time.seconds >= 0 && time.seconds <= 59;
-    },
-    formatTime,
-    parseTimeString: parseTime
-  }), [value, isControlled, isOpened, disabled, readonly, onChange, formatTime, parseTime]);
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      getValue: () => value,
+      setValue: (newValue: TimeValue | null) => {
+        if (!isControlled) {
+          setInternalValue(newValue);
+        }
+        onChange?.(newValue, newValue ? formatTime(newValue) : '');
+      },
+      getRangeValue: () => null,
+      setRangeValue: () => {},
+      getTimeString: () => (value ? formatTime(value) : ''),
+      getRangeTimeString: () => null,
+      focus: () => {
+        if (!disabled && !readonly) {
+          (inputRef.current as any)?.focus?.();
+        }
+      },
+      blur: () => {
+        (inputRef.current as any)?.blur?.();
+      },
+      open: () => setIsOpened(true),
+      close: () => setIsOpened(false),
+      clear: () => {
+        if (!isControlled) {
+          setInternalValue(null);
+        }
+        onChange?.(null, '');
+      },
+      setNow: () => {
+        const now = new Date();
+        const newTime: TimeValue = {
+          hours: now.getHours(),
+          minutes: now.getMinutes(),
+          seconds: now.getSeconds(),
+        };
+        if (!isControlled) {
+          setInternalValue(newTime);
+        }
+        onChange?.(newTime, formatTime(newTime));
+      },
+      confirm: () => setIsOpened(false),
+      disable: () => {},
+      enable: () => {},
+      isOpen: () => isOpened,
+      isDisabled: () => disabled,
+      isReadOnly: () => readonly,
+      element: inputRef.current,
+      getCurrentTime: () => {
+        const now = new Date();
+        return {
+          hours: now.getHours(),
+          minutes: now.getMinutes(),
+          seconds: now.getSeconds(),
+        };
+      },
+      validateTime: (time: TimeValue) => {
+        return (
+          time.hours >= 0 &&
+          time.hours <= 23 &&
+          time.minutes >= 0 &&
+          time.minutes <= 59 &&
+          time.seconds >= 0 &&
+          time.seconds <= 59
+        );
+      },
+      formatTime,
+      parseTimeString: parseTime,
+    }),
+    [value, isControlled, isOpened, disabled, readonly, onChange, formatTime, parseTime],
+  );
 
   const baseStyle = {
     display: 'flex',
     alignItems: 'center',
     position: 'relative' as const,
-    ...style
+    ...style,
   };
 
   return (
-    <View style={baseStyle} className={`taro-uno-timepicker taro-uno-timepicker--${size} ${className || ''}`} {...restProps}>
+    <View
+      style={baseStyle}
+      className={`taro-uno-timepicker taro-uno-timepicker--${size} ${className || ''}`}
+      {...restProps}
+    >
       <Input
         ref={inputRef}
         value={formatTime(value)}
@@ -181,7 +203,7 @@ export const TimePickerComponent = forwardRef<TimePickerRef, TimePickerProps>((p
             position: 'absolute',
             right: '30px',
             cursor: 'pointer',
-            fontSize: '16px'
+            fontSize: '16px',
           }}
         >
           ×
@@ -193,7 +215,7 @@ export const TimePickerComponent = forwardRef<TimePickerRef, TimePickerProps>((p
           position: 'absolute',
           right: '8px',
           fontSize: '14px',
-          color: disabled ? '#ccc' : '#666'
+          color: disabled ? '#ccc' : '#666',
         }}
       >
         🕐
@@ -212,7 +234,7 @@ export const TimePickerComponent = forwardRef<TimePickerRef, TimePickerProps>((p
             boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
             zIndex: 1000,
             marginTop: '4px',
-            padding: '8px'
+            padding: '8px',
           }}
         >
           <Text>时间选择面板</Text>
@@ -225,4 +247,4 @@ export const TimePickerComponent = forwardRef<TimePickerRef, TimePickerProps>((p
 TimePickerComponent.displayName = 'TimePicker';
 
 export const TimePicker = TimePickerComponent;
-export default TimePicker;
+export default TimePicker;

package/src/components/form/TimePicker/TimePicker.types.ts

@@ -268,7 +268,7 @@ export interface TimePickerUtils {
     max?: TimeValue,
     step?: number,
     disabledTime?: DisabledTime,
-    selectedTime?: TimeValue
+    selectedTime?: TimeValue,
   ) => Array<{ value: number; label: string; disabled: boolean }>;
   /** 计算时间差 */
   getTimeDifference: (_time1: TimeValue, time2: TimeValue) => { hours: number; minutes: number; seconds: number };
@@ -382,4 +382,4 @@ export interface TimePickerOptionConfig {
   seconds: Array<{ value: number; label: string; disabled: boolean }>;
   /** 周期选项 */
   periods: Array<{ value: TimePickerPeriod; label: string; disabled: boolean }>;
-}
+}

package/src/components/form/TimePicker/index.ts

@@ -18,4 +18,4 @@ export type {
   TimePickerFormat,
   TimePickerWheelDirection,
 } from './TimePicker.types';
-export { TimePickerStyles } from './TimePicker.styles';
+export { TimePickerStyles } from './TimePicker.styles';

package/src/components/form/Transfer/Transfer.styles.ts

@@ -449,13 +449,7 @@ export class TransferStyles {
     disabled?: boolean;
     style?: CSSProperties;
   }): CSSProperties {
-    const {
-      size = 'medium',
-      status = 'default',
-      layout = 'horizontal',
-      disabled = false,
-      style = {},
-    } = config;
+    const { size = 'medium', status = 'default', layout = 'horizontal', disabled = false, style = {} } = config;
 
     return {
       ...this.getBaseStyle(),
@@ -475,13 +469,7 @@ export class TransferStyles {
     disabled?: boolean;
     className?: string;
   }): string {
-    const {
-      size = 'medium',
-      status = 'default',
-      layout = 'horizontal',
-      disabled = false,
-      className = '',
-    } = config;
+    const { size = 'medium', status = 'default', layout = 'horizontal', disabled = false, className = '' } = config;
 
     const classes = [
       'taro-uno-transfer',
@@ -499,4 +487,4 @@ export class TransferStyles {
 }
 
 /** 导出样式对象 */
-export const transferStyles = TransferStyles;
+export const transferStyles = TransferStyles;