diff --git a/components/docs-src/src/docs/config.js b/components/docs-src/src/docs/config.js
index 33fb36891..82502b482 100644
--- a/components/docs-src/src/docs/config.js
+++ b/components/docs-src/src/docs/config.js
@@ -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' }
]
}
]
diff --git a/components/docs-src/src/docs/en/link.md b/components/docs-src/src/docs/en/link.md
new file mode 100644
index 000000000..af0e6acd7
--- /dev/null
+++ b/components/docs-src/src/docs/en/link.md
@@ -0,0 +1,56 @@
+## Link
+
+Used to jump to a new page.
+
+
+
+## Import
+
+```js
+import '@omiu/link'
+```
+
+Or use script tag to ref it.
+
+
+```html
+
+```
+
+## Usage
+
+```html
+
+ Default
+
+```
+
+
+## API
+
+### Props
+
+```jsx
+{
+ type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+ disabled?: boolean;
+ underline?: boolean;
+ href?: string;
+ target: string;
+}
+```
+
+### defaultProps
+
+```jsx
+{
+ underline: true,
+ disabled: false
+}
+```
+
diff --git a/components/docs-src/src/docs/en/radio.md b/components/docs-src/src/docs/en/radio.md
index 253e7b8ee..9df303f0e 100644
--- a/components/docs-src/src/docs/en/radio.md
+++ b/components/docs-src/src/docs/en/radio.md
@@ -48,3 +48,7 @@ Or use script tag to ref it.
name?: string;
}
```
+
+## Event
+
+* change
diff --git a/components/docs-src/src/docs/en/tabs.md b/components/docs-src/src/docs/en/tabs.md
index 64a73dd2f..e710aacaa 100644
--- a/components/docs-src/src/docs/en/tabs.md
+++ b/components/docs-src/src/docs/en/tabs.md
@@ -54,3 +54,9 @@ Or use script tag to ref it.
addable: boolean;
}
```
+
+### Event
+
+* change
+* remove
+* addIconClick
diff --git a/components/docs-src/src/docs/zh-cn/link.md b/components/docs-src/src/docs/zh-cn/link.md
new file mode 100644
index 000000000..e44942ecd
--- /dev/null
+++ b/components/docs-src/src/docs/zh-cn/link.md
@@ -0,0 +1,55 @@
+## Link 文字链接
+
+用于跳转到新的页面。
+
+
+
+## 导入
+
+```js
+import '@omiu/link'
+```
+
+或者直接 script 标签引入。
+
+
+```html
+
+```
+
+## 使用
+
+```html
+
+ Default
+
+```
+
+
+## API
+
+### 属性
+
+```jsx
+{
+ type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+ disabled?: boolean;
+ underline?: boolean;
+ href?: string;
+ target: string;
+}
+```
+
+### 属性默认值
+
+```jsx
+{
+ underline: true,
+ disabled: false
+}
+```
diff --git a/components/docs-src/src/docs/zh-cn/radio.md b/components/docs-src/src/docs/zh-cn/radio.md
index d8bfb50a3..fc185e362 100644
--- a/components/docs-src/src/docs/zh-cn/radio.md
+++ b/components/docs-src/src/docs/zh-cn/radio.md
@@ -49,3 +49,7 @@ import '@omiu/radio'
name?: string;
}
```
+
+## 事件
+
+* change
diff --git a/components/docs-src/src/docs/zh-cn/tabs.md b/components/docs-src/src/docs/zh-cn/tabs.md
index 0d103169f..bbb90ea4d 100644
--- a/components/docs-src/src/docs/zh-cn/tabs.md
+++ b/components/docs-src/src/docs/zh-cn/tabs.md
@@ -54,3 +54,9 @@ import '@omiu/tabs'
addable: boolean;
}
```
+
+### 事件
+
+* change
+* remove
+* addIconClick
diff --git a/components/docs/asset-manifest.json b/components/docs/asset-manifest.json
index 94930edd9..2ee34c9d4 100644
--- a/components/docs/asset-manifest.json
+++ b/components/docs/asset-manifest.json
@@ -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"
}
\ No newline at end of file
diff --git a/components/docs/cn.html b/components/docs/cn.html
index 11a1f9a57..a8c70598d 100644
--- a/components/docs/cn.html
+++ b/components/docs/cn.html
@@ -1 +1 @@
-
OMIU - Cross-Frameworks UI Framework You need to enable JavaScript to run this app.
\ No newline at end of file
+OMIU - Cross-Frameworks UI Framework You need to enable JavaScript to run this app.
\ No newline at end of file
diff --git a/components/docs/index.html b/components/docs/index.html
index 87a3255a1..51553ebc1 100644
--- a/components/docs/index.html
+++ b/components/docs/index.html
@@ -1 +1 @@
-OMIU - Cross-Frameworks UI Framework You need to enable JavaScript to run this app.
\ No newline at end of file
+OMIU - Cross-Frameworks UI Framework You need to enable JavaScript to run this app.
\ No newline at end of file
diff --git a/components/docs/service-worker.js b/components/docs/service-worker.js
index 2c59e8a74..6b48dd140 100644
--- a/components/docs/service-worker.js
+++ b/components/docs/service-worker.js
@@ -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)}))}});
\ No newline at end of file
+"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)}))}});
\ No newline at end of file
diff --git a/components/docs/static/js/0.13eeb66f.chunk.js.map b/components/docs/static/js/0.13eeb66f.chunk.js.map
deleted file mode 100644
index efc8de151..000000000
--- a/components/docs/static/js/0.13eeb66f.chunk.js.map
+++ /dev/null
@@ -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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\n \\n\\t \\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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\n \\n\\t \\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/0.13eeb66f.chunk.js b/components/docs/static/js/0.95041a35.chunk.js
similarity index 86%
rename from components/docs/static/js/0.13eeb66f.chunk.js
rename to components/docs/static/js/0.95041a35.chunk.js
index 1a50677e6..93abccf53 100644
--- a/components/docs/static/js/0.13eeb66f.chunk.js
+++ b/components/docs/static/js/0.95041a35.chunk.js
@@ -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\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\\n```\\n\\n## 使用\\n\\n```html\\n \\n\\t \\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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\n \\n\\t \\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/1.33c193a5.chunk.js.map b/components/docs/static/js/1.33c193a5.chunk.js.map
deleted file mode 100644
index 7712c357e..000000000
--- a/components/docs/static/js/1.33c193a5.chunk.js.map
+++ /dev/null
@@ -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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\n男 \\n女 \\n\\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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\n男 \\n女 \\n\\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/1.33c193a5.chunk.js b/components/docs/static/js/1.f987edc1.chunk.js
similarity index 88%
rename from components/docs/static/js/1.33c193a5.chunk.js
rename to components/docs/static/js/1.f987edc1.chunk.js
index e58811ce2..eb2d98664 100644
--- a/components/docs/static/js/1.33c193a5.chunk.js
+++ b/components/docs/static/js/1.f987edc1.chunk.js
@@ -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\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\\n```\\n\\n## 使用\\n\\n```html\\n男 \\n女 \\n\\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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\n男 \\n女 \\n\\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/2.b9127839.chunk.js b/components/docs/static/js/2.b9127839.chunk.js
new file mode 100644
index 000000000..78964e83b
--- /dev/null
+++ b/components/docs/static/js/2.b9127839.chunk.js
@@ -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\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\\n```\\n\\n## 使用\\n\\n```html\\n\\n Default\\n \\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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\n\\n Default\\n \\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/2.772150e4.chunk.js b/components/docs/static/js/3.b254f421.chunk.js
similarity index 97%
rename from components/docs/static/js/2.772150e4.chunk.js
rename to components/docs/static/js/3.b254f421.chunk.js
index 6276e7768..1f6ef4a1b 100644
--- a/components/docs/static/js/2.772150e4.chunk.js
+++ b/components/docs/static/js/3.b254f421.chunk.js
@@ -1,2 +1,2 @@
-webpackJsonp([2],{45:function(n,e){n.exports="## Omiu \u662f\u4ec0\u4e48\uff1f\n\nOmiu \u662f\u57fa\u4e8e [Omi](https://github.com/Tencent/omi) \u5f00\u53d1\u7684\u8de8\u6846\u67b6 UI \u7ec4\u4ef6\u5e93\uff0c\u8f93\u51fa\u6807\u51c6 Web Components \u7684 Custom Elements\uff0c\u4efb\u610f\u7ec4\u4ef6\u53ef\u4ee5\u540c\u65f6\u5728 React\u3001Vue\u3001Preact\u3001Omi \u6216\u8005\u539f\u751f JS \u7b49\u4efb\u610f\u6846\u67b6\u6216\u65e0\u6846\u67b6\u4e2d\u4f7f\u7528\uff0c\u975e\u5e38\u65b9\u4fbf\u3002\u603b\u4f53\u6765\u770b\uff0cOmiu \u6709\u8fd9\u4e9b\u7279\u6027:\n\n* \u8de8\u6846\u67b6\u4f7f\u7528\n* \u9ad8\u54c1\u8d28\u7684 UI \u4ea4\u4e92\u7ec6\u8282\n* \u96c6\u6210 MUI \u6d77\u91cf ICON \n* \u79fb\u52a8\u7aef\u548c PC \u5171\u7528\u4e00\u5957\u7ec4\u4ef6\n* \u8fd0\u884c\u65f6\u7684\u4e3b\u9898\u5207\u6362\u652f\u6301(\u989c\u8272\u3001\u5b57\u4f53\u548c\u5706\u89d2)\n* \u7ec4\u4ef6\u76f4\u63a5\u89e3\u8026\uff0c\u72ec\u7acb\u6253\u78e8\uff0c\u72ec\u7acb\u53d1\u5e03\uff0c\u72ec\u7acb\u5f15\u7528\n* \u6269\u5c55\u4e86 HTML \u80fd\u529b\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u5b57\u7b26\u4e32 `'0'` \u6216\u8005\u5b57\u7b26\u4e32 `'false'` \u4f20\u9012 false \u7ed9\u5143\u7d20\n\n## \u4f7f\u7528\u6307\u5357\n\n### \u901a\u8fc7 script\n\n```html\n\\n\\n\\nI am button \\n```\\n\\n### 通过 npm\\n\\n``` bash\\nnpm install @omiu/button\\n```\\n\\n然后导入(自动全局注册):\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n然后在任意框架中使用,比如 Omi, React, Vue or Angular:\\n\\n``` html\\nI am button \\n```\\n\\n也可以原生 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 = 'I am omiu button '\\n```\\n\\n## 更改主题\\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\\n或者\\n\\n```js\\nOmiu.setThemePrimary('green')\\nOmiu.setThemeError('red')\\n```\\n\\n\\n\\n## HTML 扩展 \\n\\n当默认值为 true,需要传递 false 给 element 的时候,以前是历史难题,Omi 完美解决了这一点,你可以通过字符串 `'0'` 或者 字符串 `'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 \\n```\\n\\nor\\n\\n```html\\n \\n```\\n\\n## React 中使用 omiu\\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 \\n
The switch is {result ? 'on' : 'off'}
\\n
setSwitch(e.detail.isOn)}>\\n \\n
\\n )\\n}\\n```\\n\\n非常感谢 calebdwilliams 的 [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)。\\n\\n## Vue 中使用 Omiu\\n\\n```html\\n\\n\\n\\n \\n
The switch is {{result? 'on' : 'off'}}
\\n
\\n
\\n \\n```\\n\\n\\n## 贡献\\n\\n### 一些命令\\n\\nBuild 组件:\\n\\n```bash\\nnpm run build \\n```\\n\\nBuild 例子:\\n\\n```bash\\nnpm start\\n```\\n\\n发布:\\n\\n```bash\\nnpm publish --access public\\n```\\n\\n## 相关链接\\n\\n* [material icon 搜索](https://material-ui.com/zh/components/material-icons/) \\n\\n把大写转成中划线就是对应的 omiu 组件。比如 `@material-ui/icons/AccessAlarm`,对应的就是\\n\\n```js\\nimport '@omiu/icon/access-alarm'\\n```\\n\\n在 HTML 里就可以使用:\\n\\n```html\\n \\n```\\n\\n是不是很方便!\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/2.772150e4.chunk.js","module.exports = \"## Omiu 是什么?\\n\\nOmiu 是基于 [Omi](https://github.com/Tencent/omi) 开发的跨框架 UI 组件库,输出标准 Web Components 的 Custom Elements,任意组件可以同时在 React、Vue、Preact、Omi 或者原生 JS 等任意框架或无框架中使用,非常方便。总体来看,Omiu 有这些特性:\\n\\n* 跨框架使用\\n* 高品质的 UI 交互细节\\n* 集成 MUI 海量 ICON \\n* 移动端和 PC 共用一套组件\\n* 运行时的主题切换支持(颜色、字体和圆角)\\n* 组件直接解耦,独立打磨,独立发布,独立引用\\n* 扩展了 HTML 能力,你可以通过字符串 `'0'` 或者字符串 `'false'` 传递 false 给元素\\n\\n## 使用指南\\n\\n### 通过 script\\n\\n```html\\n\\n\\n\\nI am button \\n```\\n\\n### 通过 npm\\n\\n``` bash\\nnpm install @omiu/button\\n```\\n\\n然后导入(自动全局注册):\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n然后在任意框架中使用,比如 Omi, React, Vue or Angular:\\n\\n``` html\\nI am button \\n```\\n\\n也可以原生 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 = 'I am omiu button '\\n```\\n\\n## 更改主题\\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\\n或者\\n\\n```js\\nOmiu.setThemePrimary('green')\\nOmiu.setThemeError('red')\\n```\\n\\n\\n\\n## HTML 扩展 \\n\\n当默认值为 true,需要传递 false 给 element 的时候,以前是历史难题,Omi 完美解决了这一点,你可以通过字符串 `'0'` 或者 字符串 `'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 \\n```\\n\\nor\\n\\n```html\\n \\n```\\n\\n## React 中使用 omiu\\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 \\n
The switch is {result ? 'on' : 'off'}
\\n
setSwitch(e.detail.isOn)}>\\n \\n
\\n )\\n}\\n```\\n\\n非常感谢 calebdwilliams 的 [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)。\\n\\n## Vue 中使用 Omiu\\n\\n```html\\n\\n\\n\\n \\n
The switch is {{result? 'on' : 'off'}}
\\n
\\n
\\n \\n```\\n\\n\\n## 贡献\\n\\n### 一些命令\\n\\nBuild 组件:\\n\\n```bash\\nnpm run build \\n```\\n\\nBuild 例子:\\n\\n```bash\\nnpm start\\n```\\n\\n发布:\\n\\n```bash\\nnpm publish --access public\\n```\\n\\n## 相关链接\\n\\n* [material icon 搜索](https://material-ui.com/zh/components/material-icons/) \\n\\n把大写转成中划线就是对应的 omiu 组件。比如 `@material-ui/icons/AccessAlarm`,对应的就是\\n\\n```js\\nimport '@omiu/icon/access-alarm'\\n```\\n\\n在 HTML 里就可以使用:\\n\\n```html\\n \\n```\\n\\n是不是很方便!\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/introduction.md\n// module id = 45\n// module chunks = 2"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["../static/js/3.b254f421.chunk.js","docs/zh-cn/introduction.md"],"names":["webpackJsonp","46","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/3.b254f421.chunk.js","sourcesContent":["webpackJsonp([3],{\n\n/***/ 46:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Omiu 是什么?\\n\\nOmiu 是基于 [Omi](https://github.com/Tencent/omi) 开发的跨框架 UI 组件库,输出标准 Web Components 的 Custom Elements,任意组件可以同时在 React、Vue、Preact、Omi 或者原生 JS 等任意框架或无框架中使用,非常方便。总体来看,Omiu 有这些特性:\\n\\n* 跨框架使用\\n* 高品质的 UI 交互细节\\n* 集成 MUI 海量 ICON \\n* 移动端和 PC 共用一套组件\\n* 运行时的主题切换支持(颜色、字体和圆角)\\n* 组件直接解耦,独立打磨,独立发布,独立引用\\n* 扩展了 HTML 能力,你可以通过字符串 `'0'` 或者字符串 `'false'` 传递 false 给元素\\n\\n## 使用指南\\n\\n### 通过 script\\n\\n```html\\n\\n\\n\\nI am button \\n```\\n\\n### 通过 npm\\n\\n``` bash\\nnpm install @omiu/button\\n```\\n\\n然后导入(自动全局注册):\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n然后在任意框架中使用,比如 Omi, React, Vue or Angular:\\n\\n``` html\\nI am button \\n```\\n\\n也可以原生 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 = 'I am omiu button '\\n```\\n\\n## 更改主题\\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\\n或者\\n\\n```js\\nOmiu.setThemePrimary('green')\\nOmiu.setThemeError('red')\\n```\\n\\n\\n\\n## HTML 扩展 \\n\\n当默认值为 true,需要传递 false 给 element 的时候,以前是历史难题,Omi 完美解决了这一点,你可以通过字符串 `'0'` 或者 字符串 `'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 \\n```\\n\\nor\\n\\n```html\\n \\n```\\n\\n## React 中使用 omiu\\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 \\n
The switch is {result ? 'on' : 'off'}
\\n
setSwitch(e.detail.isOn)}>\\n \\n
\\n )\\n}\\n```\\n\\n非常感谢 calebdwilliams 的 [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)。\\n\\n## Vue 中使用 Omiu\\n\\n```html\\n\\n\\n\\n \\n
The switch is {{result? 'on' : 'off'}}
\\n
\\n
\\n \\n```\\n\\n\\n## 贡献\\n\\n### 一些命令\\n\\nBuild 组件:\\n\\n```bash\\nnpm run build \\n```\\n\\nBuild 例子:\\n\\n```bash\\nnpm start\\n```\\n\\n发布:\\n\\n```bash\\nnpm publish --access public\\n```\\n\\n## 相关链接\\n\\n* [material icon 搜索](https://material-ui.com/zh/components/material-icons/) \\n\\n把大写转成中划线就是对应的 omiu 组件。比如 `@material-ui/icons/AccessAlarm`,对应的就是\\n\\n```js\\nimport '@omiu/icon/access-alarm'\\n```\\n\\n在 HTML 里就可以使用:\\n\\n```html\\n \\n```\\n\\n是不是很方便!\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/3.b254f421.chunk.js","module.exports = \"## Omiu 是什么?\\n\\nOmiu 是基于 [Omi](https://github.com/Tencent/omi) 开发的跨框架 UI 组件库,输出标准 Web Components 的 Custom Elements,任意组件可以同时在 React、Vue、Preact、Omi 或者原生 JS 等任意框架或无框架中使用,非常方便。总体来看,Omiu 有这些特性:\\n\\n* 跨框架使用\\n* 高品质的 UI 交互细节\\n* 集成 MUI 海量 ICON \\n* 移动端和 PC 共用一套组件\\n* 运行时的主题切换支持(颜色、字体和圆角)\\n* 组件直接解耦,独立打磨,独立发布,独立引用\\n* 扩展了 HTML 能力,你可以通过字符串 `'0'` 或者字符串 `'false'` 传递 false 给元素\\n\\n## 使用指南\\n\\n### 通过 script\\n\\n```html\\n\\n\\n\\nI am button \\n```\\n\\n### 通过 npm\\n\\n``` bash\\nnpm install @omiu/button\\n```\\n\\n然后导入(自动全局注册):\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n然后在任意框架中使用,比如 Omi, React, Vue or Angular:\\n\\n``` html\\nI am button \\n```\\n\\n也可以原生 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 = 'I am omiu button '\\n```\\n\\n## 更改主题\\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\\n或者\\n\\n```js\\nOmiu.setThemePrimary('green')\\nOmiu.setThemeError('red')\\n```\\n\\n\\n\\n## HTML 扩展 \\n\\n当默认值为 true,需要传递 false 给 element 的时候,以前是历史难题,Omi 完美解决了这一点,你可以通过字符串 `'0'` 或者 字符串 `'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 \\n```\\n\\nor\\n\\n```html\\n \\n```\\n\\n## React 中使用 omiu\\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 \\n
The switch is {result ? 'on' : 'off'}
\\n
setSwitch(e.detail.isOn)}>\\n \\n
\\n )\\n}\\n```\\n\\n非常感谢 calebdwilliams 的 [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)。\\n\\n## Vue 中使用 Omiu\\n\\n```html\\n\\n\\n\\n \\n
The switch is {{result? 'on' : 'off'}}
\\n
\\n
\\n \\n```\\n\\n\\n## 贡献\\n\\n### 一些命令\\n\\nBuild 组件:\\n\\n```bash\\nnpm run build \\n```\\n\\nBuild 例子:\\n\\n```bash\\nnpm start\\n```\\n\\n发布:\\n\\n```bash\\nnpm publish --access public\\n```\\n\\n## 相关链接\\n\\n* [material icon 搜索](https://material-ui.com/zh/components/material-icons/) \\n\\n把大写转成中划线就是对应的 omiu 组件。比如 `@material-ui/icons/AccessAlarm`,对应的就是\\n\\n```js\\nimport '@omiu/icon/access-alarm'\\n```\\n\\n在 HTML 里就可以使用:\\n\\n```html\\n \\n```\\n\\n是不是很方便!\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/introduction.md\n// module id = 46\n// module chunks = 3"],"sourceRoot":""}
\ No newline at end of file
diff --git a/components/docs/static/js/4.9c41210c.chunk.js.map b/components/docs/static/js/4.9c41210c.chunk.js.map
deleted file mode 100644
index 8c431da9d..000000000
--- a/components/docs/static/js/4.9c41210c.chunk.js.map
+++ /dev/null
@@ -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\\n\\n## Import\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\n \\n\\t \\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\\n\\n## Import\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\n \\n\\t \\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/3.34382a2c.chunk.js b/components/docs/static/js/4.e453c730.chunk.js
similarity index 93%
rename from components/docs/static/js/3.34382a2c.chunk.js
rename to components/docs/static/js/4.e453c730.chunk.js
index 5ab20366d..98cd16197 100644
--- a/components/docs/static/js/3.34382a2c.chunk.js
+++ b/components/docs/static/js/4.e453c730.chunk.js
@@ -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\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\\n```\\n\\n## 使用\\n\\n```html\\nPrimary 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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\nPrimary 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":""}
\ No newline at end of file
+{"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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\nPrimary 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\\n\\n## 导入\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\n或者直接 script 标签引入。\\n\\n\\n```html\\n\\n```\\n\\n## 使用\\n\\n```html\\nPrimary 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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/4.9c41210c.chunk.js b/components/docs/static/js/5.27178524.chunk.js
similarity index 86%
rename from components/docs/static/js/4.9c41210c.chunk.js
rename to components/docs/static/js/5.27178524.chunk.js
index 3aaf97ab7..8595002cf 100644
--- a/components/docs/static/js/4.9c41210c.chunk.js
+++ b/components/docs/static/js/5.27178524.chunk.js
@@ -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\n\n## Import\n\n```js\nimport '@omiu/tabs'\n```\n\nOr use script tag to ref it.\n\n\n```html\n\\n```\\n\\n## Usage\\n\\n```html\\n \\n\\t \\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\\n\\n## Import\\n\\n```js\\nimport '@omiu/tabs'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\n \\n\\t \\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/5.f722827c.chunk.js.map b/components/docs/static/js/5.f722827c.chunk.js.map
deleted file mode 100644
index aa995943a..000000000
--- a/components/docs/static/js/5.f722827c.chunk.js.map
+++ /dev/null
@@ -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\\n\\n## Import\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\nMan \\nWomen \\n\\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\\n\\n## Import\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\nMan \\nWomen \\n\\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/5.f722827c.chunk.js b/components/docs/static/js/6.f16710ba.chunk.js
similarity index 87%
rename from components/docs/static/js/5.f722827c.chunk.js
rename to components/docs/static/js/6.f16710ba.chunk.js
index f71b98ac1..7fc47287f 100644
--- a/components/docs/static/js/5.f722827c.chunk.js
+++ b/components/docs/static/js/6.f16710ba.chunk.js
@@ -1,2 +1,2 @@
-webpackJsonp([5],{42:function(n,e){n.exports='## Radio \n\nUsed to select one of several options.\n\n\n\n## Import\n\n```js\nimport \'@omiu/radio\'\n```\n\nOr use script tag to ref it.\n\n\n```html\n\\n```\\n\\n## Usage\\n\\n```html\\nMan \\nWomen \\n\\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\\n\\n## Import\\n\\n```js\\nimport '@omiu/radio'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\nMan \\nWomen \\n\\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/7.444bd37f.chunk.js b/components/docs/static/js/7.444bd37f.chunk.js
new file mode 100644
index 000000000..7dbba4f26
--- /dev/null
+++ b/components/docs/static/js/7.444bd37f.chunk.js
@@ -0,0 +1,2 @@
+webpackJsonp([7],{42:function(n,e){n.exports='## Link \n\nUsed to jump to a new page.\n\n\n\n## Import\n\n```js\nimport \'@omiu/link\'\n```\n\nOr use script tag to ref it.\n\n\n```html\n\\n```\\n\\n## Usage\\n\\n```html\\n\\n Default\\n \\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\\n\\n## Import\\n\\n```js\\nimport '@omiu/link'\\n```\\n\\nOr use script tag to ref it.\\n\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\n\\n Default\\n \\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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/6.45670996.chunk.js b/components/docs/static/js/8.e9d5cd23.chunk.js
similarity index 97%
rename from components/docs/static/js/6.45670996.chunk.js
rename to components/docs/static/js/8.e9d5cd23.chunk.js
index d89af6670..31392bdd7 100644
--- a/components/docs/static/js/6.45670996.chunk.js
+++ b/components/docs/static/js/8.e9d5cd23.chunk.js
@@ -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\\n\\n\\nI am 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\\nI am 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 = 'I am omiu 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 \\n```\\n\\nor\\n\\n```html\\n \\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 \\n
The switch is {result ? 'on' : 'off'}
\\n
setSwitch(e.detail.isOn)}>\\n \\n
\\n )\\n}\\n```\\n\\nMany thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)。\\n\\n## Using omiu in Vue\\n\\n```html\\n\\n\\n\\n \\n
The switch is {{result? 'on' : 'off'}}
\\n
\\n
\\n \\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 \\n```\\n\\nSo Easy!\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/6.45670996.chunk.js","module.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\\n\\n\\nI am 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\\nI am 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 = 'I am omiu 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 \\n```\\n\\nor\\n\\n```html\\n \\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 \\n
The switch is {result ? 'on' : 'off'}
\\n
setSwitch(e.detail.isOn)}>\\n \\n
\\n )\\n}\\n```\\n\\nMany thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)。\\n\\n## Using omiu in Vue\\n\\n```html\\n\\n\\n\\n \\n
The switch is {{result? 'on' : 'off'}}
\\n
\\n
\\n \\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 \\n```\\n\\nSo Easy!\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/introduction.md\n// module id = 41\n// module chunks = 6"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["../static/js/8.e9d5cd23.chunk.js","docs/en/introduction.md"],"names":["webpackJsonp","41","module","exports"],"mappings":"AAAAA,cAAc,IAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAOC,QAAU","file":"static/js/8.e9d5cd23.chunk.js","sourcesContent":["webpackJsonp([8],{\n\n/***/ 41:\n/***/ (function(module, exports) {\n\nmodule.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\\n\\n\\nI am 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\\nI am 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 = 'I am omiu 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 \\n```\\n\\nor\\n\\n```html\\n \\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 \\n
The switch is {result ? 'on' : 'off'}
\\n
setSwitch(e.detail.isOn)}>\\n \\n
\\n )\\n}\\n```\\n\\nMany thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)。\\n\\n## Using omiu in Vue\\n\\n```html\\n\\n\\n\\n \\n
The switch is {{result? 'on' : 'off'}}
\\n
\\n
\\n \\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 \\n```\\n\\nSo Easy!\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/8.e9d5cd23.chunk.js","module.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\\n\\n\\nI am 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\\nI am 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 = 'I am omiu 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 \\n```\\n\\nor\\n\\n```html\\n \\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 \\n
The switch is {result ? 'on' : 'off'}
\\n
setSwitch(e.detail.isOn)}>\\n \\n
\\n )\\n}\\n```\\n\\nMany thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme)。\\n\\n## Using omiu in Vue\\n\\n```html\\n\\n\\n\\n \\n
The switch is {{result? 'on' : 'off'}}
\\n
\\n
\\n \\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 \\n```\\n\\nSo Easy!\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/introduction.md\n// module id = 41\n// module chunks = 8"],"sourceRoot":""}
\ No newline at end of file
diff --git a/components/docs/static/js/7.32912d9d.chunk.js b/components/docs/static/js/9.e4b040ab.chunk.js
similarity index 92%
rename from components/docs/static/js/7.32912d9d.chunk.js
rename to components/docs/static/js/9.e4b040ab.chunk.js
index 71f7e0f06..efdc7ac4b 100644
--- a/components/docs/static/js/7.32912d9d.chunk.js
+++ b/components/docs/static/js/9.e4b040ab.chunk.js
@@ -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\n\n## Import\n\n```js\nimport '@omiu/button'\n```\n\nOr use script tag to ref it.\n\n```html\n\\n```\\n\\n## Usage\\n\\n```html\\nPrimary 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\\n\\n## Import\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\nOr use script tag to ref it.\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\nPrimary 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":""}
\ No newline at end of file
+{"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\\n\\n## Import\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\nOr use script tag to ref it.\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\nPrimary 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\\n\\n## Import\\n\\n```js\\nimport '@omiu/button'\\n```\\n\\nOr use script tag to ref it.\\n\\n```html\\n\\n```\\n\\n## Usage\\n\\n```html\\nPrimary 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":""}
\ No newline at end of file
diff --git a/components/docs/static/js/cn.4e3e7d7c.js b/components/docs/static/js/cn.4e3e7d7c.js
new file mode 100644
index 000000000..fcddaee85
--- /dev/null
+++ b/components/docs/static/js/cn.4e3e7d7c.js
@@ -0,0 +1,2 @@
+!function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n=window.webpackJsonp;window.webpackJsonp=function(t,r,i){for(var a,s,u=0,c=[];u2;)Ie.push(arguments[a]);for(t&&null!=t.children&&(Ie.length||Ie.push(t.children),delete t.children);Ie.length;)if((r=Ie.pop())&&void 0!==r.pop)for(a=r.length;a--;)Ie.push(r[a]);else"boolean"===typeof r&&(r=null),(i="function"!==typeof e)&&(null==r?r="":"number"===typeof r?r=String(r):"string"!==typeof r&&(i=!1)),i&&n?s[s.length-1]+=r:0===s.length?s=[r]:s.push(r),n=i;var u=new o;return u.nodeName=e,u.children=s,u.attributes=null==t?void 0:t,u.key=null==t?void 0:t.key,void 0!==Ue.vnode&&Ue.vnode(u),u}function a(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function s(e,t){for(var n,r,o=a(e),i=1;i2?[].slice.call(arguments,2):e.children)}function b(e){1==Qe.push(e)&&(Ue.debounceRendering||Ge)(v)}function v(){for(var e;e=Qe.pop();)X(e)}function g(e,t,n){if("string"===typeof t||"number"===typeof t)return void 0!==e.splitText;if("string"===typeof t.nodeName){var r=qe[t.nodeName];return r?n||e._componentConstructor===r:!e._componentConstructor&&_(e,t.nodeName)}return n||e._componentConstructor===t.nodeName}function _(e,t){return e.normalizedNodeName===t||e.nodeName.toLowerCase()===t.toLowerCase()}function w(e){var t=u({},e.attributes);t.children=e.children;var n=e.nodeName.defaultProps;if(void 0!==n)for(var r in n)void 0===t[r]&&(t[r]=n[r]);return t}function A(e,t){var n=t?Ue.doc.createElementNS("http://www.w3.org/2000/svg",e):Ue.doc.createElement(e);return n.normalizedNodeName=e,n}function x(e){for(var t=e.replace(/\/\*(.|\s)*?\*\//g," ").replace(/\s+/g," "),n={},r=t.match(/ ?(.*?) ?{([^}]*)}/)||[o,i,t],o=r[0],i=r[1],a=r[2],s=a.split(";").map(function(e){return e.split(":").map(function(e){return e&&e.trim()})}),u=s,u=Array.isArray(u),u=0,u=u||u[Symbol.iterator]();;){var c;if(u){if(u>=u.length)break;c=u[u++]}else{if(u=u.next(),u.done)break;c=u.value}var l=c,f=l[0],p=l[1];n[function(e){return e.replace(/\W+\w/g,function(e){return e.slice(-1).toUpperCase()})}(f)]=p}return n}function O(e){var t=e.parentNode;t&&t.removeChild(e)}function E(e,t,n,r,o){if("className"===t&&(t="class"),"key"===t);else if("ref"===t)c(n,null),c(r,e);else if("class"!==t||o)if("style"===t)if(Ue.isWeb){if(r&&"string"!==typeof r&&"string"!==typeof n||(e.style.cssText=r||""),r&&"object"===("undefined"===typeof r?"undefined":Be(r))){if("string"!==typeof n)for(var i in n)i in r||(e.style[i]="");for(var i in r)e.style[i]="number"===typeof r[i]&&!1===We.test(i)?r[i]+"px":r[i]}}else{var a=n,s=r;"string"===typeof n&&(a=x(n)),"string"==typeof r&&(s=x(r));var u={},l=!1;if(a){for(var f in a)"object"!=("undefined"===typeof s?"undefined":Be(s))||f in s||(u[f]="",l=!0);for(var p in s)s[p]!==a[p]&&(u[p]=s[p],l=!0);l&&e.setStyles(u)}else e.setStyles(s)}else if("dangerouslySetInnerHTML"===t)r&&(e.innerHTML=r.__html||"");else if("o"==t[0]&&"n"==t[1]){var d=t!==(t=t.replace(/Capture$/,"")),h=t.toLowerCase();t=(h in e?h:t).slice(2),r?n||(e.addEventListener(t,j,d),"tap"==t&&(e.addEventListener("touchstart",k,d),e.addEventListener("touchend",T,d))):(e.removeEventListener(t,j,d),"tap"==t&&(e.removeEventListener("touchstart",k,d),e.removeEventListener("touchend",T,d))),(e._listeners||(e._listeners={}))[t]=r}else if("list"!==t&&"type"!==t&&!o&&t in e)S(e,t,null==r?"":r),null!=r&&!1!==r||e.removeAttribute(t);else{var y=o&&t!==(t=t.replace(/^xlink:?/,""));null==r||!1===r?y?e.removeAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase()):e.removeAttribute(t):"function"!==typeof r&&(y?e.setAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase(),r):e.setAttribute(t,r))}else e.className=r||""}function S(e,t,n){try{e[t]=n}catch(e){}}function j(e){return this._listeners[e.type](Ue.event&&Ue.event(e)||e)}function k(e){this.___touchX=e.touches[0].pageX,this.___touchY=e.touches[0].pageY,this.___scrollTop=document.body.scrollTop}function T(e){Math.abs(e.changedTouches[0].pageX-this.___touchX)<30&&Math.abs(e.changedTouches[0].pageY-this.___touchY)<30&&Math.abs(document.body.scrollTop-this.___scrollTop)<30&&this.dispatchEvent(new CustomEvent("tap",{detail:e}))}function C(e){for(var t=0,n=Ue.styleCache.length;t-1;)if(t===e[n])return!0;return!1}function ce(e,t){return"#"===t?e:t.split("-")[1]}function le(e,t,n,r,o){if(t="string"===typeof t?document.querySelector(t):t,n)if(n.data)fe(n);else{Ue.isMultiStore=!0;for(var i in n)n[i].data&&fe(n[i],i)}if(r)for(;t.firstChild;)t.removeChild(t.firstChild);return o&&(o="string"===typeof o?document.querySelector(o):o),$(o,e,n,!1,t,!1)}function fe(e,t){e.instances=[],e.updateSelfInstances=[],de(e,t),K(e.data,function(t,n,r,o){var i={};i[be(o+"-"+t)]=!0,e.update(i)})}function pe(e,t,n){return fe(n),t="string"===typeof t?document.querySelector(t):t,$(t,e,n)}function de(e,t){e.update=function(n){Object.keys(n).length>0&&(this.instances.forEach(function(r){he(r,t),t?r._updatePath&&r._updatePath[t]&&ye(n,r._updatePath[t])&&(r.use&&f(e.data,("function"===typeof r.use?r.use():r.use)[t],r.using,t),r.update()):r._updatePath&&ye(n,r._updatePath)&&(r.use&&(r.using=f(e.data,"function"===typeof r.use?r.use():r.use)),r.update())}),this.updateSelfInstances.forEach(function(r){he(r,t),t?r._updateSelfPath&&r._updateSelfPath[t]&&ye(n,r._updateSelfPath[t])&&(r.useSelf&&f(e.data,("function"===typeof r.useSelf?r.useSelf():r.useSelf)[t],r.usingSelf,t),r.updateSelf()):r._updateSelfPath&&ye(n,r._updateSelfPath)&&(r.usingSelf=f(e.data,"function"===typeof r.useSelf?r.useSelf():r.useSelf),r.updateSelf())}),this.onChange&&this.onChange(n))}}function he(e,t){if(e.compute)for(var n in e.compute)e.computed[n]=e.compute[n].call(t?e.store:e.store.data)}function ye(e,t){for(var n in e){if(t[n])return!0;for(var r in t)if(me(n,r))return!0}return!1}function me(e,t){if(0===e.indexOf(t)){var n=e.substr(t.length,1);if("["===n||"."===n)return!0}return!1}function be(e){var t="";return e.replace("#-","").split("-").forEach(function(e,n){n?isNaN(Number(e))?t+="."+e:t+="["+e+"]":t+=e}),t}function ve(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ge(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"===typeof t?"undefined":Be(t))&&"function"!==typeof t?e:t}function _e(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"===typeof t?"undefined":Be(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function we(e,t,n){if("WeElement"===t.is)Ue.mapping[e]=t;else{n="string"===typeof n?{css:n}:n||{};var r=function(e){function r(){var t,o,i;ve(this,r);for(var a=arguments.length,s=Array(a),u=0;u0)return{class:Oe.apply(null,n)}}function Se(e){var t=e.base;if(t)for(;t.parentNode;){if(t.parentNode._component)return t.parentNode._component;t=t.parentNode}}function je(e){var t="";for(var n in e){var r=e[n];null!=r&&(t&&(t+=" "),t+=pt[n]||(pt[n]=n.replace(/([A-Z])/g,"-$1").toLowerCase()),t+=": ",t+=r,"number"===typeof r&&!1===IS_NON_DIMENSIONAL.test(n)&&(t+="px"),t+=";")}return t||void 0}function ke(e,t,n,r){n=n||{},t=Object.assign({scopedCSS:!0},t);var o={},i=Te(e,t,n,r,o);return{css:Object.values(o),html:i}}function Te(e,t,n,r,o){if(null==e||"boolean"===typeof e)return"";var i=e.nodeName,a=e.attributes,s=!1,u=t.pretty,c=u&&"string"===typeof u?u:"\t";if("object"!==("undefined"===typeof e?"undefined":Be(e))&&!i)return st(e);var l=ct[i];if(l){s=!0;var f,p=Pe(e),d=new l(p,n);if(d._disable=d.__x=!0,d.props=p,d.store=n,d.install&&d.install(),d.beforeRender&&d.beforeRender(),f=d.render(d.props,d.store),t.scopedCSS){if(d.constructor.css||d.css){var h=d.constructor.css?d.constructor.css:"function"===typeof d.css?d.css():d.css,y="_s"+C(d.constructor);o[y]={id:y,css:P(h,y)},M(f,y)}d.scopedCSSAttr=e.css,I(f,d.scopedCSSAttr)}return Te(f,t,n,!1,o)}var m,b="";if(a){var v=Object.keys(a);t&&!0===t.sortAttributes&&v.sort();for(var g=0;g]/)&&(t&&t.allAttributes||"key"!==_&&"ref"!==_))){if("className"===_){if(a.class)continue;_="class"}else r&&_.match(/^xlink:?./)&&(_=_.toLowerCase().replace(/^xlink:?/,"xlink:"));"style"===_&&w&&"object"===("undefined"===typeof w?"undefined":Be(w))&&(w=je(w));var A=t.attributeHook&&t.attributeHook(_,w,n,t,s);if(A||""===A)b+=A;else if("dangerouslySetInnerHTML"===_)m=w&&w.__html;else if((w||0===w||""===w)&&"function"!==typeof w){if((!0===w||""===w)&&(w=_,!t||!t.xml)){b+=" "+_;continue}b+=" "+_+'="'+st(w)+'"'}}}}if(u){var x=b.replace(/^\n\s*/," ");x===b||~x.indexOf("\n")?u&&~b.indexOf("\n")&&(b+="\n"):b=x}if(b="<"+i+b+">",String(i).match(/[\s\n\\\/='"\0<>]/))throw b;var O=String(i).match(lt);O&&(b=b.replace(/>$/," />"));var E=[];if(m)u&&ft(m)&&(m="\n"+c+ut(m,c)),b+=m;else if(e.children){for(var S=u&&~b.indexOf("\n"),g=0;g ";return O||(u&&~b.indexOf("\n")&&(b+="\n"),b+=""+i+">"),b}function Ce(e,t){for(var n in t)e[n]=t[n];return e}function Pe(e){var t=Ce({},e.attributes);t.children=e.children;var n=e.nodeName.defaultProps;if(void 0!==n)for(var r in n)void 0===t[r]&&(t[r]=n[r]);return t}function Ne(){return{}}Object.defineProperty(t,"__esModule",{value:!0}),t.obaa=t.html=t.merge=t.tag=t.renderToString=t.getHost=t.extractClass=t.classNames=t.defineElement=t.rpx=t.define=t.WeElement=t.options=t.rerender=t.render=t.Component=t.createRef=t.cloneElement=t.createElement=t.h=t.htm=void 0;var Be="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Me=n(10);Object.defineProperty(t,"htm",{enumerable:!0,get:function(){return r(Me).default}});var Re=r(Me),Ue={scopedStyle:!0,mapping:{},isWeb:!0,staticStyleMapping:{},doc:"object"===("undefined"===typeof document?"undefined":Be(document))?document:null,root:function(){return"object"===("undefined"===typeof e?"undefined":Be(e))&&e&&e.Math===Math&&e.Array===Array?e:"undefined"!==typeof self?self:"undefined"!==typeof window?window:"undefined"!==typeof e?e:function(){return this}()}(),styleCache:[],isMultiStore:!1},Ie=[],Le=Object.getOwnPropertySymbols,$e=Object.prototype.hasOwnProperty,De=Object.prototype.propertyIsEnumerable;if("undefined"!==typeof Element&&!Element.prototype.addEventListener){var Fe=function(e){e||(e=window.event);for(var t=0,n=0,r=ze[e.type];n8&&(He=!0)}var Ge=He?Promise.resolve().then.bind(Promise.resolve()):setTimeout,We=/acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i,Qe=[],qe=Ue.mapping,Xe=0,Ze=[],Je=0,Ye=!1,Ke=!1,et={},tt=0,nt=function(){function e(t,n){Y(this,e),this.props=s({},this.constructor.defaultProps,t),this.elementId=tt++,this._preCss=null,this.store=n,this.computed={}}return e.prototype.update=function(e,t,n){this._willUpdate||(this._willUpdate=!0,n&&(this._renderCallbacks=this._renderCallbacks||[]).push(n),X(this,2),Ue.componentChange&&Ue.componentChange(this,this.base),this._willUpdate=!1)},e.prototype.updateSelf=function(){this._willUpdateSelf||(this._willUpdateSelf=!0,X(this,2,null,null,!0),this._willUpdateSelf=!1)},e.prototype.fire=function(e,t){var n=this;Object.keys(this.props).every(function(r){return"on"+e.toLowerCase()!==r.toLowerCase()||(n.props[r]({detail:t}),!1)})},e.prototype.render=function(){},e}();nt.is="WeElement";var rt=["concat","copyWithin","fill","pop","push","reverse","shift","sort","splice","unshift","size"].join(","),ot=["concat","copyWithin","entries","every","fill","filter","find","findIndex","forEach","includes","indexOf","join","keys","lastIndexOf","map","pop","push","reduce","reduceRight","reverse","shift","slice","some","sort","splice","toLocaleString","toString","unshift","values","size"];K.add=function(e,t){te(e,t,e.$_o_.$_p_,e.$_o_.$_r_)},K.set=function(e,t,n){void 0===e[t]&&te(e,t,e.$_o_.$_p_,e.$_o_.$_r_),e[t]=n},Array.prototype.size=function(e){this.length=e};var it=["use","useSelf"],at={}.hasOwnProperty,st=function(e){return String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""")},ut=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||"\t"))},ct=Ue.mapping,lt=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,ft=function(e,t,n){return String(e).length>(t||40)||!n&&-1!==String(e).indexOf("\n")||-1!==String(e).indexOf("<")},pt={};i.f=y;var dt=Re.default.bind(i),ht=nt,yt=we;Ue.root.Omi={h:i,createElement:i,cloneElement:m,createRef:Ne,Component:nt,render:le,rerender:v,options:Ue,WeElement:ht,define:we,rpx:Ae,defineElement:yt,classNames:Oe,extractClass:Ee,getHost:Se,renderToString:ke,tag:xe,merge:pe,html:dt,htm:Re.default,obaa:K},Ue.root.omi=Ue.root.Omi,Ue.root.Omi.version="omio-2.8.0";var mt={h:i,createElement:i,cloneElement:m,createRef:Ne,Component:nt,render:le,rerender:v,options:Ue,WeElement:ht,define:we,rpx:Ae,defineElement:yt,classNames:Oe,extractClass:Ee,getHost:Se,renderToString:ke,tag:xe,merge:pe,html:dt,htm:Re.default,obaa:K};t.default=mt,t.h=i,t.createElement=i,t.cloneElement=m,t.createRef=Ne,t.Component=nt,t.render=le,t.rerender=v,t.options=Ue,t.WeElement=ht,t.define=we,t.rpx=Ae,t.defineElement=yt,t.classNames=Oe,t.extractClass=Ee,t.getHost=Se,t.renderToString=ke,t.tag=xe,t.merge=pe,t.html=dt,t.obaa=K}).call(t,n(2))},function(e,t,n){"use strict";function r(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"===typeof btoa){var i=o(r);return[n].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([i]).join("\n")}return[n].join("\n")}function o(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=r(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"===typeof e&&(e=[[null,e,""]]);for(var r={},o=0;oc){for(var t=0,n=a.length-u;t-1?t:e}function d(e,t){t=t||{};var n=t.body;if(e instanceof d){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new o(e.headers)),this.method=e.method,this.mode=e.mode,n||null==e._bodyInit||(n=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"omit",!t.headers&&this.headers||(this.headers=new o(t.headers)),this.method=p(t.method||this.method||"GET"),this.mode=t.mode||this.mode||null,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&n)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(n)}function h(e){var t=new FormData;return e.trim().split("&").forEach(function(e){if(e){var n=e.split("="),r=n.shift().replace(/\+/g," "),o=n.join("=").replace(/\+/g," ");t.append(decodeURIComponent(r),decodeURIComponent(o))}}),t}function y(e){var t=new o;return e.split(/\r?\n/).forEach(function(e){var n=e.split(":"),r=n.shift().trim();if(r){var o=n.join(":").trim();t.append(r,o)}}),t}function m(e,t){t||(t={}),this.type="default",this.status="status"in t?t.status:200,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in t?t.statusText:"OK",this.headers=new o(t.headers),this.url=t.url||"",this._initBody(e)}if(!e.fetch){var b={searchParams:"URLSearchParams"in e,iterable:"Symbol"in e&&"iterator"in Symbol,blob:"FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),formData:"FormData"in e,arrayBuffer:"ArrayBuffer"in e};if(b.arrayBuffer)var v=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],g=function(e){return e&&DataView.prototype.isPrototypeOf(e)},_=ArrayBuffer.isView||function(e){return e&&v.indexOf(Object.prototype.toString.call(e))>-1};o.prototype.append=function(e,r){e=t(e),r=n(r);var o=this.map[e];this.map[e]=o?o+","+r:r},o.prototype.delete=function(e){delete this.map[t(e)]},o.prototype.get=function(e){return e=t(e),this.has(e)?this.map[e]:null},o.prototype.has=function(e){return this.map.hasOwnProperty(t(e))},o.prototype.set=function(e,r){this.map[t(e)]=n(r)},o.prototype.forEach=function(e,t){for(var n in this.map)this.map.hasOwnProperty(n)&&e.call(t,this.map[n],n,this)},o.prototype.keys=function(){var e=[];return this.forEach(function(t,n){e.push(n)}),r(e)},o.prototype.values=function(){var e=[];return this.forEach(function(t){e.push(t)}),r(e)},o.prototype.entries=function(){var e=[];return this.forEach(function(t,n){e.push([n,t])}),r(e)},b.iterable&&(o.prototype[Symbol.iterator]=o.prototype.entries);var w=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];d.prototype.clone=function(){return new d(this,{body:this._bodyInit})},f.call(d.prototype),f.call(m.prototype),m.prototype.clone=function(){return new m(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new o(this.headers),url:this.url})},m.error=function(){var e=new m(null,{status:0,statusText:""});return e.type="error",e};var A=[301,302,303,307,308];m.redirect=function(e,t){if(-1===A.indexOf(t))throw new RangeError("Invalid status code");return new m(null,{status:t,headers:{location:e}})},e.Headers=o,e.Request=d,e.Response=m,e.fetch=function(e,t){return new Promise(function(n,r){var o=new d(e,t),i=new XMLHttpRequest;i.onload=function(){var e={status:i.status,statusText:i.statusText,headers:y(i.getAllResponseHeaders()||"")};e.url="responseURL"in i?i.responseURL:e.headers.get("X-Request-URL");var t="response"in i?i.response:i.responseText;n(new m(t,e))},i.onerror=function(){r(new TypeError("Network request failed"))},i.ontimeout=function(){r(new TypeError("Network request failed"))},i.open(o.method,o.url,!0),"include"===o.credentials&&(i.withCredentials=!0),"responseType"in i&&b.blob&&(i.responseType="blob"),o.headers.forEach(function(e,t){i.setRequestHeader(t,e)}),i.send("undefined"===typeof o._bodyInit?null:o._bodyInit)})},e.fetch.polyfill=!0}}("undefined"!==typeof self?self:void 0)},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var o=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,s,u=r(e),c=1;c1?t:t[0]};var r=function e(t,n,r,o){for(var i=1;i=5&&((o||!e&&5===r)&&(a.push(o,r,n),r=6),e&&(a.push(e,r,n),r=6)),o=""},u=0;u"===t?(r=1,o=""):o=t+o[0]:i?t===i?i="":o+=t:'"'===t||"'"===t?i=t:">"===t?(s(),r=1):r&&("="===t?(r=5,n=o,o=""):"/"===t&&(r<5||">"===e[u][c+1])?(s(),3===r&&(a=a[0]),r=a,(a=a[0]).push(r,2),r=0):" "===t||"\t"===t||"\n"===t||"\r"===t?(s(),r=2):o+=t),3===r&&"!--"===o&&(r=4,a=a[0])}return s(),a},i="function"==typeof Map,a=i?new Map:{},s=i?function(e){var t=a.get(e);return t||a.set(e,t=o(e)),t}:function(e){for(var t="",n=0;n0)return!1;return!0}},{key:"render",value:function(){if(this.demo)return Omi.h("div",null,this.show&&Omi.h("iframe",{style:"height:"+(window.innerHeight-59)+"px",src:this.demo}),!this.show&&Omi.h("div",{class:"switch code",onClick:this.onShow},Omi.h("img",{src:n(33)})),this.show&&Omi.h("div",{class:"switch close",onClick:this.onClose},Omi.h("img",{src:n(34)})))}}]),t}(s.WeElement))},function(e,t,n){var r=n(32);e.exports="string"===typeof r?r:r.toString()},function(e,t,n){t=e.exports=n(1)(void 0),t.push([e.i,"iframe{\n width: 750px;\n height: 100%;\n top: 60px;\n right: 0;\n position: fixed;\n border: none;\n z-index: 9999;\n border-left: 2px solid #24292E;\n}\n\n.switch{\n width: 40px;\n height: 40px;\n background-color: #AA0000;\n border-radius: 50%;\n position: fixed;\n right: 50px;\n bottom: 50px;\n cursor: pointer;\n text-align: center;\n z-index: 10000;\n}\n\n.switch img{\n width: 30px;\n height: 30px;\n margin-top:5px;\n}\n\n.switch.close img{\n margin-top:10px;\n width: 20px;\n height: 20px;\n}\n\n\n@media only screen and (max-width: 800px) {\n iframe{\n width: 100%;\n }\n}\n",""])},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiDBQMEgYVXhFiAAABVklEQVRIx+3UsU4UURSA4TNARoiJcR9BCwwJNNpRU0hjpS+hDTTyGkAD1UJnRzCbYKRAKzt9AaMxJoR+Ewho8dEMm5nZOzObbfVUM+ec/79n7uTeiP8xUfjiq6Xp8Ufg6fSCN7iQpasztebcttVaz3pEnGQirNqWt62VG2CoV8rNu8TLCD1DDBoVBc5BeVzr+OthhMwBjQq59wVe+Sy7+FQ8Z/bBB/MT4hG+4+3oLa0Y4f0x/AlYLmUyezVFMx5hE79ruaqiDY9wir2xbFnhqAW/7xovEpUZfXCUwEqxFvfiJs5ae+SO0/sfYR8fE8zdvzi524UGhV/Y6MCbp7ACFjvxiuKd2VFuCz/GNu8wgacVPmNnQrxQlA6TB/7geWX4tsNUUgz1IrzClYVStes4F4riQtHHoFbtulAq457j9UTNScEz8Li7c64hfxXf4jr7OfUE/1TcAoyIn6j/RilHAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEyLTIwVDExOjE4OjA2KzAxOjAwT3khJwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMi0yMFQxMToxODowNiswMTowMD4kmZsAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC"},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiDBQMERzDEbvbAAAArElEQVQ4y6XVOw6DMBBFUSf7SmGy2ZCNBerIJN2lAQn/34ArZHFsi3mDHW9mvDMOPDOjYwKCjeMJwGd/MPBI8OALBJ4S3d8e0okuz6jOi1TjVdrnTdrmXVrnEi1zmebcRGNupgf+YzHTjS8A/Ov0Lqxzs+97PLbUMukHG2wd59LimHheHJmX6yrxeiS6vJ2mJu8Hscq1DBe5Hv+M2zon4pd++teum5Hp5EX3WgGu+8eCI/n/bQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMi0yMFQxMToxNzoyOCswMTowMKxoBooAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTItMjBUMTE6MTc6MjgrMDE6MDDdNb42AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg=="},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var n=0;n0&&(n[t[r].replace(":","")]=e)}),n}function i(e,t){c[e]={callback:t,reg:u(e)}}function a(e){e=e.replace(/#.*$/,"");var t,n=e.split(/[?&]/).slice(1),r={};for(t=0;t-1)&&(y=x,a=a.slice(0,A))}a&&(r.push(a),a="",f=!1);var O="+"===w||"*"===w,E="?"===w||"*"===w,S=g||_,j=y||s;r.push({name:m||o++,prefix:y,delimiter:j,optional:E,repeat:O,pattern:S?c(S):"[^"+u(j===s?j:j+s)+"]+?"})}}return(a||iHello!`\n *\n * can be constructed using this function as:\n *\n * `h('div', { id: 'foo', name : 'bar' }, 'Hello!');`\n *\n * @param {string} nodeName\tAn element name. Ex: `div`, `a`, `span`, etc.\n * @param {Object} attributes\tAny attributes/props to set on the created element.\n * @param rest\t\t\tAdditional arguments are taken to be children to append. Can be infinitely nested Arrays.\n *\n * @public\n */function h(nodeName,attributes){var children=[],lastSimple,child,simple,i;for(i=arguments.length;i-->2;){stack.push(arguments[i]);}if(attributes&&attributes.children!=null){if(!stack.length)stack.push(attributes.children);delete attributes.children;}while(stack.length){if((child=stack.pop())&&child.pop!==undefined){for(i=child.length;i--;){stack.push(child[i]);}}else{if(typeof child==='boolean')child=null;if(simple=typeof nodeName!=='function'){if(child==null)child='';else if(typeof child==='number')child=String(child);else if(typeof child!=='string')simple=false;}if(simple&&lastSimple){children[children.length-1]+=child;}else if(children.length===0){children=[child];}else{children.push(child);}lastSimple=simple;}}var p=new VNode();p.nodeName=nodeName;p.children=children;p.attributes=attributes==null?undefined:attributes;p.key=attributes==null?undefined:attributes.key;// if a \"vnode hook\" is defined, pass every created VNode to it\nif(options.vnode!==undefined)options.vnode(p);return p;}/* eslint-disable no-unused-vars */var getOwnPropertySymbols=Object.getOwnPropertySymbols;var hasOwnProperty=Object.prototype.hasOwnProperty;var propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(val){if(val===null||val===undefined){throw new TypeError('Object.assign cannot be called with null or undefined');}return Object(val);}function assign(target,source){var from;var to=toObject(target);var symbols;for(var s=1;s8){usePromise=true;}}}var defer=usePromise?Promise.resolve().then.bind(Promise.resolve()):setTimeout;function isArray(obj){return Object.prototype.toString.call(obj)==='[object Array]';}function getUse(data,paths,out,name){var obj=[];paths.forEach(function(path,index){var isPath=typeof path==='string';if(isPath){obj[index]=getTargetByPath(data,path);}else{var key=Object.keys(path)[0];var value=path[key];if(typeof value==='string'){obj[index]=getTargetByPath(data,value);}else{var tempPath=value[0];if(typeof tempPath==='string'){var tempVal=getTargetByPath(data,tempPath);obj[index]=value[1]?value[1](tempVal):tempVal;}else{var args=[];tempPath.forEach(function(path){args.push(getTargetByPath(data,path));});obj[index]=value[1].apply(null,args);}}obj[key]=obj[index];}});out&&(out[name]=obj);return obj;}function getTargetByPath(origin,path){var arr=path.replace(/]/g,'').replace(/\\[/g,'.').split('.');var current=origin;for(var i=0,len=arr.length;i2?[].slice.call(arguments,2):vnode.children);}// DOM properties that should NOT have \"px\" added when numeric\nvar IS_NON_DIMENSIONAL$1=/acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i;/** Managed queue of dirty components to be re-rendered */var items=[];function enqueueRender(component){if(items.push(component)==1){(options.debounceRendering||defer)(rerender);}}/** Rerender all enqueued dirty components */function rerender(){var p;while(p=items.pop()){renderComponent(p);}}var mapping=options.mapping;/**\n * Check if two nodes are equivalent.\n *\n * @param {Node} node\t\t\tDOM Node to compare\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\n * @private\n */function isSameNodeType(node,vnode,hydrating){if(typeof vnode==='string'||typeof vnode==='number'){return node.splitText!==undefined;}if(typeof vnode.nodeName==='string'){var ctor=mapping[vnode.nodeName];if(ctor){return hydrating||node._componentConstructor===ctor;}return!node._componentConstructor&&isNamedNode(node,vnode.nodeName);}return hydrating||node._componentConstructor===vnode.nodeName;}/**\n * Check if an Element has a given nodeName, case-insensitively.\n *\n * @param {Element} node\tA DOM Element to inspect the name of.\n * @param {String} nodeName\tUnnormalized name to compare against.\n */function isNamedNode(node,nodeName){return node.normalizedNodeName===nodeName||node.nodeName.toLowerCase()===nodeName.toLowerCase();}/**\n * Reconstruct Component-style `props` from a VNode.\n * Ensures default/fallback values from `defaultProps`:\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\n *\n * @param {VNode} vnode\n * @returns {Object} props\n */function getNodeProps(vnode){var props=extend({},vnode.attributes);props.children=vnode.children;var defaultProps=vnode.nodeName.defaultProps;if(defaultProps!==undefined){for(var i in defaultProps){if(props[i]===undefined){props[i]=defaultProps[i];}}}return props;}/** Create an element with the given nodeName.\n *\t@param {String} nodeName\n *\t@param {Boolean} [isSvg=false]\tIf `true`, creates an element within the SVG namespace.\n *\t@returns {Element} node\n */function createNode(nodeName,isSvg){var node=isSvg?options.doc.createElementNS('http://www.w3.org/2000/svg',nodeName):options.doc.createElement(nodeName);node.normalizedNodeName=nodeName;return node;}function parseCSSText(cssText){var cssTxt=cssText.replace(/\\/\\*(.|\\s)*?\\*\\//g,' ').replace(/\\s+/g,' ');var style={},_ref=cssTxt.match(/ ?(.*?) ?{([^}]*)}/)||[a,b,cssTxt],a=_ref[0],b=_ref[1],rule=_ref[2];var cssToJs=function cssToJs(s){return s.replace(/\\W+\\w/g,function(match){return match.slice(-1).toUpperCase();});};var properties=rule.split(';').map(function(o){return o.split(':').map(function(x){return x&&x.trim();});});for(var i=properties,i=Array.isArray(i),i=0,i=i?i:i[Symbol.iterator]();;){var _ref3;if(i){if(i>=i.length)break;_ref3=i[i++];}else{i=i.next();if(i.done)break;_ref3=i.value;}var _ref2=_ref3;var property=_ref2[0];var value=_ref2[1];style[cssToJs(property)]=value;}return style;}/** Remove a child node from its parent if attached.\n *\t@param {Element} node\t\tThe node to remove\n */function removeNode(node){var parentNode=node.parentNode;if(parentNode)parentNode.removeChild(node);}/** Set a named attribute on the given Node, with special behavior for some names and event handlers.\n *\tIf `value` is `null`, the attribute/handler will be removed.\n *\t@param {Element} node\tAn element to mutate\n *\t@param {string} name\tThe name/key to set, such as an event or attribute name\n *\t@param {any} old\tThe last value that was set for this name/node pair\n *\t@param {any} value\tAn attribute value, such as a function to be used as an event handler\n *\t@param {Boolean} isSvg\tAre we currently diffing inside an svg?\n *\t@private\n */function setAccessor(node,name,old,value,isSvg){if(name==='className')name='class';if(name==='key'){// ignore\n}else if(name==='ref'){applyRef(old,null);applyRef(value,node);}else if(name==='class'&&!isSvg){node.className=value||'';}else if(name==='style'){if(options.isWeb){if(!value||typeof value==='string'||typeof old==='string'){node.style.cssText=value||'';}if(value&&(typeof value==='undefined'?'undefined':_typeof(value))==='object'){if(typeof old!=='string'){for(var i in old){if(!(i in value))node.style[i]='';}}for(var i in value){node.style[i]=typeof value[i]==='number'&&IS_NON_DIMENSIONAL$1.test(i)===false?value[i]+'px':value[i];}}}else{var oldJson=old,currentJson=value;if(typeof old==='string'){oldJson=parseCSSText(old);}if(typeof value=='string'){currentJson=parseCSSText(value);}var result={},changed=false;if(oldJson){for(var key in oldJson){if((typeof currentJson==='undefined'?'undefined':_typeof(currentJson))=='object'&&!(key in currentJson)){result[key]='';changed=true;}}for(var ckey in currentJson){if(currentJson[ckey]!==oldJson[ckey]){result[ckey]=currentJson[ckey];changed=true;}}if(changed){node.setStyles(result);}}else{node.setStyles(currentJson);}}}else if(name==='dangerouslySetInnerHTML'){if(value)node.innerHTML=value.__html||'';}else if(name[0]=='o'&&name[1]=='n'){var useCapture=name!==(name=name.replace(/Capture$/,''));var nameLower=name.toLowerCase();name=(nameLower in node?nameLower:name).slice(2);if(value){if(!old){node.addEventListener(name,eventProxy,useCapture);if(name=='tap'){node.addEventListener('touchstart',touchStart,useCapture);node.addEventListener('touchend',touchEnd,useCapture);}}}else{node.removeEventListener(name,eventProxy,useCapture);if(name=='tap'){node.removeEventListener('touchstart',touchStart,useCapture);node.removeEventListener('touchend',touchEnd,useCapture);}}(node._listeners||(node._listeners={}))[name]=value;}else if(name!=='list'&&name!=='type'&&!isSvg&&name in node){setProperty(node,name,value==null?'':value);if(value==null||value===false)node.removeAttribute(name);}else{var ns=isSvg&&name!==(name=name.replace(/^xlink:?/,''));if(value==null||value===false){if(ns)node.removeAttributeNS('http://www.w3.org/1999/xlink',name.toLowerCase());else node.removeAttribute(name);}else if(typeof value!=='function'){if(ns)node.setAttributeNS('http://www.w3.org/1999/xlink',name.toLowerCase(),value);else node.setAttribute(name,value);}}}/** Attempt to set a DOM property to the given value.\n *\tIE & FF throw for certain property-value combinations.\n */function setProperty(node,name,value){try{node[name]=value;}catch(e){}}/** Proxy an event to hooked event handlers\n *\t@private\n */function eventProxy(e){return this._listeners[e.type](options.event&&options.event(e)||e);}function touchStart(e){this.___touchX=e.touches[0].pageX;this.___touchY=e.touches[0].pageY;this.___scrollTop=document.body.scrollTop;}function touchEnd(e){if(Math.abs(e.changedTouches[0].pageX-this.___touchX)<30&&Math.abs(e.changedTouches[0].pageY-this.___touchY)<30&&Math.abs(document.body.scrollTop-this.___scrollTop)<30){this.dispatchEvent(new CustomEvent('tap',{detail:e}));}}var styleId=0;function getCtorName(ctor){for(var i=0,len=options.styleCache.length;i-1;){if(item===arr[i])return true;}return false;}function getRootName(prop,path){if(path==='#'){return prop;}return path.split('-')[1];}obaa.add=function(obj,prop){watch(obj,prop,obj.$_o_.$_p_,obj.$_o_.$_r_);};obaa.set=function(obj,prop,value){if(obj[prop]===undefined){watch(obj,prop,obj.$_o_.$_p_,obj.$_o_.$_r_);}obj[prop]=value;};Array.prototype.size=function(length){this.length=length;};/** Render JSX into a `parent` Element.\n *\t@param {VNode} vnode\t\tA (JSX) VNode to render\n *\t@param {Element} parent\t\tDOM element to render into\n *\t@param {object} [store]\n *\t@public\n */function render(vnode,parent,store,empty,merge){parent=typeof parent==='string'?document.querySelector(parent):parent;if(store){if(store.data){obsStore(store);}else{options.isMultiStore=true;for(var key in store){if(store[key].data){obsStore(store[key],key);}}}}if(empty){while(parent.firstChild){parent.removeChild(parent.firstChild);}}if(merge){merge=typeof merge==='string'?document.querySelector(merge):merge;}return diff(merge,vnode,store,false,parent,false);}function obsStore(store,storeName){store.instances=[];store.updateSelfInstances=[];extendStoreUpate(store,storeName);obaa(store.data,function(prop,val,old,path){var patchs={};var key=fixPath(path+'-'+prop);patchs[key]=true;store.update(patchs);});}function merge(vnode,merge,store){obsStore(store);merge=typeof merge==='string'?document.querySelector(merge):merge;return diff(merge,vnode,store);}function extendStoreUpate(store,key){store.update=function(patch){if(Object.keys(patch).length>0){this.instances.forEach(function(instance){compute(instance,key);if(key){if(instance._updatePath&&instance._updatePath[key]&&needUpdate(patch,instance._updatePath[key])){if(instance.use){getUse(store.data,(typeof instance.use==='function'?instance.use():instance.use)[key],instance.using,key);}instance.update();}}else{if(instance._updatePath&&needUpdate(patch,instance._updatePath)){if(instance.use){instance.using=getUse(store.data,typeof instance.use==='function'?instance.use():instance.use);}instance.update();}}});this.updateSelfInstances.forEach(function(instance){compute(instance,key);if(key){if(instance._updateSelfPath&&instance._updateSelfPath[key]&&needUpdate(patch,instance._updateSelfPath[key])){if(instance.useSelf){getUse(store.data,(typeof instance.useSelf==='function'?instance.useSelf():instance.useSelf)[key],instance.usingSelf,key);}instance.updateSelf();}}else{if(instance._updateSelfPath&&needUpdate(patch,instance._updateSelfPath)){instance.usingSelf=getUse(store.data,typeof instance.useSelf==='function'?instance.useSelf():instance.useSelf);instance.updateSelf();}}});this.onChange&&this.onChange(patch);}};}function compute(instance,isMultiStore){if(instance.compute){for(var ck in instance.compute){instance.computed[ck]=instance.compute[ck].call(isMultiStore?instance.store:instance.store.data);}}}function needUpdate(diffResult,updatePath){for(var keyA in diffResult){if(updatePath[keyA]){return true;}for(var keyB in updatePath){if(includePath(keyA,keyB)){return true;}}}return false;}function includePath(pathA,pathB){if(pathA.indexOf(pathB)===0){var next=pathA.substr(pathB.length,1);if(next==='['||next==='.'){return true;}}return false;}function fixPath(path){var mpPath='';var arr=path.replace('#-','').split('-');arr.forEach(function(item,index){if(index){if(isNaN(Number(item))){mpPath+='.'+item;}else{mpPath+='['+item+']';}}else{mpPath+=item;}});return mpPath;}function _classCallCheck$1(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError(\"Cannot call a class as a function\");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");}return call&&((typeof call==='undefined'?'undefined':_typeof(call))===\"object\"||typeof call===\"function\")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!==\"function\"&&superClass!==null){throw new TypeError(\"Super expression must either be null or a function, not \"+(typeof superClass==='undefined'?'undefined':_typeof(superClass)));}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var storeHelpers=['use','useSelf'];function define(name,ctor,config){if(ctor.is==='WeElement'){options.mapping[name]=ctor;}else{if(typeof config==='string'){config={css:config};}else{config=config||{};}var Comp=function(_Component){_inherits(Comp,_Component);function Comp(){var _temp,_this,_ret;_classCallCheck$1(this,Comp);for(var _len=arguments.length,args=Array(_len),key=0;key<_len;key++){args[key]=arguments[key];}return _ret=(_temp=(_this=_possibleConstructorReturn(this,_Component.call.apply(_Component,[this].concat(args))),_this),_this.compute=config.compute,_temp),_possibleConstructorReturn(_this,_ret);}Comp.prototype.render=function render(){return ctor.call(this,this);};return Comp;}(Component);Comp.css=config.css;Comp.propTypes=config.propTypes;Comp.defaultProps=config.defaultProps;var _loop=function _loop(key){if(typeof config[key]==='function'){Comp.prototype[key]=function(){return config[key].apply(this,arguments);};}};for(var key in config){_loop(key);}storeHelpers.forEach(function(func){if(config[func]&&config[func]!=='function'){Comp.prototype[func]=function(){return config[func];};}});options.mapping[name]=Comp;}}function rpx(str){return str.replace(/([1-9]\\d*|0)(\\.\\d*)*rpx/g,function(a,b){return window.innerWidth*Number(b)/750+'px';});}function tag(name){return function(target){define(name,target);};}/**\n * classNames based on https://github.com/JedWatson/classnames\n * by Jed Watson\n * Licensed under the MIT License\n * https://github.com/JedWatson/classnames/blob/master/LICENSE\n * modified by dntzhang\n */var hasOwn={}.hasOwnProperty;function classNames(){var classes=[];for(var i=0;i0){return{'class':classNames.apply(null,args)};}}function getHost(component){var base=component.base;if(base){while(base.parentNode){if(base.parentNode._component){return base.parentNode._component;}else{base=base.parentNode;}}}}/**\n * preact-render-to-string based on preact-render-to-string\n * by Jason Miller\n * Licensed under the MIT License\n * https://github.com/developit/preact-render-to-string\n *\n * modified by dntzhang\n */var encodeEntities=function encodeEntities(s){return String(s).replace(/&/g,'&').replace(//g,'>').replace(/\"/g,'"');};var indent=function indent(s,char){return String(s).replace(/(\\n+)/g,'$1'+(char||'\\t'));};var mapping$1=options.mapping;var VOID_ELEMENTS=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/;var isLargeString=function isLargeString(s,length,ignoreLines){return String(s).length>(length||40)||!ignoreLines&&String(s).indexOf('\\n')!==-1||String(s).indexOf('<')!==-1;};var JS_TO_CSS={};// Convert an Object style to a CSSText string\nfunction styleObjToCss(s){var str='';for(var prop in s){var val=s[prop];if(val!=null){if(str)str+=' ';// str += jsToCss(prop);\nstr+=JS_TO_CSS[prop]||(JS_TO_CSS[prop]=prop.replace(/([A-Z])/g,'-$1').toLowerCase());str+=': ';str+=val;if(typeof val==='number'&&IS_NON_DIMENSIONAL.test(prop)===false){str+='px';}str+=';';}}return str||undefined;}function renderToString(vnode,opts,store,isSvgMode){store=store||{};opts=Object.assign({scopedCSS:true},opts);var css={};var html=_renderToString(vnode,opts,store,isSvgMode,css);return{css:Object.values(css),html:html};}/** The default export is an alias of `render()`. */function _renderToString(vnode,opts,store,isSvgMode,css){if(vnode==null||typeof vnode==='boolean'){return'';}var nodeName=vnode.nodeName,attributes=vnode.attributes,isComponent=false;var pretty=true&&opts.pretty,indentChar=pretty&&typeof pretty==='string'?pretty:'\\t';// #text nodes\nif((typeof vnode==='undefined'?'undefined':_typeof(vnode))!=='object'&&!nodeName){return encodeEntities(vnode);}// components\nvar ctor=mapping$1[nodeName];if(ctor){isComponent=true;var props=getNodeProps$1(vnode),rendered;// class-based components\nvar c=new ctor(props,store);// turn off stateful re-rendering:\nc._disable=c.__x=true;c.props=props;c.store=store;if(c.install)c.install();if(c.beforeRender)c.beforeRender();rendered=c.render(c.props,c.store);if(opts.scopedCSS){if(c.constructor.css||c.css){var cssStr=c.constructor.css?c.constructor.css:typeof c.css==='function'?c.css():c.css;var cssAttr='_s'+getCtorName(c.constructor);css[cssAttr]={id:cssAttr,css:scoper(cssStr,cssAttr)};addScopedAttrStatic(rendered,cssAttr);}c.scopedCSSAttr=vnode.css;scopeHost(rendered,c.scopedCSSAttr);}return _renderToString(rendered,opts,store,false,css);}// render JSX to HTML\nvar s='',html;if(attributes){var attrs=Object.keys(attributes);// allow sorting lexicographically for more determinism (useful for tests, such as via preact-jsx-chai)\nif(opts&&opts.sortAttributes===true)attrs.sort();for(var i=0;i]/))continue;if(!(opts&&opts.allAttributes)&&(name==='key'||name==='ref'))continue;if(name==='className'){if(attributes['class'])continue;name='class';}else if(isSvgMode&&name.match(/^xlink:?./)){name=name.toLowerCase().replace(/^xlink:?/,'xlink:');}if(name==='style'&&v&&(typeof v==='undefined'?'undefined':_typeof(v))==='object'){v=styleObjToCss(v);}var hooked=opts.attributeHook&&opts.attributeHook(name,v,store,opts,isComponent);if(hooked||hooked===''){s+=hooked;continue;}if(name==='dangerouslySetInnerHTML'){html=v&&v.__html;}else if((v||v===0||v==='')&&typeof v!=='function'){if(v===true||v===''){v=name;// in non-xml mode, allow boolean attributes\nif(!opts||!opts.xml){s+=' '+name;continue;}}s+=' '+name+'=\"'+encodeEntities(v)+'\"';}}}// account for >1 multiline attribute\nif(pretty){var sub=s.replace(/^\\n\\s*/,' ');if(sub!==s&&!~sub.indexOf('\\n'))s=sub;else if(pretty&&~s.indexOf('\\n'))s+='\\n';}s='<'+nodeName+s+'>';if(String(nodeName).match(/[\\s\\n\\\\/='\"\\0<>]/))throw s;var isVoid=String(nodeName).match(VOID_ELEMENTS);if(isVoid)s=s.replace(/>$/,' />');var pieces=[];if(html){// if multiline, indent.\nif(pretty&&isLargeString(html)){html='\\n'+indentChar+indent(html,indentChar);}s+=html;}else if(vnode.children){var hasLarge=pretty&&~s.indexOf('\\n');for(var i=0;i ';}if(!isVoid){if(pretty&&~s.indexOf('\\n'))s+='\\n';s+=''+nodeName+'>';}return s;}function assign$1(obj,props){for(var i in props){obj[i]=props[i];}return obj;}function getNodeProps$1(vnode){var props=assign$1({},vnode.attributes);props.children=vnode.children;var defaultProps=vnode.nodeName.defaultProps;if(defaultProps!==undefined){for(var i in defaultProps){if(props[i]===undefined){props[i]=defaultProps[i];}}}return props;}h.f=Fragment;var html=_htm2.default.bind(h);var WeElement=Component;var defineElement=define;function createRef(){return{};}options.root.Omi={h:h,createElement:h,cloneElement:cloneElement,createRef:createRef,Component:Component,render:render,rerender:rerender,options:options,WeElement:WeElement,define:define,rpx:rpx,defineElement:defineElement,classNames:classNames,extractClass:extractClass,getHost:getHost,renderToString:renderToString,tag:tag,merge:merge,html:html,htm:_htm2.default,obaa:obaa};options.root.omi=options.root.Omi;options.root.Omi.version='omio-2.8.0';var omi={h:h,createElement:h,cloneElement:cloneElement,createRef:createRef,Component:Component,render:render,rerender:rerender,options:options,WeElement:WeElement,define:define,rpx:rpx,defineElement:defineElement,classNames:classNames,extractClass:extractClass,getHost:getHost,renderToString:renderToString,tag:tag,merge:merge,html:html,htm:_htm2.default,obaa:obaa};exports.default=omi;exports.h=h;exports.createElement=h;exports.cloneElement=cloneElement;exports.createRef=createRef;exports.Component=Component;exports.render=render;exports.rerender=rerender;exports.options=options;exports.WeElement=WeElement;exports.define=define;exports.rpx=rpx;exports.defineElement=defineElement;exports.classNames=classNames;exports.extractClass=extractClass;exports.getHost=getHost;exports.renderToString=renderToString;exports.tag=tag;exports.merge=merge;exports.html=html;exports.obaa=obaa;//# sourceMappingURL=omi.esm.js.map\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/// css base code, injected by the css-loader\nmodule.exports=function(useSourceMap){var list=[];// return the list of modules as css string\nlist.toString=function toString(){return this.map(function(item){var content=cssWithMappingToString(item,useSourceMap);if(item[2]){return\"@media \"+item[2]+\"{\"+content+\"}\";}else{return content;}}).join(\"\");};// import a list of modules into the list\nlist.i=function(modules,mediaQuery){if(typeof modules===\"string\")modules=[[null,modules,\"\"]];var alreadyImportedModules={};for(var i=0;icapacity){// Manually shift all values starting at the index back to the\n// beginning of the queue.\nfor(var scan=0,newLength=queue.length-index;scan-1;};}function normalizeName(name){if(typeof name!=='string'){name=String(name);}if(/[^a-z0-9\\-#$%&'*+.\\^_`|~]/i.test(name)){throw new TypeError('Invalid character in header field name');}return name.toLowerCase();}function normalizeValue(value){if(typeof value!=='string'){value=String(value);}return value;}// Build a destructive iterator for the value list\nfunction iteratorFor(items){var iterator={next:function next(){var value=items.shift();return{done:value===undefined,value:value};}};if(support.iterable){iterator[Symbol.iterator]=function(){return iterator;};}return iterator;}function Headers(headers){this.map={};if(headers instanceof Headers){headers.forEach(function(value,name){this.append(name,value);},this);}else if(Array.isArray(headers)){headers.forEach(function(header){this.append(header[0],header[1]);},this);}else if(headers){Object.getOwnPropertyNames(headers).forEach(function(name){this.append(name,headers[name]);},this);}}Headers.prototype.append=function(name,value){name=normalizeName(name);value=normalizeValue(value);var oldValue=this.map[name];this.map[name]=oldValue?oldValue+','+value:value;};Headers.prototype['delete']=function(name){delete this.map[normalizeName(name)];};Headers.prototype.get=function(name){name=normalizeName(name);return this.has(name)?this.map[name]:null;};Headers.prototype.has=function(name){return this.map.hasOwnProperty(normalizeName(name));};Headers.prototype.set=function(name,value){this.map[normalizeName(name)]=normalizeValue(value);};Headers.prototype.forEach=function(callback,thisArg){for(var name in this.map){if(this.map.hasOwnProperty(name)){callback.call(thisArg,this.map[name],name,this);}}};Headers.prototype.keys=function(){var items=[];this.forEach(function(value,name){items.push(name);});return iteratorFor(items);};Headers.prototype.values=function(){var items=[];this.forEach(function(value){items.push(value);});return iteratorFor(items);};Headers.prototype.entries=function(){var items=[];this.forEach(function(value,name){items.push([name,value]);});return iteratorFor(items);};if(support.iterable){Headers.prototype[Symbol.iterator]=Headers.prototype.entries;}function consumed(body){if(body.bodyUsed){return Promise.reject(new TypeError('Already read'));}body.bodyUsed=true;}function fileReaderReady(reader){return new Promise(function(resolve,reject){reader.onload=function(){resolve(reader.result);};reader.onerror=function(){reject(reader.error);};});}function readBlobAsArrayBuffer(blob){var reader=new FileReader();var promise=fileReaderReady(reader);reader.readAsArrayBuffer(blob);return promise;}function readBlobAsText(blob){var reader=new FileReader();var promise=fileReaderReady(reader);reader.readAsText(blob);return promise;}function readArrayBufferAsText(buf){var view=new Uint8Array(buf);var chars=new Array(view.length);for(var i=0;i-1?upcased:method;}function Request(input,options){options=options||{};var body=options.body;if(input instanceof Request){if(input.bodyUsed){throw new TypeError('Already read');}this.url=input.url;this.credentials=input.credentials;if(!options.headers){this.headers=new Headers(input.headers);}this.method=input.method;this.mode=input.mode;if(!body&&input._bodyInit!=null){body=input._bodyInit;input.bodyUsed=true;}}else{this.url=String(input);}this.credentials=options.credentials||this.credentials||'omit';if(options.headers||!this.headers){this.headers=new Headers(options.headers);}this.method=normalizeMethod(options.method||this.method||'GET');this.mode=options.mode||this.mode||null;this.referrer=null;if((this.method==='GET'||this.method==='HEAD')&&body){throw new TypeError('Body not allowed for GET or HEAD requests');}this._initBody(body);}Request.prototype.clone=function(){return new Request(this,{body:this._bodyInit});};function decode(body){var form=new FormData();body.trim().split('&').forEach(function(bytes){if(bytes){var split=bytes.split('=');var name=split.shift().replace(/\\+/g,' ');var value=split.join('=').replace(/\\+/g,' ');form.append(decodeURIComponent(name),decodeURIComponent(value));}});return form;}function parseHeaders(rawHeaders){var headers=new Headers();rawHeaders.split(/\\r?\\n/).forEach(function(line){var parts=line.split(':');var key=parts.shift().trim();if(key){var value=parts.join(':').trim();headers.append(key,value);}});return headers;}Body.call(Request.prototype);function Response(bodyInit,options){if(!options){options={};}this.type='default';this.status='status'in options?options.status:200;this.ok=this.status>=200&&this.status<300;this.statusText='statusText'in options?options.statusText:'OK';this.headers=new Headers(options.headers);this.url=options.url||'';this._initBody(bodyInit);}Body.call(Response.prototype);Response.prototype.clone=function(){return new Response(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new Headers(this.headers),url:this.url});};Response.error=function(){var response=new Response(null,{status:0,statusText:''});response.type='error';return response;};var redirectStatuses=[301,302,303,307,308];Response.redirect=function(url,status){if(redirectStatuses.indexOf(status)===-1){throw new RangeError('Invalid status code');}return new Response(null,{status:status,headers:{location:url}});};self.Headers=Headers;self.Request=Request;self.Response=Response;self.fetch=function(input,init){return new Promise(function(resolve,reject){var request=new Request(input,init);var xhr=new XMLHttpRequest();xhr.onload=function(){var options={status:xhr.status,statusText:xhr.statusText,headers:parseHeaders(xhr.getAllResponseHeaders()||'')};options.url='responseURL'in xhr?xhr.responseURL:options.headers.get('X-Request-URL');var body='response'in xhr?xhr.response:xhr.responseText;resolve(new Response(body,options));};xhr.onerror=function(){reject(new TypeError('Network request failed'));};xhr.ontimeout=function(){reject(new TypeError('Network request failed'));};xhr.open(request.method,request.url,true);if(request.credentials==='include'){xhr.withCredentials=true;}if('responseType'in xhr&&support.blob){xhr.responseType='blob';}request.headers.forEach(function(value,name){xhr.setRequestHeader(name,value);});xhr.send(typeof request._bodyInit==='undefined'?null:request._bodyInit);});};self.fetch.polyfill=true;})(typeof self!=='undefined'?self:undefined);\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*//* eslint-disable no-unused-vars */var getOwnPropertySymbols=Object.getOwnPropertySymbols;var hasOwnProperty=Object.prototype.hasOwnProperty;var propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(val){if(val===null||val===undefined){throw new TypeError('Object.assign cannot be called with null or undefined');}return Object(val);}function shouldUseNative(){try{if(!Object.assign){return false;}// Detect buggy property enumeration order in older V8 versions.\n// https://bugs.chromium.org/p/v8/issues/detail?id=4118\nvar test1=new String('abc');// eslint-disable-line no-new-wrappers\ntest1[5]='de';if(Object.getOwnPropertyNames(test1)[0]==='5'){return false;}// https://bugs.chromium.org/p/v8/issues/detail?id=3056\nvar test2={};for(var i=0;i<10;i++){test2['_'+String.fromCharCode(i)]=i;}var order2=Object.getOwnPropertyNames(test2).map(function(n){return test2[n];});if(order2.join('')!=='0123456789'){return false;}// https://bugs.chromium.org/p/v8/issues/detail?id=3056\nvar test3={};'abcdefghijklmnopqrst'.split('').forEach(function(letter){test3[letter]=letter;});if(Object.keys(Object.assign({},test3)).join('')!=='abcdefghijklmnopqrst'){return false;}return true;}catch(err){// We don't expect any of the above to throw, but better to be safe.\nreturn false;}}module.exports=shouldUseNative()?Object.assign:function(target,source){var from;var to=toObject(target);var symbols;for(var s=1;s1?r:r[0];};var n=function n(t,r,u,e){for(var p=1;p=5&&((e||!n&&5===u)&&(s.push(e,u,r),u=6),n&&(s.push(n,u,r),u=6)),e=\"\";},a=0;a\"===t?(u=1,e=\"\"):e=t+e[0]:p?t===p?p=\"\":e+=t:'\"'===t||\"'\"===t?p=t:\">\"===t?(h(),u=1):u&&(\"=\"===t?(u=5,r=e,e=\"\"):\"/\"===t&&(u<5||\">\"===n[a][f+1])?(h(),3===u&&(s=s[0]),u=s,(s=s[0]).push(u,2),u=0):\" \"===t||\"\\t\"===t||\"\\n\"===t||\"\\r\"===t?(h(),u=2):e+=t),3===u&&\"!--\"===e&&(u=4,s=s[0]);}}return h(),s;},r=\"function\"==typeof Map,u=r?new Map():{},e=r?function(n){var r=u.get(n);return r||u.set(n,r=t(n)),r;}:function(n){for(var r=\"\",e=0;e {\n// let newP = document.createElement('div')\n// newP.className = '_code-ctn'\n// let pre = code.parentNode\n// let ctn = pre.parentNode\n// if (pre.nodeName === 'PRE') {\n// ctn.insertBefore(newP, pre)\n// let hl = document.createElement('div')\n// hl.className = '_hl'\n// newP.appendChild(hl)\n// newP.appendChild(pre)\n// let nums = codeHlNumArr[index]\n// let max = Math.max.apply(null, nums)\n// let inner = ''\n// for (let i = 0; i <= max; i++) {\n// if (nums.indexOf(i) == -1) {\n// inner += ' '\n// } else {\n// inner += '
'\n// }\n// }\n// hl.innerHTML = inner\n// }\n// })\n//fix line-highlight\nwindow.dispatchEvent(new Event('resize'));}},{key:'_arrToNumber',value:function _arrToNumber(numArr){var arr=[];numArr.forEach(function(item){if(item.indexOf('-')!==-1){var tempArr=item.split('-');var begin=Number(tempArr[0]);var end=Number(tempArr[1]);for(var i=begin;i0)return false;}return true;}},{key:'render',value:function render(){if(!this.demo)return;return Omi.h('div',null,this.show&&Omi.h('iframe',{style:'height:'+(window.innerHeight-59)+'px',src:this.demo}),!this.show&&Omi.h('div',{'class':'switch code',onClick:this.onShow},Omi.h('img',{src:__webpack_require__(33)})),this.show&&Omi.h('div',{'class':'switch close',onClick:this.onClose},Omi.h('img',{src:__webpack_require__(34)})));}}]);return _class2;}(_omi.WeElement));\n\n/***/ }),\n/* 31 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n var result = __webpack_require__(32);\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n \n\n/***/ }),\n/* 32 */\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(1)(undefined);\n// imports\n\n\n// module\nexports.push([module.i, \"iframe{\\n width: 750px;\\n height: 100%;\\n top: 60px;\\n right: 0;\\n position: fixed;\\n border: none;\\n z-index: 9999;\\n border-left: 2px solid #24292E;\\n}\\n\\n.switch{\\n width: 40px;\\n height: 40px;\\n background-color: #AA0000;\\n border-radius: 50%;\\n position: fixed;\\n right: 50px;\\n bottom: 50px;\\n cursor: pointer;\\n text-align: center;\\n z-index: 10000;\\n}\\n\\n.switch img{\\n width: 30px;\\n height: 30px;\\n margin-top:5px;\\n}\\n\\n.switch.close img{\\n margin-top:10px;\\n width: 20px;\\n height: 20px;\\n}\\n\\n\\n@media only screen and (max-width: 800px) {\\n iframe{\\n width: 100%;\\n }\\n}\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n/* 33 */\n/***/ (function(module, exports) {\n\nmodule.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiDBQMEgYVXhFiAAABVklEQVRIx+3UsU4UURSA4TNARoiJcR9BCwwJNNpRU0hjpS+hDTTyGkAD1UJnRzCbYKRAKzt9AaMxJoR+Ewho8dEMm5nZOzObbfVUM+ec/79n7uTeiP8xUfjiq6Xp8Ufg6fSCN7iQpasztebcttVaz3pEnGQirNqWt62VG2CoV8rNu8TLCD1DDBoVBc5BeVzr+OthhMwBjQq59wVe+Sy7+FQ8Z/bBB/MT4hG+4+3oLa0Y4f0x/AlYLmUyezVFMx5hE79ruaqiDY9wir2xbFnhqAW/7xovEpUZfXCUwEqxFvfiJs5ae+SO0/sfYR8fE8zdvzi524UGhV/Y6MCbp7ACFjvxiuKd2VFuCz/GNu8wgacVPmNnQrxQlA6TB/7geWX4tsNUUgz1IrzClYVStes4F4riQtHHoFbtulAq457j9UTNScEz8Li7c64hfxXf4jr7OfUE/1TcAoyIn6j/RilHAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEyLTIwVDExOjE4OjA2KzAxOjAwT3khJwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMi0yMFQxMToxODowNiswMTowMD4kmZsAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC\"\n\n/***/ }),\n/* 34 */\n/***/ (function(module, exports) {\n\nmodule.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiDBQMERzDEbvbAAAArElEQVQ4y6XVOw6DMBBFUSf7SmGy2ZCNBerIJN2lAQn/34ArZHFsi3mDHW9mvDMOPDOjYwKCjeMJwGd/MPBI8OALBJ4S3d8e0okuz6jOi1TjVdrnTdrmXVrnEi1zmebcRGNupgf+YzHTjS8A/Ov0Lqxzs+97PLbUMukHG2wd59LimHheHJmX6yrxeiS6vJ2mJu8Hscq1DBe5Hv+M2zon4pd++teum5Hp5EX3WgGu+8eCI/n/bQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMi0yMFQxMToxNzoyOCswMTowMKxoBooAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTItMjBUMTE6MTc6MjgrMDE6MDDdNb42AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==\"\n\n/***/ }),\n/* 35 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(exports,\"__esModule\",{value:true});var _createClass=function(){function defineProperties(target,props){for(var i=0;i