# @anypoint-web-components/validator-mixin 中文文档

规范地址：https://npmcn.com/package/%40anypoint-web-components/validator-mixin/

版本：1\.1\.2
npm 元数据更新时间：2026-04-07T19:25:28.946Z
中文译文更新时间：2026-11-06T13:12:54.156Z
软件包许可：Apache-2\.0

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

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

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

- 包体积（解压后）：17.2 kB，12 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：未声明
- 运行依赖：1 个
- 首次发布：2019-06-24T00:02:54.450Z
- 最新版本发布：2021-03-02T18:41:10.847Z
- 近 30 天下载量：3147（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：4（近 12 个月 0 个）

## 中文简介

用于执行自定义输入验证器的混音器

## 安装

```sh
npm install @anypoint-web-components/validator-mixin
```

也可以使用：`pnpm add @anypoint-web-components/validator-mixin`、`yarn add @anypoint-web-components/validator-mixin`、`bun add @anypoint-web-components/validator-mixin`

## README

# 验证器Mixin

使用 `ValidatorMixin` 以实施自定义输入/格式验证符。 执行此组合的元素实例将被注册用于执行的元素 `ValidatableMixin`。 。 。 .

[![Published on NPM](https://img.shields.io/npm/v/@anypoint-web-components/validator-mixin.svg)](https://www.npmjs.com/package/@anypoint-web-components/validator-mixin)

[![tests](https://github.com/anypoint-web-components/validator-mixin/actions/workflows/tests.yml/badge.svg)](https://github.com/anypoint-web-components/validator-mixin/actions/workflows/tests.yml)

## 安装

```bash
npm i @anypoint-web-components/validator-mixin --save
```

## 使用量

### 校验器名称

默认情况下,它需要当前 HTML 元素的下大小写名 。 如果这门课 用于自定义元素环境外,然后使用静态 `is` 属性 以获得混合剂的名称.

```javascript
static get is() {
 return 'my-validator';
}
```

### 抖动验证符

当创建验证器实例时, 它被存储在全局验证器缓存中 由 `ValidatorStore` 模块.

在全域商店中注册验证符后,它不会被绑定在组件的生命周期方法上(它可以扩展一个对象而不是HTMLElement). 另外,验证器通常会在文档中停留在网络应用的整个生命周期. 但是,如果你需要取消注册 验证员,然后打电话 `instance.unregister()` 函数 然后从 DOM 中分离出此元素,或者去掉对对象的引用,以便它能被GC'd.

你也可以打电话来 `ValidatorStore.unregister(instance)`。 。 。 .

### 在一个LitElement中

```javascript
import { LitElement } from 'lit-element';
import { ValidatorMixin } from '@anypoint-web-components/validator-mixin';

class CatsOnly extends ValidatorMixin(LitElement) {
  validateObject(obj) {
    return !Object.keys(obj).some((key) => obj[key].match(/^(c|ca|cat|cats)?$/) === null);
  }

  validateArray(value) {
    return !value.some((value) => value.match(/^(c|ca|cat|cats)?$/) === null);
  }

  validate(values) {
    if (Array.isArray(values)) {
      return this.validateArray(values);
    }
    if (typeof values === 'object') {
      return this.validateObject(values);
    }
    return values.match(/^(c|ca|cat|cats)?$/) !== null;
  }
}
window.customElements.define('cats-only', CatsOnly);
```

## 发展

```sh
git clone https://github.com/anypoint-web-components/validator-mixin
cd validator-mixin
npm install
```

### 测试

```sh
npm test
```

### 演示

```sh
npm start
```

## 常见问题

### @anypoint-web-components/validator-mixin 是什么？

用于执行自定义输入验证器的混音器

### 如何安装 @anypoint-web-components/validator-mixin？

在项目目录运行 npm install @anypoint-web-components/validator-mixin，或使用 pnpm add / yarn add / bun add。

### @anypoint-web-components/validator-mixin 支持 TypeScript 吗？

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

### @anypoint-web-components/validator-mixin 支持 ESM 还是 CommonJS？

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

### @anypoint-web-components/validator-mixin 可以商用吗？

@anypoint-web-components/validator-mixin 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @anypoint-web-components/validator-mixin 的下载量有多少？

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

### @anypoint-web-components/validator-mixin 还在维护吗？

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