open-index/open-npm huggingface dataset:
npm package: @hobox/plugin-share-box
Description: A plugin, make sharing hobox more convenient
Author: keylenn
Latest version: 1.1.1

# @hobox/plugin-share-box

[![npm](https://img.shields.io/npm/v/@hobox/plugin-share-box.svg)](https://www.npmjs.com/package/@hobox/plugin-share-box) [![node](https://img.shields.io/node/v/@hobox/plugin-share-box.svg)](https://keylenn.github.io/boxjs) [![](https://img.shields.io/badge/document-v1-red.svg)](https://keylenn.github.io/boxjs)

> 一个hobox插件，让共享hobox更便捷

☞ 快速前往[文档](https://keylenn.github.io/boxjs/#/plugins?id=%f0%9f%9b%a0getsharedbox)了解具体使用~


## 📦 安装
```sh
yarn add @hobox/plugin-share-box
```

```sh
npm i @hobox/plugin-share-box
```
npm package: @hobson/openapi-codegen-cli
Description: OpenAPI Codegen cli
Author: Fabien Bernard
Latest version: 2.0.0

# OpenAPI Codegen

## Getting started

1. Add a `openapi-codegen.config.ts` at the root of your project

```ts
// openapi-codegen.config.ts
import { defineConfig } from "@openapi-codegen/cli";
import {
  generateSchemaTypes,
  generateReactQueryComponents,
} from "@openapi-codegen/typescript";

export default defineConfig({
  example: {
    from: {
      source: "github",
      owner: "fabien0102",
      repository: "openapi-codegen",
      ref: "main",
      specPath: "examples/spec.yaml",
    },

    // can be overridden from cli
    outputDir: "src/queries",

    to: async (context) => {
      const filenamePrefix = "example";

      // Generate all the schemas types (components & responses)
      const { schemasFiles } = await generateSchemaTypes(context, {
        filenamePrefix,
      });

      // Generate all react-query components
      await generateReactQueryComponents(context, {
        filenamePrefix,
        schemasFiles,
      });
    },
  },
});
```

2. Expose openapi-codegen in your `package.json`

```diff
--- a/package.json
+++ b/package.json
   "scripts": {
+    "gen": "openapi-codegen",
   }
```

3. Run the generator (`example` is the config key defined in the step 1)

```bash
$ yarn gen example
```

4. Start playing! 🥳
npm package: @hoc-element/affix
Description: 📌 Affix 将页面元素固定在可视范围内。
Author: Wisdom
Latest version: 1.0.0

# @hoc-element/affix

![npm](https://img.shields.io/npm/v/@hoc-element/affix)  ![NPM](https://img.shields.io/npm/l/@hoc-element/affix)

📌 基于 Webpack 5 构建的 Vue 3.x 固钉组件，用于将页面元素固定在可视范围内。

**Live demo:** https://pdsuwwz.github.io/hoc-element-affix


## Version

* Vue 3.x 版本 ｜ [Vue 2.x 版本](https://github.com/pdsuwwz/hoc-element-affix/tree/vue2.0)



## Environment Support

* Vue 3.2.x

## Install

```shell
npm install @hoc-element/affix

# or

pnpm add @hoc-element/affix
```

## Quick Start

```js
import { createApp } from 'vue'
import HocElementAffix from '@hoc-element/affix'
import App from './App.vue'

createApp(App)
  .use(HocElementAffix)
  .mount('#app')
```

## Feature

- [x] 支持 Vue 3.x
- [x] 支持自定义顶部 `offsetTop` 偏移量
- [x] 支持固定状态改变触发回调
- [x] 支持 `Slot` 插槽式的固定状态反馈

## Using

### 绑定参数 Attributes

| 字段 | 说明 | 类型 | 默认值 |
| -------- | -------- | -------- | -------- |
| offsetTop | （可选）距离窗口顶部多少时开始固定 | Number | 0 |

### 事件 Events

| 字段 | 说明 | 类型 |
| -------- | -------- | -------- |
| change | （可选）固定状态发生改变时的回调函数 | Function |

### 插槽数据 Slot

绑定的数据默认在一个对象里，如需要可直接解构再使用

| 字段 | 说明 | 类型 | 默认值 |
| -------- | -------- | -------- | -------- |
| affixed | （可选）实时的固定状态 | Boolean | false |


## Demo

下面是比较全的例子，几乎囊括了 API 的所有用法，源码戳这： [Code](https://github.com/pdsuwwz/hoc-element-affix/tree/main/example/src/views/ExampleAffix.vue )
npm package: @hoc-element/table
Description: 📦  A Vue3.x Table Component built on Webpack 5 that follows the Configuration
Author: Wisdom
Latest version: 2.2.0

# @hoc-element/table

[![npm](https://img.shields.io/npm/v/@hoc-element/table)](https://www.npmjs.com/package/@hoc-element/table)
[![license](https://img.shields.io/npm/l/@hoc-element/table)](https://github.com/pdsuwwz/hoc-element-table/blob/main/LICENSE)

📦 基于 Webpack 5 构建，重构成 Vue 3.x，二次封装了 element-plus 库中的 table，通过配置文件的方式即可生成 `table` 表格, 无需再写大量的诸如 `<el-xxx>` 的模板，实现更高的自由度，旨在减少重复的操作，让开发变得更高效。

**[Live demo](https://pdsuwwz.github.io/hoc-element-table)** 

## Version

* Vue 3.x 版本 ｜ [Vue 2.x 版本](https://github.com/pdsuwwz/hoc-element-table/tree/vue2.0)

## Screenshot

<img width="1440" alt="image" src="https://user-images.githubusercontent.com/19891724/154832301-f85c48e3-57dc-4ffc-a5d8-78490bfbc484.png">

## Environment Support

* Vue 3.2.x

## Install

```shell
npm install @hoc-element/table

# or

pnpm add @hoc-element/table
```

## Quick Start

* 使用前请安装 [element-plus](https://www.npmjs.com/package/element-plus)

```js
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import HocElTable from '@hoc-element/table'
import App from './App.vue'

createApp(App)
  .use(ElementPlus)
  .use(HocElTable)
  .mount('#app')

```

## Changelog

Detailed changes for each release are documented in the [release notes](https://github.com/pdsuwwz/hoc-element-table/releases)

## Feature

- [x] 基于 Webpack 5 构建
- [x] 全面支持 Vue 3
- [x] 支持 `JSON` 序列化表格快速配置
- [x] 已内置 `Pagination` 分页
- [x] 支持自定义 `prop` 列名
- [x] 支持单元格内容自定义渲染 【见 [单元格渲染配置说明](#单元格渲染配置说明)】
- [x] 支持自定义单元格 `style` 样式
- [x] 支持绑定自定义指令 `directives`
- [x] 支持绑定 `element-plus` 原生 `Table` 的 `Events` 和 `Methods`
- [x] 支持 `Header` 和 `Pagination` 的显隐控制

## 单元格渲染配置说明

| 方法 | 说明 | 场景 |
| -------- | -------- | -------- |
| --- | 渲染单元格的 attrs.prop 对应的键值 | 适用于直接显示 prop 的值场景 |
| render | 渲染字符串 | 适用于对默认 prop 的值做一些微处理的场景 |
| renderHTML | 渲染指定的 DOM 元素 | 适用于展示 Action，一般用在最后一列（目前只支持 el-button 的渲染，详见 Example） |
| renderComponent | 渲染组件 | 适用于单元格内需要展示复杂内容的场景，详见 Example |

## Example

这是比较全的例子，几乎囊括了 API 的所有用法，源码戳这： [Code](https://github.com/pdsuwwz/hoc-element-table/tree/main/example/src/components/table-list.vue)

## Deploy

见仓库 [📥  hoc-element-table-build](https://github.com/pdsuwwz/hoc-element-table-build)
npm package: @hoc-react-loader/full
Description: Higher order component to call a load function from props at mount (with default components)
Author: Fabien JUIF
Latest version: 7.0.3

# @hoc-react-loader/full

This package uses [hoc-react-loader](https://github.com/alakarteio/hoc-react-loader) and add a default LoadingIndicator and a default ErrorIndicator.

You can see documentation here: [documentation](https://github.com/alakarteio/hoc-react-loader).

You can test some examples [here](https://alakarteio.github.io/hoc-react-loader/).

## Installation
 - `yarn add @hoc-react-loader/full`

`tinycolor2` is a peer dependency of `@hoc-react-loader/full`. It handles color picking for the default loading indicator. You don't have to install it if you use your own loading indicator.