docs: add omiu checkbox docs

This commit is contained in:
dntzhang 2020-04-24 11:32:29 +08:00
parent 358e336917
commit 34df425efc
42 changed files with 175 additions and 65 deletions

View File

@ -16,6 +16,7 @@ English | [简体中文](./README.CN.md)
| [@omiu/tabs][omiu-tabs-github] | [![omiu-tabs-status]][omiu-tabs-package]|[CodePen][omiu-tabs-codepen] | [Tabs Docs][omiu-tabs-docs]|
| [@omiu/radio][omiu-radio-github] | [![omiu-radio-status]][omiu-radio-package]|[CodePen][omiu-radio-codepen] | [Radio Docs][omiu-radio-docs]|
| [@omiu/link][omiu-link-github] | [![omiu-link-status]][omiu-link-package]|[CodePen][omiu-link-codepen] | [Link Docs][omiu-link-docs]|
| [@omiu/link][omiu-checkbox-github] | [![omiu-checkbox-status]][omiu-checkbox-package]|[CodePen][omiu-checkbox-codepen] | [Checkbox Docs][omiu-checkbox-docs]|
| Coming... | | | |
| Coming... | | | |
@ -45,6 +46,11 @@ English | [简体中文](./README.CN.md)
[omiu-link-docs]: https://tencent.github.io/omi/components/docs/index.html#/link?index=1&subIndex=3
[omiu-link-codepen]: https://codepen.io/omijs/pen/KKdNBaO
[omiu-checkbox-github]: https://github.com/Tencent/omi/tree/master/components/checkbox
[omiu-checkbox-status]: https://img.shields.io/npm/v/@omiu/checkbox.svg
[omiu-checkbox-package]: https://www.npmjs.com/package/@omiu/checkbox
[omiu-checkbox-docs]: https://tencent.github.io/omi/components/docs/index.html#/link?index=1&subIndex=4
[omiu-checkbox-codepen]: https://codepen.io/omijs/pen/MWapwNZ
## Quick Preview

View File

@ -13,7 +13,8 @@ const config = {
{ name: 'Button 按钮', md: 'button' },
{ name: 'Tabs 选项卡', md: 'tabs' },
{ name: 'Radio 单选框', md: 'radio' },
{ name: 'Link 文字链接', md: 'link' }
{ name: 'Link 文字链接', md: 'link' },
{ name: 'Checkbox 复选框', md: 'checkbox' }
]
}
@ -31,7 +32,8 @@ const config = {
{ name: 'Button', md: 'button' },
{ name: 'Tabs', md: 'tabs' },
{ name: 'Radio', md: 'radio' },
{ name: 'Link', md: 'link' }
{ name: 'Link', md: 'link' },
{ name: 'Checkbox', md: 'checkbox' }
]
}
]

View File

@ -0,0 +1,46 @@
## Checkbox
Used to select multiple options.
<iframe height="391" style="width: 100%;" scrolling="no" title="OMIU Checkbox" src="https://codepen.io/omijs/embed/MWapwNZ?height=391&theme-id=default&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">
See the Pen <a href='https://codepen.io/omijs/pen/MWapwNZ'>OMIU Checkbox</a> by OMI
(<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
## Import
```js
import '@omiu/checkbox'
```
Or use script tag to ref it.
```html
<script src="https://unpkg.com/@omiu/checkbox"></script>
```
## Usage
```html
<o-checkbox label='Label'> </o-checkbox>
```
## API
### Props
```jsx
{
disabled: boolean;
checked: boolean;
value: string;
label: string;
indeterminate: boolean;
}
```
### Event
* change

View File

@ -0,0 +1,46 @@
## Checkbox 复选框
用于选择多个选项。
<iframe height="391" style="width: 100%;" scrolling="no" title="OMIU Checkbox" src="https://codepen.io/omijs/embed/MWapwNZ?height=391&theme-id=default&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">
See the Pen <a href='https://codepen.io/omijs/pen/MWapwNZ'>OMIU Checkbox</a> by OMI
(<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
## 导入
```js
import '@omiu/checkbox'
```
或者直接 script 标签引入。
```html
<script src="https://unpkg.com/@omiu/checkbox"></script>
```
## 使用
```html
<o-checkbox label='Label'> </o-checkbox>
```
## API
### 属性
```jsx
{
disabled: boolean;
checked: boolean;
value: string;
label: string;
indeterminate: boolean;
}
```
### 事件
* change

View File

@ -1,31 +1,35 @@
{
"cn.css": "static/css/cn.0726442c.css",
"cn.css.map": "static/css/cn.0726442c.css.map",
"cn.js": "static/js/cn.4e3e7d7c.js",
"cn.js.map": "static/js/cn.4e3e7d7c.js.map",
"cn.js": "static/js/cn.811bc79a.js",
"cn.js.map": "static/js/cn.811bc79a.js.map",
"index.css": "static/css/index.0726442c.css",
"index.css.map": "static/css/index.0726442c.css.map",
"index.js": "static/js/index.10e894a1.js",
"index.js.map": "static/js/index.10e894a1.js.map",
"static/js/0.95041a35.chunk.js": "static/js/0.95041a35.chunk.js",
"static/js/0.95041a35.chunk.js.map": "static/js/0.95041a35.chunk.js.map",
"static/js/1.f987edc1.chunk.js": "static/js/1.f987edc1.chunk.js",
"static/js/1.f987edc1.chunk.js.map": "static/js/1.f987edc1.chunk.js.map",
"static/js/2.b9127839.chunk.js": "static/js/2.b9127839.chunk.js",
"static/js/2.b9127839.chunk.js.map": "static/js/2.b9127839.chunk.js.map",
"static/js/3.b254f421.chunk.js": "static/js/3.b254f421.chunk.js",
"static/js/3.b254f421.chunk.js.map": "static/js/3.b254f421.chunk.js.map",
"static/js/4.e453c730.chunk.js": "static/js/4.e453c730.chunk.js",
"static/js/4.e453c730.chunk.js.map": "static/js/4.e453c730.chunk.js.map",
"static/js/5.27178524.chunk.js": "static/js/5.27178524.chunk.js",
"static/js/5.27178524.chunk.js.map": "static/js/5.27178524.chunk.js.map",
"static/js/6.f16710ba.chunk.js": "static/js/6.f16710ba.chunk.js",
"static/js/6.f16710ba.chunk.js.map": "static/js/6.f16710ba.chunk.js.map",
"static/js/7.444bd37f.chunk.js": "static/js/7.444bd37f.chunk.js",
"static/js/7.444bd37f.chunk.js.map": "static/js/7.444bd37f.chunk.js.map",
"static/js/8.e9d5cd23.chunk.js": "static/js/8.e9d5cd23.chunk.js",
"static/js/8.e9d5cd23.chunk.js.map": "static/js/8.e9d5cd23.chunk.js.map",
"static/js/9.e4b040ab.chunk.js": "static/js/9.e4b040ab.chunk.js",
"static/js/9.e4b040ab.chunk.js.map": "static/js/9.e4b040ab.chunk.js.map",
"index.js": "static/js/index.643ef7d6.js",
"index.js.map": "static/js/index.643ef7d6.js.map",
"static/js/0.459a1f9a.chunk.js": "static/js/0.459a1f9a.chunk.js",
"static/js/0.459a1f9a.chunk.js.map": "static/js/0.459a1f9a.chunk.js.map",
"static/js/1.0b60b0be.chunk.js": "static/js/1.0b60b0be.chunk.js",
"static/js/1.0b60b0be.chunk.js.map": "static/js/1.0b60b0be.chunk.js.map",
"static/js/10.c1bda6a1.chunk.js": "static/js/10.c1bda6a1.chunk.js",
"static/js/10.c1bda6a1.chunk.js.map": "static/js/10.c1bda6a1.chunk.js.map",
"static/js/11.bbbfb95c.chunk.js": "static/js/11.bbbfb95c.chunk.js",
"static/js/11.bbbfb95c.chunk.js.map": "static/js/11.bbbfb95c.chunk.js.map",
"static/js/2.6eaf3e3d.chunk.js": "static/js/2.6eaf3e3d.chunk.js",
"static/js/2.6eaf3e3d.chunk.js.map": "static/js/2.6eaf3e3d.chunk.js.map",
"static/js/3.ee309ff8.chunk.js": "static/js/3.ee309ff8.chunk.js",
"static/js/3.ee309ff8.chunk.js.map": "static/js/3.ee309ff8.chunk.js.map",
"static/js/4.108ef249.chunk.js": "static/js/4.108ef249.chunk.js",
"static/js/4.108ef249.chunk.js.map": "static/js/4.108ef249.chunk.js.map",
"static/js/5.064458f0.chunk.js": "static/js/5.064458f0.chunk.js",
"static/js/5.064458f0.chunk.js.map": "static/js/5.064458f0.chunk.js.map",
"static/js/6.2b5791b9.chunk.js": "static/js/6.2b5791b9.chunk.js",
"static/js/6.2b5791b9.chunk.js.map": "static/js/6.2b5791b9.chunk.js.map",
"static/js/7.cb2d0a47.chunk.js": "static/js/7.cb2d0a47.chunk.js",
"static/js/7.cb2d0a47.chunk.js.map": "static/js/7.cb2d0a47.chunk.js.map",
"static/js/8.c80f3edf.chunk.js": "static/js/8.c80f3edf.chunk.js",
"static/js/8.c80f3edf.chunk.js.map": "static/js/8.c80f3edf.chunk.js.map",
"static/js/9.9381695f.chunk.js": "static/js/9.9381695f.chunk.js",
"static/js/9.9381695f.chunk.js.map": "static/js/9.9381695f.chunk.js.map",
"static/media/omi-logo2019.svg": "static/media/omi-logo2019.923166c3.svg"
}

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>OMIU - Cross-Frameworks UI Framework</title><link href="./static/css/cn.0726442c.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/cn.4e3e7d7c.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>OMIU - Cross-Frameworks UI Framework</title><link href="./static/css/cn.0726442c.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/cn.811bc79a.js"></script></body></html>

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>OMIU - Cross-Frameworks UI Framework</title><link href="./static/css/index.0726442c.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/index.10e894a1.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>OMIU - Cross-Frameworks UI Framework</title><link href="./static/css/index.0726442c.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/index.643ef7d6.js"></script></body></html>

View File

@ -1 +1 @@
"use strict";var precacheConfig=[["./cn.html","219197dbd4cd25c4311b0ae98c47e06e"],["./index.html","2a9a47bb099141417f63f065980e3cd3"],["./static/css/cn.0726442c.css","10d0b9d602b3b657c55a1385c1844c28"],["./static/css/index.0726442c.css","2767bdf2b32295812e42d9d1a0293da3"],["./static/js/0.95041a35.chunk.js","f2ef9d81d0847280f2d65e36cea12000"],["./static/js/1.f987edc1.chunk.js","aeedd56e9562a8ea047ad49692b6073a"],["./static/js/2.b9127839.chunk.js","2696a477ad0b2bc0a5669dcc9b548970"],["./static/js/3.b254f421.chunk.js","9b6899eafd12897c4ab6fc663525261b"],["./static/js/4.e453c730.chunk.js","ca4d81fc8b885e636651e3165141b0b2"],["./static/js/5.27178524.chunk.js","efd7b634962ac57821d9d59151f22fb5"],["./static/js/6.f16710ba.chunk.js","5bdc8d6fce8c88fd2b5b450d337803ea"],["./static/js/7.444bd37f.chunk.js","963e10354473e3c32f4a44425ebe7693"],["./static/js/8.e9d5cd23.chunk.js","0d74b29e1d2d5d9af13656fec712a142"],["./static/js/9.e4b040ab.chunk.js","e6ff9c000b853e973ec19ea76ee9c00c"],["./static/js/cn.4e3e7d7c.js","38ce2ee8ac334289fa493987d473b3c5"],["./static/js/index.10e894a1.js","85e55bff709bf81cb455b5a92b4e4cd4"],["./static/media/omi-logo2019.923166c3.svg","923166c362dce831a15c447b19a622f9"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(t){return t.redirected?("body"in t?Promise.resolve(t.body):t.blob()).then(function(e){return new Response(e,{headers:t.headers,status:t.status,statusText:t.statusText})}):Promise.resolve(t)},createCacheKey=function(e,t,n,a){var c=new URL(e);return a&&c.pathname.match(a)||(c.search+=(c.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),c.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,n){var t=new URL(e);return t.hash="",t.search=t.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(t){return n.every(function(e){return!e.test(t[0])})}).map(function(e){return e.join("=")}).join("&"),t.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],a=new URL(t,self.location),c=createCacheKey(a,hashParamName,n,/\.\w{8}\./);return[a.toString(),c]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(a){return setOfCachedUrls(a).then(function(n){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(t){if(!n.has(t)){var e=new Request(t,{credentials:"same-origin"});return fetch(e).then(function(e){if(!e.ok)throw new Error("Request for "+t+" returned a response with status "+e.status);return cleanResponse(e).then(function(e){return a.put(t,e)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var n=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(t){return t.keys().then(function(e){return Promise.all(e.map(function(e){if(!n.has(e.url))return t.delete(e)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(t){if("GET"===t.request.method){var e,n=stripIgnoredUrlParameters(t.request.url,ignoreUrlParametersMatching),a="index.html";(e=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,a),e=urlsToCacheKeys.has(n));var c="./index.html";!e&&"navigate"===t.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],t.request.url)&&(n=new URL(c,self.location).toString(),e=urlsToCacheKeys.has(n)),e&&t.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(e){return console.warn('Couldn\'t serve response for "%s" from cache: %O',t.request.url,e),fetch(t.request)}))}});
"use strict";var precacheConfig=[["./cn.html","36f5eb9bd004ba8040e3c531fbf6490c"],["./index.html","57b0ce4479827389cbe98c9530574568"],["./static/css/cn.0726442c.css","10d0b9d602b3b657c55a1385c1844c28"],["./static/css/index.0726442c.css","2767bdf2b32295812e42d9d1a0293da3"],["./static/js/0.459a1f9a.chunk.js","60d2a3dab8778a8ad64dada091fe97d0"],["./static/js/1.0b60b0be.chunk.js","38551db307bd7b376b6a901d001aef0e"],["./static/js/10.c1bda6a1.chunk.js","f8bd4fdeca8242f8f2e1e5cea98c70e4"],["./static/js/11.bbbfb95c.chunk.js","d36924ef01c671f9f3db2c2b3b798dcd"],["./static/js/2.6eaf3e3d.chunk.js","5d319f3f6577b69440889b047db2ca47"],["./static/js/3.ee309ff8.chunk.js","b663e0ace360e52fdd558d3d4fc734db"],["./static/js/4.108ef249.chunk.js","9bede6a52c2cfe36c1ad240596653ff5"],["./static/js/5.064458f0.chunk.js","5a0b45446aec3158cd7b7f1a81cb8332"],["./static/js/6.2b5791b9.chunk.js","6bab02a06ca901a8e10995118627e376"],["./static/js/7.cb2d0a47.chunk.js","e975cc4e6aa90ffd04c39234a49285e3"],["./static/js/8.c80f3edf.chunk.js","fbf3e539bcf4d9d67d301c96ac24e9cc"],["./static/js/9.9381695f.chunk.js","24f272b2997214da02ea94ff26f0a0a2"],["./static/js/cn.811bc79a.js","9929b6fe623f94b57838f5eff2749e36"],["./static/js/index.643ef7d6.js","7c981af7ffaf8426312796b2b93cd7b8"],["./static/media/omi-logo2019.923166c3.svg","923166c362dce831a15c447b19a622f9"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(t){return t.redirected?("body"in t?Promise.resolve(t.body):t.blob()).then(function(e){return new Response(e,{headers:t.headers,status:t.status,statusText:t.statusText})}):Promise.resolve(t)},createCacheKey=function(e,t,n,a){var c=new URL(e);return a&&c.pathname.match(a)||(c.search+=(c.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),c.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,n){var t=new URL(e);return t.hash="",t.search=t.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(t){return n.every(function(e){return!e.test(t[0])})}).map(function(e){return e.join("=")}).join("&"),t.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],a=new URL(t,self.location),c=createCacheKey(a,hashParamName,n,/\.\w{8}\./);return[a.toString(),c]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(a){return setOfCachedUrls(a).then(function(n){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(t){if(!n.has(t)){var e=new Request(t,{credentials:"same-origin"});return fetch(e).then(function(e){if(!e.ok)throw new Error("Request for "+t+" returned a response with status "+e.status);return cleanResponse(e).then(function(e){return a.put(t,e)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var n=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(t){return t.keys().then(function(e){return Promise.all(e.map(function(e){if(!n.has(e.url))return t.delete(e)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(t){if("GET"===t.request.method){var e,n=stripIgnoredUrlParameters(t.request.url,ignoreUrlParametersMatching),a="index.html";(e=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,a),e=urlsToCacheKeys.has(n));var c="./index.html";!e&&"navigate"===t.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],t.request.url)&&(n=new URL(c,self.location).toString(),e=urlsToCacheKeys.has(n)),e&&t.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(e){return console.warn('Couldn\'t serve response for "%s" from cache: %O',t.request.url,e),fetch(t.request)}))}});

View File

@ -1,2 +1,2 @@
webpackJsonp([0],{49:function(n,e){n.exports="## Tabs \u9009\u9879\u5361 \n\n\u7528\u4e8e\u540c\u4e00\u4e2a\u533a\u57df\u5207\u6362\u591a\u4e2a\u663e\u793a\u9762\u677f\uff0c\u5145\u5206\u5229\u7528\u7a7a\u95f4\u3002\n\n<iframe height=\"572\" style=\"width: 100%;\" scrolling=\"no\" title=\"OMIU Tabs\" src=\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport '@omiu/tabs'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src=\"https://unpkg.com/@omiu/tabs\"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n <o-tabs \n list=\"[{label:'\u7528\u6237\u7ba1\u7406'},{label:'\u7cfb\u7edf\u8bbe\u7f6e'},{label:'\u6743\u9650\u7ba1\u7406\u4e2d\u5fc3'}]\" \n active-index=\"0\">\n\t</o-tabs>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n list?: any[];\n activeIndex: number;\n type?: 'card' | 'border-card';\n position?: 'left' | 'right' | 'top' | 'bottom';\n closable?: boolean;\n addable?: boolean;\n}\n```\n\n### \u5c5e\u6027\u9ed8\u8ba4\u503c\n\n```jsx\n{\n position: string;\n closable: boolean;\n addable: boolean;\n}\n```\n\n### \u4e8b\u4ef6\n\n* change\n* remove\n* addIconClick\n"}});
//# sourceMappingURL=0.95041a35.chunk.js.map
webpackJsonp([0],{50:function(n,e){n.exports="## Tabs \u9009\u9879\u5361 \n\n\u7528\u4e8e\u540c\u4e00\u4e2a\u533a\u57df\u5207\u6362\u591a\u4e2a\u663e\u793a\u9762\u677f\uff0c\u5145\u5206\u5229\u7528\u7a7a\u95f4\u3002\n\n<iframe height=\"572\" style=\"width: 100%;\" scrolling=\"no\" title=\"OMIU Tabs\" src=\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport '@omiu/tabs'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src=\"https://unpkg.com/@omiu/tabs\"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n <o-tabs \n list=\"[{label:'\u7528\u6237\u7ba1\u7406'},{label:'\u7cfb\u7edf\u8bbe\u7f6e'},{label:'\u6743\u9650\u7ba1\u7406\u4e2d\u5fc3'}]\" \n active-index=\"0\">\n\t</o-tabs>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n list?: any[];\n activeIndex: number;\n type?: 'card' | 'border-card';\n position?: 'left' | 'right' | 'top' | 'bottom';\n closable?: boolean;\n addable?: boolean;\n}\n```\n\n### \u5c5e\u6027\u9ed8\u8ba4\u503c\n\n```jsx\n{\n position: string;\n closable: boolean;\n addable: boolean;\n}\n```\n\n### \u4e8b\u4ef6\n\n* change\n* remove\n* addIconClick\n"}});
//# sourceMappingURL=0.459a1f9a.chunk.js.map

View File

@ -1 +1 @@
{"version":3,"sources":["../static/js/0.95041a35.chunk.js","docs/zh-cn/tabs.md"],"names":["webpackJsonp","49","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/0.95041a35.chunk.js","sourcesContent":["webpackJsonp([0],{\n\n/***/ 49:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Tabs 选项卡 \\n\\n用于同一个区域切换多个显示面板充分利用空间。\\n\\n<iframe height=\\\"572\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Tabs\\\" src=\\\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/tabs\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n <o-tabs \\n list=\\\"[{label:'用户管理'},{label:'系统设置'},{label:'权限管理中心'}]\\\" \\n active-index=\\\"0\\\">\\n\\t</o-tabs>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n list?: any[];\\n activeIndex: number;\\n type?: 'card' | 'border-card';\\n position?: 'left' | 'right' | 'top' | 'bottom';\\n closable?: boolean;\\n addable?: boolean;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n position: string;\\n closable: boolean;\\n addable: boolean;\\n}\\n```\\n\\n### 事件\\n\\n* change\\n* remove\\n* addIconClick\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/0.95041a35.chunk.js","module.exports = \"## Tabs 选项卡 \\n\\n用于同一个区域切换多个显示面板充分利用空间。\\n\\n<iframe height=\\\"572\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Tabs\\\" src=\\\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/tabs\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n <o-tabs \\n list=\\\"[{label:'用户管理'},{label:'系统设置'},{label:'权限管理中心'}]\\\" \\n active-index=\\\"0\\\">\\n\\t</o-tabs>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n list?: any[];\\n activeIndex: number;\\n type?: 'card' | 'border-card';\\n position?: 'left' | 'right' | 'top' | 'bottom';\\n closable?: boolean;\\n addable?: boolean;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n position: string;\\n closable: boolean;\\n addable: boolean;\\n}\\n```\\n\\n### 事件\\n\\n* change\\n* remove\\n* addIconClick\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/tabs.md\n// module id = 49\n// module chunks = 0"],"sourceRoot":""}
{"version":3,"sources":["../static/js/0.459a1f9a.chunk.js","docs/zh-cn/tabs.md"],"names":["webpackJsonp","50","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/0.459a1f9a.chunk.js","sourcesContent":["webpackJsonp([0],{\n\n/***/ 50:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Tabs 选项卡 \\n\\n用于同一个区域切换多个显示面板充分利用空间。\\n\\n<iframe height=\\\"572\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Tabs\\\" src=\\\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/tabs\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n <o-tabs \\n list=\\\"[{label:'用户管理'},{label:'系统设置'},{label:'权限管理中心'}]\\\" \\n active-index=\\\"0\\\">\\n\\t</o-tabs>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n list?: any[];\\n activeIndex: number;\\n type?: 'card' | 'border-card';\\n position?: 'left' | 'right' | 'top' | 'bottom';\\n closable?: boolean;\\n addable?: boolean;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n position: string;\\n closable: boolean;\\n addable: boolean;\\n}\\n```\\n\\n### 事件\\n\\n* change\\n* remove\\n* addIconClick\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/0.459a1f9a.chunk.js","module.exports = \"## Tabs 选项卡 \\n\\n用于同一个区域切换多个显示面板充分利用空间。\\n\\n<iframe height=\\\"572\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Tabs\\\" src=\\\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/tabs\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n <o-tabs \\n list=\\\"[{label:'用户管理'},{label:'系统设置'},{label:'权限管理中心'}]\\\" \\n active-index=\\\"0\\\">\\n\\t</o-tabs>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n list?: any[];\\n activeIndex: number;\\n type?: 'card' | 'border-card';\\n position?: 'left' | 'right' | 'top' | 'bottom';\\n closable?: boolean;\\n addable?: boolean;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n position: string;\\n closable: boolean;\\n addable: boolean;\\n}\\n```\\n\\n### 事件\\n\\n* change\\n* remove\\n* addIconClick\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/tabs.md\n// module id = 50\n// module chunks = 0"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([1],{48:function(n,e){n.exports='\n## Radio \u5355\u9009\u6846 \n\n\u7528\u4e8e\u5728\u591a\u4e2a\u9009\u9879\u4e2d\u9009\u62e9\u4e00\u4e2a\n\n<iframe height="315" style="width: 100%;" scrolling="no" title="OMIU Radio" src="https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/GRpjapr\'>OMIU Radio</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport \'@omiu/radio\'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src="https://unpkg.com/@omiu/radio"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n<o-radio name="sex" value="0">\u7537</o-radio>\n<o-radio name="sex" value="1">\u5973</o-radio>\n<script>\n document.querySelectorAll("o-radio[name=\'sex\']").forEach(function(radio){\n radio.addEventListener(\'change\', function(evt){\n console.log(evt.detail)\n })\n })\n<\/script>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n label?: string;\n disabled?: boolean;\n checked?: boolean;\n value: string;\n name?: string;\n}\n```\n\n## \u4e8b\u4ef6\n\n* change\n'}});
//# sourceMappingURL=1.f987edc1.chunk.js.map
webpackJsonp([1],{49:function(n,e){n.exports='\n## Radio \u5355\u9009\u6846 \n\n\u7528\u4e8e\u5728\u591a\u4e2a\u9009\u9879\u4e2d\u9009\u62e9\u4e00\u4e2a\n\n<iframe height="315" style="width: 100%;" scrolling="no" title="OMIU Radio" src="https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/GRpjapr\'>OMIU Radio</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport \'@omiu/radio\'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src="https://unpkg.com/@omiu/radio"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n<o-radio name="sex" value="0">\u7537</o-radio>\n<o-radio name="sex" value="1">\u5973</o-radio>\n<script>\n document.querySelectorAll("o-radio[name=\'sex\']").forEach(function(radio){\n radio.addEventListener(\'change\', function(evt){\n console.log(evt.detail)\n })\n })\n<\/script>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n label?: string;\n disabled?: boolean;\n checked?: boolean;\n value: string;\n name?: string;\n}\n```\n\n## \u4e8b\u4ef6\n\n* change\n'}});
//# sourceMappingURL=1.0b60b0be.chunk.js.map

View File

@ -1 +1 @@
{"version":3,"sources":["../static/js/1.f987edc1.chunk.js","docs/zh-cn/radio.md"],"names":["webpackJsonp","48","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/1.f987edc1.chunk.js","sourcesContent":["webpackJsonp([1],{\n\n/***/ 48:\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n## Radio 单选框 \\n\\n用于在多个选项中选择一个\\n\\n<iframe height=\\\"315\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Radio\\\" src=\\\"https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/GRpjapr'>OMIU Radio</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/radio\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-radio name=\\\"sex\\\" value=\\\"0\\\">男</o-radio>\\n<o-radio name=\\\"sex\\\" value=\\\"1\\\">女</o-radio>\\n<script>\\n document.querySelectorAll(\\\"o-radio[name='sex']\\\").forEach(function(radio){\\n radio.addEventListener('change', function(evt){\\n console.log(evt.detail)\\n })\\n })\\n</script>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n label?: string;\\n disabled?: boolean;\\n checked?: boolean;\\n value: string;\\n name?: string;\\n}\\n```\\n\\n## 事件\\n\\n* change\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/1.f987edc1.chunk.js","module.exports = \"\\n## Radio 单选框 \\n\\n用于在多个选项中选择一个\\n\\n<iframe height=\\\"315\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Radio\\\" src=\\\"https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/GRpjapr'>OMIU Radio</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/radio\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-radio name=\\\"sex\\\" value=\\\"0\\\">男</o-radio>\\n<o-radio name=\\\"sex\\\" value=\\\"1\\\">女</o-radio>\\n<script>\\n document.querySelectorAll(\\\"o-radio[name='sex']\\\").forEach(function(radio){\\n radio.addEventListener('change', function(evt){\\n console.log(evt.detail)\\n })\\n })\\n</script>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n label?: string;\\n disabled?: boolean;\\n checked?: boolean;\\n value: string;\\n name?: string;\\n}\\n```\\n\\n## 事件\\n\\n* change\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/radio.md\n// module id = 48\n// module chunks = 1"],"sourceRoot":""}
{"version":3,"sources":["../static/js/1.0b60b0be.chunk.js","docs/zh-cn/radio.md"],"names":["webpackJsonp","49","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/1.0b60b0be.chunk.js","sourcesContent":["webpackJsonp([1],{\n\n/***/ 49:\n/***/ (function(module, exports) {\n\nmodule.exports = \"\\n## Radio 单选框 \\n\\n用于在多个选项中选择一个\\n\\n<iframe height=\\\"315\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Radio\\\" src=\\\"https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/GRpjapr'>OMIU Radio</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/radio\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-radio name=\\\"sex\\\" value=\\\"0\\\">男</o-radio>\\n<o-radio name=\\\"sex\\\" value=\\\"1\\\">女</o-radio>\\n<script>\\n document.querySelectorAll(\\\"o-radio[name='sex']\\\").forEach(function(radio){\\n radio.addEventListener('change', function(evt){\\n console.log(evt.detail)\\n })\\n })\\n</script>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n label?: string;\\n disabled?: boolean;\\n checked?: boolean;\\n value: string;\\n name?: string;\\n}\\n```\\n\\n## 事件\\n\\n* change\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/1.0b60b0be.chunk.js","module.exports = \"\\n## Radio 单选框 \\n\\n用于在多个选项中选择一个\\n\\n<iframe height=\\\"315\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Radio\\\" src=\\\"https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/GRpjapr'>OMIU Radio</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/radio\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-radio name=\\\"sex\\\" value=\\\"0\\\">男</o-radio>\\n<o-radio name=\\\"sex\\\" value=\\\"1\\\">女</o-radio>\\n<script>\\n document.querySelectorAll(\\\"o-radio[name='sex']\\\").forEach(function(radio){\\n radio.addEventListener('change', function(evt){\\n console.log(evt.detail)\\n })\\n })\\n</script>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n label?: string;\\n disabled?: boolean;\\n checked?: boolean;\\n value: string;\\n name?: string;\\n}\\n```\\n\\n## 事件\\n\\n* change\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/radio.md\n// module id = 49\n// module chunks = 1"],"sourceRoot":""}

View File

@ -0,0 +1,2 @@
webpackJsonp([10],{40:function(n,e){n.exports='## Checkbox \n\nUsed to select multiple options.\n\n<iframe height="391" style="width: 100%;" scrolling="no" title="OMIU Checkbox" src="https://codepen.io/omijs/embed/MWapwNZ?height=391&theme-id=default&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/MWapwNZ\'>OMIU Checkbox</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport \'@omiu/checkbox\'\n```\n\nOr use script tag to ref it.\n\n\n```html\n<script src="https://unpkg.com/@omiu/checkbox"><\/script>\n```\n\n## Usage\n\n```html\n<o-checkbox label=\'Label\'> </o-checkbox>\n```\n\n\n## API\n\n### Props\n\n```jsx\n{\n disabled: boolean;\n checked: boolean;\n value: string;\n label: string;\n indeterminate: boolean;\n}\n```\n\n### Event\n\n* change\n'}});
//# sourceMappingURL=10.c1bda6a1.chunk.js.map

View File

@ -0,0 +1 @@
{"version":3,"sources":["../static/js/10.c1bda6a1.chunk.js","docs/en/checkbox.md"],"names":["webpackJsonp","40","module","exports"],"mappings":"AAAAA,cAAc,KAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/10.c1bda6a1.chunk.js","sourcesContent":["webpackJsonp([10],{\n\n/***/ 40:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Checkbox \\n\\nUsed to select multiple options.\\n\\n<iframe height=\\\"391\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Checkbox\\\" src=\\\"https://codepen.io/omijs/embed/MWapwNZ?height=391&theme-id=default&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/MWapwNZ'>OMIU Checkbox</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/checkbox'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/checkbox\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-checkbox label='Label'> </o-checkbox>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n disabled: boolean;\\n checked: boolean;\\n value: string;\\n label: string;\\n indeterminate: boolean;\\n}\\n```\\n\\n### Event\\n\\n* change\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/10.c1bda6a1.chunk.js","module.exports = \"## Checkbox \\n\\nUsed to select multiple options.\\n\\n<iframe height=\\\"391\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Checkbox\\\" src=\\\"https://codepen.io/omijs/embed/MWapwNZ?height=391&theme-id=default&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/MWapwNZ'>OMIU Checkbox</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/checkbox'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/checkbox\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-checkbox label='Label'> </o-checkbox>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n disabled: boolean;\\n checked: boolean;\\n value: string;\\n label: string;\\n indeterminate: boolean;\\n}\\n```\\n\\n### Event\\n\\n* change\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/checkbox.md\n// module id = 40\n// module chunks = 10"],"sourceRoot":""}

View File

@ -0,0 +1,2 @@
webpackJsonp([11],{39:function(n,o){n.exports="## Button \n\nClick or touch it to trigger an operation. The encapsulated logic is triggered in response to user clicks.\n\n<iframe height=\"350\" style=\"width: 100%;\" scrolling=\"no\" title=\"OMIU Button\" src=\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport '@omiu/button'\n```\n\nOr use script tag to ref it.\n\n```html\n<script src=\"https://unpkg.com/@omiu/button\"><\/script>\n```\n\n## Usage\n\n```html\n<o-button type=\"primary\">Primary Button</o-button>\n```\n\n## API\n\n### Props\n\n```jsx\n{\n size?: 'medium' | 'small' | 'mini';\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\n plain?: boolean;\n round?: boolean;\n circle?: boolean;\n loading?: boolean;\n disabled?: boolean;\n icon?: string;\n autofocus?: boolean;\n nativeType?: 'button' | 'submit' | 'reset';\n block?: boolean;\n}\n```\n\n### defaultProps\n\n```jsx\n{\n plain: boolean;\n round: boolean;\n circle: boolean;\n loading: boolean;\n disabled: boolean;\n autofocus: boolean;\n nativeType: string;\n block: boolean;\n}\n```\n"}});
//# sourceMappingURL=11.bbbfb95c.chunk.js.map

View File

@ -0,0 +1 @@
{"version":3,"sources":["../static/js/11.bbbfb95c.chunk.js","docs/en/button.md"],"names":["webpackJsonp","39","module","exports"],"mappings":"AAAAA,cAAc,KAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/11.bbbfb95c.chunk.js","sourcesContent":["webpackJsonp([11],{\n\n/***/ 39:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Button \\n\\nClick or touch it to trigger an operation. The encapsulated logic is triggered in response to user clicks.\\n\\n<iframe height=\\\"350\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Button\\\" src=\\\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\nOr use script tag to ref it.\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/button\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-button type=\\\"primary\\\">Primary Button</o-button>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n size?: 'medium' | 'small' | 'mini';\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n plain?: boolean;\\n round?: boolean;\\n circle?: boolean;\\n loading?: boolean;\\n disabled?: boolean;\\n icon?: string;\\n autofocus?: boolean;\\n nativeType?: 'button' | 'submit' | 'reset';\\n block?: boolean;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n plain: boolean;\\n round: boolean;\\n circle: boolean;\\n loading: boolean;\\n disabled: boolean;\\n autofocus: boolean;\\n nativeType: string;\\n block: boolean;\\n}\\n```\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/11.bbbfb95c.chunk.js","module.exports = \"## Button \\n\\nClick or touch it to trigger an operation. The encapsulated logic is triggered in response to user clicks.\\n\\n<iframe height=\\\"350\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Button\\\" src=\\\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\nOr use script tag to ref it.\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/button\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-button type=\\\"primary\\\">Primary Button</o-button>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n size?: 'medium' | 'small' | 'mini';\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n plain?: boolean;\\n round?: boolean;\\n circle?: boolean;\\n loading?: boolean;\\n disabled?: boolean;\\n icon?: string;\\n autofocus?: boolean;\\n nativeType?: 'button' | 'submit' | 'reset';\\n block?: boolean;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n plain: boolean;\\n round: boolean;\\n circle: boolean;\\n loading: boolean;\\n disabled: boolean;\\n autofocus: boolean;\\n nativeType: string;\\n block: boolean;\\n}\\n```\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/button.md\n// module id = 39\n// module chunks = 11"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([2],{47:function(n,e){n.exports='## Link \u6587\u5b57\u94fe\u63a5 \n\n\u7528\u4e8e\u8df3\u8f6c\u5230\u65b0\u7684\u9875\u9762\u3002\n\n<iframe height="372" style="width: 100%;" scrolling="no" title="OMIU Link" src="https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/KKdNBaO\'>OMIU Link</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport \'@omiu/link\'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src="https://unpkg.com/@omiu/link"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n<o-link \n target="_blank" \n href="https://tencent.github.io/omi/">\n Default\n</o-link>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n type?: \'primary\' | \'success\' | \'warning\' | \'danger\' | \'info\' | \'text\';\n disabled?: boolean;\n underline?: boolean;\n href?: string;\n target: string;\n}\n```\n\n### \u5c5e\u6027\u9ed8\u8ba4\u503c\n\n```jsx\n{\n underline: true,\n disabled: false\n}\n```\n'}});
//# sourceMappingURL=2.b9127839.chunk.js.map
webpackJsonp([2],{48:function(n,e){n.exports='## Link \u6587\u5b57\u94fe\u63a5 \n\n\u7528\u4e8e\u8df3\u8f6c\u5230\u65b0\u7684\u9875\u9762\u3002\n\n<iframe height="372" style="width: 100%;" scrolling="no" title="OMIU Link" src="https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/KKdNBaO\'>OMIU Link</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport \'@omiu/link\'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src="https://unpkg.com/@omiu/link"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n<o-link \n target="_blank" \n href="https://tencent.github.io/omi/">\n Default\n</o-link>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n type?: \'primary\' | \'success\' | \'warning\' | \'danger\' | \'info\' | \'text\';\n disabled?: boolean;\n underline?: boolean;\n href?: string;\n target: string;\n}\n```\n\n### \u5c5e\u6027\u9ed8\u8ba4\u503c\n\n```jsx\n{\n underline: true,\n disabled: false\n}\n```\n'}});
//# sourceMappingURL=2.6eaf3e3d.chunk.js.map

View File

@ -1 +1 @@
{"version":3,"sources":["../static/js/2.b9127839.chunk.js","docs/zh-cn/link.md"],"names":["webpackJsonp","47","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/2.b9127839.chunk.js","sourcesContent":["webpackJsonp([2],{\n\n/***/ 47:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Link 文字链接 \\n\\n用于跳转到新的页面。\\n\\n<iframe height=\\\"372\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Link\\\" src=\\\"https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/link\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-link \\n target=\\\"_blank\\\" \\n href=\\\"https://tencent.github.io/omi/\\\">\\n Default\\n</o-link>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n disabled?: boolean;\\n underline?: boolean;\\n href?: string;\\n target: string;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n underline: true,\\n disabled: false\\n}\\n```\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/2.b9127839.chunk.js","module.exports = \"## Link 文字链接 \\n\\n用于跳转到新的页面。\\n\\n<iframe height=\\\"372\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Link\\\" src=\\\"https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/link\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-link \\n target=\\\"_blank\\\" \\n href=\\\"https://tencent.github.io/omi/\\\">\\n Default\\n</o-link>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n disabled?: boolean;\\n underline?: boolean;\\n href?: string;\\n target: string;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n underline: true,\\n disabled: false\\n}\\n```\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/link.md\n// module id = 47\n// module chunks = 2"],"sourceRoot":""}
{"version":3,"sources":["../static/js/2.6eaf3e3d.chunk.js","docs/zh-cn/link.md"],"names":["webpackJsonp","48","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/2.6eaf3e3d.chunk.js","sourcesContent":["webpackJsonp([2],{\n\n/***/ 48:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Link 文字链接 \\n\\n用于跳转到新的页面。\\n\\n<iframe height=\\\"372\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Link\\\" src=\\\"https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/link\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-link \\n target=\\\"_blank\\\" \\n href=\\\"https://tencent.github.io/omi/\\\">\\n Default\\n</o-link>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n disabled?: boolean;\\n underline?: boolean;\\n href?: string;\\n target: string;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n underline: true,\\n disabled: false\\n}\\n```\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/2.6eaf3e3d.chunk.js","module.exports = \"## Link 文字链接 \\n\\n用于跳转到新的页面。\\n\\n<iframe height=\\\"372\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Link\\\" src=\\\"https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/link\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-link \\n target=\\\"_blank\\\" \\n href=\\\"https://tencent.github.io/omi/\\\">\\n Default\\n</o-link>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n disabled?: boolean;\\n underline?: boolean;\\n href?: string;\\n target: string;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n underline: true,\\n disabled: false\\n}\\n```\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/link.md\n// module id = 48\n// module chunks = 2"],"sourceRoot":""}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
webpackJsonp([4],{46:function(n,e){n.exports='## Checkbox \u590d\u9009\u6846 \n\n\u7528\u4e8e\u9009\u62e9\u591a\u4e2a\u9009\u9879\u3002\n\n<iframe height="391" style="width: 100%;" scrolling="no" title="OMIU Checkbox" src="https://codepen.io/omijs/embed/MWapwNZ?height=391&theme-id=default&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/MWapwNZ\'>OMIU Checkbox</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport \'@omiu/checkbox\'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src="https://unpkg.com/@omiu/checkbox"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n<o-checkbox label=\'Label\'> </o-checkbox>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n disabled: boolean;\n checked: boolean;\n value: string;\n label: string;\n indeterminate: boolean;\n}\n```\n\n### \u4e8b\u4ef6\n\n* change\n'}});
//# sourceMappingURL=4.108ef249.chunk.js.map

View File

@ -0,0 +1 @@
{"version":3,"sources":["../static/js/4.108ef249.chunk.js","docs/zh-cn/checkbox.md"],"names":["webpackJsonp","46","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/4.108ef249.chunk.js","sourcesContent":["webpackJsonp([4],{\n\n/***/ 46:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Checkbox 复选框 \\n\\n用于选择多个选项。\\n\\n<iframe height=\\\"391\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Checkbox\\\" src=\\\"https://codepen.io/omijs/embed/MWapwNZ?height=391&theme-id=default&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/MWapwNZ'>OMIU Checkbox</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/checkbox'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/checkbox\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-checkbox label='Label'> </o-checkbox>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n disabled: boolean;\\n checked: boolean;\\n value: string;\\n label: string;\\n indeterminate: boolean;\\n}\\n```\\n\\n### 事件\\n\\n* change\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/4.108ef249.chunk.js","module.exports = \"## Checkbox 复选框 \\n\\n用于选择多个选项。\\n\\n<iframe height=\\\"391\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Checkbox\\\" src=\\\"https://codepen.io/omijs/embed/MWapwNZ?height=391&theme-id=default&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/MWapwNZ'>OMIU Checkbox</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/checkbox'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/checkbox\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-checkbox label='Label'> </o-checkbox>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n disabled: boolean;\\n checked: boolean;\\n value: string;\\n label: string;\\n indeterminate: boolean;\\n}\\n```\\n\\n### 事件\\n\\n* change\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/checkbox.md\n// module id = 46\n// module chunks = 4"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([4],{45:function(n,o){n.exports="## Button \u6309\u94ae \n\n\u70b9\u51fb\u6216\u89e6\u6478\u89e6\u53d1\u4e00\u4e2a\u64cd\u4f5c\u7684\u5143\u7d20\u3002\u54cd\u5e94\u7528\u6237\u70b9\u51fb\u64cd\u4f5c\uff0c\u89e6\u53d1\u5c01\u88c5\u7684\u903b\u8f91\u3002\n\n<iframe height=\"350\" style=\"width: 100%;\" scrolling=\"no\" title=\"OMIU Button\" src=\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport '@omiu/button'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src=\"https://unpkg.com/@omiu/button\"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n<o-button type=\"primary\">Primary Button</o-button>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n size?: 'medium' | 'small' | 'mini';\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\n plain?: boolean;\n round?: boolean;\n circle?: boolean;\n loading?: boolean;\n disabled?: boolean;\n icon?: string;\n autofocus?: boolean;\n nativeType?: 'button' | 'submit' | 'reset';\n block?: boolean;\n}\n```\n\n### \u5c5e\u6027\u9ed8\u8ba4\u503c\n\n```jsx\n{\n plain: boolean;\n round: boolean;\n circle: boolean;\n loading: boolean;\n disabled: boolean;\n autofocus: boolean;\n nativeType: string;\n block: boolean;\n}\n```\n"}});
//# sourceMappingURL=4.e453c730.chunk.js.map
webpackJsonp([5],{45:function(n,o){n.exports="## Button \u6309\u94ae \n\n\u70b9\u51fb\u6216\u89e6\u6478\u89e6\u53d1\u4e00\u4e2a\u64cd\u4f5c\u7684\u5143\u7d20\u3002\u54cd\u5e94\u7528\u6237\u70b9\u51fb\u64cd\u4f5c\uff0c\u89e6\u53d1\u5c01\u88c5\u7684\u903b\u8f91\u3002\n\n<iframe height=\"350\" style=\"width: 100%;\" scrolling=\"no\" title=\"OMIU Button\" src=\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n\n## \u5bfc\u5165\n\n```js\nimport '@omiu/button'\n```\n\n\u6216\u8005\u76f4\u63a5 script \u6807\u7b7e\u5f15\u5165\u3002\n\n\n```html\n<script src=\"https://unpkg.com/@omiu/button\"><\/script>\n```\n\n## \u4f7f\u7528\n\n```html\n<o-button type=\"primary\">Primary Button</o-button>\n```\n\n\n## API\n\n### \u5c5e\u6027\n\n```jsx\n{\n size?: 'medium' | 'small' | 'mini';\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\n plain?: boolean;\n round?: boolean;\n circle?: boolean;\n loading?: boolean;\n disabled?: boolean;\n icon?: string;\n autofocus?: boolean;\n nativeType?: 'button' | 'submit' | 'reset';\n block?: boolean;\n}\n```\n\n### \u5c5e\u6027\u9ed8\u8ba4\u503c\n\n```jsx\n{\n plain: boolean;\n round: boolean;\n circle: boolean;\n loading: boolean;\n disabled: boolean;\n autofocus: boolean;\n nativeType: string;\n block: boolean;\n}\n```\n"}});
//# sourceMappingURL=5.064458f0.chunk.js.map

View File

@ -1 +1 @@
{"version":3,"sources":["../static/js/4.e453c730.chunk.js","docs/zh-cn/button.md"],"names":["webpackJsonp","45","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/4.e453c730.chunk.js","sourcesContent":["webpackJsonp([4],{\n\n/***/ 45:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Button 按钮 \\n\\n点击或触摸触发一个操作的元素。响应用户点击操作触发封装的逻辑。\\n\\n<iframe height=\\\"350\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Button\\\" src=\\\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/button\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-button type=\\\"primary\\\">Primary Button</o-button>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n size?: 'medium' | 'small' | 'mini';\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n plain?: boolean;\\n round?: boolean;\\n circle?: boolean;\\n loading?: boolean;\\n disabled?: boolean;\\n icon?: string;\\n autofocus?: boolean;\\n nativeType?: 'button' | 'submit' | 'reset';\\n block?: boolean;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n plain: boolean;\\n round: boolean;\\n circle: boolean;\\n loading: boolean;\\n disabled: boolean;\\n autofocus: boolean;\\n nativeType: string;\\n block: boolean;\\n}\\n```\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/4.e453c730.chunk.js","module.exports = \"## Button 按钮 \\n\\n点击或触摸触发一个操作的元素。响应用户点击操作触发封装的逻辑。\\n\\n<iframe height=\\\"350\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Button\\\" src=\\\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/button\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-button type=\\\"primary\\\">Primary Button</o-button>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n size?: 'medium' | 'small' | 'mini';\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n plain?: boolean;\\n round?: boolean;\\n circle?: boolean;\\n loading?: boolean;\\n disabled?: boolean;\\n icon?: string;\\n autofocus?: boolean;\\n nativeType?: 'button' | 'submit' | 'reset';\\n block?: boolean;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n plain: boolean;\\n round: boolean;\\n circle: boolean;\\n loading: boolean;\\n disabled: boolean;\\n autofocus: boolean;\\n nativeType: string;\\n block: boolean;\\n}\\n```\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/button.md\n// module id = 45\n// module chunks = 4"],"sourceRoot":""}
{"version":3,"sources":["../static/js/5.064458f0.chunk.js","docs/zh-cn/button.md"],"names":["webpackJsonp","45","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/5.064458f0.chunk.js","sourcesContent":["webpackJsonp([5],{\n\n/***/ 45:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Button 按钮 \\n\\n点击或触摸触发一个操作的元素。响应用户点击操作触发封装的逻辑。\\n\\n<iframe height=\\\"350\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Button\\\" src=\\\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/button\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-button type=\\\"primary\\\">Primary Button</o-button>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n size?: 'medium' | 'small' | 'mini';\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n plain?: boolean;\\n round?: boolean;\\n circle?: boolean;\\n loading?: boolean;\\n disabled?: boolean;\\n icon?: string;\\n autofocus?: boolean;\\n nativeType?: 'button' | 'submit' | 'reset';\\n block?: boolean;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n plain: boolean;\\n round: boolean;\\n circle: boolean;\\n loading: boolean;\\n disabled: boolean;\\n autofocus: boolean;\\n nativeType: string;\\n block: boolean;\\n}\\n```\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/5.064458f0.chunk.js","module.exports = \"## Button 按钮 \\n\\n点击或触摸触发一个操作的元素。响应用户点击操作触发封装的逻辑。\\n\\n<iframe height=\\\"350\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Button\\\" src=\\\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## 导入\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/button\\\"></script>\\n```\\n\\n## 使用\\n\\n```html\\n<o-button type=\\\"primary\\\">Primary Button</o-button>\\n```\\n\\n\\n## API\\n\\n### 属性\\n\\n```jsx\\n{\\n size?: 'medium' | 'small' | 'mini';\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n plain?: boolean;\\n round?: boolean;\\n circle?: boolean;\\n loading?: boolean;\\n disabled?: boolean;\\n icon?: string;\\n autofocus?: boolean;\\n nativeType?: 'button' | 'submit' | 'reset';\\n block?: boolean;\\n}\\n```\\n\\n### 属性默认值\\n\\n```jsx\\n{\\n plain: boolean;\\n round: boolean;\\n circle: boolean;\\n loading: boolean;\\n disabled: boolean;\\n autofocus: boolean;\\n nativeType: string;\\n block: boolean;\\n}\\n```\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/button.md\n// module id = 45\n// module chunks = 5"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([5],{44:function(n,e){n.exports="## Tabs \n\nIt is used to switch multiple display panels in the same area to make full use of space.\n\n<iframe height=\"572\" style=\"width: 100%;\" scrolling=\"no\" title=\"OMIU Tabs\" src=\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport '@omiu/tabs'\n```\n\nOr use script tag to ref it.\n\n\n```html\n<script src=\"https://unpkg.com/@omiu/tabs\"><\/script>\n```\n\n## Usage\n\n```html\n <o-tabs \n list=\"[{label:'User'},{label:'System'},{label:'Address'}]\" \n active-index=\"0\">\n\t</o-tabs>\n```\n\n\n## API\n\n### Props\n\n```jsx\n{\n list?: any[];\n activeIndex: number;\n type?: 'card' | 'border-card';\n position?: 'left' | 'right' | 'top' | 'bottom';\n closable?: boolean;\n addable?: boolean;\n}\n```\n\n### defaultProps\n\n```jsx\n{\n position: string;\n closable: boolean;\n addable: boolean;\n}\n```\n\n### Event\n\n* change\n* remove\n* addIconClick\n"}});
//# sourceMappingURL=5.27178524.chunk.js.map
webpackJsonp([6],{44:function(n,e){n.exports="## Tabs \n\nIt is used to switch multiple display panels in the same area to make full use of space.\n\n<iframe height=\"572\" style=\"width: 100%;\" scrolling=\"no\" title=\"OMIU Tabs\" src=\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport '@omiu/tabs'\n```\n\nOr use script tag to ref it.\n\n\n```html\n<script src=\"https://unpkg.com/@omiu/tabs\"><\/script>\n```\n\n## Usage\n\n```html\n <o-tabs \n list=\"[{label:'User'},{label:'System'},{label:'Address'}]\" \n active-index=\"0\">\n\t</o-tabs>\n```\n\n\n## API\n\n### Props\n\n```jsx\n{\n list?: any[];\n activeIndex: number;\n type?: 'card' | 'border-card';\n position?: 'left' | 'right' | 'top' | 'bottom';\n closable?: boolean;\n addable?: boolean;\n}\n```\n\n### defaultProps\n\n```jsx\n{\n position: string;\n closable: boolean;\n addable: boolean;\n}\n```\n\n### Event\n\n* change\n* remove\n* addIconClick\n"}});
//# sourceMappingURL=6.2b5791b9.chunk.js.map

View File

@ -1 +1 @@
{"version":3,"sources":["../static/js/5.27178524.chunk.js","docs/en/tabs.md"],"names":["webpackJsonp","44","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/5.27178524.chunk.js","sourcesContent":["webpackJsonp([5],{\n\n/***/ 44:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Tabs \\n\\nIt is used to switch multiple display panels in the same area to make full use of space.\\n\\n<iframe height=\\\"572\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Tabs\\\" src=\\\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/tabs\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n <o-tabs \\n list=\\\"[{label:'User'},{label:'System'},{label:'Address'}]\\\" \\n active-index=\\\"0\\\">\\n\\t</o-tabs>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n list?: any[];\\n activeIndex: number;\\n type?: 'card' | 'border-card';\\n position?: 'left' | 'right' | 'top' | 'bottom';\\n closable?: boolean;\\n addable?: boolean;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n position: string;\\n closable: boolean;\\n addable: boolean;\\n}\\n```\\n\\n### Event\\n\\n* change\\n* remove\\n* addIconClick\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/5.27178524.chunk.js","module.exports = \"## Tabs \\n\\nIt is used to switch multiple display panels in the same area to make full use of space.\\n\\n<iframe height=\\\"572\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Tabs\\\" src=\\\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/tabs\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n <o-tabs \\n list=\\\"[{label:'User'},{label:'System'},{label:'Address'}]\\\" \\n active-index=\\\"0\\\">\\n\\t</o-tabs>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n list?: any[];\\n activeIndex: number;\\n type?: 'card' | 'border-card';\\n position?: 'left' | 'right' | 'top' | 'bottom';\\n closable?: boolean;\\n addable?: boolean;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n position: string;\\n closable: boolean;\\n addable: boolean;\\n}\\n```\\n\\n### Event\\n\\n* change\\n* remove\\n* addIconClick\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/tabs.md\n// module id = 44\n// module chunks = 5"],"sourceRoot":""}
{"version":3,"sources":["../static/js/6.2b5791b9.chunk.js","docs/en/tabs.md"],"names":["webpackJsonp","44","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/6.2b5791b9.chunk.js","sourcesContent":["webpackJsonp([6],{\n\n/***/ 44:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Tabs \\n\\nIt is used to switch multiple display panels in the same area to make full use of space.\\n\\n<iframe height=\\\"572\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Tabs\\\" src=\\\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/tabs\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n <o-tabs \\n list=\\\"[{label:'User'},{label:'System'},{label:'Address'}]\\\" \\n active-index=\\\"0\\\">\\n\\t</o-tabs>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n list?: any[];\\n activeIndex: number;\\n type?: 'card' | 'border-card';\\n position?: 'left' | 'right' | 'top' | 'bottom';\\n closable?: boolean;\\n addable?: boolean;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n position: string;\\n closable: boolean;\\n addable: boolean;\\n}\\n```\\n\\n### Event\\n\\n* change\\n* remove\\n* addIconClick\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/6.2b5791b9.chunk.js","module.exports = \"## Tabs \\n\\nIt is used to switch multiple display panels in the same area to make full use of space.\\n\\n<iframe height=\\\"572\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Tabs\\\" src=\\\"https://codepen.io/omijs/embed/XWmjyXK?height=572&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/XWmjyXK'>OMIU Tabs</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/tabs\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n <o-tabs \\n list=\\\"[{label:'User'},{label:'System'},{label:'Address'}]\\\" \\n active-index=\\\"0\\\">\\n\\t</o-tabs>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n list?: any[];\\n activeIndex: number;\\n type?: 'card' | 'border-card';\\n position?: 'left' | 'right' | 'top' | 'bottom';\\n closable?: boolean;\\n addable?: boolean;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n position: string;\\n closable: boolean;\\n addable: boolean;\\n}\\n```\\n\\n### Event\\n\\n* change\\n* remove\\n* addIconClick\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/tabs.md\n// module id = 44\n// module chunks = 6"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([6],{43:function(n,e){n.exports='## Radio \n\nUsed to select one of several options.\n\n<iframe height="315" style="width: 100%;" scrolling="no" title="OMIU Radio" src="https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/GRpjapr\'>OMIU Radio</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport \'@omiu/radio\'\n```\n\nOr use script tag to ref it.\n\n\n```html\n<script src="https://unpkg.com/@omiu/radio"><\/script>\n```\n\n## Usage\n\n```html\n<o-radio name="sex" value="0">Man</o-radio>\n<o-radio name="sex" value="1">Women</o-radio>\n<script>\n document.querySelectorAll("o-radio[name=\'sex\']").forEach(function(radio){\n radio.addEventListener(\'change\', function(evt){\n console.log(evt.detail)\n })\n })\n<\/script>\n```\n\n\n## API\n\n### Props\n\n```jsx\n{\n label?: string;\n disabled?: boolean;\n checked?: boolean;\n value: string;\n name?: string;\n}\n```\n\n## Event\n\n* change\n'}});
//# sourceMappingURL=6.f16710ba.chunk.js.map
webpackJsonp([7],{43:function(n,e){n.exports='## Radio \n\nUsed to select one of several options.\n\n<iframe height="315" style="width: 100%;" scrolling="no" title="OMIU Radio" src="https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/GRpjapr\'>OMIU Radio</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport \'@omiu/radio\'\n```\n\nOr use script tag to ref it.\n\n\n```html\n<script src="https://unpkg.com/@omiu/radio"><\/script>\n```\n\n## Usage\n\n```html\n<o-radio name="sex" value="0">Man</o-radio>\n<o-radio name="sex" value="1">Women</o-radio>\n<script>\n document.querySelectorAll("o-radio[name=\'sex\']").forEach(function(radio){\n radio.addEventListener(\'change\', function(evt){\n console.log(evt.detail)\n })\n })\n<\/script>\n```\n\n\n## API\n\n### Props\n\n```jsx\n{\n label?: string;\n disabled?: boolean;\n checked?: boolean;\n value: string;\n name?: string;\n}\n```\n\n## Event\n\n* change\n'}});
//# sourceMappingURL=7.cb2d0a47.chunk.js.map

View File

@ -1 +1 @@
{"version":3,"sources":["../static/js/6.f16710ba.chunk.js","docs/en/radio.md"],"names":["webpackJsonp","43","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/6.f16710ba.chunk.js","sourcesContent":["webpackJsonp([6],{\n\n/***/ 43:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Radio \\n\\nUsed to select one of several options.\\n\\n<iframe height=\\\"315\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Radio\\\" src=\\\"https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/GRpjapr'>OMIU Radio</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/radio\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-radio name=\\\"sex\\\" value=\\\"0\\\">Man</o-radio>\\n<o-radio name=\\\"sex\\\" value=\\\"1\\\">Women</o-radio>\\n<script>\\n document.querySelectorAll(\\\"o-radio[name='sex']\\\").forEach(function(radio){\\n radio.addEventListener('change', function(evt){\\n console.log(evt.detail)\\n })\\n })\\n</script>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n label?: string;\\n disabled?: boolean;\\n checked?: boolean;\\n value: string;\\n name?: string;\\n}\\n```\\n\\n## Event\\n\\n* change\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/6.f16710ba.chunk.js","module.exports = \"## Radio \\n\\nUsed to select one of several options.\\n\\n<iframe height=\\\"315\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Radio\\\" src=\\\"https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/GRpjapr'>OMIU Radio</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/radio\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-radio name=\\\"sex\\\" value=\\\"0\\\">Man</o-radio>\\n<o-radio name=\\\"sex\\\" value=\\\"1\\\">Women</o-radio>\\n<script>\\n document.querySelectorAll(\\\"o-radio[name='sex']\\\").forEach(function(radio){\\n radio.addEventListener('change', function(evt){\\n console.log(evt.detail)\\n })\\n })\\n</script>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n label?: string;\\n disabled?: boolean;\\n checked?: boolean;\\n value: string;\\n name?: string;\\n}\\n```\\n\\n## Event\\n\\n* change\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/radio.md\n// module id = 43\n// module chunks = 6"],"sourceRoot":""}
{"version":3,"sources":["../static/js/7.cb2d0a47.chunk.js","docs/en/radio.md"],"names":["webpackJsonp","43","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/7.cb2d0a47.chunk.js","sourcesContent":["webpackJsonp([7],{\n\n/***/ 43:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Radio \\n\\nUsed to select one of several options.\\n\\n<iframe height=\\\"315\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Radio\\\" src=\\\"https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/GRpjapr'>OMIU Radio</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/radio\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-radio name=\\\"sex\\\" value=\\\"0\\\">Man</o-radio>\\n<o-radio name=\\\"sex\\\" value=\\\"1\\\">Women</o-radio>\\n<script>\\n document.querySelectorAll(\\\"o-radio[name='sex']\\\").forEach(function(radio){\\n radio.addEventListener('change', function(evt){\\n console.log(evt.detail)\\n })\\n })\\n</script>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n label?: string;\\n disabled?: boolean;\\n checked?: boolean;\\n value: string;\\n name?: string;\\n}\\n```\\n\\n## Event\\n\\n* change\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/7.cb2d0a47.chunk.js","module.exports = \"## Radio \\n\\nUsed to select one of several options.\\n\\n<iframe height=\\\"315\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Radio\\\" src=\\\"https://codepen.io/omijs/embed/GRpjapr?height=315&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/GRpjapr'>OMIU Radio</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/radio\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-radio name=\\\"sex\\\" value=\\\"0\\\">Man</o-radio>\\n<o-radio name=\\\"sex\\\" value=\\\"1\\\">Women</o-radio>\\n<script>\\n document.querySelectorAll(\\\"o-radio[name='sex']\\\").forEach(function(radio){\\n radio.addEventListener('change', function(evt){\\n console.log(evt.detail)\\n })\\n })\\n</script>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n label?: string;\\n disabled?: boolean;\\n checked?: boolean;\\n value: string;\\n name?: string;\\n}\\n```\\n\\n## Event\\n\\n* change\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/radio.md\n// module id = 43\n// module chunks = 7"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([7],{42:function(n,e){n.exports='## Link \n\nUsed to jump to a new page.\n\n<iframe height="372" style="width: 100%;" scrolling="no" title="OMIU Link" src="https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/KKdNBaO\'>OMIU Link</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport \'@omiu/link\'\n```\n\nOr use script tag to ref it.\n\n\n```html\n<script src="https://unpkg.com/@omiu/link"><\/script>\n```\n\n## Usage\n\n```html\n<o-link \n target="_blank" \n href="https://tencent.github.io/omi/">\n Default\n</o-link>\n```\n\n\n## API\n\n### Props\n\n```jsx\n{\n type?: \'primary\' | \'success\' | \'warning\' | \'danger\' | \'info\' | \'text\';\n disabled?: boolean;\n underline?: boolean;\n href?: string;\n target: string;\n}\n```\n\n### defaultProps\n\n```jsx\n{\n underline: true,\n disabled: false\n}\n```\n\n'}});
//# sourceMappingURL=7.444bd37f.chunk.js.map
webpackJsonp([8],{42:function(n,e){n.exports='## Link \n\nUsed to jump to a new page.\n\n<iframe height="372" style="width: 100%;" scrolling="no" title="OMIU Link" src="https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">\n See the Pen <a href=\'https://codepen.io/omijs/pen/KKdNBaO\'>OMIU Link</a> by OMI\n (<a href=\'https://codepen.io/omijs\'>@omijs</a>) on <a href=\'https://codepen.io\'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport \'@omiu/link\'\n```\n\nOr use script tag to ref it.\n\n\n```html\n<script src="https://unpkg.com/@omiu/link"><\/script>\n```\n\n## Usage\n\n```html\n<o-link \n target="_blank" \n href="https://tencent.github.io/omi/">\n Default\n</o-link>\n```\n\n\n## API\n\n### Props\n\n```jsx\n{\n type?: \'primary\' | \'success\' | \'warning\' | \'danger\' | \'info\' | \'text\';\n disabled?: boolean;\n underline?: boolean;\n href?: string;\n target: string;\n}\n```\n\n### defaultProps\n\n```jsx\n{\n underline: true,\n disabled: false\n}\n```\n\n'}});
//# sourceMappingURL=8.c80f3edf.chunk.js.map

View File

@ -1 +1 @@
{"version":3,"sources":["../static/js/7.444bd37f.chunk.js","docs/en/link.md"],"names":["webpackJsonp","42","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/7.444bd37f.chunk.js","sourcesContent":["webpackJsonp([7],{\n\n/***/ 42:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Link \\n\\nUsed to jump to a new page.\\n\\n<iframe height=\\\"372\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Link\\\" src=\\\"https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/link\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-link \\n target=\\\"_blank\\\" \\n href=\\\"https://tencent.github.io/omi/\\\">\\n Default\\n</o-link>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n disabled?: boolean;\\n underline?: boolean;\\n href?: string;\\n target: string;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n underline: true,\\n disabled: false\\n}\\n```\\n\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/7.444bd37f.chunk.js","module.exports = \"## Link \\n\\nUsed to jump to a new page.\\n\\n<iframe height=\\\"372\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Link\\\" src=\\\"https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/link\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-link \\n target=\\\"_blank\\\" \\n href=\\\"https://tencent.github.io/omi/\\\">\\n Default\\n</o-link>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n disabled?: boolean;\\n underline?: boolean;\\n href?: string;\\n target: string;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n underline: true,\\n disabled: false\\n}\\n```\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/link.md\n// module id = 42\n// module chunks = 7"],"sourceRoot":""}
{"version":3,"sources":["../static/js/8.c80f3edf.chunk.js","docs/en/link.md"],"names":["webpackJsonp","42","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/8.c80f3edf.chunk.js","sourcesContent":["webpackJsonp([8],{\n\n/***/ 42:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Link \\n\\nUsed to jump to a new page.\\n\\n<iframe height=\\\"372\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Link\\\" src=\\\"https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/link\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-link \\n target=\\\"_blank\\\" \\n href=\\\"https://tencent.github.io/omi/\\\">\\n Default\\n</o-link>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n disabled?: boolean;\\n underline?: boolean;\\n href?: string;\\n target: string;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n underline: true,\\n disabled: false\\n}\\n```\\n\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/8.c80f3edf.chunk.js","module.exports = \"## Link \\n\\nUsed to jump to a new page.\\n\\n<iframe height=\\\"372\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Link\\\" src=\\\"https://codepen.io/omijs/embed/KKdNBaO?height=372&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/link\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-link \\n target=\\\"_blank\\\" \\n href=\\\"https://tencent.github.io/omi/\\\">\\n Default\\n</o-link>\\n```\\n\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n disabled?: boolean;\\n underline?: boolean;\\n href?: string;\\n target: string;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n underline: true,\\n disabled: false\\n}\\n```\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/link.md\n// module id = 42\n// module chunks = 8"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([8],{41:function(n,e){n.exports="## What's Omiu ?\n\nOmiu is a cross framework UI component library developed based on [OMI](https://github.com/tencent/omi), which outputs custom elements of standard web components. Any component can be used in any framework or frameless environment such as react, Vue, preact, OMI or native JS at the same time, which is very convenient. Overall, omiu has these characteristics:\n\n* Cross frameworks \n* High quality UI interaction details\n* Integrated all the MUI Icon\n* Mobile terminal and PC share one set of components\n* Theme switching support at runtime (color, font, and fillets)\n* Components directly decoupled, independently polished, independently released, independently quoted\n* Extended HTML capabilities. You can pass false to an element through the string `'0'` or the string `'false'`\n\n## Usage\n\n### Install by script\n\n```html\n<script src=\"https://unpkg.com/omi\"><\/script>\n<script src=\"https://unpkg.com/@omiu/button\"><\/script>\n\n<o-button>I am button</o-button>\n```\n\n### Install by npm\n\n``` bash\nnpm install @omiu/button\n```\n\nImport to use it:\n\n```js\nimport '@omiu/button'\n```\n\nThen use it in any framework, such as Omi, react, Vue or angular:\n\n``` html\n<o-button>I am button</o-button>\n```\n\nYou can also use native JS:\n\n```js\nvar button = document.createElement('o-button')\nbutton.innerHTML = 'I am omiu button'\ndocument.body.append(button)\nbutton.addEventListener('click', function () {\n console.log('Clicked!')\n})\n\n//or\n//document.body.innerHTML = '<o-button>I am omiu button</o-button>'\n```\n\n## Change Theme\n\n```js\nconst setTheme = Omiu.setTheme\n\nsetTheme('primary', '#07c160')\nsetTheme('danger', '#f5222d')\nsetTheme('surface', '#ffffff')\nsetTheme('on-primary', '#ffffff')\nsetTheme('on-danger', '#ffffff')\nsetTheme('on-surface', '#000000')\nsetTheme('background', '#ffffff')\nsetTheme('small-radius', '4px')\nsetTheme('medium-radius', '4px')\nsetTheme('large-radius', '0px')\nsetTheme('font-family', '-apple-system-font,\"Helvetica Neue\",sans-serif')\n```\n\nor\n\n```js\nOmiu.setThemePrimary('green')\nOmiu.setThemeError('red')\n```\n\n\n\n## HTML Extension \n\nWhen the default value is true and you need to pass false to the element, it used to be a historical problem. OMI has solved this problem perfectly. You can set it through the string `'0'` or the string `'false'`.\n\n```js\ndefine('my-element', class extends WeElement {\n static defaultProps = {\n show: true\n }\n\n static propTypes = {\n show: Boolean\n }\n\n render(props) {\n ...\n ...\n }\n})\n```\n\nUse:\n\n```html\n<my-element show=\"false\"></my-element>\n```\n\nor\n\n```html\n<my-element show=\"0\"></my-element>\n```\n\n## Using omiu in react\n\n```jsx\n/** @jsx nativeEvents */\nimport nativeEvents from 'jsx-native-events'\nimport { useState } from 'react'\nimport '@omiu/icon-button'\n\nexport default function SomeComponent(props) {\n const [result, setSwitch] = useState(false)\n\n return (\n <div>\n <p>The switch is {result ? 'on' : 'off'}</p>\n <o-icon-button color=\"red\" icons=\"['favorite', 'favorite_border']\" onEventChange={e => setSwitch(e.detail.isOn)}>\n </o-icon-button>\n </div>\n )\n}\n```\n\nMany thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)\u3002\n\n## Using omiu in Vue\n\n```html\n<script>\nimport '@omiu/icon-button'\n\nexport default {\n name: 'HelloWorld',\n data: function() {\n return {\n result: false\n }\n },\n methods: {\n myEvent: function(evt) {\n this.result = evt.detail.isOn\n }\n }\n}\n<\/script>\n\n<template>\n <div class=\"component\">\n <p>The switch is {{result? 'on' : 'off'}}</p>\n <o-icon-button color=\"red\" icons=\"['favorite', 'favorite_border']\" @change=\"myEvent\"></o-icon-button>\n </div>\n</template>\n```\n\n\n## Contribution\n\nBuild:\n\n```bash\nnpm run build\n```\n\nBuild Demo:\n\n```bash\nnpm start \n```\n\nPublic to npm:\n\n```bash\nnpm publish --access public\n```\n\n## Related links\n\n* [material icon search](https://material-ui.com/zh/components/material-icons/) \n\nConverting upper case to middle dash is the corresponding omiu component. Such as `@material-ui/icons/AccessAlarm`, the omiu element is:\n\n```js\nimport '@omiu/icon/access-alarm'\n```\n\nUsing in html:\n\n```html\n<o-icon-access-alarm></o-icon-access-alarm>\n```\n\nSo Easy!\n"}});
//# sourceMappingURL=8.e9d5cd23.chunk.js.map
webpackJsonp([9],{41:function(n,e){n.exports="## What's Omiu ?\n\nOmiu is a cross framework UI component library developed based on [OMI](https://github.com/tencent/omi), which outputs custom elements of standard web components. Any component can be used in any framework or frameless environment such as react, Vue, preact, OMI or native JS at the same time, which is very convenient. Overall, omiu has these characteristics:\n\n* Cross frameworks \n* High quality UI interaction details\n* Integrated all the MUI Icon\n* Mobile terminal and PC share one set of components\n* Theme switching support at runtime (color, font, and fillets)\n* Components directly decoupled, independently polished, independently released, independently quoted\n* Extended HTML capabilities. You can pass false to an element through the string `'0'` or the string `'false'`\n\n## Usage\n\n### Install by script\n\n```html\n<script src=\"https://unpkg.com/omi\"><\/script>\n<script src=\"https://unpkg.com/@omiu/button\"><\/script>\n\n<o-button>I am button</o-button>\n```\n\n### Install by npm\n\n``` bash\nnpm install @omiu/button\n```\n\nImport to use it:\n\n```js\nimport '@omiu/button'\n```\n\nThen use it in any framework, such as Omi, react, Vue or angular:\n\n``` html\n<o-button>I am button</o-button>\n```\n\nYou can also use native JS:\n\n```js\nvar button = document.createElement('o-button')\nbutton.innerHTML = 'I am omiu button'\ndocument.body.append(button)\nbutton.addEventListener('click', function () {\n console.log('Clicked!')\n})\n\n//or\n//document.body.innerHTML = '<o-button>I am omiu button</o-button>'\n```\n\n## Change Theme\n\n```js\nconst setTheme = Omiu.setTheme\n\nsetTheme('primary', '#07c160')\nsetTheme('danger', '#f5222d')\nsetTheme('surface', '#ffffff')\nsetTheme('on-primary', '#ffffff')\nsetTheme('on-danger', '#ffffff')\nsetTheme('on-surface', '#000000')\nsetTheme('background', '#ffffff')\nsetTheme('small-radius', '4px')\nsetTheme('medium-radius', '4px')\nsetTheme('large-radius', '0px')\nsetTheme('font-family', '-apple-system-font,\"Helvetica Neue\",sans-serif')\n```\n\nor\n\n```js\nOmiu.setThemePrimary('green')\nOmiu.setThemeError('red')\n```\n\n\n\n## HTML Extension \n\nWhen the default value is true and you need to pass false to the element, it used to be a historical problem. OMI has solved this problem perfectly. You can set it through the string `'0'` or the string `'false'`.\n\n```js\ndefine('my-element', class extends WeElement {\n static defaultProps = {\n show: true\n }\n\n static propTypes = {\n show: Boolean\n }\n\n render(props) {\n ...\n ...\n }\n})\n```\n\nUse:\n\n```html\n<my-element show=\"false\"></my-element>\n```\n\nor\n\n```html\n<my-element show=\"0\"></my-element>\n```\n\n## Using omiu in react\n\n```jsx\n/** @jsx nativeEvents */\nimport nativeEvents from 'jsx-native-events'\nimport { useState } from 'react'\nimport '@omiu/icon-button'\n\nexport default function SomeComponent(props) {\n const [result, setSwitch] = useState(false)\n\n return (\n <div>\n <p>The switch is {result ? 'on' : 'off'}</p>\n <o-icon-button color=\"red\" icons=\"['favorite', 'favorite_border']\" onEventChange={e => setSwitch(e.detail.isOn)}>\n </o-icon-button>\n </div>\n )\n}\n```\n\nMany thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)\u3002\n\n## Using omiu in Vue\n\n```html\n<script>\nimport '@omiu/icon-button'\n\nexport default {\n name: 'HelloWorld',\n data: function() {\n return {\n result: false\n }\n },\n methods: {\n myEvent: function(evt) {\n this.result = evt.detail.isOn\n }\n }\n}\n<\/script>\n\n<template>\n <div class=\"component\">\n <p>The switch is {{result? 'on' : 'off'}}</p>\n <o-icon-button color=\"red\" icons=\"['favorite', 'favorite_border']\" @change=\"myEvent\"></o-icon-button>\n </div>\n</template>\n```\n\n\n## Contribution\n\nBuild:\n\n```bash\nnpm run build\n```\n\nBuild Demo:\n\n```bash\nnpm start \n```\n\nPublic to npm:\n\n```bash\nnpm publish --access public\n```\n\n## Related links\n\n* [material icon search](https://material-ui.com/zh/components/material-icons/) \n\nConverting upper case to middle dash is the corresponding omiu component. Such as `@material-ui/icons/AccessAlarm`, the omiu element is:\n\n```js\nimport '@omiu/icon/access-alarm'\n```\n\nUsing in html:\n\n```html\n<o-icon-access-alarm></o-icon-access-alarm>\n```\n\nSo Easy!\n"}});
//# sourceMappingURL=9.9381695f.chunk.js.map

View File

@ -1,2 +0,0 @@
webpackJsonp([9],{40:function(n,o){n.exports="## Button \n\nClick or touch it to trigger an operation. The encapsulated logic is triggered in response to user clicks.\n\n<iframe height=\"350\" style=\"width: 100%;\" scrolling=\"no\" title=\"OMIU Button\" src=\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>\n\n## Import\n\n```js\nimport '@omiu/button'\n```\n\nOr use script tag to ref it.\n\n```html\n<script src=\"https://unpkg.com/@omiu/button\"><\/script>\n```\n\n## Usage\n\n```html\n<o-button type=\"primary\">Primary Button</o-button>\n```\n\n## API\n\n### Props\n\n```jsx\n{\n size?: 'medium' | 'small' | 'mini';\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\n plain?: boolean;\n round?: boolean;\n circle?: boolean;\n loading?: boolean;\n disabled?: boolean;\n icon?: string;\n autofocus?: boolean;\n nativeType?: 'button' | 'submit' | 'reset';\n block?: boolean;\n}\n```\n\n### defaultProps\n\n```jsx\n{\n plain: boolean;\n round: boolean;\n circle: boolean;\n loading: boolean;\n disabled: boolean;\n autofocus: boolean;\n nativeType: string;\n block: boolean;\n}\n```\n"}});
//# sourceMappingURL=9.e4b040ab.chunk.js.map

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/9.e4b040ab.chunk.js","docs/en/button.md"],"names":["webpackJsonp","40","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/9.e4b040ab.chunk.js","sourcesContent":["webpackJsonp([9],{\n\n/***/ 40:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Button \\n\\nClick or touch it to trigger an operation. The encapsulated logic is triggered in response to user clicks.\\n\\n<iframe height=\\\"350\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Button\\\" src=\\\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\nOr use script tag to ref it.\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/button\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-button type=\\\"primary\\\">Primary Button</o-button>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n size?: 'medium' | 'small' | 'mini';\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n plain?: boolean;\\n round?: boolean;\\n circle?: boolean;\\n loading?: boolean;\\n disabled?: boolean;\\n icon?: string;\\n autofocus?: boolean;\\n nativeType?: 'button' | 'submit' | 'reset';\\n block?: boolean;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n plain: boolean;\\n round: boolean;\\n circle: boolean;\\n loading: boolean;\\n disabled: boolean;\\n autofocus: boolean;\\n nativeType: string;\\n block: boolean;\\n}\\n```\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/9.e4b040ab.chunk.js","module.exports = \"## Button \\n\\nClick or touch it to trigger an operation. The encapsulated logic is triggered in response to user clicks.\\n\\n<iframe height=\\\"350\\\" style=\\\"width: 100%;\\\" scrolling=\\\"no\\\" title=\\\"OMIU Button\\\" src=\\\"https://codepen.io/omijs/embed/LYppwYG?height=350&theme-id=dark&default-tab=html,result\\\" frameborder=\\\"no\\\" allowtransparency=\\\"true\\\" allowfullscreen=\\\"true\\\" loading=\\\"lazy\\\">\\n See the Pen <a href='https://codepen.io/omijs/pen/LYppwYG'>OMIU Button</a> by OMI\\n (<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.\\n</iframe>\\n\\n## Import\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\nOr use script tag to ref it.\\n\\n```html\\n<script src=\\\"https://unpkg.com/@omiu/button\\\"></script>\\n```\\n\\n## Usage\\n\\n```html\\n<o-button type=\\\"primary\\\">Primary Button</o-button>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n size?: 'medium' | 'small' | 'mini';\\n type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';\\n plain?: boolean;\\n round?: boolean;\\n circle?: boolean;\\n loading?: boolean;\\n disabled?: boolean;\\n icon?: string;\\n autofocus?: boolean;\\n nativeType?: 'button' | 'submit' | 'reset';\\n block?: boolean;\\n}\\n```\\n\\n### defaultProps\\n\\n```jsx\\n{\\n plain: boolean;\\n round: boolean;\\n circle: boolean;\\n loading: boolean;\\n disabled: boolean;\\n autofocus: boolean;\\n nativeType: string;\\n block: boolean;\\n}\\n```\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/button.md\n// module id = 40\n// module chunks = 9"],"sourceRoot":""}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long