@cniot/android-pda-components 0.0.32 → 0.1.1

package/build/assets/index.3dc86daa.css

@@ -0,0 +1 @@
+.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.pda-header{display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .header-click-area{height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px}.pda-header .pda-header-more{height:36px;width:36px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-left:auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:90px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-header{display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .header-click-area{height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px;flex:1}.pda-header .pda-header-more{height:36px;width:36px;margin-left:16px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-right:15px}.pda-header .pda-menus{background-color:#fff;border-radius:8px;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-info-card{border-radius:16px;padding:24px 16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:700;display:flex;flex-direction:row;align-items:flex-end}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:700;font-size:40px;line-height:48px;color:#000;margin-top:12px}.pda-info-card .pda-info-card-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:17px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#ffffff60}.pda-info-card.pda-info-card-dark .pda-info-card-highlight,.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#ffffff60}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item p{margin:0}.pda-list-item>p,.pda-list-item>div{margin-bottom:16px}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:700;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight p:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#ffffff60;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding:24px 20px;width:100%}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-btns{display:flex}.confirm-wrap .confirm-btns .confirm-cancel-button{margin-right:2%}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:90%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:2.4rem;font-weight:700}.toast-wrap .toast-message{font-size:1.9rem}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px}.android-pda-list .default-item{background-color:#282828;font-size:23.76px;padding:10px;border-radius:6px;color:#fff;margin:5px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard .wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard .wakekeyborard-inputbox{display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard .wakekeyborard-inputbox input{flex:2}.wakekeyborard .wakekeyborard-inputbox button{flex:1}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:39.6px;margin:-6px 0}.android-sub-card .android-sub-card-name{font-size:26.4px}.android-sub-card .android-sub-card-attrs{opacity:.6;font-size:21.12px}.pda-finish-card-top{height:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:100px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:45px;color:#fff;font-weight:500;margin-bottom:16px}.pda-finish-card-top .pda-finish-card-list{margin-top:16px;color:#ffffff80;font-size:32px;line-height:30px}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-top:16px}.baselayout-wrapper .baselayout-footer{padding:16px 0}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}*{margin:0;padding:0}div{box-sizing:border-box}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.local-debug-side{position:absolute;right:0;bottom:0}.pda-action-sheet{position:absolute;z-index:1000;width:100%;height:100%;background-color:#00000059}.pda-action-sheet .pda-action-sheet-body{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px}.pda-action-sheet .pda-action-sheet-body .pda-action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.components-container{display:flex}.components-example{flex-direction:column;border-right:1px solid #d8d8d8;min-height:100vh;padding-right:10px}.components-example h1{margin-top:20px}.components-example h2{color:#00000073;font-size:14px;margin-top:20px;border-bottom:1px solid #d8d8d8;padding-bottom:5px}.components-example .components-item{color:#000000d9;font-size:16px;padding:10px 0;margin-left:20px;align-items:center;cursor:pointer}.components-example .components-item:hover,.components-example .components-item.active{color:#4f10fd73}.components-example .components-item>small{margin-left:1em}.show-case{display:flex;flex-direction:column;padding:50px;flex:1}.show-case h2{margin:20px 0}.show-case .code{white-space:pre;border:1px solid #e8e8e8;border-radius:4px;background-color:#f9f9f9;padding:5px 10px;display:block;margin:20px 0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.demo-box{display:block;margin:5px 0;padding:15px;border:1px solid #e9e9e9;border-radius:6px;flex-direction:column}.demo-box:not(:last-child){margin-bottom:20px}.version{font-size:12px;margin-left:10px}.dark-block{background-color:#000;padding:24px}.light-block{background-color:#ddd;padding:24px}.light-block.pda{width:50%}.light-block-overlay{position:relative;height:300px}.light-block-overlay .op-overlay{position:absolute;width:100%;height:100%}

package/build/assets/index.60478450.js

@@ -0,0 +1,372 @@
+var Q=Object.defineProperty;var D=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var _=(u,t,n)=>t in u?Q(u,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):u[t]=n,g=(u,t)=>{for(var n in t||(t={}))H.call(t,n)&&_(u,n,t[n]);if(D)for(var n of D(t))K.call(t,n)&&_(u,n,t[n]);return u};var x=(u,t)=>{var n={};for(var l in u)H.call(u,l)&&t.indexOf(l)<0&&(n[l]=u[l]);if(u!=null&&D)for(var l of D(u))t.indexOf(l)<0&&K.call(u,l)&&(n[l]=u[l]);return n};var N=(u,t,n)=>(_(u,typeof t!="symbol"?t+"":t,n),n);import{R as e,_ as h,c as m,u as Z,a as J,b as ee,d as te,e as le}from"./vendor.0fcd5cc7.js";const ne=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))l(a);new MutationObserver(a=>{for(const r of a)if(r.type==="childList")for(const c of r.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&l(c)}).observe(document,{childList:!0,subtree:!0});function n(a){const r={};return a.integrity&&(r.integrity=a.integrity),a.referrerpolicy&&(r.referrerPolicy=a.referrerpolicy),a.crossorigin==="use-credentials"?r.credentials="include":a.crossorigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function l(a){if(a.ep)return;a.ep=!0;const r=n(a);fetch(a.href,r)}};ne();function ue(){return e.createElement("div",null,e.createElement("h1",null,"\u5FEB\u901F\u5F00\u59CB"),e.createElement("code",{className:"code"},`
+
+tnpm install @cniot/android-pda-components --save
+
+import { Button } from '@cniot/android-pda-components';
+
+import '@cniot/android-pda-components/es/style.css';
+
+      `))}function ae(u){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[u]||"op-overlay"}function b(u){const{verticalPosition:t="center",visible:n=!0,closable:l=!1,onClosed:a=()=>{}}=u,[r,c]=h.exports.useState(!n),o={};return l&&(o.onClick=i=>{c(!0),a()}),h.exports.useEffect(()=>{c(!n)},[n]),r?null:e.createElement("div",g({className:ae(t)},o),u.children)}const G=()=>{};class re extends e.Component{constructor(t){super(t);N(this,"state",{showMenu:!1})}render(){const{className:t,goBack:n=!0,goBackHandle:l=G,icon:a="scan",title:r="\u4EFB\u52A1",menuList:c=null}=this.props,{showMenu:o}=this.state;return e.createElement("div",{className:m({[t]:!0,"pda-header":!0})},e.createElement("div",{className:"header-click-area",onClick:n?l:G},n&&e.createElement("div",{className:"pda-goback"}),a&&e.createElement("div",{className:m({"pda-header-icon":!0,["pda-header-icon-"+a]:!0})})),e.createElement("p",{className:m({"pda-title-text":!0})},r),c?e.createElement("div",{className:"pda-header-more",onClick:i=>{this.setState({showMenu:!0})}}):null,e.createElement(b,{visible:o,verticalPosition:"bottom",closable:!0,onClosed:i=>this.setState({showMenu:!1})},e.createElement("div",{className:"pda-menus"},c)))}}function E(u){const{type:t="default",onClick:n,className:l=""}=u;return e.createElement("button",{className:`pda-button pda-button-${t} ${l}`,onClick:n},u.children)}function ce(u){return e.createElement("div",{className:"button-group"},u.children)}E.Group=ce;const oe=()=>{};function M(u){const{onBack:t,icon:n,title:l,menus:a=[],onClickMenuItem:r=oe,cancalMenuText:c}=u,[o,i]=e.useState(!1);return e.createElement("div",{className:"pda-header"},e.createElement("div",{className:"header-click-area"},t?e.createElement("div",{className:"pda-goback",onClick:()=>t("back")}):null,n&&e.createElement("div",{className:`pda-header-icon pda-header-icon-${n}`})),e.createElement("div",{className:"pda-title-text"},l),a&&a.length?e.createElement("div",{className:"pda-header-more",onClick:()=>i(!0)}):null,e.createElement(b,{visible:o,verticalPosition:"bottom",closable:!1,onClosed:()=>i(!1)},e.createElement("div",{className:"pda-menus"},a.map((s,d)=>e.createElement(E,{onClick:()=>{i(!1),r(s)},key:s.key||d},s.label)),c?e.createElement("div",{style:{marginTop:20}},e.createElement(E,{onClick:()=>i(!1)},c)):null)))}function ie(){return e.createElement("div",null,e.createElement("h1",null,"Header"),e.createElement("p",null,"\u5934\u90E8\u6307\u5F15"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block"},e.createElement(M,{title:"hello world",onBack:console.log}),e.createElement(M,{icon:"read",title:"hello world"}),e.createElement(M,{icon:"select",title:"hello world",menus:[{label:"menus1"},{label:"menus2"},{label:"menus3"}],onClickMenuItem:console.log,cancalMenuText:"\u53D6\u6D88"})),e.createElement("code",{className:"code"},`
+        <Header
+          title='hello world'
+          onBack={console.log}
+        />
+        <Header
+          icon='read'
+          title='hello world'
+        ></Header>
+        <Header
+          icon='select'
+          title='hello world'
+          menus={[
+            {
+              label:"menus1"
+            },
+            {
+              label:"menus2"
+            },
+            {
+              label:"menus3"
+            }
+          ]}
+        ></Header>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onBack"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE\u70B9\u51FB"),e.createElement("td",null,"boolean"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"onClickMenuItem"),e.createElement("td",null,"menu item \u70B9\u51FB"),e.createElement("td",null,"function(item)"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"title \u56FE\u6807"),e.createElement("td",null,"string: scan | select | read"),e.createElement("td",null,"scan")),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"menus"),e.createElement("td",null,"\u5F39\u51FA\u83DC\u5355\u5217\u8868\uFF0Cmenus item \u7684\u6240\u6709\u53C2\u6570\u4F1A\u76F4\u63A5\u7ED9 Button"),e.createElement("td",null,"Array-Object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancalMenuText"),e.createElement("td",null,"\u53D6\u6D88\u5F39\u51FA\u83DC\u5355\u7684\u6309\u94AE\u6587\u6848\uFF0C\u6CA1\u6709\u7684\u8BDD\u4E0D\u663E\u793A\u53D6\u6D88\u5F39\u51FA\u83DC\u5355"),e.createElement("td",null,"String"),e.createElement("td",null)))))}function se(){return e.createElement("div",null,e.createElement("h1",null,"Button"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(E,null,"\u6309\u94AE"),e.createElement(E,{type:"primary",onClick:u=>console.log(u)},"\u786E\u8BA4"),e.createElement(E,{type:"dark"},"\u6DF1\u8272"),e.createElement(E.Group,null,e.createElement(E,{type:"cutout"},"\u9542\u7A7A"),e.createElement(E,null,"\u6309\u94AE"))),e.createElement("code",{className:"code"},`
+        <Button>\u6309\u94AE</Button>
+        <Button  type='primary' onClick={e => console.log(e) }>\u786E\u8BA4</Button>
+        <Button  type='dark'>\u6DF1\u8272</Button>
+        <Button.Group>
+          <Button type="cutout">\u9542\u7A7A</Button>
+          <Button>\u6309\u94AE</Button>
+        </Button.Group>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | dark | cutout"),e.createElement("td",null,"default")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)))))}class f extends e.Component{constructor(t){super(t)}render(){const{className:t="",title:n,highlightInfo:l,subTitle:a,subHighlightInfo:r,subHighlightSubInfo:c,infoImage:o,tagText:i,highlightInfoCN:s,highlightSubInfo:d,percentage:F,highlightSubInfoCN:B,boldInfo:C,infoList:y=[],style:L={},theme:q="light"}=this.props;return e.createElement("div",{className:m({[t]:!0,"pda-info-card":!0,"pda-info-card-dark":q==="dark"}),style:L},e.createElement("div",{className:"pda-info-card-title-section"},e.createElement("div",{className:"pda-info-card-title"},n),i?e.createElement("div",{className:"pda-info-card-tag"},e.createElement("div",{className:"pda-info-card-tag-text"},i)):null),e.createElement("div",{className:"pda-info-card-highlight-section"},e.createElement("div",null,e.createElement("div",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},l),e.createElement("span",{className:"pda-info-card-highlight1CN"},s),e.createElement("span",{className:"pda-info-card-highlight2"},d),e.createElement("span",{className:"pda-info-card-highlight2CN"},B)),a?e.createElement("div",{className:"pda-info-card-title"},a):null,r?e.createElement("div",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},r),e.createElement("span",{className:"pda-info-card-highlight2"},c)):null),o?e.createElement("img",{src:o,width:150,height:150}):null),F!==void 0?e.createElement("div",{className:"pda-info-card-progress"},e.createElement("div",{className:"pda-info-card-progress-inside",style:{width:`${F*100}%`}})):null,e.createElement("div",{className:"pda-info-card-bold"},C),y.map((O,z)=>e.createElement("div",{key:z,className:"pda-info-card-list"},e.createElement("span",null,O.label||""),"\xA0\xA0",e.createElement("span",null,O.content||""))))}}f.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";function me(){return e.createElement("div",null,e.createElement("h1",null,"InfoCard"),e.createElement("p",null,"InfoCard"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{width:480,display:"block"}},e.createElement(f,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",percentage:.64,boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement("code",{className:"code"},`
+<InfoCard
+  title="\u5F85\u62E3\u4EF6\u6570"
+  highlightInfo="800"
+  highlightInfoCN = "\u4EF6"
+  highlightSubInfo="/800"
+  highlightSubInfoCN="\u4EF6"
+  percentage={0.64}
+  boldInfo="\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C"
+  infoList={
+    [
+      {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
+      {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
+      {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
+      {label: '\u54C1\u53F7', content: '12398765423'},
+    ]
+  }
+/>`),e.createElement("div",{className:"light-block",style:{width:480,display:"block"}},e.createElement(f,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",tagText:"\u5C11\u8D272",boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",theme:"dark",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement("code",{className:"code"},`
+<InfoCard
+title="\u5F85\u62E3\u4EF6\u6570"
+highlightInfo="800"
+highlightInfoCN = "\u4EF6"
+highlightSubInfo="/800"
+highlightSubInfoCN="\u4EF6"
+tagText="\u5C11\u8D272"
+boldInfo="\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C"
+theme='dark'
+infoList={
+  [
+    {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
+    {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
+    {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
+    {label: '\u54C1\u53F7', content: '12398765423'},
+  ]
+}
+/>`),e.createElement("div",{className:"light-block",style:{width:480,display:"block"}},e.createElement(f,{title:"\u6F0F\u626B\u7BB1\u6570/\u8BC6\u522B\u603B\u7BB1\u6570",highlightInfo:"0",highlightSubInfo:"/40",infoImage:f.IMAGE_1})),e.createElement("code",{className:"code"},`
+<InfoCard
+title="\u6F0F\u626B\u7BB1\u6570/\u8BC6\u522B\u603B\u7BB1\u6570"
+highlightInfo="0"
+highlightSubInfo="/40"
+infoImage={InfoCard.IMAGE_1}
+/>`),e.createElement("div",{className:"light-block",style:{width:480,display:"block"}},e.createElement(f,{title:"\u8BC6\u522B\u7BB1\u6570(CS)",highlightInfo:"0",highlightSubInfo:"/50",subTitle:"\u8BC6\u522B\u4E2A\u6570(EA)",subHighlightInfo:"40",subHighlightSubInfo:"/50",infoImage:f.IMAGE_1})),e.createElement("code",{className:"code"},`
+<InfoCard
+  title="\u8BC6\u522B\u7BB1\u6570(CS)"
+  highlightInfo="0"
+  highlightSubInfo="/50"
+  subTitle="\u8BC6\u522B\u4E2A\u6570(EA)"
+  subHighlightInfo="40"
+  subHighlightSubInfo="/50"
+  infoImage={InfoCard.IMAGE_1}
+/>`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subTitle"),e.createElement("td",null,"\u526F\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightSubInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"boldInfo"),e.createElement("td",null,"\u52A0\u7C97\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"theme"),e.createElement("td",null,"\u4E3B\u9898"),e.createElement("td",null,"string: light | dark"),e.createElement("td",null,"light")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4\uFF0C\u4F20\u503C\u65F6\u663E\u793A\u8FDB\u5EA6\u6761"),e.createElement("td",null,"number"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tagText"),e.createElement("td",null," \u53F3\u4E0A\u89D2 tag \u6587\u672C\uFF0C\u4F20\u503C\u65F6\u663E\u793A tag"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoImage"),e.createElement("td",null,"\u5DE6\u4FA7\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 InfoCard.IMAGE_1 1\u5F20\u5185\u7F6E\u56FE\u7247")))))}class Ee extends e.Component{constructor(t){super(t)}render(){const{className:t,title:n,isActive:l,infoList:a=[],style:r={},index:c,isLast:o}=this.props;return e.createElement("div",{className:m({[t]:!0,"pda-step-card":!0}),style:r},e.createElement("div",{className:"pda-step-indictor"},e.createElement("div",{className:m({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":c===0})}),e.createElement("div",{className:m({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":l})}),e.createElement("div",{className:m({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":o})})),e.createElement("div",{className:m({"pda-step":!0,"pda-step-dark":!l})},e.createElement("p",{className:"pda-step-title"},n),a.map((i,s)=>e.createElement("p",{key:s,className:"pda-step-list"},e.createElement("span",null,i.label||""),"\xA0\xA0",e.createElement("span",null,i.content||"")))))}}class S extends e.Component{constructor(t){super(t)}render(){const{className:t,style:n={},theme:l="light",current:a=0,children:r}=this.props;return e.createElement("div",{className:m({[t]:!0}),style:n},(r||[]).map((c,o)=>{const i=g({index:o,isLast:o===(r||[]).length-1},c.props);return o===a?i.isActive=!0:i.isActive=!1,h.exports.cloneElement(c,i)}))}}N(S,"Step",Ee);const{Step:A}=S;function de(){return e.createElement("div",null,e.createElement("h1",null,"Steps"),e.createElement("p",null,"\u6B65\u9AA4\u6761\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(S,{current:0,style:{marginRight:"32px"}},e.createElement(A,{title:"\u626B\u63CF\u4E2D",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(A,{title:"\u5DF2\u751F\u4EA7",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement(S,{current:1},e.createElement(A,{title:"\u626B\u63CF\u4E2D",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(A,{title:"\u5DF2\u751F\u4EA7",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(A,{title:"\u5F85\u626B\u63CF",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}))),e.createElement("code",{className:"code"},`
+<Steps current={0} style={{
+  marginRight: '32px',
+}}>
+  <Step title="\u626B\u63CF\u4E2D" infoList={
+    [
+      {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
+      {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
+      {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
+      {label: '\u54C1\u53F7', content: '12398765423'},
+    ]
+  } />
+  <Step title="\u5DF2\u751F\u4EA7" infoList={
+    [
+      {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
+      {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
+      {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
+      {label: '\u54C1\u53F7', content: '12398765423'},
+    ]
+  } />
+</Steps>
+      `),e.createElement("h2",null,"Steps \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"current"),e.createElement("td",null,"\u5F53\u524D\u8282\u70B9"),e.createElement("td",null,"number"),e.createElement("td",null,"0")))),e.createElement("h2",null,"Steps.Step \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}class he extends e.Component{constructor(t){super(t)}render(){const{className:t,header:n,onClick:l=()=>{},onHeightLightClick:a=()=>{},onIconClick:r=()=>{},highlightText:c,highlightSubText:o,stateTextList:i=[],stateList:s=[],subInfoList:d=[],style:F={},icon:B}=this.props;return e.createElement("div",{className:m({[t]:!0,"pda-list-item":!0}),style:F,onClick:l},e.createElement("p",{className:"pda-listitem-header"},n),e.createElement("div",{onClick:a,className:"pda-listitem-highlight"},e.createElement("p",null,c),e.createElement("p",null,o)),e.createElement("p",{className:"pda-listitem-state-text"},i.map((C,y)=>e.createElement("span",{key:y},C.label||"","\uFF5C"))),e.createElement("div",{className:"pda-listitem-state-block"},s.map((C,y)=>{const L=C&&C.type?C.type:"default";return e.createElement("div",{key:y,className:L},C.label||"")})),d.map((C,y)=>e.createElement("p",{key:y,className:"pda-listitem-subinfo"},e.createElement("span",null,C.label||""),"\xA0\xA0",e.createElement("span",null,C.content||""))),B?e.createElement("div",{onClick:r,className:"pda-listitem-icon"},e.createElement("div",{className:m({"listitem-icon-container":!0,["listitem-icon-"+B]:!0})})):null)}}function pe(){return e.createElement("div",null,e.createElement("h1",null,"ListItem"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(he,{onClick:u=>{console.log(123)},header:"\u4EFB\u52A1\u5355",highlightText:"c5058f90218443bf857bc1e6c0b72aef",highlightSubText:"30%",icon:"next",stateTextList:[{label:"\u72B6\u60011"},{label:"\u72B6\u60012"},{label:"\u72B6\u60012"}],stateList:[{label:"success",type:"success"},{label:"default"},{label:"warning",type:"warning"},{label:"error",type:"error"}],subInfoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"},{label:"\u4ED3\u5E93",content:"12398000032432432423400000765423"}],onHeightLightClick:()=>{console.log("heightlight click!")},onIconClick:()=>{console.log("icon click!")},style:{width:"432px",marginRight:"32px",backgroundColor:"black"}})),e.createElement("code",{className:"code"},`
+<ListItem
+  header="\u4EFB\u52A1\u5355"
+  highlightText="XXXX-XX-XXX"
+  highlightSubText="30%"
+  icon="next"
+  stateTextList={[
+    {label: '\u72B6\u60011'},
+    {label: '\u72B6\u60012'},
+    {label: '\u72B6\u60012'},
+  ]}
+  stateList={[
+    {label: 'success', type: 'success'},
+    {label: 'default', },
+    {label: 'warning', type: 'warning'},
+    {label: 'error', type: 'error'},
+  ]}
+  onIconClick={()=> {
+    console.log('icon click!')
+  }}
+  onHeightLightClick={()=> {
+    console.log('heightlight click!')
+  }}
+  subInfoList={
+    [
+      {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
+      {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
+      {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
+      {label: '\u54C1\u53F7', content: '12398765423'},
+      {label: '\u4ED3\u5E93', content: '12398000000000765423'},
+    ]
+  }
+/>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon"),e.createElement("td",null,"string: next"),e.createElement("td",null,"\u6682\u65F6\u53EA\u652F\u6301 next")),e.createElement("tr",null,e.createElement("td",null,"onHeightLightClick"),e.createElement("td",null,"HeightLight\u6587\u672C\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onIconClick"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightText"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubText"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"stateTextList"),e.createElement("td",null,"\u72B6\u6001\u5217\u8868"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subInfoList"),e.createElement("td",null,"\u66F4\u591A\u5546\u54C1\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}function Fe(){}function I(u){const{title:t="title",message:n=null,subMessage:l=[],okText:a="okText",cancelText:r=null,onClick:c=Fe,type:o="primary"}=u;return e.createElement("div",{className:m({"confirm-wrap":!0,["confirm-"+o]:!0})},e.createElement("div",{className:"confirm-title"},t),n?e.createElement("div",{className:"confirm-message"},n):null,l.length?e.createElement("div",{className:"confirm-sub-message"},l.map((i,s)=>e.createElement("p",{key:s,className:"pda-listitem-subinfo"},e.createElement("span",null,i.label||""),":\xA0",e.createElement("span",null,i.content||"")))):null,e.createElement("div",{className:"confirm-btns"},r?e.createElement(E,{className:"confirm-cancel-button",onClick:()=>c(!1)},r):null,e.createElement(E,{type:"primary",onClick:()=>c(!0)},a)))}function Ce(){return e.createElement("div",null,e.createElement("h1",null,"Confirm"),e.createElement("p",null,"\u786E\u8BA4\u7EC4\u4EF6, \u5982\u679C\u8981\u60AC\u6D6E\u5728\u9875\u9762\u4E0A\uFF0C\u8BF7\u914D\u5408 Overlay \u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(I,{title:"111111",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",onClick:u=>{console.log("isConfirm",u)}})),e.createElement("code",{className:"code"},`
+        <Confirm 
+          // type="warning"
+          title="111111" 
+          message="22222" 
+          okText="\u786E\u8BA4" 
+          cancelText="\u53D6\u6D88"
+          onClick={(isConfirm)=>{
+            console.log("isConfirm", isConfirm);
+          }}
+        ></Confirm>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm)=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | warning"),e.createElement("td",null,"primary")))))}function ge(u){return{success:"toast-wrap success",warning:"toast-wrap warning",error:"toast-wrap error"}[u]||"toast-wrap"}function v(u){const{title:t="title",message:n="message",type:l="success",duration:a=null}=u,[r,c]=h.exports.useState(!1);return a&&setTimeout(()=>{c(!0)},a),r?null:e.createElement("div",{className:ge(l)},e.createElement("div",{className:"toast-title"},t),e.createElement("div",{className:"toast-message"},n))}function be(){return e.createElement("div",null,e.createElement("h1",null,"Toast"),e.createElement("p",null,"\u5F39\u7A97\u7EC4\u4EF6\uFF0C\u5982\u679C\u8981\u60AC\u6D6E\u5728\u9875\u9762\u4E0A\uFF0C\u8BF7\u914D\u5408 Overlay \u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(v,{title:"111111",message:"22222",type:"success"}),e.createElement("br",null),e.createElement(v,{title:"111111",message:"22222",type:"warning"}),e.createElement("br",null),e.createElement(v,{title:"\u5EF6\u65F6\u5173\u95ED",message:"duration={3000}",type:"error",duration:3e3}),e.createElement("br",null)),e.createElement("code",{className:"code"},`
+        <Toast 
+          title="111111" 
+          message="22222"
+          type="success"
+        ></Toast>
+        <br />
+        <Toast 
+          title="111111" 
+          message="22222"
+          type="warning"
+        ></Toast>
+
+        <br />
+        <Toast 
+          title="\u5EF6\u65F6\u5173\u95ED" 
+          message="duration={3000}"
+          type="error"
+          duration={3000}
+        ></Toast>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u6D88\u606F\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")),e.createElement("tr",null,e.createElement("td",null,"duration"),e.createElement("td",null,"\u5EF6\u8FDF\u65F6\u95F4"),e.createElement("td",null,"number"),e.createElement("td",null,"\u5355\u4F4D ms")))))}function fe(){return e.createElement("div",null,e.createElement("h1",null,"Overlay"),e.createElement("p",null,"\u7EDF\u4E00\u5904\u7406\u6A21\u6001\u906E\u7F69\u6837\u5F0F"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(b,{verticalPosition:"top"},e.createElement(v,{title:"111111",message:"22222",type:"success"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(b,{verticalPosition:"center"},e.createElement(v,{title:"111111",message:"22222",type:"warning"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(b,{verticalPosition:"bottom",closable:!0},e.createElement(I,{title:"111111",message:"22222",type:"error"}))),e.createElement("code",{className:"code"},`
+        <Overlay verticalPosition="top" >
+          <Toast 
+            title="111111" 
+            message="22222"
+            type="success"
+          ></Toast>
+        </Overlay>
+
+        <Overlay verticalPosition="center" >
+          <Toast 
+            title="111111" 
+            message="22222"
+            type="success"
+          ></Toast>
+        </Overlay>
+
+        <Overlay verticalPosition="bottom" >
+          <Toast 
+            title="111111" 
+            message="22222"
+            type="success"
+          ></Toast>
+        </Overlay>
+        
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"verticalPosition"),e.createElement("td",null,"\u5782\u76F4\u65B9\u5411\u4F4D\u7F6E"),e.createElement("td",null,"string"),e.createElement("td",null,"top|center|bottom")),e.createElement("tr",null,e.createElement("td",null,"closable"),e.createElement("td",null,"\u70B9\u51FB\u7A7A\u767D\u5173\u95ED"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u53EF\u89C1"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")))))}function p(u){const{image:t=p.IMAGE_1,text:n="",subText:l="",transparent:a}=u;return e.createElement("div",{className:a?"presentation-card transparent":"presentation-card"},e.createElement("img",{src:t}),n?e.createElement("div",{className:"text"},n):null,l?e.createElement("div",{className:"sub-text"},l):null)}p.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png";p.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";p.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";p.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function Be(){return e.createElement("div",null,e.createElement("h1",null,"Presentation"),e.createElement("p",null,"\u56FE\u793A\u7EC4\u4EF6\uFF0C\u901A\u5E38\u5305\u542B\u4E00\u4E2A\u56FE\u7247+\u4E00\u884C\u6587\u5B57"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block pda"},e.createElement(p,{text:"\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B"})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",style:{backgroundColor:"#000000"}},e.createElement(p,{image:p.IMAGE_4,text:"\u8BF7\u9760\u8FD1\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B",transparent:!0})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",imageWidth:300,imageHeight:500,style:{backgroundColor:"#000000"}},e.createElement(p,{image:p.IMAGE_2,imageStyle:{width:"500px"},text:"\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B",transparent:!0})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",style:{backgroundColor:"#000000"}},e.createElement(p,{image:p.IMAGE_3,text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"})),e.createElement("br",null),e.createElement("code",{className:"code"},`
+<Presentation text="\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B"></Presentation>
+<Presentation image={Presentation.IMAGE_4} text="\u8BF7\u9760\u8FD1\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B" transparent={true}></Presentation>
+<Presentation image={Presentation.IMAGE_2} imageStyle={{width: "500px"}} text="\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B" transparent={true} ></Presentation>
+<Presentation image={Presentation.IMAGE_3} text="\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"  ></Presentation>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"image"),e.createElement("td",null,"\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 Presentation.IMAGE_1, Presentation.IMAGE_2, Presentation.IMAGE_3, Presentation.IMAGE_4 4\u5F20\u5185\u7F6E\u56FE\u7247")),e.createElement("tr",null,e.createElement("td",null,"text"),e.createElement("td",null,"\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"transparent"),e.createElement("td",null,"\u662F\u5426\u900F\u660E\uFF0C\u4E0D\u663E\u793A\u88AB\u8272\u80CC\u666F"),e.createElement("td",null,"boolean"),e.createElement("td",null,"\u9ED8\u8BA4false")),e.createElement("tr",null,e.createElement("td",null,"subText"),e.createElement("td",null,"\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)))))}function ye(){}function R(u){const{dataSource:t=[],onClickItem:n,onItemClick:l=ye}=u;return e.createElement("div",{className:"android-pda-list"},t.map((a,r)=>e.createElement(U,{key:a.key||r,dataSource:a,onClick:n||l})),u.children)}function U(u){const t=u.dataSource||{title:u.title,subTitle:u.subTitle,extra:u.extra,tags:u.tags},{title:n,subTitle:l,extra:a,tags:r=[],tabIndex:c}=t,{onClick:o}=u;return e.createElement("div",{className:"default-item",onClick:()=>{o(u.dataSource)},tabIndex:c},e.createElement("div",{className:"text"},e.createElement("div",null,n),e.createElement("div",{className:"sub-text"},l),e.createElement("div",{className:"sub-tags"},r.map(i=>e.createElement("div",{className:"sub-tag-item",key:i},i)))),e.createElement("div",{className:"extra"},a))}R.Item=U;const ke=[{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,3,4]},{title:"hello world",subTitle:"sub title",extra:"",tags:[1,2,3,4]},{title:"hello world",subTitle:"sub title"},{title:"hello world",subTitle:"sub title",extra:"11111"}];function ve(){return e.createElement("div",null,e.createElement("h1",null,"List"),e.createElement("p",null,"\u5217\u8868\u7EC4\u4EF6\uFF0C\u901A\u5E38\u8981\u914D\u5408\u4E0D\u540C\u7684 List Item \u6765\u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(R,{onClickItem:console.log,dataSource:ke})),e.createElement("code",{className:"code"},`
+        const dataSource = [{
+          title: "hello world",
+          subTitle:"sub title",
+          extra:"11111",
+          tags:[1,2,3,4]
+        },{
+          title: "hello world",
+          subTitle:"sub title",
+          extra:"",
+          tags:[1,2,3,4]
+        },{
+          title: "hello world",
+          subTitle:"sub title",
+        },{
+          title: "hello world",
+          subTitle:"sub title",
+          extra:"11111",
+        }];
+        <List 
+          onClickItem={console.log} 
+          tabIndex={0} 
+          dataSource={dataSource}
+        >
+        </List>
+      `),e.createElement("h2",null,"List"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onClickItem"),e.createElement("td",null,"Item \u70B9\u51FB\u56DE\u8C03\uFF0C\u53C2\u6570 dataSource[i]"),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"dataSource"),e.createElement("td",null,"Array({title, subTitle, extra, tags})"),e.createElement("td",null,"Array"),e.createElement("td",null,"-")))))}const V=()=>{};function Ae(u){const[t,n]=h.exports.useState(!1),l=h.exports.useRef(null),{onWakeKeyboard:a=V,onClick:r=V}=u;return h.exports.useEffect(()=>{const c=o=>{o.preventDefault();const{code:i,keyCode:s,key:d}=o;if(i==="Enter"){r(l.current.value),n(!1);return}};return document.addEventListener("keyup",c),()=>{document.removeEventListener("keyup",c)}},[]),e.createElement("div",{className:"wakekeyborard"},t?e.createElement("div",{className:"wakekeyborard-overlay"},e.createElement("div",{className:"wakekeyborard-inputbox"},e.createElement("input",{ref:l,type:"tel"}),e.createElement(E,{type:"primary",onClick:c=>{r(l.current.value),n(!t)}},"\u67E5\u8BE2"))):null,t?null:e.createElement("div",{className:"wakekeyborard-icon",onClick:c=>{n(!t),requestAnimationFrame(()=>{l.current.focus(),a()})}}))}function De(){return e.createElement("div",null,e.createElement("h1",null,"WakeKeyborard"),e.createElement("p",null,"WakeKeyborard"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("p",null,"\u70B9\u51FB\u53F3\u4E0B\u89D2\u952E\u76D8"),e.createElement(Ae,{onWakeKeyboard:()=>{console.log("wake keyboard")},onClick:u=>{console.log("v is ",u)}})),e.createElement("code",{className:"code"},`
+<WakeKeyborard
+onWakeKeyboard={ () => {console.log('wake keyboard')}}
+onClick={v => {console.log('v is ', v);}}
+/>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onWakeKeyboard"),e.createElement("td",null,"\u5524\u8D77\u952E\u76D8\u56DE\u8C03"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u67E5\u8BE2\u56DE\u8C03"),e.createElement("td",null,"function: (value) => "),e.createElement("td",null,"(value) => ")))))}function X(u){const{title:t,context:n,name:l,tag:a,attrs:r=[],style:c}=u;return e.createElement("div",{className:"android-sub-card",style:c},e.createElement("div",{className:"android-sub-card-title-section"},e.createElement("div",{className:"android-sub-card-title"},t),a?e.createElement("div",{className:"android-sub-card-tag"},e.createElement("div",{className:a.type},a.label||"")):null),e.createElement("div",{className:"android-sub-card-context"},n),l?e.createElement("div",{className:"android-sub-card-name"},l):null,e.createElement("div",{className:"android-sub-card-attrs"},r.map(o=>e.createElement("div",{key:o},o))))}function xe(){return e.createElement("div",null,e.createElement("h1",null,"SubCard"),e.createElement("p",null,"\u9644\u5361\u7247"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block",style:{display:"flex"}},e.createElement(X,{style:{marginRight:"20px"},tag:{label:"\u6563\u7BB1",type:"default"},title:"\u54C1\u53F7",context:"5082 7834",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]}),e.createElement(X,{title:"\u54C1\u53F7",tag:{label:"\u5C11\u8D27",type:"warning"},context:"5082 7834",name:"\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]})),e.createElement("code",{className:"code"},`
+        <SubCard style={{marginRight: "20px"}} tag={{label: "\u6563\u7BB1", type: "default"}}  title="\u54C1\u53F7" context="5082 7834" attrs={["\u6279\u6B21\uFF1A23842839", "\u6570\u91CF\uFF1A234"]} ></SubCard>
+        <SubCard title="\u54C1\u53F7" tag={{label: "\u5C11\u8D27", type: "warning"}} context="5082 7834" name="\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g" attrs={["\u6279\u6B21\uFF1A23842839", "\u6570\u91CF\uFF1A234"]} ></SubCard>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"context"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"name"),e.createElement("td",null,"\u54C1\u540D"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E\u540D"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}const w=()=>{};class T extends e.Component{constructor(t){super(t);this.state={},this._handleKeyUp=n=>{const{onScan:l=w,onEnter:a=w,onEsc:r=w,onDelete:c=w,scanMode:o=null}=this.props;n.preventDefault();const{code:i,keyCode:s,key:d}=n;if(i==="Enter"){a(n);return}if(i==="Delete"){c(n);return}if(i==="Esc"){r(n);return}},this._handleBeforeUnload=n=>(n.returnValue="\u786E\u5B9A\u79BB\u5F00\u5F53\u524D\u9875\u9762\u5417\uFF1F",!0),this._handleUnload=n=>{WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(a){},function(a){});const l={tag:"stopRfid",level:"d",message:"stop rfid scan!!!"};WindVaneLog(l),WindVaneLog(l)}}componentDidMount(){window.onunload=this._handleUnload,document.addEventListener("keyup",this._handleKeyUp)}componentWillUnmount(){window.onbeforeunload=null,window.onunload=null,document.removeEventListener("keyup",this._handleKeyUp)}render(){const t=this.props,{style:n={},header:l,footer:a}=this.props;return e.createElement("div",{className:m({"baselayout-wrapper":!0}),style:n},l&&e.createElement("div",{className:m({"baselayout-header":!0})},l),e.createElement("div",{className:m({"baselayout-container":!0})},t.children),a&&e.createElement("div",{className:m({"baselayout-footer":!0})},a))}}const Ne=()=>{};class Se extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=n=>{const{onRfidOnce:l,onRfidBoxOnce:a,onRfidPalletOnce:r}=this.props,o=!n.param.rfidData.startsWith("0F011");a?o&&(this._stopWork(),a(n.param)):r&&(o||(this._stopWork(),r(n.param))),l&&(this._stopWork(),l(n.param))},this._startWork=n=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){}),this._rfidBeginScan=!0},this._stopWork=n=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopScan', 'params':null}",function(l){},function(l){})},this._handleKeyDown=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)}render(){const a=this.props,{onRfidOnce:n=Ne}=a,l=x(a,["onRfidOnce"]);return e.createElement(T,g({},l))}}const Ie=()=>{};class j extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=n=>{const{onRfidScan:l,onRfidBoxScan:a,onRfidPalletScan:r}=this.props,c=n.param,o=!c.rfidData.startsWith("0F011");o&&a?a(c):!o&&r&&r(c),l(c)},this._startWork=n=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){}),this._rfidBeginScan=!0},this._stopWork=n=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopScan', 'params':null}",function(l){},function(l){})},this._handleKeyDown=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){const{autoRfidScan:t=!1,rfidReaderSleep:n}=this.props;WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(l){},function(l){}),t?n||this._startWork():(document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp))}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}shouldComponentUpdate(t,n){return this.props.autoRfidScan&&this.props.rfidReaderSleep!==t.rfidReaderSleep&&(t.rfidReaderSleep?this._stopWork():this._startWork()),!0}render(){const r=this.props,{onRfidScan:n=Ie,autoRfidScan:l}=r,a=x(r,["onRfidScan","autoRfidScan"]);return e.createElement(T,g({},a))}}N(j,"defaultProps",{rfidReaderSleep:!1});const we=()=>{};class Te extends e.Component{constructor(t){super(t);this._barcodeBeginScan=!1,this._handleBarcodeScan=n=>{const{onBarcodeScan:l}=this.props;this._stopWork(),l(n.param)},this._startWork=n=>{document.addEventListener("BarcodeScan",this._handleBarcodeScan),this._barcodeBeginScan=!0},this._stopWork=n=>{document.removeEventListener("BarcodeScan",this._handleBarcodeScan)},this._handleKeyDown=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._barcodeBeginScan||this._startWork())},this._handleKeyUp=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._barcodeBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'barcode'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)}render(){const a=this.props,{onBarcodeScan:n=we}=a,l=x(a,["onBarcodeScan"]);return e.createElement(T,g({},l))}}class P extends e.Component{constructor(t){super(t)}render(){const t=this.props,{onBarcodeScan:n,onRfidOnce:l,onRfidBoxOnce:a,onRfidPalletOnce:r,onRfidScan:c,onRfidBoxScan:o,onRfidPalletScan:i}=t;return l||a||r?e.createElement(Se,g({},t)):c||o||i?e.createElement(j,g({},t)):n?e.createElement(Te,g({},t)):e.createElement(T,g({},t))}}class k extends e.Component{constructor(t){super(t)}render(){const{className:t,title:n,infoList:l=[],isError:a=!1,buttonMultiLines:r=!1,style:c={},onClick:o=()=>{},okText:i="\u8FD4\u56DE\u9996\u9875",cancelText:s=null}=this.props,d=e.createElement(E.Group,null,s?e.createElement(E,{style:r?{height:"auto",lineHeight:"50px"}:{},type:"dark",onClick:()=>o(!1)},s):null,e.createElement(E,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>o(!0)},i));return e.createElement(P,{footer:d},e.createElement("div",{className:"pda-finish-card-top"},e.createElement("img",{className:"pda-finish-card-img",src:a?k.ERROR_SUCCESS:k.SUCCESS}),e.createElement("p",{className:"pda-finish-card-title"},n),l.map((F,B)=>e.createElement("p",{key:B,className:"pda-finish-card-list"},e.createElement("span",null,F.label||""),e.createElement("span",null,F.content||"")))))}}k.SUCCESS="https://img.alicdn.com/imgextra/i2/O1CN01yYwwSx1uNV0M1gHlQ_!!6000000006025-1-tps-630-436.gif";k.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";function Le(){return e.createElement("div",null,e.createElement("h1",null,"FinishCard"),e.createElement("p",null," \u5B8C\u6210\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(k,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",isError:!0,infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],okText:"\u8FD4\u56DE\u9996\u9875",onClick:u=>{console.log("isConfirm",u)}})),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(k,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],buttonMultiLines:!0,okText:"\u8FD4\u56DE\u9996\u9875",cancelText:e.createElement("span",null,"\u8FD4\u56DE",e.createElement("br",null),"\u6682\u5B58\u4EFB\u52A1"),onClick:u=>{console.log("isConfirm",u)}})),e.createElement("code",{className:"code"},`
+        <FinishCard
+        title="\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210"
+        infoList={
+          [
+            {label: '\u65B0\u6808\u677F\u7801\uFF1A', content: '234982093'},
+            {label: '\u539F\u6808\u677F\u7801\uFF1A', content: '234982093'},
+          ]
+        } 
+        buttonMultiLines
+        okText="\u8FD4\u56DE\u9996\u9875" 
+        cancelText={<span>\u8FD4\u56DE<br />\u6682\u5B58\u4EFB\u52A1</span>}
+        onClick={(isConfirm)=>{
+          console.log("isConfirm", isConfirm);
+        }}
+      />
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"isError"),e.createElement("td",null,"\u662F\u5426\u5F02\u5E38\u5B8C\u6210"),e.createElement("td",null,"Boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8FD4\u56DE\u9996\u9875")),e.createElement("tr",null,e.createElement("td",null,"buttonMultiLines"),e.createElement("td",null,"\u6309\u94AE\u662F\u5426\u591A\u884C"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm) => "),e.createElement("td",null)))))}class _e extends e.Component{constructor(t){super(t)}render(){const{className:t,title:n,infoText:l,percentage:a=0,style:r={}}=this.props,c="https://img.alicdn.com/imgextra/i3/O1CN01EFksWL1DBZCu0H1JH_!!6000000000178-2-tps-21-30.png",o="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.createElement("div",{className:m({[t]:!0,"pda-distance-card":!0}),style:r},e.createElement("p",{className:"pda-distance-card-highlight"},e.createElement("span",{className:"pda-distance-card-highlight1"},n)),e.createElement("div",{className:"pda-distance-indictor"},e.createElement("img",{src:c,width:20,height:29}),e.createElement("p",null,l)),e.createElement("div",{className:"pda-distance-card-progress"},e.createElement("div",{className:"pda-distance-card-progress-inside",style:{width:`${a*100}%`}}),e.createElement("img",{className:"pda-distance-card-progress-indictor",src:o})),e.createElement("div",{className:"pda-distance-label"},e.createElement("p",null,"\u8FDC"),e.createElement("p",null,"\u8FD1")))}}function Me(){return e.createElement("div",null,e.createElement("h1",null,"DistanceCard"),e.createElement("p",null,"\u8DDD\u79BB\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(_e,{title:"\u8D27\u7269\u5728\u9644\u8FD1..",infoText:"\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB",style:{width:"400px"},percentage:.56})),e.createElement("code",{className:"code"},`
+<DistanceCard
+  title="\u8D27\u7269\u5728\u9644\u8FD1.."
+  infoText="\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB"
+  style={{
+    width: '400px'
+  }}
+  percentage={0.56}
+/>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoText"),e.createElement("td",null,"\u63D0\u793A\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4"),e.createElement("td",null,"number"),e.createElement("td",null)))))}const Re=/scroll|auto/i;function Pe(u){const t=1;return u.tagName!=="HTML"&&u.tagName!=="BODY"&&u.nodeType===t}function Y(u,t){let n=u;for(;n&&n!==t&&Pe(n);){const{overflowY:l}=window.getComputedStyle(n);if(Re.test(l))return n;n=n.parentNode}return t}function We(u){return e.createElement("div",{style:{color:u.color||"#999"}},e.createElement("svg",{height:"1em",viewBox:"0 0 100 40",style:{verticalAlign:"-0.125em"}},e.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},e.createElement("g",{transform:"translate(-100.000000, -71.000000)"},e.createElement("g",{transform:"translate(95.000000, 71.000000)"},e.createElement("g",{transform:"translate(5.000000, 0.000000)"},[0,1,2].map(t=>e.createElement("rect",{key:t,fill:"currentColor",x:20+t*26,y:"16",width:"8",height:"8",rx:"2"},e.createElement("animate",{attributeName:"y",from:"16",to:"16",dur:"2s",begin:`${t*.2}s`,repeatCount:"indefinite",values:"16; 6; 26; 16; 16",keyTimes:"0; 0.1; 0.3; 0.4; 1",id:"circ-anim"})))))))))}function $e(u){return u===window}function Oe(u){const{className:t,hasMore:n,loadMore:l,threshold:a=0,style:r}=u,c=Z(async()=>{await l()}),o=h.exports.useRef(null),i=J(()=>{if(!n)return;const s=o.current;if(!s)return;const d=Y(s);if(!d)return;const F=s.getBoundingClientRect().top;($e(d)?window.innerHeight:d.getBoundingClientRect().bottom)>=F-a&&c()});return h.exports.useEffect(()=>{i()}),h.exports.useEffect(()=>{const s=o.current;if(!s)return;const d=Y(s);if(!d)return;function F(){i()}return d.addEventListener("scroll",F),()=>{d.removeEventListener("scroll",F)}},[]),e.createElement("div",{className:m({[t]:!0,"pda-infinite-scroll":!0}),style:r,ref:o},n?e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u52A0\u8F7D\u4E2D"),e.createElement(We,null)):e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u6CA1\u6709\u66F4\u591A\u4E86~")))}function He(u){const{service:t,data:n={}}=u,{title:l="title",message:a="message",okText:r="okText",cancelText:c=""}=n,o=e.useCallback(function(){t.onNext(!0)},[t]);return e.createElement(b,{verticalPosition:"bottom"},e.createElement(I,{title:l,message:a,okText:r,cancelText:c,onClick:o}))}function Ke(u){const{service:t,data:n={}}=u,{title:l="title",message:a,subMessage:r=[],okText:c="okText",cancelText:o=""}=n,i=e.useCallback(function(s){t.onNext(s)},[t]);return e.createElement(b,{verticalPosition:"bottom"},e.createElement(I,{title:l,message:a,subMessage:r,okText:c,cancelText:o,onClick:i}))}function Ge(u){const{data:t={},service:n}=u,{title:l,level:a,message:r,duration:c=null}=t,[o,i]=h.exports.useState(!1);return e.useEffect(()=>{let s=null;return c&&setTimeout(()=>{i(!0),n.onNext("")},c),()=>{clearTimeout(s)}},[]),o?null:e.createElement(b,{verticalPosition:"bottom"},e.createElement(v,{type:a,title:l,message:Ue(r)}))}function Ue(u){var t=String(u).split("by Error:");return t[1]||t[0]}function Ve(u){const{className:t,visible:n,actions:l}=u,[a,r]=h.exports.useState(n),c=h.exports.useRef(null),{percent:o}=ee({percent:n?0:100,config:{precision:.1,mass:.4,tension:300,friction:30},onStart:()=>{r(!0)},onRest:()=>{r(u.visible)}});return e.createElement("div",{className:m({[t]:!0,"pda-action-sheet":!0}),style:{display:a?"unset":"none"}},e.createElement(te.div,{className:"pda-action-sheet-body",style:{transform:o.to(i=>`translate(0, ${i}%)`)},ref:c},l.map((i,s)=>e.createElement("div",{onClick:()=>{i.onClick(i.key)},className:"pda-action-sheet-item",key:s},i.title))))}const Xe=[{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,3,4]},{title:"hello world",subTitle:"sub title",extra:"",tags:[1,2,3,4]},{title:"hello world",subTitle:"sub title"},{title:"hello world",subTitle:"sub title",extra:"11111"}];function je(){return e.createElement("div",null,e.createElement("h1",null,"InfiniteScroll"),e.createElement("p",null,"\u6EDA\u52A8\u52A0\u8F7D\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("div",{style:{width:"432px",height:"425px",overflow:"scroll"}},e.createElement(R,{onItemClick:console.log,tabIndex:0,dataSource:Xe}),e.createElement(Oe,{hasMore:!0,loadMore:()=>{console.log("loadMore!")}}))),e.createElement("code",{className:"code"},`
+
+const dataSource = [{
+  title: "hello world",
+  subTitle:"sub title",
+  extra:"11111",
+  tags:[1,2,3,4]
+},{
+  title: "hello world",
+  subTitle:"sub title",
+  extra:"",
+  tags:[1,2,3,4]
+},{
+  title: "hello world",
+  subTitle:"sub title",
+},{
+  title: "hello world",
+  subTitle:"sub title",
+  extra:"11111",
+}];
+
+<div style={{
+  width: '432px',
+  height: '425px',
+  overflow: 'scroll'
+}}>
+
+  <List 
+    onItemClick={console.log} 
+    tabIndex={0} 
+    dataSource={dataSource}
+  >
+  </List> 
+  <InfiniteScroll
+    hasMore={true}
+    loadMore={() => {console.log("loadMore!")}}
+  />
+</div>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"hasMore"),e.createElement("td",null,"\u662F\u5426\u8FD8\u6709\u66F4\u591A"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"loadMore"),e.createElement("td",null,"\u66F4\u591A\u52A0\u8F7D\u65B9\u6CD5\uFF0C\u5F53 hasMore \u662F true \u4E14\u62C9\u5230\u5E95\u90E8\u65F6\u4F1A\u8C03\u7528\u8BE5\u65B9\u6CD5"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"threshold"),e.createElement("td",null,"\u9608\u503C\uFF0C\u5E95\u90E8\u8DDD\u79BB\u9875\u9762\u591A\u5C11\u7684\u65F6\u5019\u8C03\u7528 loadMore \u65B9\u6CD5"),e.createElement("td",null,"number"),e.createElement("td",null,"0")))))}function Ye(){const[u,t]=h.exports.useState(!1);return e.createElement("div",null,e.createElement("h1",null,"ActionSheet"),e.createElement("p",null,"\u5F39\u7A97\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("div",{style:{height:"600px",width:"300px",position:"relative",backgroundColor:"#fff",display:"flex",alignItems:"flex-end"}},e.createElement(E,{type:"dark",style:{margin:"12px"},onClick:()=>{t(!u)}},"\u5207\u6362\u6A21\u5F0F"),e.createElement(Ve,{visible:u,actions:[{key:"total",title:"\u5207\u6362\u4E3A\u6574\u7BB1\u8BC6\u522B",onClick:()=>{}},{key:"seperate",title:"\u5207\u6362\u4E3A\u6563\u7BB1\u8BC6\u522B",onClick:()=>{}},{key:"cancel",title:"\u53D6\u6D88",onClick:()=>{t(!1)}}]}))),e.createElement("code",{className:"code"},`
+<div style={{height: "600px", width: "300px",  position: "relative", backgroundColor: "#fff", display: "flex", alignItems: "flex-end"}}>
+<Button type="dark" style={{margin: '12px'}} onClick={() => {setVisible(!visible)}}>\u5207\u6362\u6A21\u5F0F</Button>
+<ActionSheet
+  visible = {visible}
+  actions = {[{
+    key: "total",
+    title: "\u5207\u6362\u4E3A\u6574\u7BB1\u8BC6\u522B",
+    onClick: () => {}
+  }, {
+    key: "seperate",
+    title: "\u5207\u6362\u4E3A\u6563\u7BB1\u8BC6\u522B",
+    onClick: () => {}
+  }, {
+    key: "cancel",
+    title: "\u53D6\u6D88",
+    onClick: () => {
+      setVisible(false)
+    }
+  }]}
+/>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u662F\u5426\u663E\u793A"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"actions"),e.createElement("td",null,"\u64CD\u4F5C\u5217\u8868"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}var W={onNext(u){console.log("onnext",u)}};function qe(){return e.createElement("div",null,e.createElement("h1",null,"/system/alert"),e.createElement("p",null,"\u5F39\u51FA\u4E00\u4E2A\u8B66\u544A\u7A97\uFF0C\u7528\u6237\u5FC5\u987B\u70B9\u51FB\u786E\u8BA4\u624D\u80FD\u7EE7\u7EED"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
+    // gs \u4EE3\u7801\u5982\u4E0B
+    pageFlow.alert({
+      title: '111',
+      message: '2222',
+      okText: "\u786E\u8BA4"
+    })
+  `),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(He,{service:W,data:{title:"111",message:"2222",okText:"\u786E\u8BA4"}})),e.createElement("h2",null,"Alert"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)))))}function ze(){return e.createElement("div",null,e.createElement("h1",null,"/system/confirm"),e.createElement("p",null,"\u5F39\u51FA\u4E00\u4E2A\u786E\u8BA4\u6846\uFF0C\u7528\u6237\u5FC5\u987B\u70B9\u51FB\u786E\u8BA4\u624D\u80FD\u7EE7\u7EED"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
+    // gs \u4EE3\u7801\u5982\u4E0B
+    pageFlow.confirm({
+      title: '111',
+      message: '2222',
+      okText: "\u786E\u8BA4",
+      cancelText:"\u53D6\u6D88"
+    })
+    // \u5982\u679C message \u9700\u8981\u591A\u884C\u663E\u793A\uFF0C\u4F7F\u7528 subMessage \u65B9\u5F0F
+    pageFlow.confirm({
+      title: '111',
+      subMessage: [
+            {label: 'title1', content: 'content1'},
+            {label: 'title2', content: 'content2'},
+            {label: 'title3', content: 'content3'},
+      ],
+      okText: "\u786E\u8BA4",
+      cancelText:"\u53D6\u6D88"
+    })
+  `),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(Ke,{service:W,data:{title:"111",message:e.createElement("span",null,"\u6808\u677F\u7801\uFF1A",e.createElement("span",{style:{color:"#0091EA"}},"111"),e.createElement("br",null),e.createElement("span",null,"\u7BB1\u7801\uFF1A222")),okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88"}})),e.createElement("h2",null,"Confirm"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subMessage"),e.createElement("td",null,"\u526F\u6587\u672C\u6D88\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)))))}function Qe(){return e.createElement("div",null,e.createElement("h1",null,"/system/toast"),e.createElement("p",null,"\u5F39\u6846\u7EC4\u4EF6\uFF0C\u5982\u679C\u8981\u60AC\u6D6E\u5728\u9875\u9762\u4E0A\uFF0C\u8BF7\u914D\u5408 Overlay \u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
+    // gs \u4EE3\u7801\u5982\u4E0B
+    pageFlow.toast({
+      level: "success", // success|warning|error
+      title: '111',
+      message: '2222',
+      duration: 3000,
+    })
+  `),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(Ge,{service:W,data:{level:"success",title:"111",message:"2222",duration:3e3}})),e.createElement("h2",null,"Toast"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"level"),e.createElement("td",null,"\u5F39\u6846\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"duration"),e.createElement("td",null,"\u5EF6\u8FDF\u65F6\u95F4"),e.createElement("td",null,"number"),e.createElement("td",null,"ms")))))}function Ze(){const u=e.createElement(re,null),t=e.createElement(E.Group,null,e.createElement(E,{type:"cutout",onClick:l=>console.log("cancle")},"\u53D6\u6D88"),e.createElement(E,{type:"primary"},"\u786E\u8BA4")),n=[{},{},{}];return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex"}},e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement(P,{style:{backgroundColor:"black",marginRight:20},header:u,footer:t},e.createElement(p,{text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"}))),e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement(P,{style:{backgroundColor:"black"},header:u,footer:t},n.map((l,a)=>e.createElement(f,{key:a,title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",style:{width:"400px",backgroundColor:"black"},theme:"dark",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}))))),e.createElement("code",{className:"code"},`
+        const header = <Title></Title>;
+        const footer = (
+          <Button.Group>
+            <Button type="cutout" onClick={e => console.log('cancle')}>\u53D6\u6D88</Button>
+            <Button type="primary">\u786E\u8BA4</Button>
+          </Button.Group>
+        )
+
+        <BaseLayout
+          header={header}
+          footer={footer}
+        >
+          <Presentation text="\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B" ></Presentation>
+        </BaseLayout>
+      `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u5438\u9876\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"footer"),e.createElement("td",null,"\u5438\u5E95\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onBarcodeScan"),e.createElement("td",null,"\u6CE8\u518C\u626B\u63CF\u4E8C\u7EF4\u7801/\u6761\u5F62\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2Arfid\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidBoxOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2A rfid \u7BB1\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidPalletOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2A rfid \u6808\u677F\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidBoxScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u7BB1\u7801\u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidPalletScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u6808\u677F\u7801\u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")))))}const $=[{title:"\u7EC4\u4EF6\u5217\u8868",pages:[{key:"First",title:"\u5FEB\u901F\u5F00\u59CB",doc:ue},{key:"Header",title:"Header",doc:ie},{key:"Button",title:"Button",doc:se},{key:"InfoCard",title:"InfoCard",doc:me},{key:"Steps",title:"Steps",doc:de},{key:"ListItem",title:"ListItem",doc:pe},{key:"Confirm",title:"Confirm",doc:Ce},{key:"Toast",title:"Toast",doc:be},{key:"Overlay",title:"Overlay",doc:fe},{key:"Presentation",title:"Presentation",doc:Be},{key:"List",title:"List",doc:ve},{key:"WakeKeyborard",title:"WakeKeyborard",doc:De},{key:"SubCard",title:"SubCard",doc:xe},{key:"FinishCard",title:"FinishCard",doc:Le},{key:"DistanceCard",title:"DistanceCard",doc:Me},{key:"InfiniteScroll",title:"InfiniteScroll",doc:je},{key:"ActionSheet",title:"ActionSheet",doc:Ye}]},{title:"\u5185\u7F6E\u754C\u9762\u9884\u89C8",pages:[{key:"/system/alert",title:"/system/alert",doc:qe},{key:"/system/confirm",title:"/system/confirm",doc:ze},{key:"/system/toast",title:"/system/toast",doc:Qe}]},{title:"\u5E03\u5C40\u5BB9\u5668",pages:[{key:"BaseLayout",title:"BaseLayout",doc:Ze}]}];function Je(u){return $.map(t=>t.pages.filter(function(n){return n.key===u})[0]).filter(t=>t)[0]}function et(){return location.hash.replace("#","")||$[0].pages[0].key}function tt(){const[u,t]=e.useState(et),n=e.useCallback(function(a){location.hash=a,t(a)}),l=Je(u);return e.createElement("div",{className:"components-container"},e.createElement("div",{className:"components-example"},e.createElement("h1",{title:"@cniot/android-pda-components",style:{lineHeight:"0.5em"}},e.createElement("span",null,"Components"),e.createElement("br",null),e.createElement("sub",{style:{fontSize:12}}," version: [0.1.1]")),$.map(function(a,r){return e.createElement(e.Fragment,{key:r},e.createElement("h2",null,a.title),a.pages.map(function(c){return e.createElement("div",{className:u===c.key?"components-item active":"components-item",onClick:n.bind(null,c.key),"data-index":c.key,key:c.key},e.createElement("span",null,c.title))}))})),e.createElement("div",{className:"show-case"},l?e.createElement(l.doc,{}):null))}le.render(e.createElement(tt,null),document.getElementById("root"));