# @appsmithorg/design-system-old 中文文档
规范地址：https://npmcn.com/package/%40appsmithorg/design-system-old/
版本：1\.1\.17
npm 元数据更新时间：2026-04-04T05:29:06.719Z
中文译文更新时间：2026-11-06T12:32:52.376Z
软件包许可：Apache-2\.0
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%40appsmithorg/design-system-old
原文对照：https://npmcn.com/package/%40appsmithorg/design-system-old/?lang=original
项目主页：https://github.com/appsmithorg/design-system#readme
源码仓库：https://github.com/appsmithorg/design-system
## 关键信息（来自 npm 元数据）
- 包体积（解压后）：2.8 MB，712 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：react ^17\.0\.2，react-dnd ^9\.3\.4，react-dom ^17\.0\.2，react-tabs 3\.1\.1，redux-form 8\.2\.6，tinycolor2 ^1\.4\.2，react-redux ^7\.2\.4，react-table ^7\.8\.0，react-toastify ^5\.5\.0，remixicon-react ^1\.0\.0，react-router-dom ^6\.3\.0，@blueprintjs/core 3\.33\.0，copy-to-clipboard ^3\.3\.1，styled-components 5\.3\.6，@blueprintjs/datetime 3\.23\.6，react-dnd-html5-backend ^9\.3\.4
- 首次发布：2023-01-17T11:12:01.874Z
- 最新版本发布：2024-05-08T11:19:31.046Z
- 近 30 天下载量：4977（2026-10-07 至 2026-11-05，npm 官方下载统计）
- 已发布版本数：329（近 12 个月 0 个）
## 中文简介
这是Appsmith设计系统组件的软件包
## 安装
```sh
npm install @appsmithorg/design-system-old
```
也可以使用：`pnpm add @appsmithorg/design-system-old`、`yarn add @appsmithorg/design-system-old`、`bun add @appsmithorg/design-system-old`
## README
[](http://appsmith.com/)
# Appsmith 设计系统 - 旧(已过期)
Appsmith 的 UI 设计系统
[](https://www.npmjs.org/package/@appsmithorg/design-system)
[](https://appsmith.com/)
## 安装
```bash
npm install @appsmith/design-system-old
```
或者说
```bash
yarn add @appsmithorg/design-system-old
```
## 包括中央支助处
在根索引 Css 文件中添加导入 css
```bash
@import "~@appsmithorg/design-system-old/build/css/design-system-old.css";
```
## 使用量
```jsx
import { TooltipComponent } from "@appsmithorg/design-system-old";
Hover here 😁
```
## 贡献
> ++ 本软件包因捐款而关闭。 我们欢迎各方为会议作出贡献 `design-system` 软件包.
```bash
git clone https://github.com/appsmithorg/design-system.git
```
获取所有依赖关系
```bash
cd design-system/packages/design-system-old
yarn install
```
然后在开发中运行故事本,并用
```bash
yarn run design-system:storybook
```
你写的任何故事 `design-system/packages/design-system-old/src/**` 会在这里出现.
要使用本地版本的软件包, 请运行
```bash
yarn link
```
在此寄存器中,然后将其输出复制到您想要使用此软件包的寄存器根目录中. 运行
```bash
yarn install
```
重新导入组件
```jsx
import { TooltipComponent } from "@appsmithorg/design-system-old";
```
### 创建故事模板
```
yarn create-story -f
```
“ 文件夹名” 是保存正在创建的故事模板的组件的文件夹 。 应在 “ src” 文件夹下 .
快乐的游乐场测试!
## 链接
- [主页](https://www.appsmith.com/)
## 常见问题
### @appsmithorg/design-system-old 是什么？
这是Appsmith设计系统组件的软件包
### 如何安装 @appsmithorg/design-system-old？
在项目目录运行 npm install @appsmithorg/design-system-old，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^17\.0\.2）、react-dnd（^9\.3\.4）、react-dom（^17\.0\.2）、react-tabs（3\.1\.1）、redux-form（8\.2\.6）、tinycolor2（^1\.4\.2）、react-redux（^7\.2\.4）、react-table（^7\.8\.0）、react-toastify（^5\.5\.0）、remixicon-react（^1\.0\.0）、react-router-dom（^6\.3\.0）、@blueprintjs/core（3\.33\.0）、copy-to-clipboard（^3\.3\.1）、styled-components（5\.3\.6）、@blueprintjs/datetime（3\.23\.6）、react-dnd-html5-backend（^9\.3\.4）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
### @appsmithorg/design-system-old 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
### @appsmithorg/design-system-old 支持 ESM 还是 CommonJS？
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。
### @appsmithorg/design-system-old 可以商用吗？
@appsmithorg/design-system-old 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。
### @appsmithorg/design-system-old 的下载量有多少？
根据 npm 官方下载统计，@appsmithorg/design-system-old 在 2026/10/07 – 2026/11/05 这 30 天内被下载 4,977 次，日均约 166 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
### @appsmithorg/design-system-old 还在维护吗？
最新版本 1\.1\.17 发布于 2024/05/08（2 年前）；至今共发布 329 个版本，其中过去 12 个月发布了 0 个；首次发布于 2023/01/17。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。