@cniot/android-pda-components 0.0.17 → 0.0.18

package/build/assets/index.a895b4e7.css

@@ -0,0 +1 @@
+.op-overlay{top:0;left:0;position:fixed;width:100vw;height:100vh;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-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;padding-left:24px;padding-right:24px}.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:4px;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-info-card{border-radius:16px;padding:24px 16px;background-color:#fff}.pda-info-card p{margin:0}.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-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:bold;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:bold;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}.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{color:#fff}.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{font-size:40px;line-height:40px;font-weight:bold;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.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}.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:10px;width:100%}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-btns{display:flex}.confirm-wrap .confirm-btns .confirm-cancel-button{margin-right:2%}.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:50%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff}.presentation-card .text{margin-top:12px;font-weight:700;font-size:16px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:12px}.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}.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{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-context{font-size:39.6px}.android-sub-card .android-sub-card-attrs{opacity:.6;font-size:21.12px}.pda-finish-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px;background-color:#000}.pda-finish-card p{margin:0}.pda-finish-card .pda-finish-card-top{display:flex;flex-direction:column;align-items:center}.pda-finish-card .pda-finish-card-top .pda-finish-card-img{margin-top:60px}.pda-finish-card .pda-finish-card-top .pda-finish-card-title{font-size:32px;color:#fff;font-weight:500;margin-bottom:16px}.pda-finish-card .pda-finish-card-list{margin-top:16px;color:#ffffff80;font-size:32px;line-height:32px}.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:34px;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}.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}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0}.baselayout-wrapper .baselayout-container{padding:0 24px;overflow-x:auto;flex:1}.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.f8af1049.js

@@ -0,0 +1,279 @@
+var G=Object.defineProperty;var S=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var w=(l,t,u)=>t in l?G(l,t,{enumerable:!0,configurable:!0,writable:!0,value:u}):l[t]=u,T=(l,t)=>{for(var u in t||(t={}))R.call(t,u)&&w(l,u,t[u]);if(S)for(var u of S(t))X.call(t,u)&&w(l,u,t[u]);return l};var D=(l,t,u)=>(w(l,typeof t!="symbol"?t+"":t,u),u);import{R as e,r as g,c as o,u as H,a as W,b as K}from"./vendor.9e71866b.js";const j=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const n of document.querySelectorAll('link[rel="modulepreload"]'))a(n);new MutationObserver(n=>{for(const r of n)if(r.type==="childList")for(const c of r.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&a(c)}).observe(document,{childList:!0,subtree:!0});function u(n){const r={};return n.integrity&&(r.integrity=n.integrity),n.referrerpolicy&&(r.referrerPolicy=n.referrerpolicy),n.crossorigin==="use-credentials"?r.credentials="include":n.crossorigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function a(n){if(n.ep)return;n.ep=!0;const r=u(n);fetch(n.href,r)}};j();function V(){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 Y(l){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[l]||"op-overlay"}function B(l){const{verticalPosition:t="center",visible:u=!0,closable:a=!1,onClosed:n=()=>{}}=l,[r,c]=g.exports.useState(!u),m={};return a&&(m.onClick=s=>{c(!0),n()}),g.exports.useEffect(()=>{c(!u)},[u]),r?null:e.createElement("div",T({className:Y(t)},m),l.children)}class i extends e.Component{render(){const{type:t="default",width:u,style:a={},onClick:n,className:r}=this.props;u&&(a.width=u);let c="pda-button-"+t;return e.createElement("button",{className:o({[r]:!0,"pda-button":!0,[c]:!0}),style:a,onClick:n},this.props.children)}}class U extends e.Component{render(){return e.createElement("div",{className:o({"button-group":!0})},this.props.children)}}i.Group=U;const q=()=>{};class x extends e.Component{constructor(t){super(t);D(this,"state",{showMenu:!1})}render(){const{className:t,goBack:u=!0,goBackHandle:a=q,icon:n="scan",title:r="\u4EFB\u52A1",menuList:c=null}=this.props,{showMenu:m}=this.state;return e.createElement("div",{className:o({[t]:!0,"pda-header":!0})},u&&e.createElement("div",{className:"pda-goback",onClick:a}),n&&e.createElement("div",{className:o({"pda-header-icon":!0,["pda-header-icon-"+n]:!0})}),e.createElement("p",{className:o({"pda-title-text":!0})},r),c?e.createElement("div",{className:"pda-header-more",onClick:s=>{this.setState({showMenu:!0})}}):null,e.createElement(B,{visible:m,verticalPosition:"bottom",closable:!0,onClosed:s=>this.setState({showMenu:!1})},e.createElement("div",{className:"pda-menus"},c)))}}function Q(){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:"dark-block"},e.createElement(x,{title:"hello world",goBackHandle:()=>{console.log("go back")}}),e.createElement(x,{icon:"read",title:"hello world"}),e.createElement(x,{icon:"select",title:"hello world",menuList:e.createElement(e.Fragment,null,e.createElement(i,null,"\u6309\u94AE"),e.createElement(i,{type:"primary",onClick:l=>console.log(l)},"\u786E\u8BA4"),e.createElement(i,{type:"dark"},"\u6DF1\u8272"))})),e.createElement("code",{className:"code"},`
+        <Title
+          title='hello world'
+          icon='read'
+          goBackHandle={() => {
+            console.log('go back');
+          }}
+          menuList = {
+            <>
+              <Button>\u6309\u94AE</Button>
+              <Button type='primary' onClick={e => console.log(e) }>\u786E\u8BA4</Button>
+              <Button type='dark'>\u6DF1\u8272</Button>
+            </>
+          }
+        />
+      `),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,"goBack"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")),e.createElement("tr",null,e.createElement("td",null,"goBackHandle"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE\u70B9\u51FB\u5904\u7406"),e.createElement("td",null,"function"),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,"more(\u5E9F\u5F03\uFF0C\u4F7F\u7528 menuList)"),e.createElement("td",null,"\u66F4\u591A(\u5E9F\u5F03\uFF0C\u4F7F\u7528 menuList)"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"menuList"),e.createElement("td",null,"\u5F39\u51FA\u83DC\u5355\u5217\u8868"),e.createElement("td",null),e.createElement("td",null)))))}function z(){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"},e.createElement(i,null,"\u6309\u94AE"),e.createElement(i,{width:"60%",type:"primary",onClick:l=>console.log(l)},"\u786E\u8BA4"),e.createElement(i,{width:"150px",type:"dark",style:{marginTop:"12px",marginBottom:"12px"}},"\u6DF1\u8272"),e.createElement(i.Group,null,e.createElement(i,{type:"cutout"},"\u9542\u7A7A"),e.createElement(i,null,"\u6309\u94AE"))),e.createElement("code",{className:"code"},`
+        <Button>\u6309\u94AE</Button>
+        <Button width='60%' type='primary' onClick={e => console.log(e) }>\u786E\u8BA4</Button>
+        <Button width='150px' type='dark' style={{marginTop: '12px', marginBottom: '12px'}}>\u6DF1\u8272</Button>
+        // \u6309\u94AE\u7EC4:
+        <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,"width"),e.createElement("td",null,"\u6309\u94AE\u5BBD\u5EA6"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"style"),e.createElement("td",null,"\u8986\u5199\u6837\u5F0F"),e.createElement("td",null,"object"),e.createElement("td",null)),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 A extends e.Component{constructor(t){super(t)}render(){const{className:t,title:u,highlightInfo:a,infoImage:n,tagText:r,highlightInfoCN:c,highlightSubInfo:m,percentage:s,highlightSubInfoCN:E,boldInfo:h,infoList:C=[],style:p={},theme:b="light"}=this.props;return e.createElement("div",{className:o({[t]:!0,"pda-info-card":!0,"pda-info-card-dark":b==="dark"}),style:p},e.createElement("div",{className:"pda-info-card-title-section"},e.createElement("p",{className:"pda-info-card-title"},u),r?e.createElement("div",{className:"pda-info-card-tag"},e.createElement("p",{className:"pda-info-card-tag-text"},r)):null),e.createElement("div",{className:"pda-info-card-highlight-section"},e.createElement("p",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},a),e.createElement("span",{className:"pda-info-card-highlight1CN"},c),e.createElement("span",{className:"pda-info-card-highlight2"},m),e.createElement("span",{className:"pda-info-card-highlight2CN"},E)),n?e.createElement("img",{src:n,width:150,height:150}):null),s!==void 0?e.createElement("div",{className:"pda-info-card-progress"},e.createElement("div",{className:"pda-info-card-progress-inside",style:{width:`${s*100}%`}})):null,e.createElement("p",{className:"pda-info-card-bold"},h),C.map((k,_)=>e.createElement("p",{key:_,className:"pda-info-card-list"},e.createElement("span",null,k.label||""),"\xA0\xA0",e.createElement("span",null,k.content||""))))}}A.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";function Z(){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",flexDirection:"row"}},e.createElement(A,{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",style:{width:"400px",marginRight:"32px"},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\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",style:{width:"400px",marginRight:"32px"},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(A,{title:"\u6F0F\u626B\u7BB1\u6570/\u8BC6\u522B\u603B\u7BB1\u6570",highlightInfo:"0",highlightSubInfo:"/40",infoImage:A.IMAGE_1,style:{width:"400px",marginRight:"32px",height:"min-content"}})),e.createElement("code",{className:"code"},`
+<InfoCard
+  title="\u5F85\u62E3\u4EF6\u6570"
+  highlightInfo="800"
+  highlightInfoCN = "\u4EF6"
+  highlightSubInfo="/800"
+  highlightSubInfoCN="\u4EF6"
+  percentage={0.64}
+  infoImage={InfoCard.IMAGE_1}
+  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"
+  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("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,"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 J extends e.Component{constructor(t){super(t)}render(){const{className:t,title:u,isActive:a,infoList:n=[],style:r={},index:c,isLast:m}=this.props;return e.createElement("div",{className:o({[t]:!0,"pda-step-card":!0}),style:r},e.createElement("div",{className:"pda-step-indictor"},e.createElement("div",{className:o({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":c===0})}),e.createElement("div",{className:o({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":a})}),e.createElement("div",{className:o({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":m})})),e.createElement("div",{className:o({"pda-step":!0,"pda-step-dark":!a})},e.createElement("p",{className:"pda-step-title"},u),n.map((s,E)=>e.createElement("p",{key:E,className:"pda-step-list"},e.createElement("span",null,s.label||""),"\xA0\xA0",e.createElement("span",null,s.content||"")))))}}class N extends e.Component{constructor(t){super(t)}render(){const{className:t,style:u={},theme:a="light",current:n=0,children:r}=this.props;return e.createElement("div",{className:o({[t]:!0}),style:u},(r||[]).map((c,m)=>{const s=T({index:m,isLast:m===(r||[]).length-1},c.props);return m===n?s.isActive=!0:s.isActive=!1,g.exports.cloneElement(c,s)}))}}D(N,"Step",J);const{Step:v}=N;function ee(){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(N,{current:0,style:{marginRight:"32px"}},e.createElement(v,{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(v,{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(N,{current:1},e.createElement(v,{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(v,{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(v,{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 te extends e.Component{constructor(t){super(t)}render(){const{className:t,header:u,onHeightLightClick:a=()=>{},onIconClick:n=()=>{},highlightText:r,highlightSubText:c,stateTextList:m=[],stateList:s=[],subInfoList:E=[],style:h={},icon:C}=this.props;return e.createElement("div",{className:o({[t]:!0,"pda-list-item":!0}),style:h},e.createElement("p",{className:"pda-listitem-header"},u),e.createElement("p",{onClick:a,className:"pda-listitem-highlight"},e.createElement("span",null,r),e.createElement("span",null,c)),e.createElement("p",{className:"pda-listitem-state-text"},m.map((p,b)=>e.createElement("span",{key:b},p.label||"","\uFF5C"))),e.createElement("div",{className:"pda-listitem-state-block"},s.map((p,b)=>{const k=(p==null?void 0:p.type)?p.type:"default";return e.createElement("div",{key:b,className:k},p.label||"")})),E.map((p,b)=>e.createElement("p",{key:b,className:"pda-listitem-subinfo"},e.createElement("span",null,p.label||""),"\xA0\xA0",e.createElement("span",null,p.content||""))),C?e.createElement("div",{onClick:n,className:"pda-listitem-icon"},e.createElement("div",{className:o({"listitem-icon-container":!0,["listitem-icon-"+C]:!0})})):null)}}function le(){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",flexDirection:"row"}},e.createElement(te,{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"}],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"}],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'},
+    ]
+  }
+/>
+      `),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 ue(){}function I(l){const{title:t="title",message:u="message",okText:a="okText",cancelText:n="cancelText",onClick:r=ue}=l;return e.createElement("div",{className:"confirm-wrap"},e.createElement("div",{className:"confirm-title"},t),e.createElement("div",{className:"confirm-message"},u),e.createElement("div",{className:"confirm-btns"},n?e.createElement(i,{className:"confirm-cancel-button",onClick:()=>r(!1)},n):null,e.createElement(i,{type:"primary",onClick:()=>r(!0)},a)))}function ne(){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:l=>{console.log("isConfirm",l)}})),e.createElement("code",{className:"code"},`
+        <Confirm 
+          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)))))}function ae(l){return{success:"toast-wrap success",warning:"toast-wrap warning",error:"toast-wrap error"}[l]||"toast-wrap"}function y(l){const{title:t="title",message:u="message",type:a="success",duration:n=null}=l,[r,c]=g.exports.useState(!1);return n&&setTimeout(()=>{c(!0)},n),r?null:e.createElement("div",{className:ae(a)},e.createElement("div",{className:"toast-title"},t),e.createElement("div",{className:"toast-message"},u))}function re(){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(y,{title:"111111",message:"22222",type:"success"}),e.createElement("br",null),e.createElement(y,{title:"111111",message:"22222",type:"warning"}),e.createElement("br",null),e.createElement(y,{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")))))}function ce(){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(y,{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(y,{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 F(l){const{image:t=F.IMAGE_1,text:u="",subText:a="",transparent:n,imageStyle:r}=l;return e.createElement("div",{className:n?"presentation-card transparent":"presentation-card"},e.createElement("img",{src:t,style:r}),u?e.createElement("div",{className:"text"},u):null,a?e.createElement("div",{className:"sub-text"},a):null)}F.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png";F.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";F.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";F.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function me(){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(F,{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(F,{image:F.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(F,{image:F.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(F,{image:F.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,"imageStyle"),e.createElement("td",null,"\u56FE\u7247\u6837\u5F0F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),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")))))}function se(){}function d(l){const{tabIndex:t=1,onItemClick:u=se,style:a}=l;return e.createElement("div",{className:"android-pda-list",style:a},e.Children.map(l.children,(n,r)=>{const c=n.props.onClick;return e.cloneElement(n,Object.assign({tabIndex:t+r},n.props,{onClick:m=>{c&&c(m),u(m)}}),n.props.children)}))}function oe(l){const{onClick:t,title:u,subTitle:a,extra:n,tags:r=[],tabIndex:c}=l;return e.createElement("div",{className:"default-item",onClick:()=>{t(l)},tabIndex:c},e.createElement("div",{className:"text"},e.createElement("div",null,u),e.createElement("div",{className:"sub-text"},a),e.createElement("div",{className:"sub-tags"},r.map(m=>e.createElement("div",{className:"sub-tag-item"},m)))),e.createElement("div",{className:"extra"},n))}d.Item=oe;function ie(){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(d,{onItemClick:console.log,tabIndex:0,style:{width:"432px"}},e.createElement(d.Item,{title:"hello world"},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title"},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title",extra:"11111"},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,34]},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world"))),e.createElement("code",{className:"code"},`
+        <List onItemClick={console.log} >
+          <List.Item title="hello world" >hello world</List.Item>
+          <List.Item title="hello world" subTitle="sub title" >hello world</List.Item>
+          <List.Item title="hello world" subTitle="sub title" extra={"11111"}  >hello world</List.Item>
+          <List.Item title="hello world" subTitle="sub title" extra={"11111"} tags={[1,2,34]} >hello world</List.Item>
+          <List.Item title="hello world" subTitle="sub title" tags={[1,2,34]}  >hello world</List.Item>
+        </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,"onItemClick"),e.createElement("td",null,"item \u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"Function"),e.createElement("td",null,"\u9ED8\u8BA4\u56DE\u8C03\u53C2\u6570 item \u7684\u6240\u6709 props")))),e.createElement("h2",null,"List.Item"),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,"extra"),e.createElement("td",null,"\u53F3\u8FB9\u7684\u5185\u5BB9"),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,"tags"),e.createElement("td",null,"\u6807\u7B7E"),e.createElement("td",null,"Array"),e.createElement("td",null,"[]")))))}const M=()=>{};class Ee extends e.Component{constructor(){super(...arguments);D(this,"state",{inputVisible:!1});D(this,"_useInput",null)}render(){const{inputVisible:t}=this.state,{onWakeKeyboard:u=M,onClick:a=M}=this.props;return e.createElement("div",{className:"wakekeyborard"},t?e.createElement("div",{className:"wakekeyborard-overlay"},e.createElement("div",{className:"wakekeyborard-inputbox"},e.createElement("input",{ref:n=>{this._useInput=n},type:"tel"}),e.createElement(i,{type:"primary",onClick:n=>{a(this._useInput.value),this.setState({inputVisible:!t})}},"\u67E5\u8BE2"))):null,t?null:e.createElement("div",{className:"wakekeyborard-icon",onClick:n=>{this.setState({inputVisible:!t}),requestAnimationFrame(()=>{this._useInput.focus(),u()})}}))}}function de(){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"},e.createElement("p",null,"\u70B9\u51FB\u53F3\u4E0B\u89D2\u952E\u76D8"),e.createElement(Ee,{onWakeKeyboard:()=>{console.log("wake keyboard")},onClick:l=>{console.log("v is ",l)}})),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 he(l){const{title:t,context:u,attrs:a=[]}=l;return e.createElement("div",{className:"android-sub-card"},e.createElement("div",{className:"android-sub-card-title"},t),e.createElement("div",{className:"android-sub-card-context"},u),e.createElement("div",{className:"android-sub-card-attrs"},a.map(n=>e.createElement("div",null,n))))}function pe(){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"},e.createElement(he,{title:"\u54C1\u53F7",context:"5082 7834",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]})),e.createElement("code",{className:"code"},`
+        <SubCard title="\u54C1\u53F7" context="5082 7834" 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,"true")),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,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}class f extends e.Component{constructor(t){super(t)}render(){const{className:t,title:u,infoList:a=[],isError:n=!1,style:r={},onClick:c=()=>{},okText:m="\u8FD4\u56DE\u9996\u9875",cancelText:s=null}=this.props;return e.createElement("div",{className:o({[t]:!0,"pda-finish-card":!0}),style:r},e.createElement("div",{className:"pda-finish-card-top"},e.createElement("img",{className:"pda-finish-card-img",width:n?370:400,height:269,src:n?f.ERROR_SUCCESS:f.SUCCESS}),e.createElement("p",{className:"pda-finish-card-title"},u),a.map((E,h)=>e.createElement("p",{key:h,className:"pda-finish-card-list"},e.createElement("span",null,E.label||""),e.createElement("span",null,E.content||"")))),e.createElement(i.Group,null,s?e.createElement(i,{type:"dark",onClick:()=>c(!1)},s):null,e.createElement(i,{type:"primary",onClick:()=>c(!0)},m)))}}f.SUCCESS="https://img.alicdn.com/imgextra/i2/O1CN01yYwwSx1uNV0M1gHlQ_!!6000000006025-1-tps-630-436.gif";f.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";function Fe(){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:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(f,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",isError:!0,style:{width:"400px",height:"800px",marginRight:"32px"},infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],okText:"\u8FD4\u56DE\u9996\u9875",onClick:l=>{console.log("isConfirm",l)}}),e.createElement(f,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",style:{width:"400px",height:"800px"},infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],okText:"\u8FD4\u56DE\u9996\u9875",cancelText:"\u5176\u4ED6\u64CD\u4F5C",onClick:l=>{console.log("isConfirm",l)}})),e.createElement("code",{className:"code"},`
+<FinishCard
+title="\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210"
+style={{
+  width: '400px',
+  height: '800px'
+}}
+infoList={
+  [
+    {label: '\u65B0\u6808\u677F\u7801\uFF1A', content: '234982093'},
+    {label: '\u539F\u6808\u677F\u7801\uFF1A', content: '234982093'},
+  ]
+}
+okText="\u8FD4\u56DE\u9996\u9875" 
+cancelText="\u5176\u4ED6\u64CD\u4F5C"
+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,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm)=>"),e.createElement("td",null)))))}class Ce extends e.Component{constructor(t){super(t)}render(){const{className:t,title:u,infoText:a,percentage:n=0,style:r={}}=this.props,c="https://img.alicdn.com/imgextra/i3/O1CN01EFksWL1DBZCu0H1JH_!!6000000000178-2-tps-21-30.png",m="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.createElement("div",{className:o({[t]:!0,"pda-distance-card":!0}),style:r},e.createElement("p",{className:"pda-distance-card-highlight"},e.createElement("span",{className:"pda-distance-card-highlight1"},u)),e.createElement("div",{className:"pda-distance-indictor"},e.createElement("img",{src:c,width:20,height:29}),e.createElement("p",null,a)),e.createElement("div",{className:"pda-distance-card-progress"},e.createElement("div",{className:"pda-distance-card-progress-inside",style:{width:`${n*100}%`}}),e.createElement("img",{className:"pda-distance-card-progress-indictor",src:m})),e.createElement("div",{className:"pda-distance-label"},e.createElement("p",null,"\u8FDC"),e.createElement("p",null,"\u8FD1")))}}function ge(){return e.createElement("div",null,e.createElement("h1",null,"Distance"),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(Ce,{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 be=/scroll|auto/i;function Be(l){const t=1;return l.tagName!=="HTML"&&l.tagName!=="BODY"&&l.nodeType===t}function P(l,t){let u=l;for(;u&&u!==t&&Be(u);){const{overflowY:a}=window.getComputedStyle(u);if(be.test(a))return u;u=u.parentNode}return t}function fe(l){return e.createElement("div",{style:{color:l.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 Ae(l){return l===window}function ye(l){const{className:t,hasMore:u,loadMore:a,threshold:n=0,style:r}=l,c=H(async()=>{await a()}),m=g.exports.useRef(null),s=W(()=>{if(!u)return;const E=m.current;if(!E)return;const h=P(E);if(!h)return;const C=E.getBoundingClientRect().top;(Ae(h)?window.innerHeight:h.getBoundingClientRect().bottom)>=C-n&&c()});return g.exports.useEffect(()=>{s()}),g.exports.useEffect(()=>{const E=m.current;if(!E)return;const h=P(E);if(!h)return;function C(){s()}return h.addEventListener("scroll",C),()=>{h.removeEventListener("scroll",C)}},[]),e.createElement("div",{className:o({[t]:!0,"pda-infinite-scroll":!0}),style:r,ref:m},u?e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u52A0\u8F7D\u4E2D"),e.createElement(fe,null)):e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u6CA1\u6709\u66F4\u591A\u4E86~")))}function De(l){const{service:t,data:u={}}=l,{title:a="title",message:n="message",okText:r="okText",cancelText:c=""}=u,m=e.useCallback(function(){t.onNext(!0)},[t]);return e.createElement(B,{verticalPosition:"bottom"},e.createElement(I,{title:a,message:n,okText:r,cancelText:c,onClick:m}))}function ve(l){const{service:t,data:u={}}=l,{title:a="title",message:n="message",okText:r="okText",cancelText:c=""}=u,m=e.useCallback(function(s){t.onNext(s)},[t]);return e.createElement(B,{verticalPosition:"bottom"},e.createElement(I,{title:a,message:n,okText:r,cancelText:c,onClick:m}))}function ke(l){const{data:t={},service:u}=l,{title:a,level:n,message:r,duration:c=null}=t;e.useEffect(()=>{t.hasNext!==!1&&u.onNext("")},[t,u]);const[m,s]=g.exports.useState(!1);return c&&setTimeout(()=>{s(!0)},c),m?null:e.createElement(B,{verticalPosition:"bottom"},e.createElement(y,{type:n,title:a,message:xe(r)}))}function xe(l){var t=String(l).split("by Error:");return t[1]||t[0]}class $ extends e.Component{constructor(t){super(t)}render(){const{style:t={},header:u,footer:a}=this.props;return e.createElement("div",{className:o({"baselayout-wrapper":!0}),style:t},u&&e.createElement("div",{className:o({"baselayout-header":!0})},u),e.createElement("div",{className:o({"baselayout-container":!0})},this.props.children),a&&e.createElement("div",{className:o({"baselayout-footer":!0})},a))}}function Ne(){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(d,{onItemClick:console.log,tabIndex:0},e.createElement(d.Item,{title:"hello world"},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title"},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title",extra:"11111"},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,34]},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world"),e.createElement(d.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world")),e.createElement(ye,{hasMore:!0,loadMore:()=>{console.log("loadMore!")}}))),e.createElement("code",{className:"code"},`
+<div style={{
+  width: '432px',
+  height: '425px',
+  overflow: 'scroll'
+}}>
+  <List onItemClick={console.log} tabIndex={0} >
+    <List.Item title="hello world" >hello world</List.Item>
+    <List.Item title="hello world" subTitle="sub title" >hello world</List.Item>
+    <List.Item title="hello world" subTitle="sub title" extra={"11111"}  >hello world</List.Item>
+    <List.Item title="hello world" subTitle="sub title" extra={"11111"} tags={[1,2,34]} >hello world</List.Item>
+    <List.Item title="hello world" subTitle="sub title" tags={[1,2,34]}  >hello world</List.Item>
+    <List.Item title="hello world" subTitle="sub title" tags={[1,2,34]}  >hello world</List.Item>
+    <List.Item title="hello world" subTitle="sub title" tags={[1,2,34]}  >hello world</List.Item>
+  </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")))))}var L={onNext(l){console.log("onnext",l)}};function Ie(){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(De,{service:L,data:{title:"111",message:"2222",okText:"\u786E\u8BA4"}})))}function we(){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.confirm({
+      title: '111',
+      message: '2222',
+      okText: "\u786E\u8BA4",
+      cancelText:"\u53D6\u6D88"
+    })
+    // \u5982\u679C message \u9700\u8981\u591A\u884C\u663E\u793A\uFF0C\u5EFA\u8BAE\u4F7F\u7528 span \u8FDB\u884C\u62FC\u88C5\uFF0Cgs \u4EE3\u7801\u5982\u4E0B
+    pageFlow.confirm({
+      title: '111',
+      message: <span>\u6808\u677F\u7801\uFF1A<span style={{color: '#0091EA'}}>111</span><br/><span>\u7BB1\u7801\uFF1A222</span></span>,
+      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(ve,{service:L,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"}})))}function Te(){return e.createElement("div",null,e.createElement("h1",null,"/system/toast"),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.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(ke,{service:L,data:{level:"success",title:"111",message:"2222",duration:3e3}})))}function Le(){const l=e.createElement(x,null),t=e.createElement(i.Group,null,e.createElement(i,{type:"cutout",onClick:a=>console.log("cancle")},"\u53D6\u6D88"),e.createElement(i,{type:"primary"},"\u786E\u8BA4")),u=[{},{},{}];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($,{style:{backgroundColor:"black",marginRight:20},header:l,footer:t},e.createElement(F,{text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"}))),e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement($,{style:{backgroundColor:"black"},header:l,footer:t},u.map((a,n)=>e.createElement(A,{key:n,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)))))}const O=[{title:"\u7EC4\u4EF6\u5217\u8868",pages:[{key:"First",title:"\u5FEB\u901F\u5F00\u59CB",doc:V},{key:"Title",title:"Title",doc:Q},{key:"Button",title:"Button",doc:z},{key:"InfoCard",title:"InfoCard",doc:Z},{key:"Steps",title:"Steps",doc:ee},{key:"ListItem",title:"ListItem",doc:le},{key:"Confirm",title:"Confirm",doc:ne},{key:"Toast",title:"Toast",doc:re},{key:"Overlay",title:"Overlay",doc:ce},{key:"Presentation",title:"Presentation",doc:me},{key:"List",title:"List",doc:ie},{key:"WakeKeyborard",title:"WakeKeyborard",doc:de},{key:"SubCard",title:"SubCard",doc:pe},{key:"FinishCard",title:"FinishCard",doc:Fe},{key:"DistanceCard",title:"DistanceCard",doc:ge},{key:"InfiniteScroll",title:"InfiniteScroll",doc:Ne}]},{title:"\u5185\u7F6E\u754C\u9762\u9884\u89C8",pages:[{key:"/system/alert",title:"/system/alert",doc:Ie},{key:"/system/confirm",title:"/system/confirm",doc:we},{key:"/system/toast",title:"/system/toast",doc:Te}]},{title:"\u5E03\u5C40\u5BB9\u5668",pages:[{key:"BaseLayout",title:"BaseLayout",doc:Le}]}];function Se(l){return O.map(t=>t.pages.filter(function(u){return u.key===l})[0]).filter(t=>t)[0]}function Me(){const[l,t]=e.useState("First"),u=e.useCallback(function(n){t(n)}),a=Se(l);return e.createElement("div",{className:"components-container"},e.createElement("div",{className:"components-example"},e.createElement("h1",{title:"@cniot/android-pda-components"},"Components"),O.map(function(n,r){return e.createElement(e.Fragment,{key:r},e.createElement("h2",null,n.title),n.pages.map(function(c){return e.createElement("div",{className:l===c.key?"components-item active":"components-item",onClick:u.bind(null,c.key),"data-index":c.key,key:c.key},e.createElement("span",null,c.title))}))})),e.createElement("div",{className:"show-case"},a?e.createElement(a.doc,{}):null))}K.render(e.createElement(Me,null),document.getElementById("root"));