898e22c715
测试: - secure-storage: 26 tests (AES 加解密/明文 fallback/迁移/Base64 边界) - request.ts: 16 tests (扩展 ResponseCache/patientId 隔离/requestUnlimited) - mock-api: 修复 getCachedPatientId 缺失导致 health 测试失败 UX 无障碍 (10 组件): - SegmentTabs/DoctorTabBar: role=tablist/tab + aria-selected - PrimaryButton/SecondaryButton: role=button + aria-disabled/aria-busy - Loading/LoadingCard: role=status + aria-live=polite - EmptyState: role=status + aria-live=polite - ErrorState: role=alert + aria-live=assertive - TrendChart tooltip: role=tooltip + aria-live=polite - FormInput: aria-invalid + aria-label 焦点管理: - 新增 _focus-ring.scss mixin (focus + focus-visible) - 5 组件 SCSS 应用 focus-ring
32 lines
734 B
TypeScript
32 lines
734 B
TypeScript
import React from 'react';
|
|
import { View, Text } from '@tarojs/components';
|
|
import './index.scss';
|
|
|
|
interface SecondaryButtonProps {
|
|
children: React.ReactNode;
|
|
onClick?: () => void;
|
|
disabled?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
const SecondaryButton: React.FC<SecondaryButtonProps> = ({
|
|
children,
|
|
onClick,
|
|
disabled = false,
|
|
className = '',
|
|
}) => {
|
|
const cls = [
|
|
'secondary-btn',
|
|
disabled && 'secondary-btn--disabled',
|
|
className,
|
|
].filter(Boolean).join(' ');
|
|
|
|
return (
|
|
<View className={cls} role="button" aria-disabled={disabled} onClick={!disabled ? onClick : undefined}>
|
|
<Text className='secondary-btn__text'>{children}</Text>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default React.memo(SecondaryButton);
|