# @runlume/admin-ui 0.2.1 發佈：標準後臺組件可直接從 npm 使用

Runlume 標準後臺公共組件現已發佈到 npm，覆蓋表格、篩選、分頁、圖表、頁面狀態及日曆、穿梭框、評分、可調整面板和拖放列表。

> Runlume 提供平臺能力、獨立業務應用與專業服務，支持按需組合。功能、額度與交付範圍由所選套餐或服務約定確定；業務應用可獨立選用，跨應用協作遵循接入配置與授權邊界。

原始頁面: https://runlume.app/zh-hant/blog/admin-ui-0-2-1-release

產品發佈 · admin-ui / React 組件 / npm

發佈：2026-09-22 · 作者：Runlume 團隊

`@runlume/admin-ui` 0.2.1 已發佈到 npm。新項目不必複製整套後臺模板，也能直接複用 Runlume 標準後臺的公共組件、樣式與語義 Token。

## 安裝

```bash
pnpm add @runlume/admin-ui
```

```tsx
import { Button, Calendar, DataTable, Transfer } from '@runlume/admin-ui'
import '@runlume/admin-ui/styles.css'
```

## 本次可用能力

- 數據表格、可編輯表格、搜索篩選、分頁、圖表與頁面狀態。
- Calendar 完整日曆、Transfer 穿梭框、Rate 評分。
- Resizable Panel 可調整面板與 Sortable List 通用拖放列表。
- ESM、CommonJS、組件子路徑與獨立樣式出口。
- 支持 React 18.2–19；宿主未提供翻譯時使用內置可讀文案。

## npm 包還是完整模板

只需要公共組件時安裝 npm 包；需要佈局外殼、示例頁面、主題設置和完整組件總覽時使用 admin-design 倉庫。品牌資源、示例頁面和應用狀態不包含在組件包中。

查看 [npm 包](https://www.npmjs.com/package/@runlume/admin-ui)、[組件文檔](https://adoc.runlume.app)、[在線演示](https://ago.runlume.app) 與 [項目介紹](https://adesign.runlume.app)。

## 相關頁面

- [平臺能力](https://runlume.app/zh-hant/platform)
- [業務應用](https://runlume.app/zh-hant/apps)
- [開發者](https://runlume.app/zh-hant/developers)
- [關於 Runlume](https://runlume.app/zh-hant/about)