open-index/open-npm huggingface dataset:
npm package: @pluve/bionic
Description: [![npm (scoped)](https://img.shields.io/npm/v/@pluve/bionic?style=for-the-badge)](https://www.npmjs.com/package/@pluve/bionic)
Author: vdfor
Latest version: 1.2.2

# @pluve/bionic

[![npm (scoped)](https://img.shields.io/npm/v/@pluve/bionic?style=for-the-badge)](https://www.npmjs.com/package/@pluve/bionic)

[prettier](https://prettier.io/) [eslint](https://eslint.org/) 的配置文件合集

## INSTALL

```bash
yarn add @pluve/bionic -D
```

## USEAGE

```js
// .eslintrc.js
module.exports = {
  extends: [require.resolve('@pluve/bionic/eslint/index')],
};

// .prettierrc.js
module.exports = require('@pluve/bionic/prettier');;
```

## TIPS

+ [taro](https://github.com/nervjs/taro) 仅适用于 `3.x` 版本，且上层框架为 `react`

## 编辑器配置示例

### vscode

```json
// .vscode/settings.json
{
  "eslint.validate": ["javascript", "typescript", "typescriptreact"],
  "eslint.nodePath": "node_modules/eslint",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}
```
npm package: @pluve/lego-icon-font
Description: lego系列之 IconFont 组件
Author: yfpharmacy
Latest version: 0.0.1

# @pluve/lego-icon-font

基于 icon-font 的 Vue 3 图标组件，符合益丰大药房设计风格。

## 安装

```bash
yarn add @pluve/lego-icon-font
```

## 使用

```vue
<template>
  <lego-icon-font type="home" size="24" color="#009639" />
</template>

<script setup>
import { LegoIconFont } from '@pluve/lego-icon-font';
import '@pluve/lego-icon-font/dist/style.css'; // 引入样式
</script>
```

## 替换字体文件

请将您的 `iconfont.ttf`, `iconfont.woff`, `iconfont.woff2` 文件放置在项目中，并在构建时确保 CSS 能正确引用它们，或者直接替换本包 `src/assets` 下的文件并重新构建。

目前的 CSS 文件位于 `src/assets/iconfont.css`。
npm package: @pluve/lego-org-tree-react
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 1.1.4

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @pluve/lego-step-vue
Description: 乐高系列之 step 组件
Author: zhaoyajie
Latest version: 0.1.0

# @pluve/lego-step-vue

乐高系列之 `step` 组件

基于运营平台新UI封装的分布组件。

`@pluve/lego-step-vue` 已经投入了我们的生产环境中使用，经受住了来自真实业务的考验，并伴随着我们的业务需求不断完善。

## 默认配置
| 属性 | 类型 |默认值 | 描述 |
| --- | --- | --- |
| current | number | 1 | 当前分布下标位置,从1开始计数 |


## 安装
```shell
# 使用 npm
npm i @pluve/lego-step-vue

# 使用 yarn
yarn add @pluve/lego-step-vue
```

## 使用

```vue
 <lego-steps :current="state.current">
    <lego-step title="基本规则" :index="1">
        <div>第一阶段</div>
        <a-button type="primary" @click="state.current=2">下一步</a-button>
    </lego-step>
    <lego-step title="企划内容" :index="2">
        <div>第二阶段</div>
        <a-button @click="state.current=1">上一步</a-button>
        <a-button style="margin-left: 8px;" type="primary" @click="state.current=3">下一步</a-button>
    </lego-step>
    <lego-step title="发布" :index="3">
        <div>第三阶段</div>
        <a-button @click="state.current=2">上一步</a-button>
        <a-button style="margin-left: 8px;" type="primary">提交</a-button>
    </lego-step>
  </lego-steps>  
```

## Keywords
`lego` `lego-step` `lego-step-vue`
npm package: @pluve/pdf-preview-vue
Description: magic系列之 PDFPreview 组件
Author: Otto
Latest version: 0.0.5

# @pluve/pdf-preview-vue

magic 系列之 PDF 预览组件

<!-- [![npm (scoped)](https://img.shields.io/npm/v/@pluve/lego-table-vue?style=for-the-badge)](https://www.npmjs.com/package/@pluve/lego-table-vue) -->

# usage

- 默认将 PDF 文档渲染到 A4 尺寸的画布上，如果需要自定义尺寸，可以通过`preferWidth`和`preferHeight`来设置，同时需要设置`scale`来调整缩放比例。
- 需要提供 PDF 文档的 URL 地址，同时需要提供 PDF 文档的 CMap 地址，CMap 资源可以通过`pdfjs-dist`的`cmaps`目录下的文件来获取，例如：`cmaps/Adobe-Japan1-UCS2.bcmap`。你可以将 CMap 资源放到你的 OSS 上，然后通过`cMapUrl`来指定 CMap 资源的地址。
- 暂时仅支持渲染 PDF 文档第一页，后续会支持渲染多页。

```ts
<template>
  <PDFPreview v-bind="pdfProps" />
</template>

<script setup lang="ts">
import { reactive } from 'vue';
import { PDFPreview } from '.';

const pdfProps = reactive({
  pdfUrl: '',
  cMapUrl: '',
  scale: 1.335,
  preferWidth: 794,
  preferHeight: 1123,
});
</script>

<style lang="less" module>
.wrap {
  position: relative;
  min-height: 52px;
  background-color: #fff;
  padding: 10px 10px 0;
  border-radius: 4px;
  margin-top: 10px;
}
</style>
```

# dependencies

- [pdfjs-dist](https://www.npmjs.com/package/pdfjs-dist)