open-index/open-npm huggingface dataset:
npm package: @onap-sdc/sdc-ui
Description: This project aims to create a unified UI styled components for multiple development teams who work on the same web-based applications.
Latest version: 1.5.16

# SDC-UI Style-Guide and Components

This project aims to create a unified UI styled components for multiple development teams who work on the same web-based applications. 
This repository contains the definition of all the basic widgets and reusable controllers. 

	
### Usage

#### Link the library's CSS file
###### SCSS
```scss
@import "path_to_node_modules/sdc-ui/css/style.css";
```
###### HTML
```html
<link rel="stylesheet" href="path_to_node_modules/sdc-ui/css/style.css">
```
###### As Module (Using loading tool, i.e. [Webpack](https://webpack.github.io/))
```js
import 'sdc-ui/css/style.css';
```

#### React Code examples
###### Importing particular component
```js
import Button from 'sdc-ui/lib/react/Button.js';

// inside component rendering...
render(){
	return (
		<Button>I am a Button</Button>
	);
}
```
###### Importing particular component from the react library
```js
import {Button} from 'sdc-ui/lib/react';

// inside component rendering...
render(){
	return (
		<Button>I am a Button</Button>
	);
}
```
###### Importing the entire library
```js
import SDCUI from 'sdc-ui';

// inside component rendering...
render(){
	return (
		<SDCUI.React.Button>I am still a Button</SDCUI.React.Button>
	);
}
```
### Running storybook
The components in this library are displayed via [storybook](https://github.com/storybooks/storybook). Head to [http://onap-sdc.github.io/sdc-ui](http://onap-sdc.github.io/sdc-ui) to see the components that are in `master`.

While developing, just run `npm run storybook` in your terminal to launch a local storybook server where you can see your changes. For deploying storybook to your own fork repository, refer to the guides section below.

### Useful guides
[Adding a new component](https://github.com/onap-sdc/sdc-ui/wiki/Adding-a-new-component)

[Deploying storybook to a fork's github pages](https://github.com/onap-sdc/sdc-ui/wiki/Deploying-storybook-to-a-fork's-github-pages)
 
### Having some trouble? Have an issue?
For bugs and issues, please use the [issues](https://github.com/onap-sdc/sdc-ui/issues) page

### How to Contribute
**Contribution can be made only by following these guide lines**
* This project combines both `React` & `Angular` framework libraries. Hence, every change in the basic HTML files structure, must be followed by changes on the frameworks files accordingly (under `src/react` and `src/angular`).
* There will be no any 3rd party UI framework imported (i.e. `Bootstrap`, `Material`, `Foundation`... etc.).
* Contribution are done only by the [contribution guide](https://github.com/onap-sdc/sdc-ui/wiki/Contribution-guide). Contributions submitted not in this format and guidelines will not be considered.
npm package: @onaug6th/load-bar
Description: a funny, powerful and beautiful jquery plugins
Author: onaug6th
Latest version: 1.0.6

# loadBar

[![npm (scoped)](https://img.shields.io/npm/v/@onaug6th/load-bar.svg)](https://www.npmjs.com/package/@onaug6th/load-bar)

一个漂亮，~~强大~~的进度条插件。监听http请求的状态，并且直观的展示Http请求进度。

简体中文 | [English](./README-EN.md)

[Docs/演示文档](https://onaug6th.github.io/loadBar/)

## 启动
```
npm run dev
```

## 构建生产
```
npm run build
```

## 使用

使用 npm:

```bash
npm i @onaug6th/load-bar
```

使用script标签:

```html
<script src="/dist/loadBar.min.js"></script>
```

## 例子

`页面中先引入jquery，然后再引入loadBar.min.js。`

```js
$("body").loadBar();

var options = {...}
$("#other").loadBar(options);
```

## options 配置
```js
var opt = {
    displayOnRequest: false,
    height: 200,
    endLoad: function(){
        //  do sth
    }
}
$("body").loadBar(opt);
```
| 名称 | 说明 | 类型 | 默认值 |
| - | - | - | - |
| displayOnRequest | 是否在请求中展示 | `Boolean` | `true` |
| background | 进度条背景色 | `String` | `#29d` |
| img | 是否使用图片 | `String` |  |
| height | 进度条高度 | `Number, String` | `2px` |
| all | 任何事件都会触发 | `Function` | `noop` |
| startLoad | 进度条出现前触发 | `Function` | `noop` |
| endLoad | 进度条消失后触发 | `Function` | `noop` |
| mounted | 进度条挂载后触发 | `Function` | `noop` |

## 事件
```js
$("body").on("startLoad", function(){
    //  do sth
})
```
| 名称 | 说明 | 类型 |
| - | - | - |
| all | 任何事件都会触发 | `Function` |
| startLoad | 进度条出现前触发 | `Function` |
| endLoad | 进度条消失后触发 | `Function` |
| mounted | 进度条挂载后触发 | `Function` |

## 方法
```js
$("body").loadBar("start");
//  or
$("body").loadBar("getOpt", "img");
//  or
$("body").loadBar("setOpt", "img", yourPath);
```
| 名称 | 说明 | 参数 |
| - | - | - |
| start | 进度条开始 | |
| end | 进度条结束 | |
| setOpt | 设置进度条配置属性 | `attrName: String Object, value: String` |
| getOpt | 获取配置属性 | `attrName: String` |
| destroy | 摧毁进度条 | |
| sayName | 打招呼 | `name:string` |

## License

MIT

### have a nide day
npm package: @onaug6th/super-ui
Description: 一闲下来就造轮子的轮子合集
Author: onaug6th
Latest version: 0.0.2

# super-ui

基于vue 2+ 的组件库。


### 启动

```
git clone https://github.com/onaug6th/super-ui

cd super-ui

npm install 

npm run serve
```
默认会开启8080端口，访问localhost:8080即可打开项目。

### 构建

构建组件库生产文件
```
npm run lib:build
```