重新构建路由和配置样式文件

2025-03-26 10:04:27 +08:00
parent a42a9990bf
commit 97ccf5a077
141 changed files with 88034 additions and 179 deletions
@@ -0,0 +1,75 @@
+import React from 'react';
+import { Link } from '@remix-run/react';
+
+type ButtonType = 'primary' | 'default' | 'danger';
+type ButtonSize = 'small' | 'medium' | 'large';
+
+interface ButtonProps {
+  children: React.ReactNode;
+  type?: ButtonType;
+  size?: ButtonSize;
+  to?: string;
+  icon?: string;
+  disabled?: boolean;
+  className?: string;
+  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export function Button({
+  children,
+  type = 'default',
+  size = 'medium',
+  to,
+  icon,
+  disabled = false,
+  className = '',
+  onClick,
+  ...rest
+}: ButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>) {
+  const baseClasses = 'ant-btn';
+  
+  const typeClasses = {
+    primary: 'ant-btn-primary',
+    default: 'ant-btn-default',
+    danger: 'ant-btn-danger'
+  };
+  
+  const sizeClasses = {
+    small: 'ant-btn-sm',
+    medium: '',
+    large: 'text-base px-5 py-2.5'
+  };
+  
+  const classes = [
+    baseClasses,
+    typeClasses[type],
+    sizeClasses[size],
+    disabled ? 'opacity-50 cursor-not-allowed' : '',
+    className
+  ].filter(Boolean).join(' ');
+  
+  if (to) {
+    return (
+      <Link 
+        to={to} 
+        className={classes}
+        {...(rest as any)}
+      >
+        {icon && <i className={`${icon} mr-1.5`}></i>}
+        {children}
+      </Link>
+    );
+  }
+  
+  return (
+    <button
+      className={classes}
+      disabled={disabled}
+      onClick={onClick}
+      {...rest}
+    >
+      {icon && <i className={`${icon} mr-1.5`}></i>}
+      {children}
+    </button>
+  );
+}