@cniot/android-pda-components 0.1.0 → 0.1.1

package/build/assets/{index.2a90b386.js → index.60478450.js}

@@ -1,4 +1,4 @@
-var z=Object.defineProperty;var D=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var _=(u,t,n)=>t in u?z(u,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):u[t]=n,C=(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.ece7eed0.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"},`
+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
 
@@ -6,7 +6,7 @@ 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",C({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}=u,[c,o]=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:()=>o(!0)}):null,e.createElement(b,{visible:c,verticalPosition:"bottom",closable:!1,onClosed:()=>o(!1)},e.createElement("div",{className:"pda-menus"},a.map((i,s)=>e.createElement(E,{onClick:()=>{o(!1),r(i)},key:i.key||s},i.label)))))}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})),e.createElement("code",{className:"code"},`
+      `))}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}
@@ -30,7 +30,7 @@ import '@cniot/android-pda-components/es/style.css';
             }
           ]}
         ></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,"true")),e.createElement("tr",null,e.createElement("td",null,"onClickMenuItem"),e.createElement("td",null,"menu item \u70B9\u51FB"),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,"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"),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"},`
+      `),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>
@@ -38,7 +38,7 @@ import '@cniot/android-pda-components/es/style.css';
           <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:g,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("p",{className:"pda-info-card-title"},n),i?e.createElement("div",{className:"pda-info-card-tag"},e.createElement("p",{className:"pda-info-card-tag-text"},i)):null),e.createElement("div",{className:"pda-info-card-highlight-section"},e.createElement("div",null,e.createElement("p",{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("p",{className:"pda-info-card-title"},a):null,r?e.createElement("p",{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("p",{className:"pda-info-card-bold"},g),y.map((O,Q)=>e.createElement("p",{key:Q,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:{display:"flex",flexDirection:"row"}},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",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(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",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(f,{title:"\u6F0F\u626B\u7BB1\u6570/\u8BC6\u522B\u603B\u7BB1\u6570",highlightInfo:"0",highlightSubInfo:"/40",infoImage:f.IMAGE_1,style:{width:"400px",marginRight:"32px",height:"min-content"}}),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,style:{width:"400px",marginRight:"32px",height:"min-content"}})),e.createElement("code",{className:"code"},`
+      `),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"
@@ -46,14 +46,7 @@ import '@cniot/android-pda-components/es/style.css';
   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'},
@@ -62,7 +55,31 @@ import '@cniot/android-pda-components/es/style.css';
       {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"
@@ -71,14 +88,7 @@ import '@cniot/android-pda-components/es/style.css';
   subHighlightInfo="40"
   subHighlightSubInfo="/50"
   infoImage={InfoCard.IMAGE_1}
-  style={{
-    width: '400px',
-    // backgroundColor: 'white',
-    marginRight: '32px',
-    height: 'min-content'
-  }}
-/>
-      `),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=C({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"},`
+/>`),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',
 }}>
@@ -99,7 +109,7 @@ import '@cniot/android-pda-components/es/style.css';
     ]
   } />
 </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((g,y)=>e.createElement("span",{key:y},g.label||"","\uFF5C"))),e.createElement("div",{className:"pda-listitem-state-block"},s.map((g,y)=>{const L=g&&g.type?g.type:"default";return e.createElement("div",{key:y,className:L},g.label||"")})),d.map((g,y)=>e.createElement("p",{key:y,className:"pda-listitem-subinfo"},e.createElement("span",null,g.label||""),"\xA0\xA0",e.createElement("span",null,g.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"},`
+      `),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"
@@ -132,7 +142,7 @@ import '@cniot/android-pda-components/es/style.css';
     ]
   }
 />
-      `),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 w(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 ge(){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(w,{title:"111111",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",onClick:u=>{console.log("isConfirm",u)}})),e.createElement("code",{className:"code"},`
+      `),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" 
@@ -143,7 +153,7 @@ import '@cniot/android-pda-components/es/style.css';
             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 Ce(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:Ce(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"},`
+      `),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"
@@ -163,7 +173,7 @@ import '@cniot/android-pda-components/es/style.css';
           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 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(w,{title:"111111",message:"22222",type:"error"}))),e.createElement("code",{className:"code"},`
+      `),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" 
@@ -188,12 +198,12 @@ import '@cniot/android-pda-components/es/style.css';
           ></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,imageStyle:r}=u;return e.createElement("div",{className:a?"presentation-card transparent":"presentation-card"},e.createElement("img",{src:t,style:r}),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"},`
+      `),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,"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 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,{onItemClick:console.log,dataSource:ke})),e.createElement("code",{className:"code"},`
+      `),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",
@@ -213,12 +223,12 @@ import '@cniot/android-pda-components/es/style.css';
           extra:"11111",
         }];
         <List 
-          onItemClick={console.log} 
+          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,"\u6807\u9898"),e.createElement("td",null,"String"),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"},`
+      `),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);}}
@@ -226,7 +236,7 @@ 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,"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,"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 I=()=>{};class T extends e.Component{constructor(t){super(t);this.state={},this._handleKeyUp=n=>{const{onScan:l=I,onEnter:a=I,onEsc:r=I,onDelete:c=I,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,C({},l))}}const we=()=>{};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=we,autoRfidScan:l}=r,a=x(r,["onRfidScan","autoRfidScan"]);return e.createElement(T,C({},a))}}N(j,"defaultProps",{rfidReaderSleep:!1});const Ie=()=>{};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=Ie}=a,l=x(a,["onBarcodeScan"]);return e.createElement(T,C({},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,C({},t)):c||o||i?e.createElement(j,C({},t)):n?e.createElement(Te,C({},t)):e.createElement(T,C({},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"},`
+      `),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={
@@ -242,7 +252,7 @@ onClick={v => {console.log('v is ', v);}}
           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)),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,"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(_e,{title:"\u8D27\u7269\u5728\u9644\u8FD1..",infoText:"\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB",style:{width:"400px"},percentage:.56})),e.createElement("code",{className:"code"},`
+      `),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"
@@ -251,7 +261,7 @@ onClick={v => {console.log('v is ', v);}}
   }}
   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(w,{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(w,{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"},`
+      `),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",
@@ -310,14 +320,14 @@ const dataSource = [{
     }
   }]}
 />
-      `),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,"false"),e.createElement("td",null)),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"},`
+      `),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"}})))}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"},`
+  `),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',
@@ -336,7 +346,7 @@ const dataSource = [{
       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"}})))}function ze(){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"},`
+  `),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
@@ -344,7 +354,7 @@ const dataSource = [{
       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}})))}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"},`
+  `),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>
@@ -359,4 +369,4 @@ const dataSource = [{
         >
           <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:ge},{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:Qe},{key:"/system/toast",title:"/system/toast",doc:ze}]},{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"},"Components"),$.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"));
+      `),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"));