taro-uno-ui 0.9.0 → 1.0.0

package/src/components/form/InputNumber/hooks/useInputNumberState.ts

@@ -1,10 +1,10 @@
 import { useState, useEffect, useCallback, useRef } from 'react';
 import type { ITouchEvent } from '@tarojs/components';
-import type { 
-  InputNumberStatus, 
-  InputNumberValidationResult, 
+import type {
+  InputNumberStatus,
+  InputNumberValidationResult,
   InputNumberFormatConfig,
-  InputNumberRule
+  InputNumberRule,
 } from '../InputNumber.types';
 import { inputNumberStyles } from '../InputNumber.styles';
 
@@ -45,9 +45,7 @@ export interface UseInputNumberStateReturn {
   setInternalReadonly: (readonly: boolean) => void;
 }
 
-export function useInputNumberState(
-  params: UseInputNumberStateParams
-): UseInputNumberStateReturn {
+export function useInputNumberState(params: UseInputNumberStateParams): UseInputNumberStateReturn {
   const {
     value: controlledValue,
     defaultValue = null,
@@ -247,7 +245,7 @@ export function useInputNumberState(
     async (text: string, event: ITouchEvent) => {
       const parsedValue = inputNumberStyles['parseValue'](text, formatConfig);
       const clampedValue = parsedValue !== null ? inputNumberStyles['clampValue'](parsedValue, min, max) : null;
-      
+
       if (clampedValue !== null) {
         const roundedValue = inputNumberStyles['roundValue'](clampedValue, precision);
         await handleValueChange(roundedValue, event);
@@ -312,4 +310,4 @@ export function useInputNumberState(
     setInternalDisabled,
     setInternalReadonly,
   };
-}
+}

package/src/components/form/InputNumber/hooks/useInputNumberValidation.ts

@@ -8,12 +8,7 @@ export interface UseInputNumberValidationParams {
   max?: number;
 }
 
-export function useInputNumberValidation({
-  rules,
-  validator,
-  min,
-  max,
-}: UseInputNumberValidationParams) {
+export function useInputNumberValidation({ rules, validator, min, max }: UseInputNumberValidationParams) {
   const validateInput = useCallback(
     async (inputValue: number | null): Promise<InputNumberValidationResult> => {
       if (!rules && !validator && inputValue === null) {
@@ -127,21 +122,27 @@ export function useInputNumberValidation({
     [rules, validator, min, max],
   );
 
-  const validateRequired = useCallback((inputValue: number | null): boolean => {
-    if (!rules?.some((rule: any) => rule.required)) return true;
-    return inputValue !== null;
-  }, [rules]);
+  const validateRequired = useCallback(
+    (inputValue: number | null): boolean => {
+      if (!rules?.some((rule: any) => rule.required)) return true;
+      return inputValue !== null;
+    },
+    [rules],
+  );
 
-  const validateRange = useCallback((inputValue: number | null): boolean => {
-    if (inputValue === null) return true;
-    if (min !== undefined && inputValue < min) return false;
-    if (max !== undefined && inputValue > max) return false;
-    return true;
-  }, [min, max]);
+  const validateRange = useCallback(
+    (inputValue: number | null): boolean => {
+      if (inputValue === null) return true;
+      if (min !== undefined && inputValue < min) return false;
+      if (max !== undefined && inputValue > max) return false;
+      return true;
+    },
+    [min, max],
+  );
 
   return {
     validateInput,
     validateRequired,
     validateRange,
   };
-}
+}

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

@@ -1,9 +1,9 @@
 export { InputNumber } from './InputNumber';
-export type { 
-  InputNumberProps, 
-  InputNumberRef, 
-  InputNumberSize, 
-  InputNumberVariant, 
+export type {
+  InputNumberProps,
+  InputNumberRef,
+  InputNumberSize,
+  InputNumberVariant,
   InputNumberStatus,
   InputNumberControlsPosition,
   InputNumberFormatter,
@@ -16,10 +16,10 @@ export type {
   InputNumberStyleConfig,
   InputNumberUtils,
   InputNumberEvents,
-  InputNumberNativeProps
+  InputNumberNativeProps,
 } from './InputNumber.types';
 export { inputNumberStyles } from './InputNumber.styles';
 
 // 重新导出默认导出
 import { InputNumber as InputNumberComponent } from './InputNumber';
-export default InputNumberComponent;
+export default InputNumberComponent;

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

@@ -1,12 +1,5 @@
 import { platform } from '@/utils';
-import type {
-  RadioProps,
-  RadioSize,
-  RadioStatus,
-  RadioVariant,
-  RadioColor,
-  RadioStyleConfig,
-} from './Radio.types';
+import type { RadioProps, RadioSize, RadioStatus, RadioVariant, RadioColor, RadioStyleConfig } from './Radio.types';
 
 /** 样式工具类 */
 export class RadioStyles {

package/src/components/form/Radio/Radio.tsx

@@ -151,13 +151,13 @@ export const RadioComponent = forwardRef<RadioRef, RadioProps>((props, ref) => {
       getSize: () => props.size || 'md',
       setSize: (newSize: RadioSize) => {
         // Radio size is controlled by parent, this is just for consistency
-         
+
         newSize;
       },
       getColor: () => props.color || 'primary',
       setColor: (newColor: RadioColor) => {
         // Radio color is controlled by parent, this is just for consistency
-         
+
         newColor;
       },
       getStatus: () => finalStatus,
@@ -174,7 +174,7 @@ export const RadioComponent = forwardRef<RadioRef, RadioProps>((props, ref) => {
       getData: () => props.data,
       setData: (newData: Record<string, any>) => {
         // Radio data is controlled by parent, this is just for consistency
-         
+
         newData;
       },
       focus: () => {
@@ -185,13 +185,9 @@ export const RadioComponent = forwardRef<RadioRef, RadioProps>((props, ref) => {
       },
       shake: () => {
         // Shake animation implementation would go here
-         
-        console.log('shake animation');
       },
       pulse: () => {
         // Pulse animation implementation would go here
-         
-        console.log('pulse animation');
       },
     }),
     [checked, internalDisabled, internalReadonly, validateRadio, onChange, finalStatus],
@@ -217,7 +213,6 @@ export const RadioComponent = forwardRef<RadioRef, RadioProps>((props, ref) => {
     className,
   });
 
-  
   return (
     <View style={radioStyles['getContainerStyle']({ style: props.containerStyle })}>
       <View style={radioStyles['getWrapperStyle']({ style: props.wrapperStyle })}>
@@ -280,4 +275,3 @@ RadioComponent.displayName = 'Radio';
 
 /** 导出单选框组件 */
 export const Radio = RadioComponent;
-

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

@@ -17,7 +17,11 @@ export type RadioColor = 'primary' | 'secondary' | 'success' | 'warning' | 'erro
 export type RadioNativeProps = InputHTMLAttributes<HTMLInputElement>;
 
 /** 单选框组件属性接口 */
-export interface RadioProps extends Omit<RadioNativeProps, 'size' | 'onChange' | 'checked' | 'onClick' | 'dangerouslySetInnerHTML' | 'onTouchStart'> {
+export interface RadioProps
+  extends Omit<
+    RadioNativeProps,
+    'size' | 'onChange' | 'checked' | 'onClick' | 'dangerouslySetInnerHTML' | 'onTouchStart'
+  > {
   /** 单选框值 */
   value: string | number;
   /** 是否选中 */

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

@@ -98,7 +98,11 @@ export class SelectStyles {
       backgroundColor: style?.backgroundColor || statusStyles['backgroundColor'] || variantStyles['backgroundColor'],
       borderColor: style?.borderColor || statusStyles['borderColor'] || variantStyles['borderColor'],
       borderWidth: style?.borderWidth || variantStyles['borderWidth'],
-      borderBottomWidth: style?.borderBottomWidth ?? style?.borderWidth ?? variantStyles['borderBottomWidth'] ?? variantStyles['borderWidth'],
+      borderBottomWidth:
+        style?.borderBottomWidth ??
+        style?.borderWidth ??
+        variantStyles['borderBottomWidth'] ??
+        variantStyles['borderWidth'],
       color: style?.color || statusStyles['color'],
       opacity: disabled ? 0.5 : 1,
       cursor: disabled ? 'not-allowed' : readonly ? 'default' : 'pointer',

package/src/components/form/Select/Select.tsx

@@ -2,13 +2,7 @@ import React, { forwardRef, useRef, useState, useEffect, useCallback } from 'rea
 import { Picker, View, Text } from '@tarojs/components';
 import type { ITouchEvent } from '@tarojs/components';
 import { selectStyles } from './Select.styles';
-import type {
-  SelectProps,
-  SelectRef,
-  SelectStatus,
-  SelectOption,
-  SelectOptionGroup,
-} from './Select.types';
+import type { SelectProps, SelectRef, SelectStatus, SelectOption, SelectOptionGroup } from './Select.types';
 
 /** 选择器组件 */
 export const SelectComponent = forwardRef<SelectRef, SelectProps>((props, ref) => {
@@ -53,7 +47,7 @@ export const SelectComponent = forwardRef<SelectRef, SelectProps>((props, ref) =
     loading = false,
     loadingText = '加载中...',
     notFoundContent: _notFoundContent = '暂无数据',
-    style: _style
+    style: _style,
     // ...restProps // Removed unused rest props
   } = props;
 
@@ -257,7 +251,10 @@ export const SelectComponent = forwardRef<SelectRef, SelectProps>((props, ref) =
     if (mode === 'single') {
       return selectedOptions[0]?.label?.toString() || '';
     } else {
-      return selectedOptions.map((opt) => opt.label?.toString()).filter(Boolean).join(', ');
+      return selectedOptions
+        .map((opt) => opt.label?.toString())
+        .filter(Boolean)
+        .join(', ');
     }
   }, [getSelectedOptions, placeholder, mode]);
 
@@ -266,7 +263,10 @@ export const SelectComponent = forwardRef<SelectRef, SelectProps>((props, ref) =
     ref,
     () => ({
       element: selectRef.current,
-      getValue: () => value !== undefined && value !== null ? value : (mode === 'single' ? '' : []) as string | number | (string | number)[],
+      getValue: () =>
+        value !== undefined && value !== null
+          ? value
+          : ((mode === 'single' ? '' : []) as string | number | (string | number)[]),
       setValue: (newValue) => {
         if (!isControlled) {
           setInternalValue(newValue);
@@ -327,9 +327,10 @@ export const SelectComponent = forwardRef<SelectRef, SelectProps>((props, ref) =
       searchOptions: (keyword) => {
         if (!keyword || typeof keyword !== 'string') return [];
         const flatOptions = flattenOptions(options);
-        return flatOptions.filter((opt) =>
-          opt.label?.toString().toLowerCase().includes(keyword.toLowerCase()) ||
-          opt.value?.toString().toLowerCase().includes(keyword.toLowerCase())
+        return flatOptions.filter(
+          (opt) =>
+            opt.label?.toString().toLowerCase().includes(keyword.toLowerCase()) ||
+            opt.value?.toString().toLowerCase().includes(keyword.toLowerCase()),
         );
       },
       scrollToOption: (_optionValue) => {
@@ -353,7 +354,6 @@ export const SelectComponent = forwardRef<SelectRef, SelectProps>((props, ref) =
     ],
   );
 
-  
   // 处理Picker变化
   const handlePickerChange = (e: any) => {
     const selectedIndex = e.detail?.value;
@@ -376,7 +376,7 @@ export const SelectComponent = forwardRef<SelectRef, SelectProps>((props, ref) =
   // 获取当前选中的索引
   const getCurrentIndex = () => {
     if (value === undefined || value === null || value === '') return 0;
-    const index = options.findIndex(opt => {
+    const index = options.findIndex((opt) => {
       if ('options' in opt) return false;
       return opt.value === value;
     });

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

@@ -53,7 +53,8 @@ export interface SelectOptionGroup {
 export type SelectNativeProps = SelectHTMLAttributes<HTMLSelectElement>;
 
 /** 选择器组件属性接口 */
-export interface SelectProps extends Omit<SelectNativeProps, 'size' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'defaultValue' | 'prefix'> {
+export interface SelectProps
+  extends Omit<SelectNativeProps, 'size' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'defaultValue' | 'prefix'> {
   /** 选择器值 */
   value?: string | number | Array<string | number>;
   /** 默认值（非受控模式） */

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

@@ -9,18 +9,18 @@ export const sliderStyles: Record<string, CSSProperties> = {
     alignItems: 'center',
     cursor: 'pointer',
   },
-  
+
   vertical: {
     width: '24px' as any,
     height: '200px' as any,
     flexDirection: 'column' as 'column',
   },
-  
+
   disabled: {
     opacity: 0.5,
     cursor: 'not-allowed',
   },
-  
+
   track: {
     position: 'absolute',
     width: '100%',
@@ -28,7 +28,7 @@ export const sliderStyles: Record<string, CSSProperties> = {
     backgroundColor: '#e5e7eb',
     borderRadius: '2px',
   },
-  
+
   trackFill: {
     position: 'absolute',
     height: '100%',
@@ -37,7 +37,7 @@ export const sliderStyles: Record<string, CSSProperties> = {
     left: 0,
     top: 0,
   },
-  
+
   handle: {
     position: 'absolute',
     width: '16px',
@@ -51,12 +51,12 @@ export const sliderStyles: Record<string, CSSProperties> = {
     transition: 'all 0.2s ease-in-out',
     zIndex: 2,
   },
-  
+
   handleDragging: {
     transform: 'translate(-50%, -50%) scale(1.2)',
     boxShadow: '0 0 0 8px rgba(14, 165, 233, 0.2)',
   },
-  
+
   tooltip: {
     position: 'absolute',
     bottom: '100%',
@@ -72,20 +72,20 @@ export const sliderStyles: Record<string, CSSProperties> = {
     opacity: 0,
     transition: 'opacity 0.2s ease-in-out',
   },
-  
+
   marks: {
     position: 'absolute',
     width: '100%',
     height: '100%',
   },
-  
+
   mark: {
     position: 'absolute',
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
   },
-  
+
   markDot: {
     width: '8px',
     height: '8px',
@@ -93,13 +93,13 @@ export const sliderStyles: Record<string, CSSProperties> = {
     borderRadius: '50%',
     marginBottom: '4px',
   },
-  
+
   markLabel: {
     fontSize: '12px',
     color: '#6b7280',
     marginTop: '4px',
   },
-  
+
   // Vertical styles
   verticalTrack: {
     width: '4px',
@@ -136,4 +136,4 @@ export const sliderStyles: Record<string, CSSProperties> = {
     marginLeft: '4px',
     marginTop: 0,
   },
-};
+};

package/src/components/form/Slider/Slider.tsx

@@ -44,7 +44,7 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
   const handleChange = useCallback(
     (newValue: number, _event?: ITouchEvent) => {
       const clampedValue = Math.max(min, Math.min(max, newValue));
-      
+
       if (!isControlled) {
         setInternalValue(clampedValue);
       }
@@ -72,19 +72,19 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
   const handleClick = useCallback(
     (event: ITouchEvent) => {
       if (internalDisabled) return;
-      
+
       const rect = (event.currentTarget as any).getBoundingClientRect();
       const clientX = event.detail?.x || 0;
       const clientY = event.detail?.y || 0;
-      
-      const percentage = vertical 
-        ? reverse 
-          ? 1 - ((clientY - rect.top) / rect.height)
+
+      const percentage = vertical
+        ? reverse
+          ? 1 - (clientY - rect.top) / rect.height
           : (clientY - rect.top) / rect.height
-        : reverse 
-          ? 1 - ((clientX - rect.left) / rect.width)
+        : reverse
+          ? 1 - (clientX - rect.left) / rect.width
           : (clientX - rect.left) / rect.width;
-      
+
       const newValue = Math.round((min + percentage * (max - min)) / step) * step;
       handleChange(newValue, event);
     },
@@ -112,10 +112,10 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
 
       const percentage = vertical
         ? reverse
-          ? 1 - ((clientY - rect.top) / rect.height)
+          ? 1 - (clientY - rect.top) / rect.height
           : (clientY - rect.top) / rect.height
         : reverse
-          ? 1 - ((clientX - rect.left) / rect.width)
+          ? 1 - (clientX - rect.left) / rect.width
           : (clientX - rect.left) / rect.width;
 
       const newValue = Math.round((min + percentage * (max - min)) / step) * step;
@@ -125,7 +125,6 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
   );
 
   // 处理键盘交互
-  
 
   // 处理拖拽结束
   const handleDragEnd = useCallback(() => {
@@ -141,11 +140,11 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
     return Object.entries(marks).map(([markValue, markLabel]) => {
       const val = Number(markValue);
       const percentage = getPercentage(val);
-      const position = vertical 
-        ? reverse 
+      const position = vertical
+        ? reverse
           ? `${100 - percentage}%`
           : `${percentage}%`
-        : reverse 
+        : reverse
           ? `${100 - percentage}%`
           : `${percentage}%`;
 
@@ -195,12 +194,8 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
           onChange?.(defaultValue);
         }
       },
-      focus: () => {
-        
-      },
-      blur: () => {
-        
-      },
+      focus: () => {},
+      blur: () => {},
     }),
     [value, isControlled, internalDisabled, dragging, min, max, defaultValue, getPercentage, onChange],
   );
@@ -271,7 +266,6 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
     marginLeft: vertical ? '4px' : 0,
   };
 
-  
   return (
     <View
       ref={containerRef}
@@ -279,20 +273,16 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
       onClick={handleClick}
       onTouchMove={(e) => handleDrag(e as unknown as ITouchEvent)}
       onTouchEnd={() => handleDragEnd()}
-      
       role="slider"
       aria-valuemin={min}
       aria-valuemax={max}
       aria-valuenow={value}
       accessibilityLabel={restProps.accessibilityLabel || 'Slider'}
       aria-disabled={internalDisabled}
-      
       {...restProps}
     >
-      <View style={trackStyle}>
-        {included && <View style={trackFillStyle} />}
-      </View>
-      
+      <View style={trackStyle}>{included && <View style={trackFillStyle} />}</View>
+
       <View
         style={{
           ...handleStyle,
@@ -309,11 +299,7 @@ export const SliderComponent = forwardRef<SliderRef, SliderProps>((props, ref) =
         )}
       </View>
 
-      {marks && (
-        <View style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>
-          {renderMarks()}
-        </View>
-      )}
+      {marks && <View style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>{renderMarks()}</View>}
     </View>
   );
 });

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

@@ -26,12 +26,14 @@ export interface SliderProps {
   /** 是否反向 */
   reverse?: boolean;
   /** 工具提示配置 */
-  tooltip?: {
-    /** 是否显示工具提示 */
-    visible?: boolean;
-    /** 格式化函数 */
-    formatter?: (_value: number) => React.ReactNode;
-  } | boolean;
+  tooltip?:
+    | {
+        /** 是否显示工具提示 */
+        visible?: boolean;
+        /** 格式化函数 */
+        formatter?: (_value: number) => React.ReactNode;
+      }
+    | boolean;
   /** 自定义样式类名 */
   className?: string;
   /** 自定义样式 */
@@ -78,7 +80,7 @@ export interface SliderMark {
   style?: React.CSSProperties;
 }
 
-export interface SliderUtils {
+export interface SliderUtilsType {
   /** 计算滑块位置 */
   calculatePosition: (_value: number, min: number, max: number) => number;
   /** 计算对应的值 */
@@ -89,20 +91,20 @@ export interface SliderUtils {
   validateValue: (_value: number, min: number, max: number) => boolean;
 }
 
-export const SliderUtils: SliderUtils = {
+export const SliderUtils: SliderUtilsType = {
   calculatePosition: (value: number, min: number, max: number) => {
     return ((value - min) / (max - min)) * 100;
   },
-  
+
   calculateValue: (position: number, min: number, max: number) => {
     return min + (position / 100) * (max - min);
   },
-  
+
   formatValue: (value: number, step: number) => {
     return Math.round(value / step) * step;
   },
-  
+
   validateValue: (value: number, min: number, max: number) => {
     return value >= min && value <= max;
   },
-};
+};

package/src/components/form/Slider/index.tsx

@@ -1,10 +1,3 @@
 export { Slider } from './Slider';
-export type {
-  SliderProps,
-  SliderRef,
-  SliderSize,
-  SliderVariant,
-  SliderMark,
-  SliderUtils,
-} from './Slider.types';
-export { sliderStyles } from './Slider.styles';
+export type { SliderProps, SliderRef, SliderSize, SliderVariant, SliderMark, SliderUtils } from './Slider.types';
+export { sliderStyles } from './Slider.styles';

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

@@ -3,13 +3,7 @@
  * 开关组件样式
  */
 
-import type {
-  SwitchSize,
-  SwitchVariant,
-  SwitchStatus,
-  SwitchColor,
-  SwitchStyleConfig,
-} from './Switch.types';
+import type { SwitchSize, SwitchVariant, SwitchStatus, SwitchColor, SwitchStyleConfig } from './Switch.types';
 
 // 默认样式配置
 const defaultStyleConfig: SwitchStyleConfig = {

package/src/components/form/Switch/Switch.tsx

@@ -7,11 +7,7 @@ import React, { forwardRef, useRef, useState, useEffect, useCallback } from 'rea
 import { View, Text } from '@tarojs/components';
 import type { ITouchEvent } from '@tarojs/components';
 import { switchStyles } from './Switch.styles';
-import type {
-  SwitchProps,
-  SwitchRef,
-  SwitchValidationResult,
-} from './Switch.types';
+import type { SwitchProps, SwitchRef, SwitchValidationResult } from './Switch.types';
 
 /** 开关组件 */
 export const SwitchComponent = forwardRef<SwitchRef, SwitchProps>((props, ref) => {
@@ -259,11 +255,7 @@ export const SwitchComponent = forwardRef<SwitchRef, SwitchProps>((props, ref) =
   // );
 
   // 计算最终状态
-  const finalStatus = internalDisabled
-    ? 'disabled'
-    : validationResult?.valid === false
-      ? 'error'
-      : 'normal';
+  const finalStatus = internalDisabled ? 'disabled' : validationResult?.valid === false ? 'error' : 'normal';
 
   // 更新当前状态引用
   useEffect(() => {
@@ -316,7 +308,8 @@ export const SwitchComponent = forwardRef<SwitchRef, SwitchProps>((props, ref) =
         // setStatus is required by interface but internalStatus is not used
         // We'll keep the method for compatibility
       },
-      getStatus: () => currentStatusRef.current as 'normal' | 'error' | 'checked' | 'unchecked' | 'disabled' | 'loading',
+      getStatus: () =>
+        currentStatusRef.current as 'normal' | 'error' | 'checked' | 'unchecked' | 'disabled' | 'loading',
       validate: async () => {
         const result = await validateSwitch(value);
         // setInternalStatus(result.valid ? 'normal' : 'error'); // Commented out - internalStatus unused
@@ -345,7 +338,6 @@ export const SwitchComponent = forwardRef<SwitchRef, SwitchProps>((props, ref) =
     ],
   );
 
-  
   // 获取标签文本
   const getLabelText = () => {
     if (!showLabel) return null;
@@ -436,7 +428,9 @@ export const SwitchComponent = forwardRef<SwitchRef, SwitchProps>((props, ref) =
         </View>
 
         {/* 加载文本 */}
-        {internalLoading && loadingText && <Text style={switchStyles['getHelperTextStyle']({ size })}>{loadingText}</Text>}
+        {internalLoading && loadingText && (
+          <Text style={switchStyles['getHelperTextStyle']({ size })}>{loadingText}</Text>
+        )}
       </View>
 
       {/* 辅助文本 */}