open-index/open-npm huggingface dataset:
npm package: @knxcloud/build-plugin-lowcode
Description: > 编译 vue 自定义组件的 编译插件，基于 `@alib/build-scripts`
Latest version: 1.0.0

# build plugin lowcode

> 编译 vue 自定义组件的 编译插件，基于 `@alib/build-scripts`

## 运行 example

```bash
pnpm install
cd exmaple
pnpm install
pnpm start
```

## 如何与 lowcode engine 集成

编译会生成两个文件:

- `view.js` 组件库代码
- `meta.js` 组件库 meta 信息

将下面 JSON 内容添加到物料中

```json
{
  "packages": [
    {
      "package": "@knxcloud/example-component", // 组件名，务必修改为自己的组件包名
      "version": "1.0.0", // 组件版本号，务必修改为自己的组件版本号
      "urls": ["http://localhost:3333/view.js"],
      "library": "KnxLcUi" // 为 build.json library 字段值
    }
  ],
  "components": [
    {
      "exportName": "KnxLcUiMeta", // 为 build.json library 字段值 + Meta 后缀
      "npm": {
        "package": "@knxcloud/example-component", // 组件名，务必修改为自己的组件包名
        "version": "1.0.0" // 组件版本号，务必修改为自己的组件版本号
      },
      "url": "http://localhost:3333/meta.js"
    }
  ],
  "sort": {
    "groupList": ["精选组件", "原子组件"],
    "categoryList": [
      "基础元素",
      "布局容器类",
      "表格类",
      "表单详情类",
      "帮助类",
      "对话框类",
      "业务类",
      "通用",
      "引导",
      "信息输入",
      "信息展示",
      "信息反馈"
    ]
  }
}
```
npm package: @knxe/acl
Description: A simple role-based access control.
Latest version: 1.2.0

# @knxe/acl [![Build Status](https://dev.azure.com/ng-alain/knxe/_apis/build/status/knxe-CI?branchName=master)](https://dev.azure.com/ng-alain/knxe/_build/latest?definitionId=1&branchName=master) [![NPM version](https://img.shields.io/npm/v/@knxe/acl.svg?style=flat-square)](https://www.npmjs.com/package/@knxe/acl)

A simple role-based access control.

## Links

+ [Document](https://ng-alain.com/acl) ([Surge Mirror](https://ng-alain-doc.surge.sh/acl) - [国内镜像](https://ng-alain.gitee.io/knxe/acl))
+ [@knxe Source](https://github.com/knxe/knxe)
+ [DEMO](https://ng-alain.surge.sh) ([国内镜像](https://ng-alain.gitee.io/))

## Architecture

![Architecture](https://raw.githubusercontent.com/ng-alain/knxe/master/_screenshot/architecture.png)

## Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use [GitHub Issues](https://github.com/knxe/knxe/issues) board to report bugs and feature requests (not our email address)
2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

### License

The MIT License (see the [LICENSE](https://github.com/knxe/knxe/blob/master/LICENSE) file for the full text)
npm package: @knxe/auth
Description: Simple user authentication, support Json Web Token & Simple Token.
Latest version: 1.2.0

# @knxe/auth [![Build Status](https://dev.azure.com/ng-alain/knxe/_apis/build/status/knxe-CI?branchName=master)](https://dev.azure.com/ng-alain/knxe/_build/latest?definitionId=1&branchName=master) [![NPM version](https://img.shields.io/npm/v/@knxe/auth.svg?style=flat-square)](https://www.npmjs.com/package/@knxe/auth)

Simple user authentication, support Json Web Token & Simple Token.

## Links

+ [Document](https://ng-alain.com/auth) ([Surge Mirror](https://ng-alain-doc.surge.sh/auth) - [国内镜像](https://ng-alain.gitee.io/knxe/auth))
+ [@knxe Source](https://github.com/knxe/knxe)
+ [DEMO](https://ng-alain.surge.sh) ([国内镜像](https://ng-alain.gitee.io/))

## Architecture

![Architecture](https://raw.githubusercontent.com/ng-alain/knxe/master/_screenshot/architecture.png)

## Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use [GitHub Issues](https://github.com/knxe/knxe/issues) board to report bugs and feature requests (not our email address)
2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

### License

The MIT License (see the [LICENSE](https://github.com/knxe/knxe/blob/master/LICENSE) file for the full text)
npm package: @knxe/cache
Description: Cache the dictionary, city data etc.
Latest version: 1.2.0

# @knxe/cache [![Build Status](https://dev.azure.com/ng-alain/knxe/_apis/build/status/knxe-CI?branchName=master)](https://dev.azure.com/ng-alain/knxe/_build/latest?definitionId=1&branchName=master) [![NPM version](https://img.shields.io/npm/v/@knxe/cache.svg?style=flat-square)](https://www.npmjs.com/package/@knxe/cache)

Cache the dictionary, city data etc.

## Links

+ [Document](https://ng-alain.com/cache) ([Surge Mirror](https://ng-alain-doc.surge.sh/cache) - [国内镜像](https://ng-alain.gitee.io/knxe/cache))
+ [@knxe Source](https://github.com/knxe/knxe)
+ [DEMO](https://ng-alain.surge.sh) ([国内镜像](https://ng-alain.gitee.io/))

## Architecture

![Architecture](https://raw.githubusercontent.com/ng-alain/knxe/master/_screenshot/architecture.png)

## Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use [GitHub Issues](https://github.com/knxe/knxe/issues) board to report bugs and feature requests (not our email address)
2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

### License

The MIT License (see the [LICENSE](https://github.com/knxe/knxe/blob/master/LICENSE) file for the full text)
npm package: @knxe/chart
Description: Cache the dictionary, city data etc.
Latest version: 1.2.0

# @knxe/chart [![Build Status](https://dev.azure.com/ng-alain/knxe/_apis/build/status/knxe-CI?branchName=master)](https://dev.azure.com/ng-alain/knxe/_build/latest?definitionId=1&branchName=master) [![NPM version](https://img.shields.io/npm/v/@knxe/chart.svg?style=flat-square)](https://www.npmjs.com/package/@knxe/chart)

Cache the dictionary, city data etc.

## Links

+ [Document](https://ng-alain.com/chart) ([Surge Mirror](https://ng-alain-doc.surge.sh/chart) - [国内镜像](https://ng-alain.gitee.io/knxe/chart))
+ [@knxe Source](https://github.com/knxe/knxe)
+ [DEMO](https://ng-alain.surge.sh) ([国内镜像](https://ng-alain.gitee.io/))

## Architecture

![Architecture](https://raw.githubusercontent.com/ng-alain/knxe/master/_screenshot/architecture.png)

## Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use [GitHub Issues](https://github.com/knxe/knxe/issues) board to report bugs and feature requests (not our email address)
2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

### License

The MIT License (see the [LICENSE](https://github.com/knxe/knxe/blob/master/LICENSE) file for the full text)
npm package: @knxe/form
Description: Angular form generation based on JSON-Schema.
Latest version: 1.2.0

# @knxe/form [![Build Status](https://dev.azure.com/ng-alain/knxe/_apis/build/status/knxe-CI?branchName=master)](https://dev.azure.com/ng-alain/knxe/_build/latest?definitionId=1&branchName=master) [![NPM version](https://img.shields.io/npm/v/@knxe/form.svg?style=flat-square)](https://www.npmjs.com/package/@knxe/form)

Angular form generation based on JSON-Schema.

## Links

+ [Document](https://ng-alain.com/form) ([Surge Mirror](https://ng-alain-doc.surge.sh/form) - [国内镜像](https://ng-alain.gitee.io/knxe/form))
+ [@knxe Source](https://github.com/knxe/knxe)
+ [DEMO](https://ng-alain.surge.sh) ([国内镜像](https://ng-alain.gitee.io/))

## Architecture

![Architecture](https://raw.githubusercontent.com/ng-alain/knxe/master/_screenshot/architecture.png)

## Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use [GitHub Issues](https://github.com/knxe/knxe/issues) board to report bugs and feature requests (not our email address)
2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

### License

The MIT License (see the [LICENSE](https://github.com/knxe/knxe/blob/master/LICENSE) file for the full text)
npm package: @knymbus/fluffy-tails
Description: This is a angular library for commonly used components.
Author: Ovel Heslop
Latest version: 0.1.53

# FluffyTails

This is a angular library for commonly used components. 

Install 
```bash
$ npm i @knymbus/fluffy-tails
```

In your Module
```ts
import { FluffyTailsModule } from fluffy-tails
```

1. Avatar
```html
<ft-avatar size="35" name="John Doe" src="image/1.jpg"></ft-avatar>
```
Attributes 
- size: default 25 - this is the size of the avatar component
- name: this is use to get the first letter of the first name as such you can pass a letter in as well. 
```html
<ft-avatar size="35" name="J" src="image/1.jpg"></ft-avatar>
```
- src: this is you image src, the image you want to appear in the avatar

if src and name is given then the src get priority however it's recommended that both is given as if you src link is broken then it will fallback to name and keep your design clean.

you can also use with computed vars
```html
<ft-avatar [size]="mySize" [name]="myName" [src]="mySrc"><ft-avatar>
```
and in your .ts file
```ts
mySize: string = "35"
mySrc: string = "image/1.jpg"
myName: string = "John Doe"
```
### Default Behaivour

- size is default to 24px
- Image is default to random images
- Name is default to empty string

If your img url is broken and the name is set then the display fallback to initial.