docs(omiu): rebuild

This commit is contained in:
dntzhang 2020-04-23 09:24:05 +08:00
parent 12b07365f8
commit 92aef02ef8
43 changed files with 198 additions and 55 deletions

View File

@ -12,7 +12,8 @@ const config = {
list: [
{ name: 'Button 按钮', md: 'button' },
{ name: 'Tabs 选项卡', md: 'tabs' },
{ name: 'Radio 单选框', md: 'radio' }
{ name: 'Radio 单选框', md: 'radio' },
{ name: 'Link 文字链接', md: 'link' }
]
}
@ -29,7 +30,8 @@ const config = {
list: [
{ name: 'Button', md: 'button' },
{ name: 'Tabs', md: 'tabs' },
{ name: 'Radio', md: 'radio' }
{ name: 'Radio', md: 'radio' },
{ name: 'Link', md: 'link' }
]
}
]

View File

@ -0,0 +1,56 @@
## Link
Used to jump to a new page.
<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">
See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI
(<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
## Import
```js
import '@omiu/link'
```
Or use script tag to ref it.
```html
<script src="https://unpkg.com/@omiu/link"></script>
```
## Usage
```html
<o-link
target="_blank"
href="https://tencent.github.io/omi/">
Default
</o-link>
```
## API
### Props
```jsx
{
type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
disabled?: boolean;
underline?: boolean;
href?: string;
target: string;
}
```
### defaultProps
```jsx
{
underline: true,
disabled: false
}
```

View File

@ -48,3 +48,7 @@ Or use script tag to ref it.
name?: string;
}
```
## Event
* change

View File

@ -54,3 +54,9 @@ Or use script tag to ref it.
addable: boolean;
}
```
### Event
* change
* remove
* addIconClick

View File

@ -0,0 +1,55 @@
## Link 文字链接
用于跳转到新的页面。
<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">
See the Pen <a href='https://codepen.io/omijs/pen/KKdNBaO'>OMIU Link</a> by OMI
(<a href='https://codepen.io/omijs'>@omijs</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
## 导入
```js
import '@omiu/link'
```
或者直接 script 标签引入。
```html
<script src="https://unpkg.com/@omiu/link"></script>
```
## 使用
```html
<o-link
target="_blank"
href="https://tencent.github.io/omi/">
Default
</o-link>
```
## API
### 属性
```jsx
{
type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
disabled?: boolean;
underline?: boolean;
href?: string;
target: string;
}
```
### 属性默认值
```jsx
{
underline: true,
disabled: false
}
```

View File

@ -49,3 +49,7 @@ import '@omiu/radio'
name?: string;
}
```
## 事件
* change

View File

@ -54,3 +54,9 @@ import '@omiu/tabs'
addable: boolean;
}
```
### 事件
* change
* remove
* addIconClick

View File

@ -1,27 +1,31 @@
{
"cn.css": "static/css/cn.0726442c.css",
"cn.css.map": "static/css/cn.0726442c.css.map",
"cn.js": "static/js/cn.5a79e36c.js",
"cn.js.map": "static/js/cn.5a79e36c.js.map",
"cn.js": "static/js/cn.4e3e7d7c.js",
"cn.js.map": "static/js/cn.4e3e7d7c.js.map",
"index.css": "static/css/index.0726442c.css",
"index.css.map": "static/css/index.0726442c.css.map",
"index.js": "static/js/index.00ca5bbb.js",
"index.js.map": "static/js/index.00ca5bbb.js.map",
"static/js/0.13eeb66f.chunk.js": "static/js/0.13eeb66f.chunk.js",
"static/js/0.13eeb66f.chunk.js.map": "static/js/0.13eeb66f.chunk.js.map",
"static/js/1.33c193a5.chunk.js": "static/js/1.33c193a5.chunk.js",
"static/js/1.33c193a5.chunk.js.map": "static/js/1.33c193a5.chunk.js.map",
"static/js/2.772150e4.chunk.js": "static/js/2.772150e4.chunk.js",
"static/js/2.772150e4.chunk.js.map": "static/js/2.772150e4.chunk.js.map",
"static/js/3.34382a2c.chunk.js": "static/js/3.34382a2c.chunk.js",
"static/js/3.34382a2c.chunk.js.map": "static/js/3.34382a2c.chunk.js.map",
"static/js/4.9c41210c.chunk.js": "static/js/4.9c41210c.chunk.js",
"static/js/4.9c41210c.chunk.js.map": "static/js/4.9c41210c.chunk.js.map",
"static/js/5.f722827c.chunk.js": "static/js/5.f722827c.chunk.js",
"static/js/5.f722827c.chunk.js.map": "static/js/5.f722827c.chunk.js.map",
"static/js/6.45670996.chunk.js": "static/js/6.45670996.chunk.js",
"static/js/6.45670996.chunk.js.map": "static/js/6.45670996.chunk.js.map",
"static/js/7.32912d9d.chunk.js": "static/js/7.32912d9d.chunk.js",
"static/js/7.32912d9d.chunk.js.map": "static/js/7.32912d9d.chunk.js.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",
"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.5a79e36c.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.4e3e7d7c.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.00ca5bbb.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.10e894a1.js"></script></body></html>

View File

@ -1 +1 @@
"use strict";var precacheConfig=[["./cn.html","61615282754f7d21c49d8e6d6ce47bd0"],["./index.html","e5c1e8a7f08b2468fc9205210b7e2a06"],["./static/css/cn.0726442c.css","10d0b9d602b3b657c55a1385c1844c28"],["./static/css/index.0726442c.css","2767bdf2b32295812e42d9d1a0293da3"],["./static/js/0.13eeb66f.chunk.js","a55675df3303c5e113d93b19a79b44ca"],["./static/js/1.33c193a5.chunk.js","97efa988bf7c61685d50540bd93cc4a3"],["./static/js/2.772150e4.chunk.js","531f8dd434cf9a4a4be7e92ce51e0fdb"],["./static/js/3.34382a2c.chunk.js","40aa4e165b20c0a1dc69f341ea21e1ae"],["./static/js/4.9c41210c.chunk.js","62f172dbf3acdc558f1d16b84e9cc290"],["./static/js/5.f722827c.chunk.js","4ef8cc32f00e8d6c11b04b4f7cc3be19"],["./static/js/6.45670996.chunk.js","905df829a45f2bf8f6e1391c61e1dfde"],["./static/js/7.32912d9d.chunk.js","cef33c57fa739733b728c2ae528ded5d"],["./static/js/cn.5a79e36c.js","6a053473e7734a3050e2519b7bf2e683"],["./static/js/index.00ca5bbb.js","c013ccbc1ac10f401093b3889d96d2e8"],["./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,c){var a=new URL(e);return c&&a.pathname.match(c)||(a.search+=(a.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),a.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],c=new URL(t,self.location),a=createCacheKey(c,hashParamName,n,/\.\w{8}\./);return[c.toString(),a]}));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(c){return setOfCachedUrls(c).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 c.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),c="index.html";(e=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,c),e=urlsToCacheKeys.has(n));var a="./index.html";!e&&"navigate"===t.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],t.request.url)&&(n=new URL(a,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","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)}))}});

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/0.13eeb66f.chunk.js","docs/zh-cn/tabs.md"],"names":["webpackJsonp","47","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/0.13eeb66f.chunk.js","sourcesContent":["webpackJsonp([0],{\n\n/***/ 47:\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\n});\n\n\n// WEBPACK FOOTER //\n// static/js/0.13eeb66f.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//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/tabs.md\n// module id = 47\n// module chunks = 0"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([0],{47: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"}});
//# sourceMappingURL=0.13eeb66f.chunk.js.map
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

View File

@ -0,0 +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":""}

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/1.33c193a5.chunk.js","docs/zh-cn/radio.md"],"names":["webpackJsonp","46","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/1.33c193a5.chunk.js","sourcesContent":["webpackJsonp([1],{\n\n/***/ 46:\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\n});\n\n\n// WEBPACK FOOTER //\n// static/js/1.33c193a5.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//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/radio.md\n// module id = 46\n// module chunks = 1"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([1],{46: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'}});
//# sourceMappingURL=1.33c193a5.chunk.js.map
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

View File

@ -0,0 +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":""}

View File

@ -0,0 +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

View File

@ -0,0 +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":""}

File diff suppressed because one or more lines are too long

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/4.9c41210c.chunk.js","docs/en/tabs.md"],"names":["webpackJsonp","43","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/4.9c41210c.chunk.js","sourcesContent":["webpackJsonp([4],{\n\n/***/ 43:\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\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/4.9c41210c.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\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/tabs.md\n// module id = 43\n// module chunks = 4"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([3],{44: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=3.34382a2c.chunk.js.map
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

View File

@ -1 +1 @@
{"version":3,"sources":["../static/js/3.34382a2c.chunk.js","docs/zh-cn/button.md"],"names":["webpackJsonp","44","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/3.34382a2c.chunk.js","sourcesContent":["webpackJsonp([3],{\n\n/***/ 44:\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/3.34382a2c.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 = 44\n// module chunks = 3"],"sourceRoot":""}
{"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":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([4],{43: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"}});
//# sourceMappingURL=4.9c41210c.chunk.js.map
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

View File

@ -0,0 +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":""}

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/5.f722827c.chunk.js","docs/en/radio.md"],"names":["webpackJsonp","42","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/5.f722827c.chunk.js","sourcesContent":["webpackJsonp([5],{\n\n/***/ 42:\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\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/5.f722827c.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\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/radio.md\n// module id = 42\n// module chunks = 5"],"sourceRoot":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([5],{42: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'}});
//# sourceMappingURL=5.f722827c.chunk.js.map
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

View File

@ -0,0 +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":""}

View File

@ -0,0 +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

View File

@ -0,0 +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":""}

View File

@ -1,2 +1,2 @@
webpackJsonp([6],{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=6.45670996.chunk.js.map
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

View File

@ -1,2 +1,2 @@
webpackJsonp([7],{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=7.32912d9d.chunk.js.map
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 +1 @@
{"version":3,"sources":["../static/js/7.32912d9d.chunk.js","docs/en/button.md"],"names":["webpackJsonp","40","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/7.32912d9d.chunk.js","sourcesContent":["webpackJsonp([7],{\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/7.32912d9d.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 = 7"],"sourceRoot":""}
{"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