open-index/open-npm huggingface dataset:
npm package: @secrets/codemirror
Description: Full-featured in-browser code editor
Author: Marijn Haverbeke
Latest version: 5.65.8

# CodeMirror

[![Build Status](https://github.com/codemirror/codemirror5/workflows/main/badge.svg)](https://github.com/codemirror/codemirror5/actions)
[![NPM version](https://img.shields.io/npm/v/codemirror.svg)](https://www.npmjs.org/package/codemirror)

CodeMirror is a versatile text editor implemented in JavaScript for
the browser. It is specialized for editing code, and comes with over
100 language modes and various addons that implement more advanced
editing functionality. Every language comes with fully-featured code
and syntax highlighting to help with reading and editing complex code.

A rich programming API and a CSS theming system are available for
customizing CodeMirror to fit your application, and extending it with
new functionality.

You can find more information (and the
[manual](https://codemirror.net/5/doc/manual.html)) on the [project
page](https://codemirror.net/5/). For questions and discussion, use the
[discussion forum](https://discuss.codemirror.net/).

See
[CONTRIBUTING.md](https://github.com/codemirror/CodeMirror/blob/master/CONTRIBUTING.md)
for contributing guidelines.

The CodeMirror community aims to be welcoming to everybody. We use the
[Contributor Covenant
(1.1)](http://contributor-covenant.org/version/1/1/0/) as our code of
conduct.

### Installation

Either get the [zip file](https://codemirror.net/5/codemirror.zip) with
the latest version, or make sure you have [Node](https://nodejs.org/)
installed and run:

    npm install codemirror

**NOTE**: This is the source repository for the library, and not the
distribution channel. Cloning it is not the recommended way to install
the library, and will in fact not work unless you also run the build
step.

### Quickstart

To build the project, make sure you have Node.js installed (at least version 6)
and then `npm install`. To run, just open `index.html` in your
browser (you don't need to run a webserver). Run the tests with `npm test`.
npm package: @secrets/dagre
Description: Graph layout for JavaScript
Author: Chris Pettitt
Latest version: 0.8.8


# Important!

**This project does not have a maintainer or active project members. There won’t be any support or attention to pull requests. Please do not contact previous maintainers unless you are qualified and have the resources to make a serious commitment to fully take over ownership of the project.**



# dagre - Graph layout for JavaScript

[![Build Status](https://github.com/dagrejs/dagre/workflows/Build%20Status/badge.svg?branch=master)](https://github.com/dagrejs/dagre/actions?query=workflow%3A%22Build+Status%22)
[![npm](https://img.shields.io/npm/v/dagre.svg)](https://www.npmjs.com/package/dagre)


Dagre is a JavaScript library that makes it easy to lay out directed graphs on the client-side.

For more details, including examples and configuration options, please see our [wiki](https://github.com/dagrejs/dagre/wiki).

## License

dagre is licensed under the terms of the MIT License. See the LICENSE file for details.
npm package: @secrets/graphlib
Description: A directed and undirected multi-graph library
Author: Chris Pettitt
Latest version: 2.1.10


# Important!

**This project is starting to be maintained again. **


# Graphlib

Graphlib is a JavaScript library that provides data structures for undirected
and directed multi-graphs along with algorithms that can be used with them.

[![Build Status](https://github.com/dagrejs/graphlib/workflows/Build%20Status/badge.svg?branch=master)](https://github.com/dagrejs/graphlib/actions?query=workflow%3A%22Build+Status%22)
[![npm](https://img.shields.io/npm/v/graphlib.svg)](https://www.npmjs.com/package/graphlib)

To learn more [see our Wiki](https://github.com/cpettitt/graphlib/wiki).

# License

Graphlib is licensed under the terms of the MIT License. See the
[LICENSE](LICENSE) file
for details.

[npm package manager]: http://npmjs.org/
npm package: @secrets/vue-cli-plugin-ui-blocks
Description: vue-cli 3 plugin to add vue pages
Author: xubowen
Latest version: 1.0.1

# vue-cli-plugin-ui-blocks

模块安装

# 如何使用

启动 vue ui

点击插件栏目,添加插件

搜索 `vue-cli-plugin-ui-blocks` 选择你需要安装的模块

在`package.json`下插件会自动生成一个脚本命令

```bash
 "uiblock": "vue-cli-service uiblocks"
```

可以在自己的`vue.config.js`下维护自己需要的模块

```js
pluginOptions: {
    uiblockModules: ["test", "test1"],
  }
```

然后运行

```bash
npm run uiblock
```

也会自动安装模块

## 修改模块

1. clone 一份本项目
2. 修改项目项目名称
3. 添加自己的代码模块到`views`目录下
4. 维护`pages.js`
npm package: @secrets/vue-mention
Description: vue-mention
Latest version: 1.0.1

# Vue 提醒插件

## How to use

```bash
npm install @secrets/vue-mention
```

```html
<template>
  <vue-mention v-model="text" :list="members1"></vue-mention>
</template>
```

```javascript
import VueMention from "@secrets/vue-mention";

export default {
  components: { VueMention },
  data() {
    return {
      text: "Hello World! @Cyber Fei \n@mxsg.com @小明 ahaha",
      members1: ["Cyber Fei", "mxsg.com", "小明"]
    };
  }
};
```
npm package: @secrets/vue-menu
Description: vue-menu
Latest version: 0.0.12

# vue-menu

无限联级菜单

## How to use

```bash
npm i @secrets/vue-menu -D
```

```js
import VueMenu from "@secrets/vue-menu";
import VueMenu from "@secrets/vue-menu/style/index.less";

Vue.use(VueMenu);
```

```html
<template>
  <div id="app" style="padding: 15px">
    <div>
      <vue-menu :menu="menu" v-model="value" :label.sync="label"></vue-menu>
    </div>
  </div>
</template>

<script>
  import VueMenu from "../src/components/VueMenu";
  export default {
    components: { VueMenu },
    data() {
      return {
        value: [],
        label: [],
        menu: [
          { name: "home", title: "home" },
          {
            name: "space",
            title: "MY SPACE",
            items: [
              {
                name: "space-1",
                title: "space",
                items: [
                  { name: "space-2-1-name", title: "space-2-1" },
                  { name: "space-2-2-name", title: "space-2-2" }
                ]
              },
              {
                name: "space-2",
                title: "space2",
                items: [
                  { name: "space-2-1-name", title: "space-2-1" },
                  { name: "space-2-2-name", title: "space-2-2" }
                ]
              }
            ]
          },
          {
            name: "INFOMATION",
            title: "INFOMATION",
            items: [
              { name: "333", title: "333" },
              {
                name: "444",
                title: "444",
                items: [
                  { name: "space-2-1", title: "space-2-1" },
                  { name: "space-2-2", title: "space-2-2" }
                ]
              },
              {
                name: "555",
                title: "555",
                items: [
                  {
                    name: "space-3-1",
                    title: "space-3-1",
                    items: [
                      { name: "5-5", title: "5-5" },
                      { name: "5-51", title: "5-51" }
                    ]
                  },
                  { name: "space-3-2", title: "space-3-2" },
                  { name: "space-3-3", title: "space-3-2" },
                  { name: "space-3-4", title: "space-3-2" }
                ]
              }
            ]
          }
        ]
      };
    }
  };
</script>
```