open-index/open-npm huggingface dataset:
npm package: @mcxmcx/ui-component-library
Description: 企业级React通用UI组件库 | 覆盖表单/反馈/布局/数据展示 | TS强类型+单元测试+样式隔离
Author: UI Component Team
Latest version: 1.0.0

# 🎨 UI Component Library
> 企业级React通用UI组件库 | 基于TypeScript开发，覆盖PC端所有常用组件，支持按需引入/主题定制/单元测试

## ✨ 核心特性
✅ 基于 React 18 + TypeScript 开发，100% 类型安全，开发体验拉满；
✅ 覆盖**表单/反馈/布局/数据展示** 四大类20+常用组件，场景无死角；
✅ 样式基于 Less + CSS Modules 开发，样式隔离无冲突，支持全局主题定制；
✅ 每个组件内置单元测试，覆盖率≥90%，功能稳定可靠；
✅ 支持 ES/CJS 双格式打包，可按需引入/全量引入，打包体积最小化；
✅ 组件支持受控/非受控模式、自定义类名、事件透传，扩展性极强。

## 🚀 快速上手
### 1. 安装依赖
```bash
# npm
npm install ui-component-library --save
# yarn
yarn add ui-component-library
# pnpm 推荐
pnpm add ui-component-library

#  引入使用
# ✅ 方式 1：全量引入（推荐小型项目）
import React from 'react';
import UI from 'ui-component-library';
import 'ui-component-library/dist/style/index.css';

const App = () => {
  return (
    <div>
      <UI.Button type="primary">主按钮</UI.Button>
      <UI.Input placeholder="请输入内容" />
    </div>
  );
};
export default App;

# ✅ 方式 2：按需引入（推荐大型项目，减小体积）
import React from 'react';
import { Button, Input, Table } from 'ui-component-library';
import 'ui-component-library/dist/style/index.css';

const App = () => {
  return (
    <div>
      <Button type="primary">主按钮</Button>
      <Input placeholder="请输入内容" />
    </div>
  );
};
export default App;


📚 组件分类 & 示例
✅ 表单组件
tsx
import { Checkbox, Radio, Select, DatePicker, TextArea } from 'ui-component-library';
✅ 反馈组件
tsx
import { Modal, Message, Notification, Tooltip, Loading } from 'ui-component-library';
✅ 布局组件
tsx
import { Row, Col, Layout, Space } from 'ui-component-library';
const { Header, Footer, Content, Sider } = Layout;
✅ 数据展示组件
tsx
import { Table, List, Card, Avatar, Badge } from 'ui-component-library';


🎨 主题定制
修改 src/styles/variables.less 中的全局变量，即可实现主题定制：
less
// 主色系
@primary-color: #1890ff; // 替换为你的主色
// 文本色
@text-primary: rgba(0,0,0,0.85);
📄 许可证
MIT License
plaintext

### 7. `CHANGELOG.md`（版本日志，规范迭代）
```markdown
# CHANGELOG
## v1.0.0 (2025-12-31)
### ✨ 新功能
- 完成表单组件：Checkbox、Radio、Select、DatePicker、TextArea；
- 完成反馈组件：Modal、Message、Notification、Tooltip、Loading；
- 完成布局组件：Grid(Row/Col)、Layout(Header/Footer)、Space；
- 完成数据展示组件：Table、List、Card、Avatar、Badge；
- 实现全局样式变量、通用工具函数、通用React Hooks；
- 完成工程化配置：TS编译、Jest测试、Rollup打包。

### ✅ 优化
- 所有组件实现TS强类型覆盖；
- 样式基于CSS Modules隔离，无冲突；
- 组件支持受控/非受控模式、自定义类名。

### 🐛 修复
- 修复Checkbox半选状态样式问题；
- 修复Modal ESC关闭失效问题；
- 修复Table空数据展示异常问题。
npm package: @mcy/ui
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.5.2.
Author: Michael Yuen
Latest version: 0.1.0

# Ui

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.5.2.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @mczen-technologies/tui
Description: TUI (Tunisia’s Unique Identifier) format validator
Author: McZEN Technologies
Latest version: 1.1.2

# TUI.js (Tunisia’s Unique Identifier)

[![Node.js Package](https://badgen.net/npm/dt/@mczentechnologies/tui)](https://www.npmjs.com/package/@mczentechnologies/tui) [![](https://data.jsdelivr.com/v1/package/npm/@mczentechnologies/tui/badge)](https://www.jsdelivr.com/package/npm/@mczentechnologies/tui)

The unique identifier serves as the taxpayer's identifier to the tax authorities in Tunisia, it's composed of 7 digits with a control key, for more details check out [trovit.tn](https://trovit.tn)

## Usage in the browser

```html
<script src="https://cdn.jsdelivr.net/npm/@mczentechnologies/tui"></script>
<script>
	new TUI("0789012H").isValid(); // true
</script>
```
npm package: @mczentechnologies/tnrib
Description: Vérificateur de RIB Tunisien
Author: Safouan Besrour
Latest version: 1.1.0

# TNRIB (Vérificateur de RIB Tunisie)

[![](https://data.jsdelivr.com/v1/package/npm/@mczentechnologies/tnrib/badge)](https://www.jsdelivr.com/package/npm/@mczentechnologies/tnrib) [![GitHub license](https://img.shields.io/github/license/McZen-Technologies/TNRIB?style=flat-square)](https://github.com/McZen-Technologies/TNRIB/blob/main/LICENSE)

Le RIB (Relevé d'identité bancaire) est un numéro qui identifie d'une manière unique un compte bancaire en Tunisie.
Le relevé d'identité bancaire tunisien est constitué d'une série de 20 chiffres.

## Usage dans le navigateur

```html
<script src="https://cdn.jsdelivr.net/npm/@mczentechnologies/tnrib"></script>
<script>
	console.log(new TNRIB('07040005810111129653').isValid());
	// expected output: true
	console.log(new TNRIB('07040005810111129653').iban());
	// expected output: 'TN59 07 040 0058101111296 53'
	console.log(new TNRIB('07040005810111129653').bic());
	// expected output:  'CFCTTNTT'
	console.log(new TNRIB('07040005810111129653').acompteNumber());
	// expected output:  '0058101111296'
	console.log(new TNRIB('07040005810111129653').bankName());
	// expected output:  'AMEN'
	console.log(new TNRIB('07040005810111129653'))
	// expected output: 
	/*{
	  "value": "07040005810111129653",
	  "valid": true,
	  "iban": "TN59 07 040 0058101111296 53",
	  "bic": "CFCTTNTT",
	  "acompteNumber": "0058101111296",
	  "bankName": "AMEN"
	}*/
</script>
npm package: @mczentechnologies/tui
Description: TUI (Tunisia’s Unique Identifier) format validator
Author: McZEN Technologies
Latest version: 1.1.0

# TUI.js (Tunisia’s Unique Identifier)

[![Node.js Package](https://github.com/McZen-Technologies/TUI/actions/workflows/release-package.yml/badge.svg)](https://github.com/McZen-Technologies/TUI/actions/workflows/release-package.yml) [![](https://data.jsdelivr.com/v1/package/npm/@mczentechnologies/tui/badge)](https://www.jsdelivr.com/package/npm/@mczentechnologies/tui)

The unique identifier serves as the taxpayer's identifier to the tax authorities in Tunisia, it's composed of 7 digits with a control key, for more details check out [trovit.tn](https://trovit.tn)

## Usage in the browser

```html
<script src="https://cdn.jsdelivr.net/npm/@mczentechnologies/tui@1.0.0"></script>
<script>
  new TUI("0789012H").isValid(); // true
</script>
```