open-index/open-npm huggingface dataset:
npm package: @shuanghui/s-ui
Description: ## demo地址 [@shuanghui/s-ui](http://skynumber.gitee.io/s-ui/)
Author: shuanghui
Latest version: 0.1.6

# @shuanghui/s-ui

## demo地址
[@shuanghui/s-ui](http://skynumber.gitee.io/s-ui/)

## 安装
```sh
npm install @shuanghui/s-ui # 或 yarn add h-ui
```
## 使用

### 全引入
```js
import Vue from 'vue'
import HUI from '@shuanghui/s-ui'
import '@shuanghui/s-ui/theme-chalk/index.css'
Vue.use(HUI)
```

### 按需引入
```js
import Vue from 'vue'
import {SButton} from '@shuanghui/s-ui'
Vue.use(SButton)
```
npm package: @shuaninfo/hot-key-input
Description: > base: https://codesandbox.io/s/vue-hotkeyinput-90m2k
Latest version: 0.7.2

# hot-key-input

> base: https://codesandbox.io/s/vue-hotkeyinput-90m2k

![](examples/assets/hot-key-input01.gif)

## 项目步骤

```
yarn install
```

### 开发

```shell
# 访问localhost:8080
npm run dev
```



### 发布

```shell
# 修改版本号
npm run upload
```

### issues

See [Issues](https://github.com/shuaninfo/hot-key-input/issues).
npm package: @shuaninfo/monaco-languages
Description: monaco more language 
Latest version: 1.6.2

> 组件还不成熟，如果使用请查看/examples/App.vue

```javascript
// 注意先后顺序
import * as monaco from 'monaco-editor';
import * as languagesmore from 'monaco-languages-more';
// use window.language
// or use window.languagesmore
// window.languagesmore === window.languages // true
...
```

#### 开发

> npm run dev

#### build

> npm run build:lib
npm package: @shuaninfo/vue-context-menu
Description: Vue 2.0 右键菜单组件，菜单内容可以随意自定义
Author: 傅长路
Latest version: 2.0.1

# vue-context-menu

> Vue 2.0 右键菜单组件，菜单内容可以随意自定义

![Preview](https://github.com/binggg/vue-context-menu/blob/master/demo/assets/demo.jpeg?raw=true)

## 安装
```
npm install @shuaninfo/vue-context-menu
```

## 在线Demo

https://shuaninfo.github.io/vue-context-menu/demo/dist

## 使用

### 1. 注册组件

#### 方式1 利用插件方式全局注册

```javascript
import VueContextMenu from '@shuaninfo/vue-context-menu'
import Vue from 'vue'

Vue.use(VueContextMenu)
```
#### 方式2 局部注册

```javascript
import { component as VueContextMenu } from '@shuaninfo/vue-context-menu'

export default {
  // ...
  components: {
    'vue-context-menu': VueContextMenu
  }
}
```

#### 方式3 独立版本引入，自动全局注册
> 前提是 vue 也是独立版本通过script标签引入

```html
<script src="./node_modules/dist/vue-context-menu.js"></script>
```

### 2. 模版语法
```html
 <context-menu class="right-menu" 
    :target="contextMenuTarget" 
    :show="contextMenuVisible" 
    @update:show="(show) => contextMenuVisible = show">
    <a href="javascript:;" @click="copyMsg">复制</a>
    <a href="javascript:;" @click="quoteMsg">引用</a>
    <a href="javascript:;" @click="deleteMsg">删除</a>
</context-menu>
```

## Props

| 参数                    | 说明  | 类型 | 可选值 | 默认值 |
|-------------------------|-------|------|--------|--------|
| target | 触发右键事件的元素  | Element | -      | -      |
| show | 是否显示右键菜单  | Boolean | -      | false      |


## Events

| 事件名                    | 说明  | 事件参数 |
|-------------------------|-------|------|
| update:show | 右键菜单显示/隐藏时触发  | 是否显示 |
| action | 右键点击事件 | event |



## 注意

如果target是某个兄弟元素，可以使用 `$refs`来访问，但是注意请在父组件mounted 之后获取。

参考 https://cn.vuejs.org/v2/guide/components.html#子组件索引


## ChangeLog
- [1.1.0] 2021年3月12日
  - 在网页右下方点击右键，菜单向左上显示
- action右键点击事件
- [1.0.1] 2017-07-10
  - 修复 target 为空时可能出错的bug
- [1.0.0] 2017-06-23
  - 实现右键菜单基本功能

## Development Setup

``` bash
# install deps
npm install

# serve demo at localhost:8080
npm run dev

# build library and demo
npm run build

# build library
npm run build:library

# build demo
npm run build:demo
```

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2021年3月12日 傅长路
npm package: @shubasish/mdx-editor
Description: Copy of @mdx-editor/editor without circular dependencies - React component for rich text markdown editing
Latest version: 1.0.2

# MDXEditor

![npm](https://img.shields.io/npm/v/@mdxeditor/editor)
![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@mdxeditor/editor)

> Because markdown editing can be even more delightful.

MDXEditor is an open-source React component that allows users to author markdown documents naturally. Just like in Google docs or Notion. [See the live demo](https://mdxeditor.dev/editor/demo) that has all features turned on. 
The component supports the core markdown syntax and certain extensions, including tables, images, code blocks, etc. It also allows users to edit JSX components with a built-in JSX editor or a custom one.

```jsx
import {MDXEditor, headingsPlugin} from '@mdxeditor/editor';
import '@mdxeditor/editor/style.css';

export default function App() {
  return <MDXEditor markdown={'# Hello World'} plugins={[headingsPlugin()]} />;
}
```
## Get Started

The best place to get started using the component is the [documentation](https://mdxeditor.dev/editor/docs/getting-started).

## Help and support

If you find a bug, check if something similar is not reported already in the [issues](https://github.com/mdx-editor/editor/issues). If not, [create a new issue](https://github.com/mdx-editor/editor/issues/new?assignees=&labels=bug&projects=&template=1.bug.md&title=%5BBUG%5D).

If you're integrating the component in your commercial project and need dedicated assistance with your issues in exchange of sponsorship, [contact me over email](mailto:petyo@mdxeditor.dev).

If you want to discuss ideas [join the Discord server](https://discord.gg/4q7U2Hc) or start a discussion in the [Discussions](https://github.com/mdx-editor/editor/discussions) section.

## License

MIT &copy; Petyo Ivanov.