# @ebury/chameleon-components 中文文档

规范地址：https://npmcn.com/package/%40ebury/chameleon-components/

版本：2\.8\.26
npm 元数据更新时间：2025-10-22T13:01:05.168Z
中文译文更新时间：2026-11-14T10:00:02.527Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40ebury/chameleon-components
原文对照：https://npmcn.com/package/%40ebury/chameleon-components/?lang=original
项目主页：https://chameleon-ebury.vercel.app/
源码仓库：https://github.com/ebury/chameleon

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

- 包体积（解压后）：2.3 MB，622 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- Node.js 要求：\>=18
- 运行依赖：10 个
- 首次发布：2019-09-27T16:21:30.179Z
- 最新版本发布：2025-10-22T13:01:04.841Z
- 近 30 天下载量：2081（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：390（近 12 个月 0 个）

## 中文简介

变色龙组件是Ebury的vue.js 3.X组件库. 图书馆正被用于我们在Ebury的Vue项目,并定期增加更多的组件.

## 安装

```sh
npm install @ebury/chameleon-components
```

也可以使用：`pnpm add @ebury/chameleon-components`、`yarn add @ebury/chameleon-components`、`bun add @ebury/chameleon-components`

## README

# 变色龙组件

变色龙组件是Ebury的vue.js 3.X组件库. 图书馆正被用于我们在Ebury的Vue项目,并定期增加更多的组件.

此外,请检查最新版本 [故事书](https://chameleon-ebury.vercel.app/)。 。 。 .

1.  [愿景](https://npmcn.com/package/%40ebury/chameleon-components/VISION.md)
2.  [捐款](https://npmcn.com/package/%40ebury/chameleon-components/#readme-contributing)
3.  [代码所有者](https://npmcn.com/package/%40ebury/chameleon-components/CODEOWNERS)
4.  [安装](https://npmcn.com/package/%40ebury/chameleon-components/#readme-installation)
5.  [使用量](https://npmcn.com/package/%40ebury/chameleon-components/#readme-usage)
6.  [他们](https://npmcn.com/package/%40ebury/chameleon-components/#readme-theming)
7.  [I18n 时](https://npmcn.com/package/%40ebury/chameleon-components/#readme-i18n)
8.  [参考资料](https://npmcn.com/package/%40ebury/chameleon-components/#readme-references)

## 安装

如果你想为图书馆捐款,那么你必须做以下工作来建立你的本地环境:

1\. 克隆变色龙元件回波

2\. 安装所有依赖:

```sh
npm install
```

3\. 以下列方式运行故事书:

```sh
npm start
```

就这样! 瞷莱赣癬ㄓ禲 您可以检查现有的组件或创建新的组件 .

## 捐款

我们喜欢与其他团队合作,欢迎他们的贡献!

见 [捐款](https://npmcn.com/package/%40ebury/chameleon-components/CONTRIBUTING.md) 关于代码样式、格式化、测试和故障排除的更多信息的文件。 或者,如果你想报告一个问题或者要求一些改变.

## 使用量

### 在您的工程中安装库

安装 `@ebury/chameleon-components` 在您的工程中, npm :

```sh
npm install @ebury/chameleon-components --save
```

### 导入组件/s

我们所有部件都是从 `@ebury/chameleon-components`,这样您就可以用:

```js
import { ComponentName } from '@ebury/chameleon-components';
```

**记着!** 如果您要使用的话 `ec-phone-number-input`图标 `node_modules/svg-country-flags/png100px/` 在你的项目.

例如带有路径的图标 `node_modules/svg-country-flags/png100px/gb.png` 由 url 在您的工程中可用 `[your static prefix]icons/country-flags/100/gb.png`。 。 。 . 静态前缀可以通过设置相应的来更改 `iconsStaticPrefix` 属性在 `src/config.js`。 。 。 .

## 他们

组件可以使用自定义主题. CSS使用的有4个调色板,其中2个可以通过 CSS 变量,例如默认的蓝色被定义为 `--ec-key-color-level-4` 并可以通过 `--ec-theme-key-color-level-4`。 。 。 .

请检查access-date=中可能的变量列表 [故事本颜色故事](https://chameleon-ebury.vercel.app/?path=/story/css-colors--all)。 。 。 .

一个主题的几个例子可见于 [标准/类型/主题/](https://npmcn.com/package/%40ebury/chameleon-components/src/styles/themes/) 文件夹.

## I18n 时

一些组件,例如:. `ec-amount-input` 或者说 `ec-donut` 需求 `Intl` API 格式化为正确或检测值 当前地方的十进制/ 分组分隔符是什么 。 他们都是通过 [内通. 数字格式](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) 它可能在某些浏览器中出现问题,因为没有正确设置所有地方。 看我们发现的问题 [公关](https://github.com/Ebury/chameleon/pull/156#issuecomment-623705733)。 。 。 . 如果你需要支持地球上的每一个地方, 我们建议多填充 Intl API 使用 [格式js.io](https://formatjs.io/docs/polyfills/intl-numberformat) 包,所以在所有浏览器中都是一致的.

## 参考资料

### Vue.js (英语)

[阴道](https://vuejs.org/)

[维特](https://vitejs.dev/)

### 类型脚本

[类型脚本](https://www.typescriptlang.org/)

### 故事书

[故事书](https://storybook.js.org/)

### 测试

[维特](https://vitest.dev/)

[Vue 测试 Utils](https://test-utils.vuejs.org/)

[齐压](https://www.cypress.io/)

### 线性

[ESLint 语录](https://eslint.org/)

[样式林](https://stylelint.io/)

### 支助科

[邮政](https://postcss.org/)

[尾风CSS](https://tailwindcss.com/)

[启动网格](https://getbootstrap.com/docs/4.0/layout/grid/)

### 依赖关系

[虚拟使用](https://vueuse.org/)

[平接器](https://flatpickr.js.org/)

[焦点陷阱](https://focus-trap.github.io/focus-trap/)

[浮动](https://floating-vue.starpad.dev/)

[国家旗帜](https://www.npmjs.com/package/svg-country-flags)

## 常见问题

### @ebury/chameleon-components 是什么？

变色龙组件是Ebury的vue\.js 3\.X组件库\. 图书馆正被用于我们在Ebury的Vue项目,并定期增加更多的组件\.

### 如何安装 @ebury/chameleon-components？

在项目目录运行 npm install @ebury/chameleon-components，或使用 pnpm add / yarn add / bun add。

### @ebury/chameleon-components 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/ebury\_\_chameleon-components 是否存在。

### @ebury/chameleon-components 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @ebury/chameleon-components 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=18。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @ebury/chameleon-components 可以商用吗？

@ebury/chameleon-components 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @ebury/chameleon-components 的下载量有多少？

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

### @ebury/chameleon-components 还在维护吗？

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