open-index/open-npm huggingface dataset:
npm package: @feseeker/ni
Description: Use the right package manager
Author: feseeker
Latest version: 0.0.3

# ***@feseeker/ni***

本项目是优秀开源仓库学习与实践的第一个项目，来源于 `antfu` 的 ***[ni](https://github.com/antfu/ni)***，主要作用是使用正确的包管理器，
更多使用方法请参考官方仓库。另外需要重复说明的是，本项目是一个学习项目，所以只是实现了我个人比较感兴趣的部分功能，大家在下载安装使用时，一定要使用官方仓库。

此外，本项目目前实现了 `ni` 和 `nr` 的一些命令，对于 `nlx`、`nu`、`nun`、`nci` 等还未实现，并且对于 `bun` 管理器，我也没有考虑在内。主要实现了大家比较熟悉的包管理器，比如 `npm`、`pnpm`、`yarn` 和 `yarn@berry`，请大家知悉。
npm package: @fesjs/fes-design
Description: fes-design for PC
Author: winixt
Latest version: 0.8.84

<p align="center">
  <a href="https://fes-design-4gvn317r3b6bfe17-1254145788.ap-shanghai.app.tcloudbase.com/">
    <img width="362" src="./docs/public/images/fes-logo.svg">
  </a>
</p>

<h1 align="center">Fes Design</h1>

<div align="center">

Vue3 组件库，Typescirpt 编写，高性能，支持按需引入、国际化、可配置主题。
</div>

## 安装

```bash
npm i @fesjs/fes-design
```

```bash
pnpm i @fesjs/fes-design
```

## 使用

```js
<template>
    <FButton type="primary">Primary</FButton>
    <CloseCircleFilled />
</template>

<script setup>
import {FButton} from '@fesjs/fes-design';
import {CloseCircleFilled} from '@fesjs/fes-design/icon';
</script>
```

## 反馈

| Github Issue  | Fes.js开源运营小助手 |
| --- | --- |
| [@fesjs/fes-design](../../issues) | <img src="https://cos-1254145788.cos.ap-guangzhou.myqcloud.com/WechatIMG104.jpeg" height="250"/>
npm package: @fesjs/traction-widget
Description: 集合大型中台项目使用到的通用组件和工具函数
Author: lucaszhu@webank.com
Latest version: 1.12.9

# Traction Widget

Traction Widget 包含UI和函数两大部分，是一个大型中台通用业务组件库，聚焦系统业务开发需求，收纳高频使用的前端通用组件及工具函数，助力实现高效、标准的业务开发迭代流程。这些组件像汽车的连接零件一样，将关联部分紧紧连接在一起，牵引起来，发挥纽带作用。

使用文档请查看[traction-widget](https://www.mumblefe.cn/p/traction-widget)

## 为什么要做Traction Widget

业务需求功能会很多相似处，如果每次都手动处理，会导致同一种功能有多个版本实现、项目之间缺乏连通性等问题，因此我们需要一个组件库去维护这些可以通用的功能，起到：

1. 提效

> 收纳高频组件工具，无需反复造轮子，业务开发时，可优先在Traction Widget寻找最佳解决方案
  
2. 维护性高

> 对于共性问题缺陷，可一键升级组件解决，无需逐一修改打补丁
  
> 开发者编写代码风格各异，Traction Widget提供了一套代码共识，依赖程度越高，代码风格越统一，出现问题时定位也会越高效。

## 应用领域

在微众银行典型的大型中台项目中，目前使用到Traction Widget的项目有：

- 数据应用开发管理集成框架 [DataSphereStudio](https://github.com/WeBankFinTech/DataSphereStudio)

- 计算中间件 [linkis](https://github.com/apache/linkis)

- 数据质量管理平台 [Qualitis](https://github.com/WeBankFinTech/Qualitis)

将来还会有更多的平台接入

## 框架说明

Traction Widget基于[VUEJS 3.x](https://cn.vuejs.org/)和[fes-design](https://fes-design.mumblefe.cn/)设计，使用`ts`语法编写

## 组件概览

![](https://github.com/WeBankFinTech/TractionWidget/blob/dev_monday/packages/traction-widget/components/assets/images/componentOverview.png)

## 组件使用

```html
# 安装依赖
npm i -S @fesjs/traction-widget

# 引入组件
import { table } from '@fesjs/traction-widget'
# 使用组件
<template>
  <table></table>
</template>
```
npm package: @fesk/bem-js
Description: BEM helper for generating CSS class names
Author: Stephen Fraser
Latest version: 1.0.1

# bem-js

[![npm package][npm-badge]][npm]

Installation:
```
$ yarn add digirati-bem-js
```

Usage:
```javascript
import BEM from 'digirati-bem-js';

// Chaining
BEM.block('foo'); // foo
BEM.block('foo').element('bar'); // foo__bar

// In variable
const foo = BEM.block('foo');

foo.element('bar'); // foo__bar
foo.element('baz'); // foo__baz
foo.modifier('far'); // foo foo--far
foo.element('bar').modifier('baz'); // foo__bar foo__bar--baz

// Using conditions
foo.element('bar').modifier('baz', false); // foo__bar
foo.element('bar').modifier('baz', true); // foo__bar foo__bar--baz
foo.modifier('far', false); // foo

// Shorthand
BEM.b('foo').e('bar').m('baz', true); // foo__bar foo__bar--baz

// Multiple conditions using (https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/every)
foo.element('bar').modifier('baz', [true, true].every(t => !!t)); // foo__bar foo__bar--baz

// Multiple modifiers
BEM.b('foo').e('bar').m({
  'baz-1': true,
  'baz-2': false,
  'baz-3': true
}); // foo__bar foo__bar--baz-1 foo__bar--baz-3
```

[npm-badge]: https://img.shields.io/npm/v/digirati-bem-js.png?style=flat-square
[npm]: https://www.npmjs.org/package/digirati-bem-js