# @consumidor-positivo/aurora 中文文档

规范地址：https://npmcn.com/package/%40consumidor-positivo/aurora/

版本：3\.2\.1
npm 元数据更新时间：2026-10-31T00:03:53.395Z
中文译文更新时间：2026-11-10T16:23:28.774Z
软件包许可：未声明

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

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

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

- 包体积（解压后）：5.4 MB，1870 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：3 个
- peer 依赖：react \>=18\.0\.0，react-dom \>=18\.0\.0
- 首次发布：2024-07-24T18:19:10.827Z
- 最新版本发布：2026-10-31T00:03:53.207Z
- 近 30 天下载量：2679（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：236（近 12 个月 28 个）

## 中文简介

![aurora-capa](https://github.com/user-attachments/assets/87cc0477-e345-4b98-b17e-90e941744eab)

## 安装

```sh
npm install @consumidor-positivo/aurora
```

也可以使用：`pnpm add @consumidor-positivo/aurora`、`yarn add @consumidor-positivo/aurora`、`bun add @consumidor-positivo/aurora`

## README

![aurora-capa](https://github.com/user-attachments/assets/87cc0477-e345-4b98-b17e-90e941744eab)

# 欧罗拉

> Eurora bienal é um fenômeno luminoso que se desenvolve na termosfera (ou ionosfera), uma das camadas superas da atmosfera do planetra Terra, que se estende de uma altura mínima de 60 km a partir da superfície at 1000 km. Essa camada está siteada 使用外观和中观.

O Projeto Aurora é uma apotagem estruturada e brangente para o Design system dos projetos Consumidor Positivo e Acordo Certo, criado com o o o objetivo de padronizar e otimizar a experência do usuário em bas as as plataformas. 中国植物物种信息数据库. Estema de design em uma biblioteca de parties reutilizáveis, seritrizes de estilo, padrées de interação detalhada para garantir 由 encia e eficiência no desenvolvimento e des interprisions 所组成.

Cada 组件 视觉 **dois格式化软件**数字 : **反应**e),第2段,作为aplicações(área logada, formulários com estado),(e) **天体**,第3段,作为páginas públicas estáticas, que assim não carregam React. Os dois usam a mesma marcação e o mesmo CSS. 互联网档案馆的存檔,存档日期2014-12-02. 韦雅 [Dois 格式化: react e Astro](https://npmcn.com/package/%40consumidor-positivo/aurora/#readme-dois-formatos-react-e-astro)。 。 。 .

[技术堆栈](https://npmcn.com/package/%40consumidor-positivo/aurora/#readme-tech-stack) 二. 支助 [站点](https://npmcn.com/package/%40consumidor-positivo/aurora/#readme-sites) 二. 支助 [反应 e Astro](https://npmcn.com/package/%40consumidor-positivo/aurora/#readme-dois-formatos-react-e-astro) 二. 支助 [德森沃尔维门托](https://npmcn.com/package/%40consumidor-positivo/aurora/#readme-desenvolvimento)

### 技术堆栈

-   ![](https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/2edb6c43-89a3-4c08-b126-96771d488e9b) [反应](https://reactjs.org/) (联合来文)
-   ![](https://astro.build/favicon.svg) [天体](https://astro.build/) (法语)
-   ![](https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/116d0ad2-55a8-4bd6-a8b8-4fbdb3aab82b) [字体](https://www.typescriptlang.org/) (类型)
-   ![](https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/862d66f3-703d-42f1-8e70-3e6ab5c6d318) [维泰兹](https://reactjs.org/) (工具声)
-   ![](https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/4a977365-7a05-4131-8b11-6589acbf0831) [萨斯](https://emotion.sh/docs/introduction%5D\(https://sass-lang.com/\)) (中文(简体) )
-   ![](https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/96405885-c5c0-4e26-a645-0e84b7d12ef3) [故事书](https://storybook.js.org/) (UIs 组件 React; os Astro têm um 游乐场 próprio)

### 站点

> 孔苏米多·波西蒂沃

-   [https://www.consumidorpositivo.com.br/ 互联网档案馆的存檔,存档日期2013-12-22](https://www.consumidorpositivo.com.br/)

> 阿科多·塞尔多

-   [https://www.acordocerto.com.br/ (中文(简体) )](https://www.acordocerto.com.br/)

## 乌索岛

### 巴西卡岛

```bash
npm install @consumidor-positivo/aurora
```

## Dois 格式化: react e Astro

O Caminho do 进口决定 qual versão você usa. 卡尔·克米诺,我们.

**反应**,导入 nomeado do pacote:

```tsx
import { Button, Text } from '@consumidor-positivo/aurora'

<Button type="primary">Simular agora</Button>
```

**天体**,导入默认 pelo caminho completo do arquivo, com a extensão `.astro`数字 :

```astro
---
import '@consumidor-positivo/aurora/global.css'
import Button from '@consumidor-positivo/aurora/astro/Button/index.astro'
import Text from '@consumidor-positivo/aurora/astro/Text/index.astro'
---

<Button type="primary">Simular agora</Button>
```

一种活化活化的活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活 Astro não tem prop de função, os callbacks viram atributos e eventos : (原始内容存档于2018-09-25) `data-au-modal-toggle` 电子 `data-au-drawer-toggle` abrem Modal e Drawer, e os 组件 主题事件 `au:*` (单位:千美元)`au:tabchange`, (中文(简体) ), `au:modalopen`(......) (中文(简体) ). (原始内容存档于2013-10-12). Uma página feita só só 组分 Astro intro ao reset uma vez, pelo `global.css`。 。 。 .

Todo 组件视觉 Tem 作为 duas vers. 功利主义`Transition`, (中文(简体) ), `IsMobile`, (中文(简体) ), `misc/*`) (中文(简体) ). 国家公司 [文献/天文台](https://npmcn.com/package/%40consumidor-positivo/aurora/docs/astro.md) e na página"Componentes Astro" 作"故事书".

## 德森沃尔维门托

```bash
npm install
npm run prebuild          # gera tokens e ícones (obrigatório antes de rodar qualquer coisa)
npm run storybook         # componentes React, porta 6006
npm run playground:astro  # componentes Astro, porta 4321
npm run check:astro       # type check dos .astro
```

### 游戏场 Astro

童话小说 `.astro`Astro 没有纳维加多, o repo tem um 游乐场em `playground/`Astro mínimo, com um puma página por 组件, que commerciza os arquivos de `lib/` 惨了.

```bash
npm run playground:astro         # http://localhost:4321
npm run playground:astro:build   # build estático das mesmas páginas
```

O菜单横向列表a作为páginas e, na página aberta, os exemplos dela. O botão "Mobile" mostra a mesma página num fram de 375px, para ver o comportamento mobile (德拉尔,选择em tela cheia, Calendário) sem redimensionar a janela. 中国植物物种信息数据库.

副主教,嗯, exemplo, creie um arquivo em `playground/src/pages/components/`,导入 o 组件 por `@components/<Nome>/index.astro` (原始内容存档于2018-10-21) (英语). envolva cada caso em `Example`{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}一个无菜谱的夜总会 O CI Faz o 建造游乐场, então cada exemplo também é um teste de compilação.

## 测试

Este Projeto usa Vitest para suitários e @testing-library/ react para subjects de imparties React. 互联网档案馆的存檔,存档日期2013-12-02.

执行 os 测试 com :

```bash
npm test
```

摩多手表:

```bash
npm run test:watch
```

## 常见问题

### 如何安装 @consumidor-positivo/aurora？

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

### @consumidor-positivo/aurora 支持 TypeScript 吗？

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

### @consumidor-positivo/aurora 支持 ESM 还是 CommonJS？

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

### @consumidor-positivo/aurora 可以商用吗？

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

### @consumidor-positivo/aurora 的下载量有多少？

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

### @consumidor-positivo/aurora 还在维护吗？

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

