# @campminder/ds 中文文档

规范地址：https://npmcn.com/package/%40campminder/ds/

版本：0\.29\.0
npm 元数据更新时间：2026-11-05T19:00:49.347Z
中文译文更新时间：2026-11-09T00:37:45.605Z
软件包许可：未声明

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40campminder/ds
原文对照：https://npmcn.com/package/%40campminder/ds/?lang=original
项目主页：https://github.com/campminder/campminder-ui#readme
源码仓库：https://github.com/campminder/campminder-ui

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：2.2 MB，35 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：15 个
- peer 依赖：react \>=19，react-dom \>=19，@base-ui/react \>=1
- 首次发布：2026-06-18T03:42:23.163Z
- 最新版本发布：2026-11-05T19:00:49.145Z
- 近 30 天下载量：3514（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：40（近 12 个月 40 个）

## 中文简介

坎平德设计系统组件,已包装. base-ui-era shadcn原始相+域元件+设计符,用于宁可npm安装于shadcn复制源的应用.

## 安装

```sh
npm install @campminder/ds
```

也可以使用：`pnpm add @campminder/ds`、`yarn add @campminder/ds`、`bun add @campminder/ds`

## README

# @ campminder/ ds (英语)

Campminder设计系统作为 npm 软件包 – 基础- ui- 时代组件 + 设计代号, 用于首选的应用 `npm install` 超过阴影复制源。 软件包是 **从登记册生成的** (单位:千美元)`npm run sync`)),因此它从不从设计系统所发出的东西漂出.

> 发表于 **公共npm登记** (无正觉. 需要 react 19 – Next.js App 路由器 – Tailwind v4.

## 安装

```bash
npm install @campminder/ds @base-ui/react
```

`@base-ui/react` 是一个对等点( 您控制它的版本) ; 其他需要的所有组件都会自动拉入 .

## 连接样式——一行

```css
/* your globals.css, after Tailwind */
@import "tailwindcss";
@import "@campminder/ds/styles.css";   /* tokens + the @source Tailwind needs */
```

单项进口就给你坎普明德的标志 `bg-primary` 是品牌紫色) **财务报告和审定财务报表** 包组件的尾风扫描。 没有配置文件 .

## 使用

```tsx
import { Button, Card, Badge, PhoneInput, CamperForm } from "@campminder/ds"
```

在服务器组件中的工作——软件包带有自己的客户端边界.

## 包括什么

-   **初级:** avatar, 徽章, 面包屑, 按钮, 卡, 复选框, 命令, 对话框, 字段, 输入, 输入组, 标签, 弹出, 滚动区域, 选择, 分隔器, 工作表, 侧边栏, 骨架, 切换, 表格, 标签, 文本区域, 工具提示
-   **域组件 :** 电话输入、照片加载、继发卡、继发卡、会话卡/接发会话者、个人名单、个人标签、营房式、取包、接发会话者
-   **钩子/ 倾角 :** 使用地点、使用移动、会话选择帮助者, `cn`

**尚未包括:** 行政外壳(侧边/搜索/顶上导航)——推迟到后续进行。 暂时从副本来源登记册中提取.

## 版本

与登记册共享 `registry-versions.json`。 。 。 . `npm update @campminder/ds` 要接受更改; 您下面没有更新.

## 维持(供设计系统小组使用)

`src/` 实值 **生成** 从登记册收到 `scripts/sync-from-registry.mjs` (自动运行在 `npm run build`) (中文(简体) ). 别手剪了 `src/` ——编辑设计系统中的源组件,包会镜像. `styles.css` 同样产生于 `app/globals.css`。 。 。 .

```bash
npm run build      # sync from registry → generate tokens → bundle (ESM+CJS+dts)
```

## 常见问题

### @campminder/ds 是什么？

坎平德设计系统组件,已包装\. base-ui-era shadcn原始相\+域元件\+设计符,用于宁可npm安装于shadcn复制源的应用\.

### 如何安装 @campminder/ds？

在项目目录运行 npm install @campminder/ds，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=19）、react-dom（\>=19）、@base-ui/react（\>=1）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @campminder/ds 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @campminder/ds 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @campminder/ds 可以商用吗？

@campminder/ds 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @campminder/ds 的下载量有多少？

根据 npm 官方下载统计，@campminder/ds 在 2026/10/09 – 2026/11/07 这 30 天内被下载 3,514 次，日均约 117 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @campminder/ds 还在维护吗？

最新版本 0\.29\.0 发布于 2026/11/06（3 天前）；至今共发布 40 个版本，其中过去 12 个月发布了 40 个；首次发布于 2026/06/18。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。