open-index/open-npm huggingface dataset:
npm package: @shikitor/react
Description: Shikitor for react
Latest version: 0.1.6

# @shikitor/react

|en-us|[zh-cn](./README.zh-CN.md)|

## Description

## Installation

```bash
npm install @shikitor/react
# or
pnpm install @shikitor/react
# or
yarn add @shikitor/react
```

## Usage


## License

MIT
npm package: @shikshalokam/sl-reports
Description: Library to integrate questionnaire in SL Projects
Latest version: 1.0.2

# SlReportsLibrary

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.15.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @shikshalokam/sl-reports-library
Description: Library to integrate questionnaire in SL Projects
Author: Shikshalokam
Latest version: 6.0.0

# SlReportsLibrary

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.13.

## Code scaffolding

Run `ng generate component component-name --project sl-reports-library` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project sl-reports-library`.
> Note: Don't forget to add `--project sl-reports-library` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build sl-reports-library` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build sl-reports-library`, go to the dist folder `cd dist/sl-reports-library` and run `npm publish`.

## Running unit tests

Run `ng test sl-reports-library` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @shilim-developer/vue-dialog-manager
Description: A Vue3 Library, easy to open modal and drawer
Author: shilim
Latest version: 1.0.1

<h1 align="center">vue-dialog-manager</h1>

<p align="center">
  <a href="https://github.com/shilim-developer/vue-dialog-manager/blob/master">
    <img alt="version" src="https://img.shields.io/github/package-json/v/shilim-developer/vue-dialog-manager"/>
  </a>
  <a href="https://github.com/shilim-developer/vue-dialog-manager/blob/master/LICENSE">
    <img alt="LICENSE" src="https://img.shields.io/github/license/shilim-developer/vue-dialog-manager"/>
  </a>
</p>

<div align="center">
<strong>
<samp>

[English](README.md) | 简体中文

</samp>
</strong>
</div>

## 项目介绍

A Vue3 Library, easy to open modal and drawer

## 功能介绍

- 弹窗组件完全管理自己的状态
- 只需要一个DialogManager节点就可以
- 可以使用vue-devtool调试

## 安装

```sh
npm install @shilim-developer/vue-dialog-manager
```
```sh
yarn add @shilim-developer/vue-dialog-manager
```
```sh
pnpm install @shilim-developer/vue-dialog-manager
```

## 文档
[文档](https://shilim-developer.github.io/vue-dialog-manager/)

## 许可证

[License MIT](./LICENSE)
npm package: @shilong/nrm
Description: NPM registry manager. include: yarn, taobao, tencent
Author: onlylonger
Latest version: 0.2.0

# @shilong/nrm

This is a simple npm registry manager cli tool.

![min package size](https://img.shields.io/bundlephobia/min/@shilong/nrm)
![downloads](https://img.shields.io/npm/dt/@shilong/nrm)
![vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@shilong/nrm)

<!-- ![support node version](https://img.shields.io/node/v/@shilong/nrm) -->

## Install

```sh
$ npm i @shilong/nrm -g

## check if install successful
$ slnrm --help
```

## Usage

```sh
# show available registry
$ slnrm ls
   * npm         https://registry.npmjs.org/
     yarn        https://registry.yarnpkg.com/
     taobao      https://registry.npmmirror.com/
     tencent     https://mirrors.cloud.tencent.com/npm/
```

```sh
# use one registry
$ slnrm use taobao
     npm         https://registry.npmjs.org/
     yarn        https://registry.yarnpkg.com/
   * taobao      https://registry.npmmirror.com/
     tencent     https://mirrors.cloud.tencent.com/npm/
```

### Difference

```sh

# install with npm registry

$ npm i --verbose
...
npm http fetch GET 200 https://registry.npmjs.org/@types%2fnode 3665ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/@types%2freact 559ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/@types%2freact-dom 377ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/eslint 775ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/eslint-config-next 1183ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/typescript 3514ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/next 4558ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/@opentelemetry%2fapi 314ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/fibers 281ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/node-sass 324ms (cache miss)
npm http fetch GET 200 https://registry.npmjs.org/react 1057ms (cache miss)
...

# install with taobao registry

$ npm i --verbose
...
npm http fetch GET 200 https://registry.npmmirror.com/@types%2fnode 444ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/@types%2freact 125ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/@types%2freact-dom 77ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/eslint 109ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/eslint-config-next 376ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/typescript 462ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/next 520ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/@opentelemetry%2fapi 54ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/fibers 42ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/node-sass 42ms (cache miss)
npm http fetch GET 200 https://registry.npmmirror.com/react 270ms (cache miss)
...
```

##
npm package: @shilong521/design
Description: 组件库
Author: shilong
Latest version: 0.0.22

# @shilong521/design

<!-- Badge -->

## 介绍

React 组件库

## 安装

1. 安装组件包

```shell
yarn add @shilong521/design
# 或者npm install @shilong521/design --save

```

2. 导入组件

```tsx
//基于@monaco-editor/react二次封装代码视图
import { CodeView } from '@shilong521/design';

<CodeView
  title="代码视图"
  style={{ width: 1000, height: 800 }}
  code={code}
  language="go"
  highlightLines={[13, 16]}
  collapseCodeBlock={[
    { startLine: 3, endLine: 4, expandLines: 10 },
    { startLine: 7, endLine: 10, expandLines: 5 },
  ]}
/>;
```

```tsx
//拖拽流程图编排，ProcessSidebar（侧边栏），ProcessView（流程图）
import { ProcessSidebar, ProcessView } from '@shilong521/design';

import { useRef, useState } from 'react';
import {
  ProcessViewApiRefProps,
  ProcessViewValueProps,
  SidebarDataProps,
} from '@shilong521/design/dist/es/processDnD/interface';
import { ProcessSidebar, ProcessView } from '@shilong521/design';

const App = () => {
  const apiRef = useRef<ProcessViewApiRefProps>(null);

  const [activeId, setActiveId] = useState<string>('');
  const [sidebarData] = useState<SidebarDataProps[]>([
    { id: '1', title: '测试节点1' },
    { id: '2', title: '测试节点2' },
  ]);
  const [contentData, setContentData] = useState<ProcessViewValueProps>({
    nodeList: [],
    edgeList: [],
  });

  return (
    <div style={{ display: 'flex', height: 800, width: 1000 }}>
      <ProcessSidebar sidebarData={sidebarData} style={{ marginRight: 10 }} />
      <div style={{ flexGrow: 1, display: 'flex', flexDirection: 'column' }}>
        <ProcessView
          emptyProcessConfig={{
            style: {
              height: 300,
            },
          }}
          activeId={activeId}
          onActiveIdChange={(id) => setActiveId(id as string)}
          style={{ height: 300 }}
          apisRef={apiRef}
          value={contentData}
          onChange={(_, newSource) =>
            setContentData(
              newSource || {
                nodeList: [],
                edgeList: [],
              }
            )
          }
        />
        <div style={{ border: '1px solid rgba(60, 60, 60, 0.1)', flexGrow: 1 }}>
          {JSON.stringify(
            contentData.nodeList.find((v) => v.id === activeId) || {}
          )}
        </div>
      </div>
    </div>
  );
};
```

```tsx
import { SimpleForm } from '@shilong521/design'; //Simple表单

<SimpleForm
  onSubmit={onSubmit}
  formItemData={[
    {
      type: 'input',
      itemDataProps: {
        label: 'uid',
        field: 'uid',
        rules: [{ required: true, message: '必填项' }],
      },
      componentProps: {},
    },
    {
      type: 'select',
      itemDataProps: {
        label: 'uids',
        field: 'uids',
        rules: [{ required: true, message: '必填项' }],
      },
      componentProps: {
        options: [
          {
            label: '1',
            value: '1',
          },
          {
            label: '2',
            value: '2',
          },
        ],
      },
    },
  ]}
  submitButtonText="切换"
/>;
```

```ts
import { CascaderArea } from '@shilong521/design'; //区域选择器
```
npm package: @shilong521/editor-react
Description: 富文本编辑器
Author: shilong
Latest version: 0.0.7

# @shilong521/editor-react

<!-- Badge -->

## 介绍

基于[slate](https://docs.slatejs.org/) 封装的 React 组件。

## 安装

1. 安装组件包

```shell
yarn add @shilong521/editor-react
# 或者npm install @shilong521/editor-react --save

```

2. 导入组件

```ts
import { LongEditor } from '@shilong521/editor-react';
```

## 使用

目前只支持 React（支持图片视频预览，复制粘贴）

### 按需引入样式

```ts
import '@shilong521/editor-react/dist/css';
```
npm package: @shilong521/fnc-method
Description: js/ts方法库
Author: shilong
Latest version: 0.1.3

# @shilong521/fnc-method

<!-- Badge -->

## 介绍

js/ts 通用方法库。

## 安装

```shell
yarn add @shilong521/fnc-method
# 或者
npm install @shilong521/fnc-method --save
```

## 使用

```ts
import { getUrlSearchValueByKey } from '@shilong521/fnc-method';
```

## API 目录

### String

- `stringIsNumberAll` - 判断字符串是否都是数字
- `stringTrimBlank` - 过滤字符串中所有空格
- `stringEncodeChineseOnly` - 仅对汉字进行编码

### Number

- `numInRange` - 判断数字是否在指定范围内

### Array

- `arrayOmitFake` - 过滤数组中的假值

### Object

- `objOmitFake` - 过滤对象中的假值
- `objForArray` - 对象转数组

### Window

- `getUrlSearchValueByKey` - 通过 key 获取 URL 参数值
- `urlSearchToObject` - URL 参数转对象
- `addUrlSearchData` - 添加/更新 URL 参数
- `delUrlSearchKey` - 删除指定 URL 参数
- `delUrlAllSearch` - 清除所有 URL 参数
- `replaceSearchValueByKey` - 替换 URL 参数值
- `historyReplace` - 无感更新 URL

### Tree

- `treeFind` - 查找树形节点
- `treeFilter` - 筛选树形结构
- `treeFindValues` - 获取树形节点所有指定 key 的值
- `treeFindPaths` - 查找树形节点路径

### Is

- `isString` / `isNumber` / `isNull` / `isUndefined`
- `isObject` / `isArray`
- `isDev` - 判断是否为开发环境
- `isFake` - 判断是否为假值

### Event

- `stopPropagation` - 阻止事件冒泡

---

## 示例

### urlSearchToObject

```ts
import { urlSearchToObject } from '@shilong521/fnc-method';

// URL: ?id=144&chinese=%E5%93%88%E5%93%88&chinese=%E4%BD%A0%E5%A5%BD

urlSearchToObject(window);
// { id: '144', chinese: ['哈哈', '你好'] }

urlSearchToObject(window, { valueNumberKeys: ['id'] });
// { id: 144, chinese: ['哈哈', '你好'] }
```

### treeFindPaths

```ts
import { treeFindPaths } from '@shilong521/fnc-method';

const treeData = [
  {
    id: '1',
    name: '1-c',
    children: [
      {
        id: '1-1',
        name: '1-1-c',
        children: [{ id: '1-1-1', name: '1-1-1-c' }],
      },
      { id: '1-2', name: '1-2-c' },
    ],
  },
];

treeFindPaths(treeData, (data) => data.id === '1-1-1', 'id');
// ['1', '1-1', '1-1-1']
```
npm package: @shilongtsreact/editor-react
Description: 富文本编辑器测试阶段
Author: shilong
Latest version: 0.0.1

# @long/editor-react for React

<!-- Badge -->

## 介绍

基于[slate](https://docs.slatejs.org/) 封装的 React 组件。

## 安装=

1. 安装组件包

```shell
yarn add @long/editor-react
# 或者npm install @long/editor-react --save

```

3. 导入组件

```ts
import { LongEditor } from '@long/editor-react';
```

## 使用

目前只支持 React（支持图片视频预览，复制粘贴）

### 按需引入样式

```ts
import '@long/editor-react/dist/css';
```
npm package: @shilpahambir/vite-project
Description: This is for creating button
Author: shilpa hambir
Latest version: 1.0.0

# React + 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