@cniot/android-pda-components 0.2.26 → 0.2.30

package/es/index.cjs.js

@@ -4,4 +4,4 @@
   http://jedwatson.github.io/classnames
 */(function(a){(function(){var n={}.hasOwnProperty;function t(){for(var l=[],i=0;i<arguments.length;i++){var r=arguments[i];if(!!r){var s=typeof r;if(s==="string"||s==="number")l.push(r);else if(Array.isArray(r)){if(r.length){var c=t.apply(null,r);c&&l.push(c)}}else if(s==="object")if(r.toString===Object.prototype.toString)for(var d in r)n.call(r,d)&&r[d]&&l.push(d);else l.push(r.toString())}}return l.join(" ")}a.exports?(t.default=t,a.exports=t):window.classNames=t})()})(Q);var g=Q.exports;function Fe(a){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[a]||"op-overlay"}function _(a){const{verticalPosition:n="center",visible:t=!0,closable:l=!1,onClosed:i=()=>{}}=a,[r,s]=E.useState(!t);E.useEffect(()=>{s(!t)},[t]);const c={};return l&&(c.onClick=d=>{s(!0),i()}),E.useEffect(()=>{s(!t)},[t]),r?null:e.default.createElement("div",k({className:Fe(n)},c),a.children)}const Z=()=>{};class Re extends e.default.Component{constructor(n){super(n);M(this,"state",{showMenu:!1})}render(){const{className:n,goBack:t=!0,goBackHandle:l=Z,icon:i="scan",title:r="\u4EFB\u52A1",menuList:s=null}=this.props,{showMenu:c}=this.state;return e.default.createElement("div",{className:g({[n]:!0,"pda-header":!0})},e.default.createElement("div",{className:"header-click-area",onClick:t?l:Z},t&&e.default.createElement("div",{className:"pda-goback"}),i&&e.default.createElement("div",{className:g({"pda-header-icon":!0,["pda-header-icon-"+i]:!0})})),e.default.createElement("p",{className:g({"pda-title-text":!0})},r),s?e.default.createElement("div",{className:"pda-header-more",onClick:d=>{this.setState({showMenu:!0})}}):null,e.default.createElement(_,{visible:c,verticalPosition:"bottom",closable:!0,onClosed:d=>this.setState({showMenu:!1})},e.default.createElement("div",{className:"pda-menus"},s)))}}var U={exports:{}};(function(a,n){function t(d){if(d&&typeof d=="object"){var o=d.which||d.keyCode||d.charCode;o&&(d=o)}if(typeof d=="number")return s[d];var u=String(d),f=l[u.toLowerCase()];if(f)return f;var f=i[u.toLowerCase()];if(f)return f;if(u.length===1)return u.charCodeAt(0)}t.isEventKey=function(o,u){if(o&&typeof o=="object"){var f=o.which||o.keyCode||o.charCode;if(f==null)return!1;if(typeof u=="string"){var p=l[u.toLowerCase()];if(p)return p===f;var p=i[u.toLowerCase()];if(p)return p===f}else if(typeof u=="number")return u===f;return!1}},n=a.exports=t;var l=n.code=n.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},i=n.aliases={windows:91,"\u21E7":16,"\u2325":18,"\u2303":17,"\u2318":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};/*!
  * Programatically add the following
- */for(r=97;r<123;r++)l[String.fromCharCode(r)]=r-32;for(var r=48;r<58;r++)l[r-48]=r;for(r=1;r<13;r++)l["f"+r]=r+111;for(r=0;r<10;r++)l["numpad "+r]=r+96;var s=n.names=n.title={};for(r in l)s[l[r]]=r;for(var c in i)l[c]=i[c]})(U,U.exports);var We=U.exports;function b(a){const{type:n="default",onClick:t,className:l="",tabIndex:i=1,dataClick:r=""}=a;let s={};return r&&(s["data-click"]=r),e.default.createElement("button",k({className:`pda-button pda-button-${n} ${l}`,onClick:t,tabIndex:i},s),a.children)}function De(a){return e.default.createElement("div",{className:"button-group"},a.children)}b.Group=De;const ee=["fn"],Pe=()=>{};function Te(a){const{onBack:n,icon:t,title:l,menus:i=[],onClickMenuItem:r=Pe,onScanBarcode:s,cancelMenuText:c,configIconClick:d=null,menuShortcutKey:o,backShortcutKey:u}=a,[f,p]=e.default.useState(!1);return e.default.useEffect(function(){if(o)return ne(te(o),function(){p(!0)})},[o]),e.default.useEffect(function(){if(u&&n)return ne(te(u),function(){n("back")})},[u,n]),e.default.useEffect(()=>$e(function(){n&&n("back")}),[]),e.default.useEffect(()=>Me(document,"BarcodeScan",function(h){s&&s(h.param.scanData)}),[s]),e.default.createElement("div",{className:"pda-header"},e.default.createElement("div",{className:"header-click-area"},n?e.default.createElement("div",{className:"pda-goback",onClick:()=>n("back")}):null,t&&e.default.createElement("div",{className:`pda-header-icon pda-header-icon-${t}`})),e.default.createElement("div",{className:"pda-title-text"},l),i&&i.length?e.default.createElement("div",{className:"pda-header-icon pda-header-more",onClick:()=>p(!0)}):null,d?e.default.createElement("div",{className:"pda-header-icon pda-header-config",onClick:d}):null,e.default.createElement(_,{visible:f,verticalPosition:"bottom",closable:!1,onClosed:()=>p(!1)},e.default.createElement("div",{className:"pda-menus"},i.map((h,y)=>e.default.createElement(b,{onClick:()=>{p(!1),r(h)},key:h.key||y},h.label)),c?e.default.createElement("div",{style:{marginTop:20}},e.default.createElement(b,{onClick:()=>p(!1)},c)):null)))}function te(a){return(a.indexOf(",")>-1?a.split(","):[a]).map(t=>{if(ee.indexOf(t.toLowerCase())>-1)return t.toLowerCase();const l=We(t);return l===void 0&&console.warn("OPButton.shortcutKey error key value by:",t),l}).filter(t=>t!==void 0)}function ne(a,n){function t(l){const i=l.key.toLowerCase(),r=ee.indexOf(i)>-1?i:l.keyCode;a.indexOf(r)>-1&&n&&n(l)}return document.addEventListener("keyup",t),function(){document.removeEventListener("keyup",t)}}function $e(a){function n(t){t.param.originValue=="back"&&a&&a()}return document.addEventListener("keyPressed",n,!1),function(){document.removeEventListener("keyPressed",n)}}function Me(a,n,t){return a.addEventListener(n,t,!1),function(){a.removeEventListener(n,t)}}class ae extends e.default.Component{constructor(n){super(n)}render(){const{className:n="",title:t,highlightInfo:l,subTitle:i,subHighlightInfo:r,subHighlightSubInfo:s,infoImage:c,tagText:d,highlightInfoCN:o,highlightSubInfo:u,percentage:f,highlightSubInfoCN:p,boldInfo:h,infoList:y=[],style:x={},theme:w="light"}=this.props;return e.default.createElement("div",{className:g({[n]:!0,"pda-info-card":!0,"pda-info-card-dark":w==="dark"}),style:x},e.default.createElement("div",{className:"pda-info-card-title-section"},e.default.createElement("div",{className:"pda-info-card-title"},t),d?e.default.createElement("div",{className:"pda-info-card-tag"},e.default.createElement("div",{className:"pda-info-card-tag-text"},d)):null),e.default.createElement("div",{className:"pda-info-card-highlight-section"},e.default.createElement("div",null,e.default.createElement("div",{className:"pda-info-card-highlight"},e.default.createElement("span",{className:"pda-info-card-highlight1"},l),e.default.createElement("span",{className:"pda-info-card-highlight1CN"},o),e.default.createElement("span",{className:"pda-info-card-highlight2"},u),e.default.createElement("span",{className:"pda-info-card-highlight2CN"},p)),i?e.default.createElement("div",{className:"pda-info-card-title"},i):null,r?e.default.createElement("div",{className:"pda-info-card-highlight"},e.default.createElement("span",{className:"pda-info-card-highlight1"},r),e.default.createElement("span",{className:"pda-info-card-highlight2"},s)):null),c?e.default.createElement("img",{src:c,width:150,height:150}):null),f!==void 0?e.default.createElement("div",{className:"pda-info-card-progress"},e.default.createElement("div",{className:"pda-info-card-progress-inside",style:{width:`${f*100}%`}})):null,e.default.createElement("div",{className:"pda-info-card-bold"},h),y.map((m,v)=>e.default.createElement("div",{key:v,className:"pda-info-card-list"},e.default.createElement("span",null,m.label||""),"\xA0\xA0",e.default.createElement("span",null,m.content||""))))}}ae.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";class le extends e.default.Component{constructor(n){super(n)}render(){const{className:n,header:t,onClick:l=()=>{},onHeightLightClick:i=()=>{},onIconClick:r=()=>{},highlightText:s,highlightSubText:c,stateTextList:d=[],stateList:o=[],subInfoList:u=[],style:f={},icon:p}=this.props;return e.default.createElement("div",{className:g({[n]:!0,"pda-list-item":!0}),style:f,onClick:l},t?e.default.createElement("div",{className:"pda-listitem-header"},t):null,e.default.createElement("div",{onClick:i,className:g({"pda-listitem-highlight":!0})},e.default.createElement("div",null,s),e.default.createElement("div",null,c)),e.default.createElement("div",{className:"pda-listitem-state-text"},d.map((h,y)=>e.default.createElement("span",{key:y},h.label||"","\uFF5C"))),e.default.createElement("div",{className:"pda-listitem-state-block"},o.map((h,y)=>{const x=h&&h.type?h.type:"default";return e.default.createElement("div",{key:y,className:x},h.label||"")})),p?e.default.createElement("div",{onClick:r,className:"pda-listitem-icon"},e.default.createElement("div",{className:g({"listitem-icon-container":!0,["listitem-icon-"+p]:!0})})):null,u.map((h,y)=>e.default.createElement("div",{key:y,className:"pda-listitem-subinfo"},e.default.createElement("span",null,h.label||""),"\xA0\xA0",e.default.createElement("span",null,h.content||""))))}}function Oe(){}function V(a){const{title:n="title",message:t=null,subMessage:l=[],okText:i="okText",cancelText:r=null,okDataClick:s=null,cancelDataClick:c=null,onClick:d=Oe,type:o="primary",insertButtons:u=[],appendButtons:f=[]}=a;return e.default.createElement("div",{className:g({"confirm-wrap":!0,["confirm-"+o]:!0})},e.default.createElement("div",{className:"confirm-content"},e.default.createElement("div",{className:"confirm-title"},n),t?e.default.createElement("div",{className:"confirm-message"},t):null,l.length?e.default.createElement("div",{className:"confirm-sub-message"},l.map((p,h)=>{const{label:y,content:x}=p;return e.default.createElement("div",{className:"confirm-sub-block",key:y||h},e.default.createElement("p",{className:"confirm-sub-label"},y?y+" : ":""),e.default.createElement("p",{className:"confirm-sub-content"},x||""))})):null),e.default.createElement("div",{className:"confirm-btns"},u.length>0?e.default.createElement(b.Group,null,u.map((p,h)=>e.default.createElement(b,{key:h,onClick:()=>d(p.value),dataClick:p.dataClick},p.label))):null,e.default.createElement(b.Group,null,r?e.default.createElement(b,{className:"confirm-cancel-button",onClick:()=>d(!1),dataClick:c},r):null,e.default.createElement(b,{type:"primary",onClick:()=>d(!0),dataClick:s},i)),f.length>0?e.default.createElement(b.Group,null,f.map((p,h)=>e.default.createElement(b,{key:h,onClick:()=>d(p.value),dataClick:p.dataClick},p.label))):null))}function re(a){const n={domain:"logger",method:"deviceLog",params:a};WindVane.call("WindvanePlugin","invoke",JSON.stringify(n),function(t){},function(t){})}function Ie(a){return(typeof a=="function"?a():a)||document.body}function Ae(a){return a===void 0}function ie(...a){function n(l,i){return Ae(i)?l:i}let t=Object.assign({},a[0]);for(let l=1;l<a.length;l++)t=Object.assign(t,a[l],n);return t}function L(a){if(window.WindVane){var n={domain:"audio",method:"playSound",params:{sound:a}};WindVane.call("WindvanePlugin","invoke",JSON.stringify(n))}}function Ke(a){return{success:"toast-wrap success",warning:"toast-wrap warning",error:"toast-wrap error"}[a]||"toast-wrap"}function P(a){const{title:n="title",message:t="message",type:l="success",duration:i=null}=a,[r,s]=E.useState(!1);return E.useEffect(()=>{window.WindVane&&(l==="warning"?(L("error1"),window.WindVane.call("WVMotion","vibrate",{duration:400})):l==="error"&&(L("error2"),window.WindVane.call("WVMotion","vibrate",{duration:200}),setTimeout(()=>{window.WindVane.call("WVMotion","vibrate",{duration:300})},250)))},[]),i&&setTimeout(()=>{s(!0)},i),r?null:e.default.createElement("div",{className:Ke(l)},e.default.createElement("div",{className:"toast-title"},n),e.default.createElement("div",{className:"toast-message"},t))}const Ue={maskClickable:!0,stopPropagation:["click"]},Ve=a=>{const n=ie(Ue,a),{maskClickable:t,content:l,icon:i,position:r,title:s,message:c,type:d,visible:o}=n;return e.default.createElement(_,{visible:o,verticalPosition:"bottom",closable:!0},e.default.createElement(P,{title:s,message:c,type:d}))},se=[];function ce(a){X.default.unmountComponentAtNode(a)&&a.parentNode&&a.parentNode.removeChild(a)}const He={duration:2e3};function je(a){const n=ie(He,a);let t=0;const{getContainer:l=()=>document.body}=n,i=document.createElement("div");Ie(l).appendChild(i),oe(),se.push(i);function s(){const[c,d]=E.useState(!0);return E.useEffect(()=>()=>{n.afterClose&&n.afterClose()},[]),E.useEffect(()=>{if(n.duration!==0)return t=window.setTimeout(()=>{d(!1)},n.duration),()=>{window.clearTimeout(t)}},[]),e.default.createElement(Ve,$(k({},n),{getContainer:()=>i,visible:c,afterClose:()=>{ce(i)}}))}X.default.render(e.default.createElement(s,null),i)}function oe(){for(;;){const a=se.pop();if(!a)break;ce(a)}}P.show=je;P.clear=oe;function Ge(a){const{service:n,data:t={}}=a,l=e.default.useCallback(function(){n.onNext(!0)},[n]);return e.default.createElement(_,{verticalPosition:"bottom"},e.default.createElement(V,$(k({},t),{onClick:l})))}function qe(a){const{action:n,appManager:t,service:l}=a,i=e.default.useCallback(function(){l.onStart(t.config.appId)});return e.default.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100vw",height:"100vh"}},e.default.createElement(b,{type:"primary",onClick:i},"\u5F00\u59CB\u4F5C\u4E1A"),e.default.createElement("br",null),e.default.createElement("div",null,t.config.appId),e.default.createElement("div",null,t.config.groupId))}function Ye(a){const{service:n,data:t={}}=a,l=e.default.useCallback(function(i){n.onNext(i)},[n]);return e.default.createElement(_,{verticalPosition:"bottom"},e.default.createElement(V,$(k({},t),{onClick:l})))}function ze(a){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[a]||"op-overlay"}function Je(a){const{verticalPosition:n="center",visible:t=!0,closable:l=!1,onClosed:i=()=>{}}=a,[r,s]=E.useState(!t);E.useEffect(()=>{s(!t)},[t]);const c={};return l&&(c.onClick=d=>{s(!0),i()}),E.useEffect(()=>{s(!t)},[t]),r?null:e.default.createElement("div",k({className:ze(n)},c),a.children)}function Xe(a){const n=e.default.useRef(),{data:t={},onNext:l}=a,{placeholder:i,defaultValue:r,title:s="\u8BF7\u8F93\u5165",type:c="text",okText:d="\u786E\u8BA4",cancelText:o="\u53D6\u6D88"}=t;return e.default.createElement(Je,{verticalPosition:"center",closable:!1},e.default.createElement("div",{className:"prompt-dialog"},e.default.createElement("div",null,e.default.createElement("h1",{className:"prompt-title"},s),e.default.createElement("input",{className:"prompt-input",autoFocus:!0,ref:n,placeholder:i,type:c,defaultValue:r,onKeyUp:u=>{u.keyCode===13&&l(de(n.current))}}),e.default.createElement("div",{className:"prompt-btns"},o?e.default.createElement(b,{onClick:()=>l("back")},o):null,e.default.createElement(b,{type:"primary",onClick:()=>{l(de(n.current))}},d)))))}function de(a){const n=a.value||"";return String(n).trim()}function Qe(a){const{data:n={},onNext:t,service:l}=a,{title:i,level:r,message:s,duration:c=null}=n,[d,o]=E.useState(!1);return e.default.useEffect(()=>{n.hasNext===void 0&&t("");let u=null;return c&&(u=setTimeout(()=>{o(!0)},c)),()=>{clearTimeout(u)}},[n]),d?null:e.default.createElement(_,{verticalPosition:"bottom"},e.default.createElement("div",{style:{width:"90%"}},e.default.createElement(P,{type:r,title:i,message:Ze(s)})))}function Ze(a){var n=String(a).split("by Error:");return n[1]||n[0]}function et(a){return e.default.createElement("div",{style:{padding:"20%"}},e.default.createElement("h1",null,"404 ",e.default.createElement("small",{style:{fontSize:"60%"}},"Not found")),e.default.createElement("div",null,a.action.getPage()))}function O(){return O=Object.assign||function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(a[l]=t[l])}return a},O.apply(this,arguments)}var B,H=B||(B={});H.Pop="POP";H.Push="PUSH";H.Replace="REPLACE";var ue=function(a){return a};function fe(a){a.preventDefault(),a.returnValue=""}function me(){var a=[];return{get length(){return a.length},push:function(n){return a.push(n),function(){a=a.filter(function(t){return t!==n})}},call:function(n){a.forEach(function(t){return t&&t(n)})}}}function tt(){return Math.random().toString(36).substr(2,8)}function j(a){var n=a.pathname,t=a.search;return a=a.hash,(n===void 0?"/":n)+(t===void 0?"":t)+(a===void 0?"":a)}function pe(a){var n={};if(a){var t=a.indexOf("#");0<=t&&(n.hash=a.substr(t),a=a.substr(0,t)),t=a.indexOf("?"),0<=t&&(n.search=a.substr(t),a=a.substr(0,t)),a&&(n.pathname=a)}return n}function nt(a){function n(){var m=pe(o.location.hash.substr(1)),v=m.pathname,N=m.search;m=m.hash;var S=u.state||{};return[S.idx,ue({pathname:v===void 0?"/":v,search:N===void 0?"":N,hash:m===void 0?"":m,state:S.usr||null,key:S.key||"default"})]}function t(){if(f)w.call(f),f=null;else{var m=B.Pop,v=n(),N=v[0];if(v=v[1],w.length){if(N!=null){var S=h-N;S&&(f={action:m,location:v,retry:function(){d(-1*S)}},d(S))}}else r(m)}}function l(m){var v=document.querySelector("base"),N="";return v&&v.getAttribute("href")&&(v=o.location.href,N=v.indexOf("#"),N=N===-1?v:v.slice(0,N)),N+"#"+(typeof m=="string"?m:j(m))}function i(m,v){return v===void 0&&(v=null),ue(O({},y,typeof m=="string"?pe(m):m,{state:v,key:tt()}))}function r(m){p=m,m=n(),h=m[0],y=m[1],x.call({action:p,location:y})}function s(m,v){function N(){s(m,v)}var S=B.Push,C=i(m,v);if(!w.length||(w.call({action:S,location:C,retry:N}),!1)){var W=[{usr:C.state,key:C.key,idx:h+1},l(C)];C=W[0],W=W[1];try{u.pushState(C,"",W)}catch(Wt){o.location.assign(W)}r(S)}}function c(m,v){function N(){c(m,v)}var S=B.Replace,C=i(m,v);w.length&&(w.call({action:S,location:C,retry:N}),1)||(C=[{usr:C.state,key:C.key,idx:h},l(C)],u.replaceState(C[0],"",C[1]),r(S))}function d(m){u.go(m)}a===void 0&&(a={}),a=a.window;var o=a===void 0?document.defaultView:a,u=o.history,f=null;o.addEventListener("popstate",t),o.addEventListener("hashchange",function(){var m=n()[1];j(m)!==j(y)&&t()});var p=B.Pop;a=n();var h=a[0],y=a[1],x=me(),w=me();return h==null&&(h=0,u.replaceState(O({},u.state,{idx:h}),"")),{get action(){return p},get location(){return y},createHref:l,push:s,replace:c,go:d,back:function(){d(-1)},forward:function(){d(1)},listen:function(m){return x.push(m)},block:function(m){var v=w.push(m);return w.length===1&&o.addEventListener("beforeunload",fe),function(){v(),w.length||o.removeEventListener("beforeunload",fe)}}}}function at(a){const{appManager:n}=a,t=Array.from(n.pageManager.keys()).reverse();return e.default.useEffect(function(){return nt().listen(({action:r,location:s})=>{const c=s.pathname;n.mockToPage(c,{})})},[]),e.default.createElement("div",{className:"local-debug-side"},e.default.createElement("ul",null,t.map(l=>e.default.createElement("li",{key:l},e.default.createElement("a",{href:`#${l}`},l)))))}function lt(a){const[n,t]=e.default.useState(!1),l=a.edgeService;return e.default.useEffect(function(){let i=!1;const r=function(s){i=s,s?setTimeout(function(){i===s&&t(!0)},350):setTimeout(function(){i===s&&t(!1)},100)};return l.on("IO_STATUS",r),function(){l.off("IO_STATUS",r)}},[l]),n?e.default.createElement("div",{style:{position:"absolute",left:0,top:0,zIndex:100}},"LOADING..."):null}function rt({data:a,service:n,action:t}){const{sound:l}=a;if(window.WindVane){var i={domain:"audio",method:"playSound",params:{sound:l}};WindVane.call("WindvanePlugin","invoke",JSON.stringify(i))}return n.onNext({}),null}var it={Alert:Ge,Start:qe,Toast:Qe,Confirm:Ye,NotFound:et,Debug:at,Prompt:Xe,Loading:lt,PlaySound:rt};function F(a){const{image:n=F.IMAGE_1,text:t="",subText:l="",transparent:i}=a;return e.default.createElement("div",{className:i?"presentation-card transparent":"presentation-card"},e.default.createElement("img",{src:n}),t?e.default.createElement("div",{className:"text"},t):null,l?e.default.createElement("div",{className:"sub-text"},l):null)}F.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png";F.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";F.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";F.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function st(){}function he(a){const{dataSource:n=[],onClickItem:t,onItemClick:l=st}=a;return e.default.createElement("div",{className:"android-pda-list"},n.map((i,r)=>e.default.createElement(ve,{key:i.key||r,dataSource:i,onClick:t||l})),a.children)}function ve(a){const n=a.dataSource||{title:a.title,subTitle:a.subTitle,extra:a.extra,tags:a.tags},{title:t,subTitle:l,extra:i,tags:r=[],tabIndex:s}=n,{onClick:c}=a;return e.default.createElement("div",{className:"default-item",onClick:()=>{c(a.dataSource)},tabIndex:s},e.default.createElement("div",{className:"text"},e.default.createElement("div",null,t),e.default.createElement("div",{className:"sub-text"},l),e.default.createElement("div",{className:"sub-tags"},r.map(d=>e.default.createElement("div",{className:"sub-tag-item",key:d},d)))),e.default.createElement("div",{className:"extra"},i))}he.Item=ve;const I=()=>{};class A extends e.default.Component{constructor(n){super(n);this.state={showLoading:!1},this._handleKeyUp=t=>{const{onScan:l=I,onEnter:i=I,onEsc:r=I,onDelete:s=I,scanMode:c=null}=this.props,{code:d,keyCode:o,key:u}=t;if(d==="Enter"){t.preventDefault(),i(t);return}if(d==="Delete"){t.preventDefault(),s(t);return}if(d==="Esc"){t.preventDefault(),r(t);return}},this._handleBeforeUnload=t=>(t.returnValue="\u786E\u5B9A\u79BB\u5F00\u5F53\u524D\u9875\u9762\u5417\uFF1F",!0),this._handleUnload=t=>{WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(i){},function(i){});const l={tag:"stopRfid",level:"d",message:"stop rfid scan!!!"};re(l),re(l)}}componentDidMount(){window.onunload=this._handleUnload,document.addEventListener("keyup",this._handleKeyUp)}componentWillUnmount(){window.onbeforeunload=null,window.onunload=null,document.removeEventListener("keyup",this._handleKeyUp)}shouldComponentUpdate(n,t){return n.loading&&!this.props.loading&&(this.setState({showLoading:!0}),n.loadingTimeout&&setTimeout(()=>{this.setState({showLoading:!1})},n.loadingTimeout)),!n.loading&&this.state.showLoading&&this.setState({showLoading:!1}),!0}render(){const n=this.props,{style:t={},header:l,footer:i,loading:r}=this.props;return e.default.createElement("div",{className:g({"baselayout-wrapper":!0}),style:t},l&&e.default.createElement("div",{className:g({"baselayout-header":!0})},l),e.default.createElement("div",{className:g({"baselayout-container":!0})},n.children),i&&e.default.createElement("div",{className:g({"baselayout-footer":!0})},i),this.state.showLoading?e.default.createElement("div",{className:"loading"}):null)}}const ct=()=>{};class ot extends e.default.Component{constructor(n){super(n);this._rfidBeginScan=!1,this._handleRfidScan=t=>{const{onRfidOnce:l,onRfidBoxOnce:i,onRfidPalletOnce:r}=this.props,s=t.param,c=s.rfidData.startsWith("0F006"),d=s.rfidData.startsWith("0F011");if(L("single_recog"),d){let o=s.rfidData;s.originData=o,s.rfidData=o.substr(5,12)}i&&c?(this._stopWork(),i(s)):r&&d&&(this._stopWork(),r(s)),l&&(this._stopWork(),l(s))},this._startWork=t=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){}),this._rfidBeginScan=!0},this._stopWork=t=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(l){},function(l){})},this._handleKeyDown=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=t=>{const{code:l,keyCode:i,key:r}=t;(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(n){},function(n){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}render(){const i=this.props,{onRfidOnce:t=ct}=i,l=D(i,["onRfidOnce"]);return e.default.createElement(A,k({},l))}}const dt=()=>{};class Ee extends e.default.Component{constructor(n){super(n);this._rfidBeginScan=!1,this._handleRfidScan=t=>{const{onRfidScan:l,onRfidBoxScan:i,onRfidPalletScan:r}=this.props,s=t.param,c=s.rfidData.startsWith("0F006"),d=s.rfidData.startsWith("0F011");if(d){let o=s.rfidData;s.originData=o,s.rfidData=o.substr(5,12)}c&&i?i(s):d&&r&&r(s),l&&l(s)},this._startWork=t=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){}),this._rfidBeginScan=!0},this._stopWork=t=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(l){},function(l){})},this._handleKeyDown=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){const{autoRfidScan:n=!1,rfidReaderSleep:t}=this.props;WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(l){},function(l){}),n?t||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(n,t){return this.props.autoRfidScan&&this.props.rfidReaderSleep!==n.rfidReaderSleep&&(n.rfidReaderSleep?this._stopWork():this._startWork()),!0}render(){const r=this.props,{onRfidScan:t=dt,autoRfidScan:l}=r,i=D(r,["onRfidScan","autoRfidScan"]);return e.default.createElement(A,k({},i))}}M(Ee,"defaultProps",{rfidReaderSleep:!1});const ut=()=>{};class ft extends e.default.Component{constructor(n){super(n);this._barcodeBeginScan=!1,this._handleBarcodeScan=t=>{const{onBarcodeScan:l}=this.props;this._stopWork(),L("scan"),l&&l(t.param)},this._startWork=t=>{document.addEventListener("BarcodeScan",this._handleBarcodeScan),this._barcodeBeginScan=!0},this._stopWork=t=>{document.removeEventListener("BarcodeScan",this._handleBarcodeScan)},this._handleKeyDown=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._barcodeBeginScan||this._startWork())},this._handleKeyUp=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._barcodeBeginScan=!1)},this.onScanBarcode=this.onScanBarcode.bind(this)}onScanBarcode(n){this.props.onScanBarcode&&this.props.onScanBarcode(n.param)}componentDidMount(){const{onBarcodeScan:n}=this.props;n&&(document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp)),document.addEventListener("BarcodeScan",this.onScanBarcode),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'barcode'}}",function(t){},function(t){})}componentWillUnmount(){const{onBarcodeScan:n}=this.props;n&&(document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)),document.removeEventListener("BarcodeScan",this.onScanBarcode)}render(){const i=this.props,{onBarcodeScan:t=ut}=i,l=D(i,["onBarcodeScan"]);return e.default.createElement(A,k({},l))}}class ge extends e.default.Component{constructor(n){super(n)}render(){const n=this.props,{onBarcodeScan:t,onScanBarcode:l,onRfidOnce:i,onRfidBoxOnce:r,onRfidPalletOnce:s,onRfidScan:c,onRfidBoxScan:d,onRfidPalletScan:o}=n;return i||r||s?e.default.createElement(ot,k({},n)):c||d||o?e.default.createElement(Ee,k({},n)):t||l?e.default.createElement(ft,k({},n)):e.default.createElement(A,k({},n))}}const G=()=>{};function q(a){const{label:n="\u67E5\u8BE2",onWakeKeyboard:t=G,onClick:l=G,onHidden:i=G,type:r="tel",placeholder:s="\u8BF7\u8F93\u5165"}=a,c=E.useRef(null),[d,o]=E.useState(!0);return E.useEffect(()=>{const u=f=>{const{code:p,keyCode:h,key:y}=f;if(p==="Enter"){f.preventDefault(),l(c.current.value,f),i(!0),o(!1);return}};return requestAnimationFrame(()=>{c.current.focus(),t()}),document.addEventListener("keyup",u),()=>{document.removeEventListener("keyup",u)}},[]),d?e.default.createElement("div",{className:"wakekeyborard-overlay",onClick:u=>{u.target.className&&u.target.className.includes("wakekeyborard-overlay")&&(i(!1),o(!1))}},e.default.createElement("div",{className:"wakekeyborard-inputbox"},e.default.createElement("input",{ref:c,type:r,placeholder:s}),e.default.createElement(b,{type:"cutout",onClick:u=>{l(c.current.value,u),i(!0),o(!1)}},n))):null}const ye=()=>{};function ke(a){const[n,t]=E.useState(a.autoWakeup||!1),s=a,{onClick:l=ye,onHidden:i=ye}=s,r=D(s,["onClick","onHidden"]);return e.default.createElement("div",{className:"wakekeyborard"},n?e.default.createElement(q,k({onClick:(c,d)=>{l(c),t(!n)},onHidden:c=>{t(!1),i(c)}},r)):null,n?null:e.default.createElement("div",{className:"wakekeyborard-icon",onClick:c=>{t(!n)}}))}ke.Keyborard=q;class mt extends e.default.Component{constructor(n){super(n)}render(){const{className:n,title:t,isActive:l,infoList:i=[],style:r={},index:s,isLast:c}=this.props;return e.default.createElement("div",{className:g({[n]:!0,"pda-step-card":!0}),style:r},e.default.createElement("div",{className:"pda-step-indictor"},e.default.createElement("div",{className:g({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":s===0})}),e.default.createElement("div",{className:g({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":l})}),e.default.createElement("div",{className:g({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":c})})),e.default.createElement("div",{className:g({"pda-step":!0,"pda-step-dark":!l})},e.default.createElement("div",{className:"pda-step-title"},t),i.map((d,o)=>e.default.createElement("div",{key:o,className:"pda-step-list"},e.default.createElement("span",null,d.label||""),"\xA0\xA0",e.default.createElement("span",null,d.content||"")))))}}class be extends e.default.Component{constructor(n){super(n)}render(){const{className:n,style:t={},theme:l="light",current:i=0,children:r}=this.props;return e.default.createElement("div",{className:g({[n]:!0}),style:t},(r||[]).map((s,c)=>{const d=k({index:c,isLast:c===(r||[]).length-1},s.props);return c===i?d.isActive=!0:d.isActive=!1,E.cloneElement(s,d)}))}}M(be,"Step",mt);class R extends e.default.Component{constructor(n){super(n)}componentDidMount(){this.props.isError?L("success3"):L("success2")}render(){const{className:n,title:t,infoList:l=[],isError:i=!1,buttonMultiLines:r=!1,style:s={},onClick:c=()=>{},okText:d="\u8FD4\u56DE\u9996\u9875",cancelText:o=null}=this.props,u=e.default.createElement(b.Group,null,o?e.default.createElement(b,{style:r?{height:"auto",lineHeight:"50px"}:{},type:"dark",onClick:()=>c(!1)},o):null,e.default.createElement(b,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>c(!0)},d));return e.default.createElement(ge,{footer:u},e.default.createElement("div",{className:"pda-finish-card-top"},e.default.createElement("img",{className:"pda-finish-card-img",src:i?R.ERROR_SUCCESS:R.SUCCESS}),e.default.createElement("p",{className:"pda-finish-card-title"},t),l.map((f,p)=>e.default.createElement("p",{key:p,className:"pda-finish-card-list"},e.default.createElement("span",null,f.label||""),e.default.createElement("span",null,f.content||"")))))}}R.SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";R.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";class pt extends e.default.Component{constructor(n){super(n)}render(){const{className:n,title:t,infoText:l,percentage:i=0,style:r={}}=this.props,s="https://img.alicdn.com/imgextra/i3/O1CN01EFksWL1DBZCu0H1JH_!!6000000000178-2-tps-21-30.png",c="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.default.createElement("div",{className:g({[n]:!0,"pda-distance-card":!0}),style:r},e.default.createElement("p",{className:"pda-distance-card-highlight"},e.default.createElement("span",{className:"pda-distance-card-highlight1"},t)),e.default.createElement("div",{className:"pda-distance-indictor"},e.default.createElement("img",{src:s,width:20,height:29}),e.default.createElement("p",null,l)),e.default.createElement("div",{className:"pda-distance-card-progress"},e.default.createElement("div",{className:"pda-distance-card-progress-inside",style:{width:`${i*100}%`}}),e.default.createElement("img",{className:"pda-distance-card-progress-indictor",src:c})),e.default.createElement("div",{className:"pda-distance-label"},e.default.createElement("p",null,"\u8FDC"),e.default.createElement("p",null,"\u8FD1")))}}function ht(a){const{title:n,context:t,name:l,tag:i,attrs:r=[],style:s}=a;return e.default.createElement("div",{className:"android-sub-card",style:s},e.default.createElement("div",{className:"android-sub-card-title-section"},e.default.createElement("div",{className:"android-sub-card-title"},n),i?e.default.createElement("div",{className:"android-sub-card-tag"},e.default.createElement("div",{className:i.type},i.label||"")):null),e.default.createElement("div",{className:"android-sub-card-context"},t),l?e.default.createElement("div",{className:"android-sub-card-name"},l):null,e.default.createElement("div",{className:"android-sub-card-attrs"},r.map(c=>e.default.createElement("div",{key:c},c))))}function vt(a){const{title:n,label:t,select:l=!0,onClick:i=r=>{}}=a;return e.default.createElement("div",{className:"select-card"},e.default.createElement("p",null,n),e.default.createElement("div",{className:"select-card-content",onClick:i},t," ",l?e.default.createElement("span",{className:"select-icon"}):null," "))}function Et(){}function gt(a){const{dataSource:n=[],onClickItem:t=Et}=a;let l=1;return e.default.createElement("div",{className:"pda-app-list"},n.map(i=>e.default.createElement("div",{className:"pda-app-group",key:i.groupName},e.default.createElement("h2",{className:"group-name"},i.groupName),e.default.createElement("div",{className:"group-apps"},i.list.map(r=>e.default.createElement("div",{className:"app-item",key:r.name,autoFocus:l===1,tabIndex:l++,onClick:()=>t(r)},e.default.createElement("span",{className:"app-name"},r.name),e.default.createElement("span",{className:"app-subname"},r.subname)))))))}function yt(a){var n=E.useRef(a);n.current=a;var t=E.useRef();return t.current||(t.current=function(){for(var l=[],i=0;i<arguments.length;i++)l[i]=arguments[i];return n.current.apply(this,l)}),t.current}var kt=function(a,n,t,l){function i(r){return r instanceof t?r:new t(function(s){s(r)})}return new(t||(t=Promise))(function(r,s){function c(u){try{o(l.next(u))}catch(f){s(f)}}function d(u){try{o(l.throw(u))}catch(f){s(f)}}function o(u){u.done?r(u.value):i(u.value).then(c,d)}o((l=l.apply(a,n||[])).next())})},bt=function(a,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},l,i,r,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol=="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(o){return function(u){return d([o,u])}}function d(o){if(l)throw new TypeError("Generator is already executing.");for(;t;)try{if(l=1,i&&(r=o[0]&2?i.return:o[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;switch(i=0,r&&(o=[o[0]&2,r.value]),o[0]){case 0:case 1:r=o;break;case 4:return t.label++,{value:o[1],done:!1};case 5:t.label++,i=o[1],o=[0];continue;case 7:o=t.ops.pop(),t.trys.pop();continue;default:if(r=t.trys,!(r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1],r=o;break}if(r&&t.label<r[2]){t.label=r[2],t.ops.push(o);break}r[2]&&t.ops.pop(),t.trys.pop();continue}o=n.call(a,t)}catch(u){o=[6,u],i=0}finally{l=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}},Nt=function(a,n){var t=typeof Symbol=="function"&&a[Symbol.iterator];if(!t)return a;var l=t.call(a),i,r=[],s;try{for(;(n===void 0||n-- >0)&&!(i=l.next()).done;)r.push(i.value)}catch(c){s={error:c}}finally{try{i&&!i.done&&(t=l.return)&&t.call(l)}finally{if(s)throw s.error}}return r},Ct=function(){for(var a=[],n=0;n<arguments.length;n++)a=a.concat(Nt(arguments[n]));return a};function St(a){var n=this,t=E.useRef(!1);return E.useCallback(function(){for(var l=[],i=0;i<arguments.length;i++)l[i]=arguments[i];return kt(n,void 0,void 0,function(){var r,s;return bt(this,function(c){switch(c.label){case 0:if(t.current)return[2];t.current=!0,c.label=1;case 1:return c.trys.push([1,3,,4]),[4,a.apply(void 0,Ct(l))];case 2:return r=c.sent(),t.current=!1,[2,r];case 3:throw s=c.sent(),t.current=!1,s;case 4:return[2]}})})},[a])}const wt=/scroll|auto/i;function xt(a){const n=1;return a.tagName!=="HTML"&&a.tagName!=="BODY"&&a.nodeType===n}function Ne(a,n){let t=a;for(;t&&t!==n&&xt(t);){const{overflowY:l}=window.getComputedStyle(t);if(wt.test(l))return t;t=t.parentNode}return n}function _t(a){return e.default.createElement("div",{style:{color:a.color||"#999"}},e.default.createElement("svg",{height:"1em",viewBox:"0 0 100 40",style:{verticalAlign:"-0.125em"}},e.default.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},e.default.createElement("g",{transform:"translate(-100.000000, -71.000000)"},e.default.createElement("g",{transform:"translate(95.000000, 71.000000)"},e.default.createElement("g",{transform:"translate(5.000000, 0.000000)"},[0,1,2].map(n=>e.default.createElement("rect",{key:n,fill:"currentColor",x:20+n*26,y:"16",width:"8",height:"8",rx:"2"},e.default.createElement("animate",{attributeName:"y",from:"16",to:"16",dur:"2s",begin:`${n*.2}s`,repeatCount:"indefinite",values:"16; 6; 26; 16; 16",keyTimes:"0; 0.1; 0.3; 0.4; 1",id:"circ-anim"})))))))))}function Lt(a){return a===window}function Ce(a){const{className:n,hasMore:t,loadMore:l,threshold:i=0,style:r}=a,s=St(async()=>{await l()}),c=E.useRef(null),d=yt(()=>{if(!t)return;const o=c.current;if(!o)return;const u=Ne(o);if(!u)return;const f=o.getBoundingClientRect().top;(Lt(u)?window.innerHeight:u.getBoundingClientRect().bottom)>=f-i&&s()});return E.useEffect(()=>{d()}),E.useEffect(()=>{const o=c.current;if(!o)return;const u=Ne(o);if(!u)return;function f(){d()}return u.addEventListener("scroll",f),()=>{u.removeEventListener("scroll",f)}},[]),e.default.createElement("div",{className:g({[n]:!0,"pda-infinite-scroll":!0}),style:r,ref:c},t?e.default.createElement("div",{className:"pda-infinite-scroll-view"},e.default.createElement("span",null,"\u52A0\u8F7D\u4E2D"),e.default.createElement(_t,null)):e.default.createElement("div",{className:"pda-infinite-scroll-view"},e.default.createElement("span",null,"\u6CA1\u6709\u66F4\u591A\u4E86~")))}function Bt(a){const{className:n="",visible:t,actions:l=[],stickyToBottomActions:i=[],stickyToBottomDirection:r="column",infiniteScroll:s=null}=a;return e.default.createElement("div",{className:g({[n]:!0,"action-sheet":!0,show:t})},e.default.createElement("div",{className:"action-sheet-container"},e.default.createElement("div",{className:"action-sheet-body"},l.map((c,d)=>e.default.createElement("div",{onClick:()=>{c.onClick(c.key)},className:"action-sheet-item",key:d},c.title)),s?e.default.createElement(Ce,k({},s)):null),i.length>0?e.default.createElement("div",{className:g({"action-sheet-sticky-bottom":!0,["action-sheet-sticky-bottom-"+r]:!0})},i.map((c,d)=>e.default.createElement("div",{onClick:()=>{c.onClick(c.key)},className:"action-sheet-item",key:d},c.title))):null))}function Se(a){const{className:n=void 0,label:t="label",type:l="success"}=a;return e.default.createElement("div",{className:g({[n]:!0,"pda-tag":!0,["pda-tag-"+l]:!0})},t)}function we(a){const{className:n=void 0,title:t="",content:l="",type:i="default",onClick:r=()=>{}}=a;return t||l?e.default.createElement("div",{className:g({[n]:!0,"simple-card":!0,["simple-card-"+i]:!0}),onClick:r},e.default.createElement("p",{className:"simple-card-title"},t),e.default.createElement("p",{className:"simple-card-content"},l)):null}function Ft(a){const{className:n=void 0,dataSource:t=[],title:l="",tag:i}=a;return e.default.createElement("div",{className:g({[n]:!0,"simple-card-block":!0})},e.default.createElement("div",{className:"simple-card-block-header"},e.default.createElement("p",{className:"simple-card-block-title"},l),i?e.default.createElement("div",{style:{marginLeft:12}},e.default.createElement(Se,k({},i))):null),t.length>0?e.default.createElement("div",{className:"simple-card-block-content"},t.map((r,s)=>e.default.createElement(we,k({key:s},r))),e.default.createElement("div",{style:{display:"inline-block",padding:"12px  18px"}}),e.default.createElement("div",{style:{display:"inline-block",padding:"0  18px",margin:0}})):null)}const Rt=le;exports.ActionSheet=Bt;exports.AppList=gt;exports.BaseLayout=ge;exports.Button=b;exports.Confirm=V;exports.DistanceCard=pt;exports.FinishCard=R;exports.Header=Te;exports.InfiniteScroll=Ce;exports.InfoCard=ae;exports.Keyborard=q;exports.List=he;exports.ListItem=Rt;exports.Overlay=_;exports.PageFlowSystemPages=it;exports.Presentation=F;exports.SelectCard=vt;exports.SimpleCard=we;exports.SimpleCardBlock=Ft;exports.Steps=be;exports.SubCard=ht;exports.Tag=Se;exports.TaskCard=le;exports.Title=Re;exports.Toast=P;exports.WakeKeyborard=ke;
+ */for(r=97;r<123;r++)l[String.fromCharCode(r)]=r-32;for(var r=48;r<58;r++)l[r-48]=r;for(r=1;r<13;r++)l["f"+r]=r+111;for(r=0;r<10;r++)l["numpad "+r]=r+96;var s=n.names=n.title={};for(r in l)s[l[r]]=r;for(var c in i)l[c]=i[c]})(U,U.exports);var We=U.exports;function b(a){const{type:n="default",onClick:t,className:l="",tabIndex:i=1,dataClick:r=""}=a;let s={};return r&&(s["data-click"]=r),e.default.createElement("button",k({className:`pda-button pda-button-${n} ${l}`,onClick:t,tabIndex:i},s),a.children)}function De(a){return e.default.createElement("div",{className:"button-group"},a.children)}b.Group=De;const ee=["fn"],Pe=()=>{};function Te(a){const{onBack:n,icon:t,title:l,menus:i=[],onClickMenuItem:r=Pe,onScanBarcode:s,cancelMenuText:c,menuShortcutKey:d,backShortcutKey:o}=a,[u,f]=e.default.useState(!1);return e.default.useEffect(function(){if(d)return ne(te(d),function(){f(!0)})},[d]),e.default.useEffect(function(){if(o&&n)return ne(te(o),function(){n("back")})},[o,n]),e.default.useEffect(()=>$e(function(){n&&n("back")}),[]),e.default.useEffect(()=>Me(document,"BarcodeScan",function(p){s&&s(p.param.scanData)}),[s]),e.default.createElement("div",{className:"pda-header"},e.default.createElement("div",{className:"header-click-area"},n?e.default.createElement("div",{className:"pda-goback",onClick:()=>n("back")}):null,t&&e.default.createElement("div",{className:`pda-header-icon pda-header-icon-${t}`})),e.default.createElement("div",{className:"pda-title-text"},l),i&&i.length?e.default.createElement("div",{className:"pda-header-more",onClick:()=>f(!0)}):null,e.default.createElement(_,{visible:u,verticalPosition:"bottom",closable:!1,onClosed:()=>f(!1)},e.default.createElement("div",{className:"pda-menus"},i.map((p,h)=>e.default.createElement(b,{onClick:()=>{f(!1),r(p)},key:p.key||h},p.label)),c?e.default.createElement("div",{style:{marginTop:20}},e.default.createElement(b,{onClick:()=>f(!1)},c)):null)))}function te(a){return(a.indexOf(",")>-1?a.split(","):[a]).map(t=>{if(ee.indexOf(t.toLowerCase())>-1)return t.toLowerCase();const l=We(t);return l===void 0&&console.warn("OPButton.shortcutKey error key value by:",t),l}).filter(t=>t!==void 0)}function ne(a,n){function t(l){const i=l.key.toLowerCase(),r=ee.indexOf(i)>-1?i:l.keyCode;a.indexOf(r)>-1&&n&&n(l)}return document.addEventListener("keyup",t),function(){document.removeEventListener("keyup",t)}}function $e(a){function n(t){t.param.originValue=="back"&&a&&a()}return document.addEventListener("keyPressed",n,!1),function(){document.removeEventListener("keyPressed",n)}}function Me(a,n,t){return a.addEventListener(n,t,!1),function(){a.removeEventListener(n,t)}}class ae extends e.default.Component{constructor(n){super(n)}render(){const{className:n="",title:t,highlightInfo:l,subTitle:i,subHighlightInfo:r,subHighlightSubInfo:s,infoImage:c,tagText:d,highlightInfoCN:o,highlightSubInfo:u,percentage:f,highlightSubInfoCN:p,boldInfo:h,infoList:y=[],style:x={},theme:w="light"}=this.props;return e.default.createElement("div",{className:g({[n]:!0,"pda-info-card":!0,"pda-info-card-dark":w==="dark"}),style:x},e.default.createElement("div",{className:"pda-info-card-title-section"},e.default.createElement("div",{className:"pda-info-card-title"},t),d?e.default.createElement("div",{className:"pda-info-card-tag"},e.default.createElement("div",{className:"pda-info-card-tag-text"},d)):null),e.default.createElement("div",{className:"pda-info-card-highlight-section"},e.default.createElement("div",null,e.default.createElement("div",{className:"pda-info-card-highlight"},e.default.createElement("span",{className:"pda-info-card-highlight1"},l),e.default.createElement("span",{className:"pda-info-card-highlight1CN"},o),e.default.createElement("span",{className:"pda-info-card-highlight2"},u),e.default.createElement("span",{className:"pda-info-card-highlight2CN"},p)),i?e.default.createElement("div",{className:"pda-info-card-title"},i):null,r?e.default.createElement("div",{className:"pda-info-card-highlight"},e.default.createElement("span",{className:"pda-info-card-highlight1"},r),e.default.createElement("span",{className:"pda-info-card-highlight2"},s)):null),c?e.default.createElement("img",{src:c,width:150,height:150}):null),f!==void 0?e.default.createElement("div",{className:"pda-info-card-progress"},e.default.createElement("div",{className:"pda-info-card-progress-inside",style:{width:`${f*100}%`}})):null,e.default.createElement("div",{className:"pda-info-card-bold"},h),y.map((m,v)=>e.default.createElement("div",{key:v,className:"pda-info-card-list"},e.default.createElement("span",null,m.label||""),"\xA0\xA0",e.default.createElement("span",null,m.content||""))))}}ae.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";class le extends e.default.Component{constructor(n){super(n)}render(){const{className:n,header:t,onClick:l=()=>{},onHeightLightClick:i=()=>{},onIconClick:r=()=>{},highlightText:s,highlightSubText:c,stateTextList:d=[],stateList:o=[],subInfoList:u=[],style:f={},icon:p}=this.props;return e.default.createElement("div",{className:g({[n]:!0,"pda-list-item":!0}),style:f,onClick:l},t?e.default.createElement("div",{className:"pda-listitem-header"},t):null,e.default.createElement("div",{onClick:i,className:g({"pda-listitem-highlight":!0})},e.default.createElement("div",null,s),e.default.createElement("div",null,c)),e.default.createElement("div",{className:"pda-listitem-state-text"},d.map((h,y)=>e.default.createElement("span",{key:y},h.label||"","\uFF5C"))),e.default.createElement("div",{className:"pda-listitem-state-block"},o.map((h,y)=>{const x=h&&h.type?h.type:"default";return e.default.createElement("div",{key:y,className:x},h.label||"")})),p?e.default.createElement("div",{onClick:r,className:"pda-listitem-icon"},e.default.createElement("div",{className:g({"listitem-icon-container":!0,["listitem-icon-"+p]:!0})})):null,u.map((h,y)=>e.default.createElement("div",{key:y,className:"pda-listitem-subinfo"},e.default.createElement("span",null,h.label||""),"\xA0\xA0",e.default.createElement("span",null,h.content||""))))}}function Oe(){}function V(a){const{title:n="title",message:t=null,subMessage:l=[],okText:i="okText",cancelText:r=null,okDataClick:s=null,cancelDataClick:c=null,onClick:d=Oe,type:o="primary",insertButtons:u=[],appendButtons:f=[]}=a;return e.default.createElement("div",{className:g({"confirm-wrap":!0,["confirm-"+o]:!0})},e.default.createElement("div",{className:"confirm-content"},e.default.createElement("div",{className:"confirm-title"},n),t?e.default.createElement("div",{className:"confirm-message"},t):null,l.length?e.default.createElement("div",{className:"confirm-sub-message"},l.map((p,h)=>{const{label:y,content:x}=p;return e.default.createElement("div",{className:"confirm-sub-block",key:y||h},e.default.createElement("p",{className:"confirm-sub-label"},y?y+" : ":""),e.default.createElement("p",{className:"confirm-sub-content"},x||""))})):null),e.default.createElement("div",{className:"confirm-btns"},u.length>0?e.default.createElement(b.Group,null,u.map((p,h)=>e.default.createElement(b,{key:h,onClick:()=>d(p.value),dataClick:p.dataClick},p.label))):null,e.default.createElement(b.Group,null,r?e.default.createElement(b,{className:"confirm-cancel-button",onClick:()=>d(!1),dataClick:c},r):null,e.default.createElement(b,{type:"primary",onClick:()=>d(!0),dataClick:s},i)),f.length>0?e.default.createElement(b.Group,null,f.map((p,h)=>e.default.createElement(b,{key:h,onClick:()=>d(p.value),dataClick:p.dataClick},p.label))):null))}function re(a){const n={domain:"logger",method:"deviceLog",params:a};WindVane.call("WindvanePlugin","invoke",JSON.stringify(n),function(t){},function(t){})}function Ie(a){return(typeof a=="function"?a():a)||document.body}function Ae(a){return a===void 0}function ie(...a){function n(l,i){return Ae(i)?l:i}let t=Object.assign({},a[0]);for(let l=1;l<a.length;l++)t=Object.assign(t,a[l],n);return t}function L(a){if(window.WindVane){var n={domain:"audio",method:"playSound",params:{sound:a}};WindVane.call("WindvanePlugin","invoke",JSON.stringify(n))}}function Ke(a){return{success:"toast-wrap success",warning:"toast-wrap warning",error:"toast-wrap error"}[a]||"toast-wrap"}function P(a){const{title:n="title",message:t="message",type:l="success",duration:i=null}=a,[r,s]=E.useState(!1);return E.useEffect(()=>{window.WindVane&&(l==="warning"?(L("error1"),window.WindVane.call("WVMotion","vibrate",{duration:400})):l==="error"&&(L("error2"),window.WindVane.call("WVMotion","vibrate",{duration:200}),setTimeout(()=>{window.WindVane.call("WVMotion","vibrate",{duration:300})},250)))},[]),i&&setTimeout(()=>{s(!0)},i),r?null:e.default.createElement("div",{className:Ke(l)},e.default.createElement("div",{className:"toast-title"},n),e.default.createElement("div",{className:"toast-message"},t))}const Ue={maskClickable:!0,stopPropagation:["click"]},Ve=a=>{const n=ie(Ue,a),{maskClickable:t,content:l,icon:i,position:r,title:s,message:c,type:d,visible:o}=n;return e.default.createElement(_,{visible:o,verticalPosition:"bottom",closable:!0},e.default.createElement(P,{title:s,message:c,type:d}))},se=[];function ce(a){X.default.unmountComponentAtNode(a)&&a.parentNode&&a.parentNode.removeChild(a)}const He={duration:2e3};function je(a){const n=ie(He,a);let t=0;const{getContainer:l=()=>document.body}=n,i=document.createElement("div");Ie(l).appendChild(i),oe(),se.push(i);function s(){const[c,d]=E.useState(!0);return E.useEffect(()=>()=>{n.afterClose&&n.afterClose()},[]),E.useEffect(()=>{if(n.duration!==0)return t=window.setTimeout(()=>{d(!1)},n.duration),()=>{window.clearTimeout(t)}},[]),e.default.createElement(Ve,$(k({},n),{getContainer:()=>i,visible:c,afterClose:()=>{ce(i)}}))}X.default.render(e.default.createElement(s,null),i)}function oe(){for(;;){const a=se.pop();if(!a)break;ce(a)}}P.show=je;P.clear=oe;function Ge(a){const{service:n,data:t={}}=a,l=e.default.useCallback(function(){n.onNext(!0)},[n]);return e.default.createElement(_,{verticalPosition:"bottom"},e.default.createElement(V,$(k({},t),{onClick:l})))}function qe(a){const{action:n,appManager:t,service:l}=a,i=e.default.useCallback(function(){l.onStart(t.config.appId)});return e.default.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100vw",height:"100vh"}},e.default.createElement(b,{type:"primary",onClick:i},"\u5F00\u59CB\u4F5C\u4E1A"),e.default.createElement("br",null),e.default.createElement("div",null,t.config.appId),e.default.createElement("div",null,t.config.groupId))}function Ye(a){const{service:n,data:t={}}=a,l=e.default.useCallback(function(i){n.onNext(i)},[n]);return e.default.createElement(_,{verticalPosition:"bottom"},e.default.createElement(V,$(k({},t),{onClick:l})))}function ze(a){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[a]||"op-overlay"}function Je(a){const{verticalPosition:n="center",visible:t=!0,closable:l=!1,onClosed:i=()=>{}}=a,[r,s]=E.useState(!t);E.useEffect(()=>{s(!t)},[t]);const c={};return l&&(c.onClick=d=>{s(!0),i()}),E.useEffect(()=>{s(!t)},[t]),r?null:e.default.createElement("div",k({className:ze(n)},c),a.children)}function Xe(a){const n=e.default.useRef(),{data:t={},onNext:l}=a,{placeholder:i,defaultValue:r,title:s="\u8BF7\u8F93\u5165",type:c="text",okText:d="\u786E\u8BA4",cancelText:o="\u53D6\u6D88"}=t;return e.default.createElement(Je,{verticalPosition:"center",closable:!1},e.default.createElement("div",{className:"prompt-dialog"},e.default.createElement("div",null,e.default.createElement("h1",{className:"prompt-title"},s),e.default.createElement("input",{className:"prompt-input",autoFocus:!0,ref:n,placeholder:i,type:c,defaultValue:r,onKeyUp:u=>{u.keyCode===13&&l(de(n.current))}}),e.default.createElement("div",{className:"prompt-btns"},o?e.default.createElement(b,{onClick:()=>l("back")},o):null,e.default.createElement(b,{type:"primary",onClick:()=>{l(de(n.current))}},d)))))}function de(a){const n=a.value||"";return String(n).trim()}function Qe(a){const{data:n={},onNext:t,service:l}=a,{title:i,level:r,message:s,duration:c=null}=n,[d,o]=E.useState(!1);return e.default.useEffect(()=>{n.hasNext===void 0&&t("");let u=null;return c&&(u=setTimeout(()=>{o(!0)},c)),()=>{clearTimeout(u)}},[n]),d?null:e.default.createElement(_,{verticalPosition:"bottom"},e.default.createElement("div",{style:{width:"90%"}},e.default.createElement(P,{type:r,title:i,message:Ze(s)})))}function Ze(a){var n=String(a).split("by Error:");return n[1]||n[0]}function et(a){return e.default.createElement("div",{style:{padding:"20%"}},e.default.createElement("h1",null,"404 ",e.default.createElement("small",{style:{fontSize:"60%"}},"Not found")),e.default.createElement("div",null,a.action.getPage()))}function O(){return O=Object.assign||function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(a[l]=t[l])}return a},O.apply(this,arguments)}var B,H=B||(B={});H.Pop="POP";H.Push="PUSH";H.Replace="REPLACE";var ue=function(a){return a};function fe(a){a.preventDefault(),a.returnValue=""}function me(){var a=[];return{get length(){return a.length},push:function(n){return a.push(n),function(){a=a.filter(function(t){return t!==n})}},call:function(n){a.forEach(function(t){return t&&t(n)})}}}function tt(){return Math.random().toString(36).substr(2,8)}function j(a){var n=a.pathname,t=a.search;return a=a.hash,(n===void 0?"/":n)+(t===void 0?"":t)+(a===void 0?"":a)}function pe(a){var n={};if(a){var t=a.indexOf("#");0<=t&&(n.hash=a.substr(t),a=a.substr(0,t)),t=a.indexOf("?"),0<=t&&(n.search=a.substr(t),a=a.substr(0,t)),a&&(n.pathname=a)}return n}function nt(a){function n(){var m=pe(o.location.hash.substr(1)),v=m.pathname,N=m.search;m=m.hash;var S=u.state||{};return[S.idx,ue({pathname:v===void 0?"/":v,search:N===void 0?"":N,hash:m===void 0?"":m,state:S.usr||null,key:S.key||"default"})]}function t(){if(f)w.call(f),f=null;else{var m=B.Pop,v=n(),N=v[0];if(v=v[1],w.length){if(N!=null){var S=h-N;S&&(f={action:m,location:v,retry:function(){d(-1*S)}},d(S))}}else r(m)}}function l(m){var v=document.querySelector("base"),N="";return v&&v.getAttribute("href")&&(v=o.location.href,N=v.indexOf("#"),N=N===-1?v:v.slice(0,N)),N+"#"+(typeof m=="string"?m:j(m))}function i(m,v){return v===void 0&&(v=null),ue(O({},y,typeof m=="string"?pe(m):m,{state:v,key:tt()}))}function r(m){p=m,m=n(),h=m[0],y=m[1],x.call({action:p,location:y})}function s(m,v){function N(){s(m,v)}var S=B.Push,C=i(m,v);if(!w.length||(w.call({action:S,location:C,retry:N}),!1)){var W=[{usr:C.state,key:C.key,idx:h+1},l(C)];C=W[0],W=W[1];try{u.pushState(C,"",W)}catch(Wt){o.location.assign(W)}r(S)}}function c(m,v){function N(){c(m,v)}var S=B.Replace,C=i(m,v);w.length&&(w.call({action:S,location:C,retry:N}),1)||(C=[{usr:C.state,key:C.key,idx:h},l(C)],u.replaceState(C[0],"",C[1]),r(S))}function d(m){u.go(m)}a===void 0&&(a={}),a=a.window;var o=a===void 0?document.defaultView:a,u=o.history,f=null;o.addEventListener("popstate",t),o.addEventListener("hashchange",function(){var m=n()[1];j(m)!==j(y)&&t()});var p=B.Pop;a=n();var h=a[0],y=a[1],x=me(),w=me();return h==null&&(h=0,u.replaceState(O({},u.state,{idx:h}),"")),{get action(){return p},get location(){return y},createHref:l,push:s,replace:c,go:d,back:function(){d(-1)},forward:function(){d(1)},listen:function(m){return x.push(m)},block:function(m){var v=w.push(m);return w.length===1&&o.addEventListener("beforeunload",fe),function(){v(),w.length||o.removeEventListener("beforeunload",fe)}}}}function at(a){const{appManager:n}=a,t=Array.from(n.pageManager.keys()).reverse();return e.default.useEffect(function(){return nt().listen(({action:r,location:s})=>{const c=s.pathname;n.mockToPage(c,{})})},[]),e.default.createElement("div",{className:"local-debug-side"},e.default.createElement("ul",null,t.map(l=>e.default.createElement("li",{key:l},e.default.createElement("a",{href:`#${l}`},l)))))}function lt(a){const[n,t]=e.default.useState(!1),l=a.edgeService;return e.default.useEffect(function(){let i=!1;const r=function(s){i=s,s?setTimeout(function(){i===s&&t(!0)},350):setTimeout(function(){i===s&&t(!1)},100)};return l.on("IO_STATUS",r),function(){l.off("IO_STATUS",r)}},[l]),n?e.default.createElement("div",{style:{position:"absolute",left:0,top:0,zIndex:100}},"LOADING..."):null}function rt({data:a,service:n,action:t}){const{sound:l}=a;if(window.WindVane){var i={domain:"audio",method:"playSound",params:{sound:l}};WindVane.call("WindvanePlugin","invoke",JSON.stringify(i))}return n.onNext({}),null}var it={Alert:Ge,Start:qe,Toast:Qe,Confirm:Ye,NotFound:et,Debug:at,Prompt:Xe,Loading:lt,PlaySound:rt};function F(a){const{image:n=F.IMAGE_1,text:t="",subText:l="",transparent:i}=a;return e.default.createElement("div",{className:i?"presentation-card transparent":"presentation-card"},e.default.createElement("img",{src:n}),t?e.default.createElement("div",{className:"text"},t):null,l?e.default.createElement("div",{className:"sub-text"},l):null)}F.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png";F.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";F.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";F.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function st(){}function he(a){const{dataSource:n=[],onClickItem:t,onItemClick:l=st}=a;return e.default.createElement("div",{className:"android-pda-list"},n.map((i,r)=>e.default.createElement(ve,{key:i.key||r,dataSource:i,onClick:t||l})),a.children)}function ve(a){const n=a.dataSource||{title:a.title,subTitle:a.subTitle,extra:a.extra,tags:a.tags},{title:t,subTitle:l,extra:i,tags:r=[],tabIndex:s}=n,{onClick:c}=a;return e.default.createElement("div",{className:"default-item",onClick:()=>{c(a.dataSource)},tabIndex:s},e.default.createElement("div",{className:"text"},e.default.createElement("div",null,t),e.default.createElement("div",{className:"sub-text"},l),e.default.createElement("div",{className:"sub-tags"},r.map(d=>e.default.createElement("div",{className:"sub-tag-item",key:d},d)))),e.default.createElement("div",{className:"extra"},i))}he.Item=ve;const I=()=>{};class A extends e.default.Component{constructor(n){super(n);this.state={showLoading:!1},this._handleKeyUp=t=>{const{onScan:l=I,onEnter:i=I,onEsc:r=I,onDelete:s=I,scanMode:c=null}=this.props,{code:d,keyCode:o,key:u}=t;if(d==="Enter"){t.preventDefault(),i(t);return}if(d==="Delete"){t.preventDefault(),s(t);return}if(d==="Esc"){t.preventDefault(),r(t);return}},this._handleBeforeUnload=t=>(t.returnValue="\u786E\u5B9A\u79BB\u5F00\u5F53\u524D\u9875\u9762\u5417\uFF1F",!0),this._handleUnload=t=>{WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(i){},function(i){});const l={tag:"stopRfid",level:"d",message:"stop rfid scan!!!"};re(l),re(l)}}componentDidMount(){window.onunload=this._handleUnload,document.addEventListener("keyup",this._handleKeyUp)}componentWillUnmount(){window.onbeforeunload=null,window.onunload=null,document.removeEventListener("keyup",this._handleKeyUp)}shouldComponentUpdate(n,t){return n.loading&&!this.props.loading&&(this.setState({showLoading:!0}),n.loadingTimeout&&setTimeout(()=>{this.setState({showLoading:!1})},n.loadingTimeout)),!n.loading&&this.state.showLoading&&this.setState({showLoading:!1}),!0}render(){const n=this.props,{style:t={},header:l,footer:i,loading:r}=this.props;return e.default.createElement("div",{className:g({"baselayout-wrapper":!0}),style:t},l&&e.default.createElement("div",{className:g({"baselayout-header":!0})},l),e.default.createElement("div",{className:g({"baselayout-container":!0})},n.children),i&&e.default.createElement("div",{className:g({"baselayout-footer":!0})},i),this.state.showLoading?e.default.createElement("div",{className:"loading"}):null)}}const ct=()=>{};class ot extends e.default.Component{constructor(n){super(n);this._rfidBeginScan=!1,this._handleRfidScan=t=>{const{onRfidOnce:l,onRfidBoxOnce:i,onRfidPalletOnce:r}=this.props,s=t.param,c=s.rfidData.startsWith("0F006"),d=s.rfidData.startsWith("0F011");if(L("single_recog"),d){let o=s.rfidData;s.originData=o,s.rfidData=o.substr(5,12)}i&&c?(this._stopWork(),i(s)):r&&d&&(this._stopWork(),r(s)),l&&(this._stopWork(),l(s))},this._startWork=t=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){}),this._rfidBeginScan=!0},this._stopWork=t=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(l){},function(l){})},this._handleKeyDown=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=t=>{const{code:l,keyCode:i,key:r}=t;(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(n){},function(n){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}render(){const i=this.props,{onRfidOnce:t=ct}=i,l=D(i,["onRfidOnce"]);return e.default.createElement(A,k({},l))}}const dt=()=>{};class Ee extends e.default.Component{constructor(n){super(n);this._rfidBeginScan=!1,this._handleRfidScan=t=>{const{onRfidScan:l,onRfidBoxScan:i,onRfidPalletScan:r}=this.props,s=t.param,c=s.rfidData.startsWith("0F006"),d=s.rfidData.startsWith("0F011");if(d){let o=s.rfidData;s.originData=o,s.rfidData=o.substr(5,12)}c&&i?i(s):d&&r&&r(s),l&&l(s)},this._startWork=t=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){}),this._rfidBeginScan=!0},this._stopWork=t=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(l){},function(l){})},this._handleKeyDown=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){const{autoRfidScan:n=!1,rfidReaderSleep:t}=this.props;WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(l){},function(l){}),n?t||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(n,t){return this.props.autoRfidScan&&this.props.rfidReaderSleep!==n.rfidReaderSleep&&(n.rfidReaderSleep?this._stopWork():this._startWork()),!0}render(){const r=this.props,{onRfidScan:t=dt,autoRfidScan:l}=r,i=D(r,["onRfidScan","autoRfidScan"]);return e.default.createElement(A,k({},i))}}M(Ee,"defaultProps",{rfidReaderSleep:!1});const ut=()=>{};class ft extends e.default.Component{constructor(n){super(n);this._barcodeBeginScan=!1,this._handleBarcodeScan=t=>{const{onBarcodeScan:l}=this.props;this._stopWork(),L("scan"),l&&l(t.param)},this._startWork=t=>{document.addEventListener("BarcodeScan",this._handleBarcodeScan),this._barcodeBeginScan=!0},this._stopWork=t=>{document.removeEventListener("BarcodeScan",this._handleBarcodeScan)},this._handleKeyDown=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._barcodeBeginScan||this._startWork())},this._handleKeyUp=t=>{const{code:l,keyCode:i,key:r}=t;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._barcodeBeginScan=!1)},this.onScanBarcode=this.onScanBarcode.bind(this)}onScanBarcode(n){this.props.onScanBarcode&&this.props.onScanBarcode(n.param)}componentDidMount(){const{onBarcodeScan:n}=this.props;n&&(document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp)),document.addEventListener("BarcodeScan",this.onScanBarcode),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'barcode'}}",function(t){},function(t){})}componentWillUnmount(){const{onBarcodeScan:n}=this.props;n&&(document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)),document.removeEventListener("BarcodeScan",this.onScanBarcode)}render(){const i=this.props,{onBarcodeScan:t=ut}=i,l=D(i,["onBarcodeScan"]);return e.default.createElement(A,k({},l))}}class ge extends e.default.Component{constructor(n){super(n)}render(){const n=this.props,{onBarcodeScan:t,onScanBarcode:l,onRfidOnce:i,onRfidBoxOnce:r,onRfidPalletOnce:s,onRfidScan:c,onRfidBoxScan:d,onRfidPalletScan:o}=n;return i||r||s?e.default.createElement(ot,k({},n)):c||d||o?e.default.createElement(Ee,k({},n)):t||l?e.default.createElement(ft,k({},n)):e.default.createElement(A,k({},n))}}const G=()=>{};function q(a){const{label:n="\u67E5\u8BE2",onWakeKeyboard:t=G,onClick:l=G,onHidden:i=G,type:r="tel",placeholder:s="\u8BF7\u8F93\u5165"}=a,c=E.useRef(null),[d,o]=E.useState(!0);return E.useEffect(()=>{const u=f=>{const{code:p,keyCode:h,key:y}=f;if(p==="Enter"){f.preventDefault(),l(c.current.value,f),i(!0),o(!1);return}};return requestAnimationFrame(()=>{c.current.focus(),t()}),document.addEventListener("keyup",u),()=>{document.removeEventListener("keyup",u)}},[]),d?e.default.createElement("div",{className:"wakekeyborard-overlay",onClick:u=>{u.target.className&&u.target.className.includes("wakekeyborard-overlay")&&(i(!1),o(!1))}},e.default.createElement("div",{className:"wakekeyborard-inputbox"},e.default.createElement("input",{ref:c,type:r,placeholder:s}),e.default.createElement(b,{type:"cutout",onClick:u=>{l(c.current.value,u),i(!0),o(!1)}},n))):null}const ye=()=>{};function ke(a){const[n,t]=E.useState(a.autoWakeup||!1),s=a,{onClick:l=ye,onHidden:i=ye}=s,r=D(s,["onClick","onHidden"]);return e.default.createElement("div",{className:"wakekeyborard"},n?e.default.createElement(q,k({onClick:(c,d)=>{l(c),t(!n)},onHidden:c=>{t(!1),i(c)}},r)):null,n?null:e.default.createElement("div",{className:"wakekeyborard-icon",onClick:c=>{t(!n)}}))}ke.Keyborard=q;class mt extends e.default.Component{constructor(n){super(n)}render(){const{className:n,title:t,isActive:l,infoList:i=[],style:r={},index:s,isLast:c}=this.props;return e.default.createElement("div",{className:g({[n]:!0,"pda-step-card":!0}),style:r},e.default.createElement("div",{className:"pda-step-indictor"},e.default.createElement("div",{className:g({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":s===0})}),e.default.createElement("div",{className:g({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":l})}),e.default.createElement("div",{className:g({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":c})})),e.default.createElement("div",{className:g({"pda-step":!0,"pda-step-dark":!l})},e.default.createElement("div",{className:"pda-step-title"},t),i.map((d,o)=>e.default.createElement("div",{key:o,className:"pda-step-list"},e.default.createElement("span",null,d.label||""),"\xA0\xA0",e.default.createElement("span",null,d.content||"")))))}}class be extends e.default.Component{constructor(n){super(n)}render(){const{className:n,style:t={},theme:l="light",current:i=0,children:r}=this.props;return e.default.createElement("div",{className:g({[n]:!0}),style:t},(r||[]).map((s,c)=>{const d=k({index:c,isLast:c===(r||[]).length-1},s.props);return c===i?d.isActive=!0:d.isActive=!1,E.cloneElement(s,d)}))}}M(be,"Step",mt);class R extends e.default.Component{constructor(n){super(n)}componentDidMount(){this.props.isError?L("success3"):L("success2")}render(){const{className:n,title:t,infoList:l=[],isError:i=!1,buttonMultiLines:r=!1,style:s={},onClick:c=()=>{},okText:d="\u8FD4\u56DE\u9996\u9875",cancelText:o=null}=this.props,u=e.default.createElement(b.Group,null,o?e.default.createElement(b,{style:r?{height:"auto",lineHeight:"50px"}:{},type:"dark",onClick:()=>c(!1)},o):null,e.default.createElement(b,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>c(!0)},d));return e.default.createElement(ge,{footer:u},e.default.createElement("div",{className:"pda-finish-card-top"},e.default.createElement("img",{className:"pda-finish-card-img",src:i?R.ERROR_SUCCESS:R.SUCCESS}),e.default.createElement("p",{className:"pda-finish-card-title"},t),l.map((f,p)=>e.default.createElement("p",{key:p,className:"pda-finish-card-list"},e.default.createElement("span",null,f.label||""),e.default.createElement("span",null,f.content||"")))))}}R.SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";R.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";class pt extends e.default.Component{constructor(n){super(n)}render(){const{className:n,title:t,infoText:l,percentage:i=0,style:r={}}=this.props,s="https://img.alicdn.com/imgextra/i3/O1CN01EFksWL1DBZCu0H1JH_!!6000000000178-2-tps-21-30.png",c="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.default.createElement("div",{className:g({[n]:!0,"pda-distance-card":!0}),style:r},e.default.createElement("p",{className:"pda-distance-card-highlight"},e.default.createElement("span",{className:"pda-distance-card-highlight1"},t)),e.default.createElement("div",{className:"pda-distance-indictor"},e.default.createElement("img",{src:s,width:20,height:29}),e.default.createElement("p",null,l)),e.default.createElement("div",{className:"pda-distance-card-progress"},e.default.createElement("div",{className:"pda-distance-card-progress-inside",style:{width:`${i*100}%`}}),e.default.createElement("img",{className:"pda-distance-card-progress-indictor",src:c})),e.default.createElement("div",{className:"pda-distance-label"},e.default.createElement("p",null,"\u8FDC"),e.default.createElement("p",null,"\u8FD1")))}}function ht(a){const{title:n,context:t,name:l,tag:i,attrs:r=[],style:s}=a;return e.default.createElement("div",{className:"android-sub-card",style:s},e.default.createElement("div",{className:"android-sub-card-title-section"},e.default.createElement("div",{className:"android-sub-card-title"},n),i?e.default.createElement("div",{className:"android-sub-card-tag"},e.default.createElement("div",{className:i.type},i.label||"")):null),e.default.createElement("div",{className:"android-sub-card-context"},t),l?e.default.createElement("div",{className:"android-sub-card-name"},l):null,e.default.createElement("div",{className:"android-sub-card-attrs"},r.map(c=>e.default.createElement("div",{key:c},c))))}function vt(a){const{title:n,label:t,select:l=!0,onClick:i=r=>{}}=a;return e.default.createElement("div",{className:"select-card"},e.default.createElement("p",null,n),e.default.createElement("div",{className:"select-card-content",onClick:i},t," ",l?e.default.createElement("span",{className:"select-icon"}):null," "))}function Et(){}function gt(a){const{dataSource:n=[],onClickItem:t=Et}=a;let l=1;return e.default.createElement("div",{className:"pda-app-list"},n.map(i=>e.default.createElement("div",{className:"pda-app-group",key:i.groupName},e.default.createElement("h2",{className:"group-name"},i.groupName),e.default.createElement("div",{className:"group-apps"},i.list.map(r=>e.default.createElement("div",{className:"app-item",key:r.name,autoFocus:l===1,tabIndex:l++,onClick:()=>t(r)},e.default.createElement("span",{className:"app-name"},r.name),e.default.createElement("span",{className:"app-subname"},r.subname)))))))}function yt(a){var n=E.useRef(a);n.current=a;var t=E.useRef();return t.current||(t.current=function(){for(var l=[],i=0;i<arguments.length;i++)l[i]=arguments[i];return n.current.apply(this,l)}),t.current}var kt=function(a,n,t,l){function i(r){return r instanceof t?r:new t(function(s){s(r)})}return new(t||(t=Promise))(function(r,s){function c(u){try{o(l.next(u))}catch(f){s(f)}}function d(u){try{o(l.throw(u))}catch(f){s(f)}}function o(u){u.done?r(u.value):i(u.value).then(c,d)}o((l=l.apply(a,n||[])).next())})},bt=function(a,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},l,i,r,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol=="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(o){return function(u){return d([o,u])}}function d(o){if(l)throw new TypeError("Generator is already executing.");for(;t;)try{if(l=1,i&&(r=o[0]&2?i.return:o[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;switch(i=0,r&&(o=[o[0]&2,r.value]),o[0]){case 0:case 1:r=o;break;case 4:return t.label++,{value:o[1],done:!1};case 5:t.label++,i=o[1],o=[0];continue;case 7:o=t.ops.pop(),t.trys.pop();continue;default:if(r=t.trys,!(r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1],r=o;break}if(r&&t.label<r[2]){t.label=r[2],t.ops.push(o);break}r[2]&&t.ops.pop(),t.trys.pop();continue}o=n.call(a,t)}catch(u){o=[6,u],i=0}finally{l=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}},Nt=function(a,n){var t=typeof Symbol=="function"&&a[Symbol.iterator];if(!t)return a;var l=t.call(a),i,r=[],s;try{for(;(n===void 0||n-- >0)&&!(i=l.next()).done;)r.push(i.value)}catch(c){s={error:c}}finally{try{i&&!i.done&&(t=l.return)&&t.call(l)}finally{if(s)throw s.error}}return r},Ct=function(){for(var a=[],n=0;n<arguments.length;n++)a=a.concat(Nt(arguments[n]));return a};function St(a){var n=this,t=E.useRef(!1);return E.useCallback(function(){for(var l=[],i=0;i<arguments.length;i++)l[i]=arguments[i];return kt(n,void 0,void 0,function(){var r,s;return bt(this,function(c){switch(c.label){case 0:if(t.current)return[2];t.current=!0,c.label=1;case 1:return c.trys.push([1,3,,4]),[4,a.apply(void 0,Ct(l))];case 2:return r=c.sent(),t.current=!1,[2,r];case 3:throw s=c.sent(),t.current=!1,s;case 4:return[2]}})})},[a])}const wt=/scroll|auto/i;function xt(a){const n=1;return a.tagName!=="HTML"&&a.tagName!=="BODY"&&a.nodeType===n}function Ne(a,n){let t=a;for(;t&&t!==n&&xt(t);){const{overflowY:l}=window.getComputedStyle(t);if(wt.test(l))return t;t=t.parentNode}return n}function _t(a){return e.default.createElement("div",{style:{color:a.color||"#999"}},e.default.createElement("svg",{height:"1em",viewBox:"0 0 100 40",style:{verticalAlign:"-0.125em"}},e.default.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},e.default.createElement("g",{transform:"translate(-100.000000, -71.000000)"},e.default.createElement("g",{transform:"translate(95.000000, 71.000000)"},e.default.createElement("g",{transform:"translate(5.000000, 0.000000)"},[0,1,2].map(n=>e.default.createElement("rect",{key:n,fill:"currentColor",x:20+n*26,y:"16",width:"8",height:"8",rx:"2"},e.default.createElement("animate",{attributeName:"y",from:"16",to:"16",dur:"2s",begin:`${n*.2}s`,repeatCount:"indefinite",values:"16; 6; 26; 16; 16",keyTimes:"0; 0.1; 0.3; 0.4; 1",id:"circ-anim"})))))))))}function Lt(a){return a===window}function Ce(a){const{className:n,hasMore:t,loadMore:l,threshold:i=0,style:r}=a,s=St(async()=>{await l()}),c=E.useRef(null),d=yt(()=>{if(!t)return;const o=c.current;if(!o)return;const u=Ne(o);if(!u)return;const f=o.getBoundingClientRect().top;(Lt(u)?window.innerHeight:u.getBoundingClientRect().bottom)>=f-i&&s()});return E.useEffect(()=>{d()}),E.useEffect(()=>{const o=c.current;if(!o)return;const u=Ne(o);if(!u)return;function f(){d()}return u.addEventListener("scroll",f),()=>{u.removeEventListener("scroll",f)}},[]),e.default.createElement("div",{className:g({[n]:!0,"pda-infinite-scroll":!0}),style:r,ref:c},t?e.default.createElement("div",{className:"pda-infinite-scroll-view"},e.default.createElement("span",null,"\u52A0\u8F7D\u4E2D"),e.default.createElement(_t,null)):e.default.createElement("div",{className:"pda-infinite-scroll-view"},e.default.createElement("span",null,"\u6CA1\u6709\u66F4\u591A\u4E86~")))}function Bt(a){const{className:n="",visible:t,actions:l=[],stickyToBottomActions:i=[],stickyToBottomDirection:r="column",infiniteScroll:s=null}=a;return e.default.createElement("div",{className:g({[n]:!0,"action-sheet":!0,show:t})},e.default.createElement("div",{className:"action-sheet-container"},e.default.createElement("div",{className:"action-sheet-body"},l.map((c,d)=>e.default.createElement("div",{onClick:()=>{c.onClick(c.key)},className:"action-sheet-item",key:d},c.title)),s?e.default.createElement(Ce,k({},s)):null),i.length>0?e.default.createElement("div",{className:g({"action-sheet-sticky-bottom":!0,["action-sheet-sticky-bottom-"+r]:!0})},i.map((c,d)=>e.default.createElement("div",{onClick:()=>{c.onClick(c.key)},className:"action-sheet-item",key:d},c.title))):null))}function Se(a){const{className:n=void 0,label:t="label",type:l="success"}=a;return e.default.createElement("div",{className:g({[n]:!0,"pda-tag":!0,["pda-tag-"+l]:!0})},t)}function we(a){const{className:n=void 0,title:t="",content:l="",type:i="default",onClick:r=()=>{}}=a;return t||l?e.default.createElement("div",{className:g({[n]:!0,"simple-card":!0,["simple-card-"+i]:!0}),onClick:r},e.default.createElement("p",{className:"simple-card-title"},t),e.default.createElement("p",{className:"simple-card-content"},l)):null}function Ft(a){const{className:n=void 0,dataSource:t=[],title:l="",tag:i}=a;return e.default.createElement("div",{className:g({[n]:!0,"simple-card-block":!0})},e.default.createElement("div",{className:"simple-card-block-header"},e.default.createElement("p",{className:"simple-card-block-title"},l),i?e.default.createElement("div",{style:{marginLeft:12}},e.default.createElement(Se,k({},i))):null),t.length>0?e.default.createElement("div",{className:"simple-card-block-content"},t.map((r,s)=>e.default.createElement(we,k({key:s},r))),e.default.createElement("div",{style:{display:"inline-block",padding:"12px  18px"}}),e.default.createElement("div",{style:{display:"inline-block",padding:"0  18px",margin:0}})):null)}const Rt=le;exports.ActionSheet=Bt;exports.AppList=gt;exports.BaseLayout=ge;exports.Button=b;exports.Confirm=V;exports.DistanceCard=pt;exports.FinishCard=R;exports.Header=Te;exports.InfiniteScroll=Ce;exports.InfoCard=ae;exports.Keyborard=q;exports.List=he;exports.ListItem=Rt;exports.Overlay=_;exports.PageFlowSystemPages=it;exports.Presentation=F;exports.SelectCard=vt;exports.SimpleCard=we;exports.SimpleCardBlock=Ft;exports.Steps=be;exports.SubCard=ht;exports.Tag=Se;exports.TaskCard=le;exports.Title=Re;exports.Toast=P;exports.WakeKeyborard=ke;

package/es/index.es.js

@@ -84,7 +84,7 @@ var classnames = { exports: {} };
   })();
 })(classnames);
 var classNames = classnames.exports;
-var index$t = "";
+var index$u = "";
 function getTypeClass$2(type) {
   return {
     "center": "op-overlay center",
@@ -113,7 +113,7 @@ function Overlay$1(props) {
     className: getTypeClass$2(verticalPosition)
   }, option), props.children) : null;
 }
-var index$s = "";
+var index$t = "";
 const blankFunc$6 = () => {
 };
 class PdaTitle extends React.Component {
@@ -281,7 +281,7 @@ var keycode$1 = { exports: {} };
   }
 })(keycode$1, keycode$1.exports);
 var keycode = keycode$1.exports;
-var index$r = "";
+var index$s = "";
 function Button(props) {
   const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
   let opt = {};
@@ -300,6 +300,7 @@ function ButtonGroup(props) {
   }, props.children);
 }
 Button.Group = ButtonGroup;
+var index$r = "";
 const SPECIAL_KEY_MAP = ["fn"];
 const empty$3 = () => {
 };
@@ -312,7 +313,6 @@ function index$q(props) {
     onClickMenuItem = empty$3,
     onScanBarcode,
     cancelMenuText,
-    configIconClick = null,
     menuShortcutKey,
     backShortcutKey
   } = props;
@@ -353,11 +353,8 @@ function index$q(props) {
   })), /* @__PURE__ */ React.createElement("div", {
     className: "pda-title-text"
   }, title), menus && menus.length ? /* @__PURE__ */ React.createElement("div", {
-    className: "pda-header-icon pda-header-more",
+    className: "pda-header-more",
     onClick: () => setShowMenus(true)
-  }) : null, configIconClick ? /* @__PURE__ */ React.createElement("div", {
-    className: "pda-header-icon pda-header-config",
-    onClick: configIconClick
   }) : null, /* @__PURE__ */ React.createElement(Overlay$1, {
     visible: showMenus,
     verticalPosition: "bottom",

package/es/style.css

@@ -1 +1 @@
-*{margin:0;padding:0}div{box-sizing:border-box}.pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .header-click-area{height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px;flex:1}.pda-header .pda-header-more{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png)}.pda-header .pda-header-config{background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png)}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:40px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:bold;display:flex;flex-direction:row;align-items:flex-end}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:bold;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:bold;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-sub-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:bold}.toast-wrap .toast-message{font-size:32px}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.local-debug-side{position:absolute;right:0;bottom:0}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999}.android-pda-list .default-item{background-color:#282828;font-size:36px;padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-top:16px}.baselayout-wrapper .baselayout-footer{padding:16px 0}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);background-repeat:no-repeat;background-position:center;background-size:120px 120px}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:bold;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:bold;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}.select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}.pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}.action-sheet{position:absolute;z-index:1000;width:100%;height:100%;background-color:#00000059;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}.simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:bold;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;flex:1;margin-right:12px;margin-top:12px}
+*{margin:0;padding:0}div{box-sizing:border-box}.pda-header{display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px}.pda-header .pda-header-more{height:36px;width:36px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-left:auto}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:40px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .header-click-area{height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%;background-repeat:no-repeat}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px;flex:1}.pda-header .pda-header-more{height:36px;width:36px;margin-left:16px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-right:15px}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:bold;display:flex;flex-direction:row;align-items:flex-end}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:bold;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:bold;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-sub-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:bold}.toast-wrap .toast-message{font-size:32px}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.local-debug-side{position:absolute;right:0;bottom:0}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999}.android-pda-list .default-item{background-color:#282828;font-size:36px;padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-top:16px}.baselayout-wrapper .baselayout-footer{padding:16px 0}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);background-repeat:no-repeat;background-position:center;background-size:120px 120px}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:bold;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:bold;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}.select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}.pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}.action-sheet{position:absolute;z-index:1000;width:100%;height:100%;background-color:#00000059;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}.simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:bold;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;flex:1;margin-right:12px;margin-top:12px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cniot/android-pda-components",
-  "version": "0.2.26",
+  "version": "0.2.30",
   "description": "",
   "main": "./es/index.cjs.js",
   "module": "./es/index.es.js",

package/packages/AppList/doc.jsx

@@ -0,0 +1,138 @@
+import React from "react";
+import AppList from "./index";
+
+
+const dataSource = [
+  {
+    groupName:"分组",
+    list: [
+      {
+        name:"拣选",
+        subname:"人工拣选"
+      },
+      {
+        name:"复核",
+        subname:"复核打包"
+      },
+      {
+        name:"上架",
+        subname:"上架XXXX"
+      },
+      {
+        name:"拣选2",
+        subname:"人工拣选"
+      },
+    ]
+  },
+  {
+    groupName:"分组2",
+    list:[
+      {
+        name:"复核1",
+        subname:"复核打包"
+      },
+      {
+        name:"上架1",
+      },
+      {
+        name:"拣选3",
+        subname:"人工拣选"
+      },
+      {
+        name:"复核2",
+        subname:"复核打包"
+      },
+      {
+        name:"拣选拣选拣选拣选",
+        subname:"上架XXXX"
+      }
+    ]
+  }
+];
+
+export default function () {
+  return (
+    <div>
+      <h1>AppList</h1>
+      <p>一般用于展示AppList</p>
+      <h2>示例</h2>
+      <div className="light-block" style={{display: 'flex', flexDirection: 'row'}}>
+        <div style={{backgroundColor:"#000000", width:480}} >
+          <AppList dataSource={dataSource} onClickItem={console.log} />
+        </div>
+      </div>
+      <code className="code">{`
+
+      const dataSource = [
+        {
+          groupName:"分组",
+          list: [
+            {
+              name:"拣选",
+              subname:"人工拣选"
+            },
+            {
+              name:"复核",
+              subname:"复核打包"
+            },
+            {
+              name:"上架",
+              subname:"上架XXXX"
+            },
+            {
+              name:"拣选2",
+              subname:"人工拣选"
+            },
+            {
+              name:"复核1",
+              subname:"复核打包"
+            },
+            {
+              name:"上架1",
+              subname:"上架XXXX"
+            },
+            {
+              name:"拣选3",
+              subname:"人工拣选"
+            },
+            {
+              name:"复核2",
+              subname:"复核打包"
+            },
+            {
+              name:"上架2",
+              subname:"上架XXXX"
+            }
+          ]
+        }
+      ];
+      <AppList dataSource={dataSource} onClickItem={console.log} />
+      `}</code>
+      <h2>参数</h2>
+      <table className="pure-table pure-table-bordered">
+        <thead>
+          <tr>
+            <th>属性</th>
+            <th>说明</th>
+            <th>类型</th>
+            <th>默认值</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>dataSource</td>
+            <td>数据</td>
+            <td>{`Array(group<groupName, list<name,subname>)`}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>onClickItem</td>
+            <td>点击Item</td>
+            <td>Function(item)</td>
+            <td>-</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+}

package/packages/AppList/index.jsx

@@ -0,0 +1,33 @@
+import React from "react";
+import "./index.less";
+
+
+function empty(){}
+
+export default function(props){
+  const { dataSource = [], onClickItem=empty } = props;
+  let tabIndex = 1;
+  return <div className="pda-app-list">
+    {
+      dataSource.map((item)=>{
+        return (
+          <div className="pda-app-group" key={item.groupName}>
+          <h2 className="group-name">{item.groupName}</h2>
+          <div className="group-apps">
+            {
+              item.list.map((it)=>{
+                return (
+                  <div className="app-item" key={it.name} autoFocus={tabIndex===1} tabIndex={tabIndex++} onClick={()=> onClickItem(it)}  >
+                    <span className="app-name">{it.name}</span>
+                    <span className="app-subname">{it.subname}</span>
+                  </div>
+                )
+              })
+            }
+          </div>
+        </div>
+        )
+      })
+    }
+  </div>
+}

package/packages/AppList/index.less

@@ -0,0 +1,52 @@
+.pda-app-list{
+  // width:480px;
+  // background:#000000;
+  .pda-app-group{
+    margin:25px;
+
+    .group-name{
+      font-size:32px;
+      line-height:1em;
+      margin:0;
+      font-size: 32px;
+      color: #FFFFFF;
+      font-weight:400;
+      opacity:0.6;
+    }
+
+    .group-apps{
+      display:flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      margin-top:25px;
+      .app-item{
+        display:flex;
+        flex-direction:column;
+        justify-content:center;
+        align-items:center;
+        background-image: linear-gradient(138deg, #0091EA 0%, #095FFF 100%);
+        border-radius: 12px;
+        font-size: 32px;
+        color: #FFFFFF;
+        min-height:126px;
+        flex:1;
+        min-width:48%;
+        max-width:48%;
+        margin-bottom:25px;
+        cursor: pointer;
+
+        &:hover,&:active,&:focus{
+          background-image: linear-gradient(45deg, #0091EA 0%, #095FFF 100%);
+          box-shadow: 0 0 1px 2px #fff;
+        }
+
+        .app-name{
+          text-align: center;
+        }
+        .app-subname{
+          font-size:50%;
+        }
+      }
+    }
+  }
+}