open-index/open-npm huggingface dataset:
npm package: @jswork/weapp-alo7-kits
Description: Toolkits for alo7 business.
Latest version: 1.0.2

# weapp-alo7-kits
> Toolkits for alo7 business.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/weapp-alo7-kits
```

## usage
```js
import weappAlo7Kits from '@jswork/weapp-alo7-kits';

// usage goes here.
```

## license
Code released under [the MIT license](https://github.com/afeiship/weapp-alo7-kits/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weapp-alo7-kits
[version-url]: https://npmjs.org/package/@jswork/weapp-alo7-kits

[license-image]: https://img.shields.io/npm/l/@jswork/weapp-alo7-kits
[license-url]: https://github.com/afeiship/weapp-alo7-kits/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weapp-alo7-kits
[size-url]: https://github.com/afeiship/weapp-alo7-kits/blob/master/dist/weapp-alo7-kits.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weapp-alo7-kits
[download-url]: https://www.npmjs.com/package/@jswork/weapp-alo7-kits
npm package: @jswork/weapp-http-schema
Description: Http schema for weapp.
Latest version: 2.0.13

# weapp-http-schema
> Http schema for weapp.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/weapp-http-schema
```

## usage
```js
import httpSchema from '@jswork/weapp-http-schema';

const apis = httpSchema({
  host: 'https://api.github.com',
  request: ['', 'json'],
  items: [
    {
      items: {
        profile: ['get', '/users/afeiship']
      }
    }
  ]
});

apis.profile().then((res) => {
  console.log(res);
});
```

## license
Code released under [the MIT license](https://github.com/afeiship/weapp-http-schema/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weapp-http-schema
[version-url]: https://npmjs.org/package/@jswork/weapp-http-schema

[license-image]: https://img.shields.io/npm/l/@jswork/weapp-http-schema
[license-url]: https://github.com/afeiship/weapp-http-schema/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weapp-http-schema
[size-url]: https://github.com/afeiship/weapp-http-schema/blob/master/dist/weapp-http-schema.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weapp-http-schema
[download-url]: https://www.npmjs.com/package/@jswork/weapp-http-schema
npm package: @jswork/weapp-loading-interceptor
Description: Loading interceptor for weapp.
Latest version: 1.0.7

# weapp-loading-interceptor
> Loading interceptor for weapp.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/weapp-loading-interceptor
```

## usage
```js
import createInterceptors from '@jswork/weapp-loading-interceptor';

const weappLoadingIntercepotrs = createInterceptors({
  onShow: (opts) => {
    wx.showLoading({ title: '加载中', mask: true });
  },
  onHide: (opts) => {
    wx.hideLoading();
  },
});

const opts = {
  adapter: 'UniappRequest',
  slim: true,
  interceptors: [...interceptorRequest, ...interceptorResponse, ...weappLoadingIntercepotrs],
  transformResponse(inResponse) {
    return inResponse.data;
  },
};

nx.$api = httpSchema(schema, opts);
```

## license
Code released under [the MIT license](https://github.com/afeiship/weapp-loading-interceptor/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weapp-loading-interceptor
[version-url]: https://npmjs.org/package/@jswork/weapp-loading-interceptor

[license-image]: https://img.shields.io/npm/l/@jswork/weapp-loading-interceptor
[license-url]: https://github.com/afeiship/weapp-loading-interceptor/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weapp-loading-interceptor
[size-url]: https://github.com/afeiship/weapp-loading-interceptor/blob/master/dist/weapp-loading-interceptor.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weapp-loading-interceptor
[download-url]: https://www.npmjs.com/package/@jswork/weapp-loading-interceptor
npm package: @jswork/weapp-local-storage
Description: Localstorage api for weapp.
Latest version: 1.0.2

# weapp-local-storage
> Localstorage api for weapp.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/weapp-local-storage
```

## usage
```js
import weappLocalStorage from '@jswork/weapp-local-storage';

// usage goes here.
```

## license
Code released under [the MIT license](https://github.com/afeiship/weapp-local-storage/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weapp-local-storage
[version-url]: https://npmjs.org/package/@jswork/weapp-local-storage

[license-image]: https://img.shields.io/npm/l/@jswork/weapp-local-storage
[license-url]: https://github.com/afeiship/weapp-local-storage/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weapp-local-storage
[size-url]: https://github.com/afeiship/weapp-local-storage/blob/master/dist/weapp-local-storage.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weapp-local-storage
[download-url]: https://www.npmjs.com/package/@jswork/weapp-local-storage
npm package: @jswork/weapp-styles
Description: Weapp styles all in one.
Latest version: 1.0.28

# weapp-styles
> Weapp styles all in one.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/weapp-styles
```

## usage
```scss
// use sass
@import '~@jswork/weapp-styles/dist/index.scss';
// use css
@import '~@jswork/weapp-styles/dist/style.css';
```

## preview
- https://afeiship.github.io/weapp-styles/

## license
Code released under [the MIT license](https://github.com/afeiship/weapp-styles/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weapp-styles
[version-url]: https://npmjs.org/package/@jswork/weapp-styles

[license-image]: https://img.shields.io/npm/l/@jswork/weapp-styles
[license-url]: https://github.com/afeiship/weapp-styles/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weapp-styles
[size-url]: https://github.com/afeiship/weapp-styles/blob/master/dist/weapp-styles.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weapp-styles
[download-url]: https://www.npmjs.com/package/@jswork/weapp-styles
npm package: @jswork/weapp-wsui-shorty
Description: weapp-wsui-shorty
Author: afei
Latest version: 1.0.2

# weapp-wsui-shorty
> Sassui short name for weapp.

## installation
```shell
npm i -S @jswork/weapp-wsui-shorty
```

## usage
```scss
@import '~@jswork/weapp-wsui-shorty';
```
npm package: @jswork/web-http-schema
Description: Http schema for web based on next-fetch.
Latest version: 2.0.13

# web-http-schema
> Http schema for web based on next-fetch.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/web-http-schema
```

## usage
```js
import httpSchema from '@jswork/web-http-schema';

const options = {
  transformResponse: ({ data }) => {
    return data;
  }
};

const $api = httpSchema(
  {
    host: 'https://api.github.com',
    request: ['', 'json'],
    items: [
      {
        items: {
          login: ['get', '/users/afeiship']
        }
      }
    ]
  },
  options
);

$api.login().then((res) => {
  // res
});
```

## license
Code released under [the MIT license](https://github.com/afeiship/web-http-schema/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/web-http-schema
[version-url]: https://npmjs.org/package/@jswork/web-http-schema

[license-image]: https://img.shields.io/npm/l/@jswork/web-http-schema
[license-url]: https://github.com/afeiship/web-http-schema/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/web-http-schema
[size-url]: https://github.com/afeiship/web-http-schema/blob/master/dist/web-http-schema.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/web-http-schema
[download-url]: https://www.npmjs.com/package/@jswork/web-http-schema
npm package: @jswork/webpack-app-kits
Description: Webpack application kits
Author: afei
Latest version: 1.0.5

# webpack-app-kits
> Webpack application kits.

## installation
```shell
npm install @jswork/webpack-app-kits
```

## basic react project
```js
plugins.provide({
  IfElse: ['react-if-else', 'default'],
  RCM: ['react-condition-manager', 'default'],
  cx: 'classnames'
})
```

## docs
- https://afeiship.github.io/webpack-app-kits/
- https://juejin.im/post/5e53dbbc518825494905c45f
npm package: @jswork/webpack-dll-cli
Description: Webpack dll plugin to be a simply cli.
Author: afeiship @afeiship
Latest version: 1.0.5

# webpack-dll-cli
> Webpack dll plugin to be a simply cli.

[![Version](https://img.shields.io/npm/v/webpack-dll-cli.svg)](https://npmjs.org/package/webpack-dll-cli)
[![Downloads/week](https://img.shields.io/npm/dw/webpack-dll-cli.svg)](https://npmjs.org/package/webpack-dll-cli)
[![License](https://img.shields.io/npm/l/webpack-dll-cli.svg)](https://github.com/afeiship/webpack-dll-cli/blob/master/package.json)

## installation
```shell
npm i -D webpack webpack-cli 
npm i -g @jswork/webpack-dll-cli
```

## usgae
```shell
# 1. create config file
wpkdc -i

# 2.1 generate js dll files
wpkdc

# 2.2 generate css dll file
wpkdc -t=css
```

## help
```
Generate dll files use webpack.DllPlugin.

USAGE
  $ wpkdc

OPTIONS
  -h, --help           show CLI help
  -i, --init           Generate .webpack.dll.yml file.
  -t, --type=(css|js)  [default: js] Type of asset(css/js).
  -v, --version        show CLI version
```

##  .webpack.example.dll.yml
```yml
name: template
css:
  path: src/assets/libs/css
  entry: ./src/assets/styles/index.scss

js:
  path: src/assets/libs/js
  entry:
    venders:
      - react
      - react-dom
```
npm package: @jswork/webpack-lib-kits
Description: Library kits for webpack.
Author: afei
Latest version: 1.0.5

# webpack-lib-kits
> Library kits for webpack.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## resources
- https://medium.com/@glennreyes/how-to-disable-code-splitting-in-webpack-1c0b1754a3c5

## license
Code released under [the MIT license](https://github.com/afeiship/webpack-lib-kits/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/webpack-lib-kits
[version-url]: https://npmjs.org/package/@jswork/webpack-lib-kits

[license-image]: https://img.shields.io/npm/l/@jswork/webpack-lib-kits
[license-url]: https://github.com/afeiship/webpack-lib-kits/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/webpack-lib-kits
[size-url]: https://github.com/afeiship/webpack-lib-kits/blob/master/dist/webpack-lib-kits.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/webpack-lib-kits
[download-url]: https://www.npmjs.com/package/@jswork/webpack-lib-kits
npm package: @jswork/webpack-mpa-entries
Description: Multiple page entries app for webpack.
Author: afei
Latest version: 1.0.0

# webpack-mpa-entries
> Multiple page entries app for webpack.


## installation
```shell
npm i @jswork/webpack-mpa-entries
```

## usage
```js
var mpaEntries = require('@jswork/webpack-mpa-entries');
var glob = require('glob');;
var entries = mpaEntries("src/modules/**/index.js", ["src/modules", "index.js"]);

// result:
 { 'blank-module': 'src/modules/blank-module/index.js',
  'my-module/buyer': 'src/modules/my-module/buyer/index.js',
  'my-module': 'src/modules/my-module/index.js',
  'my-module/seller': 'src/modules/my-module/seller/index.js',
  'test-module': 'src/modules/test-module/index.js' }
```
npm package: @jswork/webview-bridge
Description: Webview bridge.
Latest version: 1.0.2

# webview-bridge
> Webview bridge.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/webview-bridge
```

## usage
```js
import {callHandler, registerHandler} from '@jswork/webview-bridge'

// callHandler
callHandler('closeWindow', {name: 'test'})

// registerHandler
registerHandler('closeWindow', (data) => {
  console.log(data)
})
```

## license
Code released under [the MIT license](https://github.com/afeiship/webview-bridge/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/webview-bridge
[version-url]: https://npmjs.org/package/@jswork/webview-bridge

[license-image]: https://img.shields.io/npm/l/@jswork/webview-bridge
[license-url]: https://github.com/afeiship/webview-bridge/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/webview-bridge
[size-url]: https://github.com/afeiship/webview-bridge/blob/master/dist/webview-bridge.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/webview-bridge
[download-url]: https://www.npmjs.com/package/@jswork/webview-bridge
npm package: @jswork/wechat-signature
Description: Make it easier to get wechat access_token, jsapi_ticket and sign url.
Latest version: 1.0.7

# wechat-signature
> Make it easier to get wechat access_token, jsapi_ticket and sign url.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/wechat-signature
```

## usage
```js
import WechatSignature from '@jswork/wechat-signature';

const wechatSignature = new WechatSignature({
  appId: 'wx1231312314',
  appSecret: 'eWsJGHef00IzNpDkenFEUOLAvAgYHe9F'
});

const sign = await wechatSignature.get('https://www.baidu.com');

/*
{
  "appId": "wx1231312314",
  "timestamp": 1691760434,
  "nonceStr": "ibt50tqybof",
  "signature": "0eeaf6427085c1ba8d22240a94818167293783df",
  "url": "https://www.baidu.com"
}
*/
```

## license
Code released under [the MIT license](https://github.com/afeiship/wechat-signature/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wechat-signature
[version-url]: https://npmjs.org/package/@jswork/wechat-signature

[license-image]: https://img.shields.io/npm/l/@jswork/wechat-signature
[license-url]: https://github.com/afeiship/wechat-signature/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wechat-signature
[size-url]: https://github.com/afeiship/wechat-signature/blob/master/dist/wechat-signature.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wechat-signature
[download-url]: https://www.npmjs.com/package/@jswork/wechat-signature
npm package: @jswork/weibo-ckeditor-upload-adpater
Description: Weibo ckeditor upload adapter.
Latest version: 1.0.15

# weibo-ckeditor-upload-adpater
> Weibo ckeditor upload adapter.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/weibo-ckeditor-upload-adpater
```

## usage
```js
import WeiboCkeditorUploadAdpater from '@jswork/weibo-ckeditor-upload-adpater';
import ReactCkeditor from '@jswork/react-ckeditor';

// usage
<ReactCkeditor
  value={this.state.value}
  onChange={this.handleChange}
  imageUploadAdapter={WeiboCkeditorUploadAdpater}
/>
```

## license
Code released under [the MIT license](https://github.com/afeiship/weibo-ckeditor-upload-adpater/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weibo-ckeditor-upload-adpater
[version-url]: https://npmjs.org/package/@jswork/weibo-ckeditor-upload-adpater

[license-image]: https://img.shields.io/npm/l/@jswork/weibo-ckeditor-upload-adpater
[license-url]: https://github.com/afeiship/weibo-ckeditor-upload-adpater/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weibo-ckeditor-upload-adpater
[size-url]: https://github.com/afeiship/weibo-ckeditor-upload-adpater/blob/master/dist/weibo-ckeditor-upload-adpater.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weibo-ckeditor-upload-adpater
[download-url]: https://www.npmjs.com/package/@jswork/weibo-ckeditor-upload-adpater
npm package: @jswork/weibo-pid2url
Description: Get url from weibo pid.
Latest version: 1.0.8

# weibo-pid2url
> Get url from weibo pid.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/weibo-pid2url
```

## usage
```js
import WeiboPid2url from '@jswork/weibo-pid2url';

const ins = new WeiboPid2url({ host: 'tva1.js.work'});
// get:
ins.get(pid);

// gets:
ins.gets(pid, ['small', 'large'])

// gets all:
ins.gets(pid);
```

## license
Code released under [the MIT license](https://github.com/afeiship/weibo-pid2url/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weibo-pid2url
[version-url]: https://npmjs.org/package/@jswork/weibo-pid2url

[license-image]: https://img.shields.io/npm/l/@jswork/weibo-pid2url
[license-url]: https://github.com/afeiship/weibo-pid2url/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weibo-pid2url
[size-url]: https://github.com/afeiship/weibo-pid2url/blob/master/dist/weibo-pid2url.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weibo-pid2url
[download-url]: https://www.npmjs.com/package/@jswork/weibo-pid2url
npm package: @jswork/weibo-upload-media-adapter
Description: Weibo adapter for upload-media.
Latest version: 1.0.1

# weibo-upload-media-adapter
> Weibo adapter for upload-media.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/weibo-upload-media-adapter
```

## usage
```js
import ReactUploadMedia from '@jswork/react-upload-media';
import weiboUploadMediaAdapter from '@jswork/weibo-upload-media-adapter';

// usage
<ReactUploadMedia
  count={4}
  value={this.state.value}
  onChange={this.handleChange}
  onUpload={weiboUploadMediaAdapter}
/>
```

## license
Code released under [the MIT license](https://github.com/afeiship/weibo-upload-media-adapter/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weibo-upload-media-adapter
[version-url]: https://npmjs.org/package/@jswork/weibo-upload-media-adapter

[license-image]: https://img.shields.io/npm/l/@jswork/weibo-upload-media-adapter
[license-url]: https://github.com/afeiship/weibo-upload-media-adapter/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weibo-upload-media-adapter
[size-url]: https://github.com/afeiship/weibo-upload-media-adapter/blob/master/dist/weibo-upload-media-adapter.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weibo-upload-media-adapter
[download-url]: https://www.npmjs.com/package/@jswork/weibo-upload-media-adapter
npm package: @jswork/weibo2res
Description: Get weibo response.
Latest version: 1.0.4

# weibo2res
> Get weibo response.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/weibo2res
```

## usage
```js
import weibo2res from '@jswork/weibo2res';
const res = weibo2res(...);
/*
// success
{
  code: 'A00006',
  width: 1504,
  size: 161645,
  ret: 1,
  height: 400,
  name: 'pic_1',
  pid: 'da432263gy1hbzptofvp4j215s0b4tct',
}
*/
```

## license
Code released under [the MIT license](https://github.com/afeiship/weibo2res/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/weibo2res
[version-url]: https://npmjs.org/package/@jswork/weibo2res

[license-image]: https://img.shields.io/npm/l/@jswork/weibo2res
[license-url]: https://github.com/afeiship/weibo2res/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/weibo2res
[size-url]: https://github.com/afeiship/weibo2res/blob/master/dist/weibo2res.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/weibo2res
[download-url]: https://www.npmjs.com/package/@jswork/weibo2res
npm package: @jswork/wildcard-match
Description: A function for matching strings using * wildcard patterns.
Latest version: 1.0.1

# wildcard-match
> A function for matching strings using * wildcard patterns.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/wildcard-match
```

## usage
```js
import wildcardMatch from '@jswork/wildcard-match';

// 测试案例
console.log(wildcardMatch("filename.txt", "*name")); // false
console.log(wildcardMatch("filename.txt", "name*")); // false
console.log(wildcardMatch("filename.txt", "*name*")); // true
console.log(wildcardMatch("abcfilenameabc", "*xx*name*xx*")); // false
console.log(wildcardMatch("xxabcnamexx", "*xx*name*xx*")); // true
```

## license
Code released under [the MIT license](https://github.com/afeiship/wildcard-match/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wildcard-match
[version-url]: https://npmjs.org/package/@jswork/wildcard-match

[license-image]: https://img.shields.io/npm/l/@jswork/wildcard-match
[license-url]: https://github.com/afeiship/wildcard-match/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wildcard-match
[size-url]: https://github.com/afeiship/wildcard-match/blob/master/dist/index.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wildcard-match
[download-url]: https://www.npmjs.com/package/@jswork/wildcard-match
npm package: @jswork/with-props
Description: Enhance component with preset properties.
Latest version: 1.1.20

# with-props
> Enhance component with preset properties.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/with-props
```

## usage

```tsx
import withProps from '@jswork/with-props';
import React from 'react';

interface ButtonProps {
  text: string;
  color?: string;
  size?: 'small' | 'medium' | 'large';
}

const Button: React.FC<ButtonProps> = ({ text, color = 'blue', size = 'medium' }) => {
  return (
    <button style={{ color, fontSize: size === 'small' ? '12px' : size === 'large' ? '20px' : '16px' }}>
      {text}
    </button>
  );
};

// Create a component with default props
const PrimaryButton = withProps(Button, {
  color: 'red',
  size: 'large'
});

const App: React.FC = () => {
  return (
    <div>
      {/* Uses default props */}
      <PrimaryButton text="Click me" />

      {/* Override default props */}
      <PrimaryButton text="Cancel" color="gray" />
    </div>
  );
};
```

### Features

- **Type Safe**: Full TypeScript support with proper type inference
- **Props Merging**: Default props are overridden by provided props
- **Simple API**: Just pass component and default props
- **Zero Dependencies**: Lightweight and focused

## license
Code released under [the MIT license](https://github.com/afeiship/with-props/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/with-props
[version-url]: https://npmjs.org/package/@jswork/with-props

[license-image]: https://img.shields.io/npm/l/@jswork/with-props
[license-url]: https://github.com/afeiship/with-props/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/with-props
[size-url]: https://github.com/afeiship/with-props/blob/master/dist/index.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/with-props
[download-url]: https://www.npmjs.com/package/@jswork/with-props
npm package: @jswork/workbox-init
Description: Workbox init.
Latest version: 1.0.1

# i18n-helper
> I18n helper.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/i18n-helper
```

## usage
```js
import i18nHelper from '@jswork/i18n-helper';

// usage goes here.
```

## license
Code released under [the MIT license](https://github.com/afeiship/i18n-helper/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/i18n-helper
[version-url]: https://npmjs.org/package/@jswork/i18n-helper

[license-image]: https://img.shields.io/npm/l/@jswork/i18n-helper
[license-url]: https://github.com/afeiship/i18n-helper/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/i18n-helper
[size-url]: https://github.com/afeiship/i18n-helper/blob/master/dist/index.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/i18n-helper
[download-url]: https://www.npmjs.com/package/@jswork/i18n-helper
npm package: @jswork/wsui
Description: webkit css material scss version.
Author: fei
Latest version: 1.0.1

# wsui
> webkit css material

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui
```

## usage
+ import && config frame material:
```scss
//base config:
$base-font-family:'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
$base-font-size-h1-3:14px;
$base-font-size-h4-6:12px;

@import "dist/wsui";
```
## architecture
> wsui = (frame modules + sass ui modules)

### core modules
| Module name     | Module description |
| :-------------- | :----------------- |
| wsui-functions  | wsui-functions     |
| wsui-mixins     | wsui-mixins        |
| wsui-reset      | wsui-reset         |
| wsui-generators | wsui-generators    |
| wsui-flexbox    | wsui-flexbox       |


### other ui modules
| Module name | Module description |
| :---------- | :----------------- |
| wsui-*      | wsui-*             |


## license
Code released under [the MIT license](https://github.com/afeiship/wsui/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui
[version-url]: https://npmjs.org/package/@jswork/wsui

[license-image]: https://img.shields.io/npm/l/@jswork/wsui
[license-url]: https://github.com/afeiship/wsui/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui
[size-url]: https://github.com/afeiship/wsui/blob/master/dist/wsui.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui
[download-url]: https://www.npmjs.com/package/@jswork/wsui
npm package: @jswork/wsui-absolute-center
Description: Webkit sass ui module absolute center.
Author: afei
Latest version: 1.0.0

# wsui-absolute-center
> Webkit sass ui module absolute center.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-absolute-center
```

## usage
```scss
// use sass
@import '~@jswork/wsui-absolute-center/dist/index.scss';
// use css
@import '~@jswork/wsui-absolute-center/dist/style.css';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-absolute-center/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-absolute-center
[version-url]: https://npmjs.org/package/@jswork/wsui-absolute-center

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-absolute-center
[license-url]: https://github.com/afeiship/wsui-absolute-center/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-absolute-center
[size-url]: https://github.com/afeiship/wsui-absolute-center/blob/master/dist/wsui-absolute-center.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-absolute-center
[download-url]: https://www.npmjs.com/package/@jswork/wsui-absolute-center
npm package: @jswork/wsui-animate-fade
Description: Webkit animate fade sass.
Author: afei
Latest version: 1.0.0

# wsui-animate-fade
> Webkit animate fade sass.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-animate-fade
```

## usage
```scss
// use sass
@import '~@jswork/wsui-animate-fade/dist/index.scss';
// use css
@import '~@jswork/wsui-animate-fade/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-animate-fade/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-animate-fade/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-animate-fade
[version-url]: https://npmjs.org/package/@jswork/wsui-animate-fade

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-animate-fade
[license-url]: https://github.com/afeiship/wsui-animate-fade/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-animate-fade
[size-url]: https://github.com/afeiship/wsui-animate-fade/blob/master/dist/wsui-animate-fade.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-animate-fade
[download-url]: https://www.npmjs.com/package/@jswork/wsui-animate-fade
npm package: @jswork/wsui-animate-float
Description: Float element for webkit sass ui.
Author: afei
Latest version: 1.0.1

# wsui-animate-float
> Float element for webkit sass ui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-animate-float
```

## usage
```scss
// use sass
@import '~@jswork/wsui-animate-float/dist/index.scss';
// use css
@import '~@jswork/wsui-animate-float/dist/style.css';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-animate-float/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-animate-float
[version-url]: https://npmjs.org/package/@jswork/wsui-animate-float

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-animate-float
[license-url]: https://github.com/afeiship/wsui-animate-float/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-animate-float
[size-url]: https://github.com/afeiship/wsui-animate-float/blob/master/dist/wsui-animate-float.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-animate-float
[download-url]: https://www.npmjs.com/package/@jswork/wsui-animate-float
npm package: @jswork/wsui-appify
Description: Apple ui tookit for wsui.
Author: afei
Latest version: 1.0.0

# wsui-appify
> Apple ui tookit for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm install @jswork/wsui-appify
```

## resources
- https://github.com/connors/photon

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-appify/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-appify
[version-url]: https://npmjs.org/package/@jswork/wsui-appify

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-appify
[license-url]: https://github.com/afeiship/wsui-appify/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-appify
[size-url]: https://github.com/afeiship/wsui-appify/blob/master/dist/wsui-appify.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-appify
[download-url]: https://www.npmjs.com/package/@jswork/wsui-appify
npm package: @jswork/wsui-backdrop
Description: Webkit sass ui module for overlay/mask/backdrop.
Author: afei
Latest version: 1.0.0

# wsui-backdrop
> Webkit sass ui module for overlay/mask/backdrop.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-backdrop
```

## usage
```scss
// use sass
@import '~@jswork/wsui-backdrop/dist/index.scss';
// use css
@import '~@jswork/wsui-backdrop/dist/style.css';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-backdrop/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-backdrop
[version-url]: https://npmjs.org/package/@jswork/wsui-backdrop

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-backdrop
[license-url]: https://github.com/afeiship/wsui-backdrop/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-backdrop
[size-url]: https://github.com/afeiship/wsui-backdrop/blob/master/dist/wsui-backdrop.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-backdrop
[download-url]: https://www.npmjs.com/package/@jswork/wsui-backdrop
npm package: @jswork/wsui-badge
Description: Webkit sass ui module for badge.
Author: afei
Latest version: 1.0.1

# wsui-badge
> Webkit sass ui module for badge.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-badge
```

## usage
```scss
// use sass
@import '~@jswork/wsui-badge/dist/index.scss';
// use css
@import '~@jswork/wsui-badge/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-badge/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-badge/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-badge
[version-url]: https://npmjs.org/package/@jswork/wsui-badge

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-badge
[license-url]: https://github.com/afeiship/wsui-badge/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-badge
[size-url]: https://github.com/afeiship/wsui-badge/blob/master/dist/wsui-badge.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-badge
[download-url]: https://www.npmjs.com/package/@jswork/wsui-badge
npm package: @jswork/wsui-border-collapse
Description: Border collapse use css.
Author: afei
Latest version: 1.0.0

# wsui-border-collapse
> Border collapse use css.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-border-collapse
```

## usage
```scss
// use sass
@import '~@jswork/wsui-border-collapse/dist/index.scss';
// use css
@import '~@jswork/wsui-border-collapse/dist/style.css';
```

## resources
- https://stackoverflow.com/questions/17915865/how-to-make-borders-collapse-on-a-div

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-border-collapse/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-border-collapse
[version-url]: https://npmjs.org/package/@jswork/wsui-border-collapse

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-border-collapse
[license-url]: https://github.com/afeiship/wsui-border-collapse/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-border-collapse
[size-url]: https://github.com/afeiship/wsui-border-collapse/blob/master/dist/wsui-border-collapse.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-border-collapse
[download-url]: https://www.npmjs.com/package/@jswork/wsui-border-collapse
npm package: @jswork/wsui-border-colorful
Description: Colorful border for wsui.
Author: afei
Latest version: 1.0.0

# wsui-border-colorful
> Colorful border for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-border-colorful
```

## usage
```scss
// use sass
@import '~@jswork/wsui-border-colorful/dist/index.scss';
// use css
@import '~@jswork/wsui-border-colorful/dist/style.css';


.box {
  width: 80%;
  margin: 50px auto;
  max-width: 400px;
  @include wsui-border-colorful();

  > .is-body {
    padding: 10px;
  }
}
```

```html
<div class="box">
  <div class="is-body">
    <figure>
      <center><img src="https://tva1.sinaimg.cn/large/007S8ZIlgy1gexw87htqhj305k05k74o.jpg" alt=""></center>
    </figure>
    <p>道可道，非常道；名可名，非常名。</p>
    <p>无名，天地之始，有名，万物之母。</p>
    <p>故常无欲，以观其妙，常有欲，以观其徼。</p>
    <p>此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。</p>
  </div>
</div>
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-border-colorful/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-border-colorful
[version-url]: https://npmjs.org/package/@jswork/wsui-border-colorful

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-border-colorful
[license-url]: https://github.com/afeiship/wsui-border-colorful/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-border-colorful
[size-url]: https://github.com/afeiship/wsui-border-colorful/blob/master/dist/wsui-border-colorful.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-border-colorful
[download-url]: https://www.npmjs.com/package/@jswork/wsui-border-colorful
npm package: @jswork/wsui-card
Description: Card styles.
Author: afei
Latest version: 1.0.0

# wsui-card
> Card styles.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-card
```

## usage
```scss
// use sass
@import '~@jswork/wsui-card/dist/index.scss';
// use css
@import '~@jswork/wsui-card/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-card/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-card/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-card
[version-url]: https://npmjs.org/package/@jswork/wsui-card

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-card
[license-url]: https://github.com/afeiship/wsui-card/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-card
[size-url]: https://github.com/afeiship/wsui-card/blob/master/dist/wsui-card.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-card
[download-url]: https://www.npmjs.com/package/@jswork/wsui-card
npm package: @jswork/wsui-cnzz
Description: Statistic cnzz hidden text.
Author: afei
Latest version: 1.0.0

# wsui-cnzz
> Statistic cnzz hidden text.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-cnzz
```

## usage
```scss
// use sass
@import '~@jswork/wsui-cnzz/dist/index.scss';
// use css
@import '~@jswork/wsui-cnzz/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-cnzz/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-cnzz/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-cnzz
[version-url]: https://npmjs.org/package/@jswork/wsui-cnzz

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-cnzz
[license-url]: https://github.com/afeiship/wsui-cnzz/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-cnzz
[size-url]: https://github.com/afeiship/wsui-cnzz/blob/master/dist/wsui-cnzz.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-cnzz
[download-url]: https://www.npmjs.com/package/@jswork/wsui-cnzz
npm package: @jswork/wsui-colorful
Description: Colorful for webkit sassui.
Author: afei
Latest version: 1.0.0

# wsui-colorful
> Colorful for webkit sassui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-colorful
```

## usage
```scss
// use sass
@import '~@jswork/wsui-colorful/dist/index.scss';
// use css
@import '~@jswork/wsui-colorful/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-colorful/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-colorful/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-colorful
[version-url]: https://npmjs.org/package/@jswork/wsui-colorful

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-colorful
[license-url]: https://github.com/afeiship/wsui-colorful/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-colorful
[size-url]: https://github.com/afeiship/wsui-colorful/blob/master/dist/wsui-colorful.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-colorful
[download-url]: https://www.npmjs.com/package/@jswork/wsui-colorful
npm package: @jswork/wsui-dealcard
Description: Webkit sass ui module for dealcard.
Author: afei
Latest version: 1.0.2

# wsui-dealcard
> Webkit sass ui module for dealcard.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-dealcard
```

## usage
```scss
// use sass
@import '~@jswork/wsui-dealcard/dist/index.scss';
// use css
@import '~@jswork/wsui-dealcard/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-dealcard/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-dealcard/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-dealcard
[version-url]: https://npmjs.org/package/@jswork/wsui-dealcard

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-dealcard
[license-url]: https://github.com/afeiship/wsui-dealcard/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-dealcard
[size-url]: https://github.com/afeiship/wsui-dealcard/blob/master/dist/wsui-dealcard.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-dealcard
[download-url]: https://www.npmjs.com/package/@jswork/wsui-dealcard
npm package: @jswork/wsui-dot-background
Description: Dot background.
Author: afei
Latest version: 1.0.0

# wsui-dot-background
> Dot background.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-dot-background
```

## usage
```scss
// use sass
@import '~@jswork/wsui-dot-background/dist/index.scss';
// use css
@import '~@jswork/wsui-dot-background/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-dot-background/
- https://www.emojiall.com/zh-hans

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-dot-background/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-dot-background
[version-url]: https://npmjs.org/package/@jswork/wsui-dot-background

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-dot-background
[license-url]: https://github.com/afeiship/wsui-dot-background/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-dot-background
[size-url]: https://github.com/afeiship/wsui-dot-background/blob/master/dist/wsui-dot-background.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-dot-background
[download-url]: https://www.npmjs.com/package/@jswork/wsui-dot-background
npm package: @jswork/wsui-drawer
Description: Drawer for wsui.
Author: afei
Latest version: 1.0.0

# wsui-drawer
> Drawer for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-drawer
```

## usage
```scss
@import '~@jswork/wsui-drawer';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-drawer/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-drawer
[version-url]: https://npmjs.org/package/@jswork/wsui-drawer

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-drawer
[license-url]: https://github.com/afeiship/wsui-drawer/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-drawer
[size-url]: https://github.com/afeiship/wsui-drawer/blob/master/dist/wsui-drawer.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-drawer
[download-url]: https://www.npmjs.com/package/@jswork/wsui-drawer
npm package: @jswork/wsui-em-justify-list
Description: Em layout justify list.
Author: afei
Latest version: 2.0.1

# wsui-em-justify-list
> Em layout justify list.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-em-justify-list
```

## usage
```scss
// use sass
@import '~@jswork/wsui-em-justify-list/dist/index.scss';
// use css
@import '~@jswork/wsui-em-justify-list/dist/style.css';
```

```html
<div class="wsui-em-justify-list" data-count=2>
  <div class="is-item">
    <img src="https://placeholder.qiniudn.com/80x80" alt="">
    <h1>我是标题</h1>
    <p>我是描述</p>
  </div>
  <div class="is-item">
    <img src="https://placeholder.qiniudn.com/80x80" alt="">
    <h1>我是标题</h1>
    <p>我是描述</p>
  </div>
  <div class="is-item">
    <img src="https://placeholder.qiniudn.com/80x80" alt="">
    <h1>我是标题</h1>
    <p>我是描述</p>
  </div>
</div>
```

## resources
- https://afeiship.github.io/wsui-em-justify-list/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-em-justify-list/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-em-justify-list
[version-url]: https://npmjs.org/package/@jswork/wsui-em-justify-list

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-em-justify-list
[license-url]: https://github.com/afeiship/wsui-em-justify-list/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-em-justify-list
[size-url]: https://github.com/afeiship/wsui-em-justify-list/blob/master/dist/wsui-em-justify-list.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-em-justify-list
[download-url]: https://www.npmjs.com/package/@jswork/wsui-em-justify-list
npm package: @jswork/wsui-emgrid
Description: A responsive grid system based on em justify list.
Author: afei
Latest version: 1.0.4

# wsui-emgrid
> A responsive grid system based on em justify list.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-emgrid
```

## usage
```scss
// use sass
@import '~@jswork/wsui-emgrid/dist/index.scss';
// use css
@import '~@jswork/wsui-emgrid/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-emgrid/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-emgrid/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-emgrid
[version-url]: https://npmjs.org/package/@jswork/wsui-emgrid

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-emgrid
[license-url]: https://github.com/afeiship/wsui-emgrid/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-emgrid
[size-url]: https://github.com/afeiship/wsui-emgrid/blob/master/dist/wsui-emgrid.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-emgrid
[download-url]: https://www.npmjs.com/package/@jswork/wsui-emgrid