open-index/open-npm huggingface dataset:
npm package: @jzyong/vue-avatar
Description: 一个vue头像组件
Author: 沈键汉
Latest version: 0.0.1

# @jzyong/vue-avatar

> 一个vue头像组件

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
npm package: @k-4u/resource-mapper-core
Description: SvelteKit UI template for resource-mapper — used internally by the CLI
Author: K-4U
Latest version: 0.7.2

# Part of the `resource-mapper` project

This package contains the website part of the project.
It also contains the core logic for the resource mapper and diagram generation.


If you're looking for the main project, please grab the `@k-4u/resource-mapper` package.
npm package: @k-adam/ngx-loading-spinner
Description: Angular 8+ loader spinner. It can be used with two simple methods, `.show()` and `.hide()`. An example can be found in the `/projects/spinner-test`.
Author: Adam Kecskes
Latest version: 1.10.2



# ngx-loading-spinner

Angular 8+ loader spinner. It can be used with two simple methods, `.show()` and `.hide()`. An example can be found in the `/projects/spinner-test`.

## Setup

Install library ( Angular 10+ ):

```
npm install @k-adam/ngx-loading-spinner --save
```

If you are using an older version of Angular x (8/9), then install it this way:

```
npm install @k-adam/ngx-loading-spinner@1.x --save
```

Import module to your applications main module:

```
import { NgxLoadingSpinnerModule } from '@k-adam/ngx-loading-spinner';
```

Import it in your `NgModule`:

```
imports: [ NgxLoadingSpinnerModule.forRoot() ]
```

Place the component somewhere in your root level component:

```
<ngx-loading-spinner></ngx-loading-spinner>
```

## Use

Import `NgxLoadingSpinnerService` to the components where you want to control the spinner:

```
import { NgxLoadingSpinnerService } from '@k-adam/ngx-loading-spinner';
```

Inject dependency:
```
constructor(
    private spinnerService: NgxLoadingSpinnerService
) { }
```

Use show() and hide() method to control the loading spinner:
```
this.spinnerService.show();
// ...
this.spinnerService.hide();
```

### Parameters

All the parameters are optional.
| Name | Type | Default | Description
|--|--|--|--|
| timeout | number | 10000 ms | The spinner will be hidden automatically after the given time |
| threshold | number  | 500 ms | The spinner will be visible only, if the time between calling show() and hide() is more than **threshold** |
| zIndex | number  | 100 | The z-index property of the spinner overlay element |
| loadingText | string |  | The displayed text under the spinner |
| template | string |  | The spinner can be replaced with HTML text |

Example:

```
<ngx-loading-spinner
  [threshold]="250"
  [timeout]="20000"
  [loadingText]="'Loading...'"
></ngx-loading-spinner>
```
npm package: @k-frame/sagas
Description: Complete React'n'Redux based framework
Latest version: 3.3.0

# k-logic

[![npm version](https://img.shields.io/npm/v/k-logic.svg)](https://www.npmjs.com/package/k-logic)
[![Build Status](https://travis-ci.org/krzysztofpniak/k-logic.svg?branch=master)](https://travis-ci.org/krzysztofpniak/k-routes)

`k-logic` is a library that aims to make forms faster than never before.

# Getting started

## Install

```sh
$ npm install --save k-logic
```
or

```sh
$ yarn add k-logic
```
npm package: @k-grid-form/common
Description: > [栅栏表单]通用模块
Author: FatKai
Latest version: 0.0.6

# K-GRID-FORM-COMMON
> [栅栏表单]通用模块

名称|参数|说明
-|-|-
createForm||创建用于表单设计器、渲染器的数据对象
createFormItem|(widget)|创建表单项
buildOptions|(text, valueField="value")|生成适用于 naive-ui 的选项列表
buildComponent|(item, widget, track=true)|渲染表单组件
withHtmlNode|(html)|创建 div 包含指定的 html 代码
lifeCycles|`常量`|表单事件定义
formValueProvider|Object|根据占位符计算表单项的默认值
triggerLoaded|(body, form)|用于表单加载完成后触发 onLoad 事件
triggerBeforeSubmit|(body, form, items)|用于表单加载完成后触发 onSubmit 事件
triggerExtraButtonClick|(body, form)|自定义按钮点击后触发的事件

参考文档请查阅：[grid-form in Github](https://github.com/0604hx/grid-form)
npm package: @k-grid-form/designer
Description: 基于 naive-ui 组件库的表单设计器
Author: FatKai
Latest version: 0.0.2

# K-GRID-FORM-DESIGNER / 表单设计器
> 基于[Naive UI](https://www.naiveui.com)实现的[栅栏表单](https://github.com/0604hx/grid-form)可视化设计器

参考文档请查阅：[grid-form in Github](https://github.com/0604hx/grid-form)
npm package: @k-grid-form/render-element
Description: 基于 element-plus 组件库的表单渲染器
Author: FatKai
Latest version: 0.0.6

# K-GRID-FORM-RENDER-ELEMENT
> 基于[Element Plus](https://element-plus.org/zh-CN/)实现的[栅栏表单](https://github.com/0604hx/grid-form)渲染器

文档请查阅：[grid-form in Github](https://github.com/0604hx/grid-form)

**项目待开发....**
npm package: @k-grid-form/render-naive
Description: 基于 naive-ui 组件库的表单渲染器
Author: FatKai
Latest version: 0.0.2

# K-GRID-FORM-RENDER-NAIVE
> 基于[Naive UI](https://www.naiveui.com)实现的[栅栏表单](https://github.com/0604hx/grid-form)渲染器

文档请查阅：[grid-form in Github](https://github.com/0604hx/grid-form)
npm package: @k-grid-form/render-vant
Description: 基于 vant4 组件库的表单渲染器
Author: FatKai
Latest version: 0.0.2

# K-GRID-FORM-RENDER-VANT
> 基于[Vant4](https://vant-ui.github.io)实现的[栅栏表单](https://github.com/0604hx/grid-form)渲染器

文档请查阅：[grid-form in Github](https://github.com/0604hx/grid-form)


## 更新日志
npm package: @k-i-o/electron-base-maker
Description: Create a base for ElectronJS application, Samuele Radici's program like
Author: Samuele Radici
Latest version: 1.1.4

## Electron Base App Maker | EBM

### Commands:
```
create-electron-base/ceb -a/--author <author> -p/--project-name <projectName>

If do you want add a Discord RCP use the optional attribute -d/--discord-id <clientId>

```

Credits: Samuele Radici