test1202

測試用的 npm 套件，包含 React Button component 和實用工具函數。

安裝

npm install test1202

使用方式

Button Component

import { Button } from 'test1202';

function App() {
  return (
    <div>
      <Button onClick={() => alert('Clicked!')}>
        Primary Button
      </Button>

      <Button variant="secondary" onClick={() => console.log('Secondary')}>
        Secondary Button
      </Button>

      <Button variant="success">
        Success Button
      </Button>

      <Button variant="danger">
        Danger Button
      </Button>

      <Button disabled>
        Disabled Button
      </Button>
    </div>
  );
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | children | ReactNode | - | 按鈕內容 | | onClick | Function | - | 點擊事件處理函數 | | variant | 'primary' | 'secondary' | 'success' | 'danger' | 'primary' | 按鈕樣式變體 | | disabled | boolean | false | 是否禁用按鈕 | | className | string | '' | 自訂 CSS class |

工具函數

import { greet, add } from 'test1202';

console.log(greet('World')); // "Hello, World! 103"
console.log(add(2, 3));      // 5
console.log(add(10, 25));    // 35

功能特色

• ✅ 同時支援 CommonJS 和 ES Modules
• ✅ 包含多種按鈕樣式變體
• ✅ 輕量且無額外依賴（除了 React peer dependency）

開發

# 安裝依賴
npm install

# 啟動開發環境
npm run dev

# 建置套件
npm run build

開發環境會在 http://localhost:3000 啟動，您可以在瀏覽器中即時預覽和測試 component。

專案結構

npmPackageTest/
├── dev/              # 開發測試環境
├── src/              # 原始碼
│   ├── Button.jsx    # Button component
│   └── index.js      # 主入口
├── dist/             # 建置輸出
│   ├── index.cjs.js  # CommonJS 版本
│   └── index.esm.js  # ES Module 版本
└── package.json

License

ISC