@cniot/android-pda-components 0.0.24 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/assets/{index.e8c9ebc9.js → index.f4cdaf13.js} +19 -19
- package/build/index.html +1 -1
- package/es/index.cjs.js +2 -2
- package/es/index.es.js +62 -34
- package/es/style.css +1 -1
- package/package.json +1 -1
- package/test/src/web/pages/rfidOnce/index.jsx +1 -1
- package/test/src/web/pages/rfidScan/index.jsx +1 -1
- package/vite.config.js +4 -0
- package/test/src/web/pages/continuousRfidScan/index.jsx +0 -61
- package/test/src/web/pages/continuousRfidScan/index.less +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var q=Object.defineProperty;var x=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var R=(u,t,l)=>t in u?q(u,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):u[t]=l,b=(u,t)=>{for(var l in t||(t={}))O.call(t,l)&&R(u,l,t[l]);if(x)for(var l of x(t))$.call(t,l)&&R(u,l,t[l]);return u};var N=(u,t)=>{var l={};for(var n in u)O.call(u,n)&&t.indexOf(n)<0&&(l[n]=u[n]);if(u!=null&&x)for(var n of x(u))t.indexOf(n)<0&&$.call(u,n)&&(l[n]=u[n]);return l};var S=(u,t,l)=>(R(u,typeof t!="symbol"?t+"":t,l),l);import{R as e,_ as F,c as m,u as J,a as Q,b as z,d as Z,e as ee}from"./vendor.1ac3b6a0.js";const te=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))n(a);new MutationObserver(a=>{for(const r of a)if(r.type==="childList")for(const c of r.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&n(c)}).observe(document,{childList:!0,subtree:!0});function l(a){const r={};return a.integrity&&(r.integrity=a.integrity),a.referrerpolicy&&(r.referrerPolicy=a.referrerpolicy),a.crossorigin==="use-credentials"?r.credentials="include":a.crossorigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function n(a){if(a.ep)return;a.ep=!0;const r=l(a);fetch(a.href,r)}};te();function le(){return e.createElement("div",null,e.createElement("h1",null,"\u5FEB\u901F\u5F00\u59CB"),e.createElement("code",{className:"code"},`
|
|
2
2
|
|
|
3
3
|
tnpm install @cniot/android-pda-components --save
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ import { Button } from '@cniot/android-pda-components';
|
|
|
6
6
|
|
|
7
7
|
import '@cniot/android-pda-components/es/style.css';
|
|
8
8
|
|
|
9
|
-
`))}function
|
|
9
|
+
`))}function ne(u){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[u]||"op-overlay"}function y(u){const{verticalPosition:t="center",visible:l=!0,closable:n=!1,onClosed:a=()=>{}}=u,[r,c]=F.exports.useState(!l),o={};return n&&(o.onClick=i=>{c(!0),a()}),F.exports.useEffect(()=>{c(!l)},[l]),r?null:e.createElement("div",b({className:ne(t)},o),u.children)}class E extends e.Component{render(){const{type:t="default",width:l,style:n={},onClick:a,className:r}=this.props;l&&(n.width=l);let c="pda-button-"+t;return e.createElement("button",{className:m({[r]:!0,"pda-button":!0,[c]:!0}),style:n,onClick:a},this.props.children)}}class ue extends e.Component{render(){return e.createElement("div",{className:m({"button-group":!0})},this.props.children)}}E.Group=ue;const ae=()=>{};class I extends e.Component{constructor(t){super(t);S(this,"state",{showMenu:!1})}render(){const{className:t,goBack:l=!0,goBackHandle:n=ae,icon:a="scan",title:r="\u4EFB\u52A1",menuList:c=null}=this.props,{showMenu:o}=this.state;return e.createElement("div",{className:m({[t]:!0,"pda-header":!0})},l&&e.createElement("div",{className:"pda-goback",onClick:n}),a&&e.createElement("div",{className:m({"pda-header-icon":!0,["pda-header-icon-"+a]:!0})}),e.createElement("p",{className:m({"pda-title-text":!0})},r),c?e.createElement("div",{className:"pda-header-more",onClick:i=>{this.setState({showMenu:!0})}}):null,e.createElement(y,{visible:o,verticalPosition:"bottom",closable:!0,onClosed:i=>this.setState({showMenu:!1})},e.createElement("div",{className:"pda-menus"},c)))}}function re(){return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block"},e.createElement(I,{title:"hello world",goBackHandle:()=>{console.log("go back")}}),e.createElement(I,{icon:"read",title:"hello world"}),e.createElement(I,{icon:"select",title:"hello world",menuList:e.createElement(e.Fragment,null,e.createElement(E,null,"\u6309\u94AE"),e.createElement(E,{type:"primary",onClick:u=>console.log(u)},"\u786E\u8BA4"),e.createElement(E,{type:"dark"},"\u6DF1\u8272"))})),e.createElement("code",{className:"code"},`
|
|
10
10
|
<Title
|
|
11
11
|
title='hello world'
|
|
12
12
|
icon='read'
|
|
@@ -21,7 +21,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
21
21
|
</>
|
|
22
22
|
}
|
|
23
23
|
/>
|
|
24
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"goBack"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")),e.createElement("tr",null,e.createElement("td",null,"goBackHandle"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE\u70B9\u51FB\u5904\u7406"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"title \u56FE\u6807"),e.createElement("td",null,"string: scan | select | read"),e.createElement("td",null,"scan")),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"more(\u5E9F\u5F03\uFF0C\u4F7F\u7528 menuList)"),e.createElement("td",null,"\u66F4\u591A(\u5E9F\u5F03\uFF0C\u4F7F\u7528 menuList)"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"menuList"),e.createElement("td",null,"\u5F39\u51FA\u83DC\u5355\u5217\u8868"),e.createElement("td",null),e.createElement("td",null)))))}function
|
|
24
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"goBack"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")),e.createElement("tr",null,e.createElement("td",null,"goBackHandle"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE\u70B9\u51FB\u5904\u7406"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"title \u56FE\u6807"),e.createElement("td",null,"string: scan | select | read"),e.createElement("td",null,"scan")),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"more(\u5E9F\u5F03\uFF0C\u4F7F\u7528 menuList)"),e.createElement("td",null,"\u66F4\u591A(\u5E9F\u5F03\uFF0C\u4F7F\u7528 menuList)"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"menuList"),e.createElement("td",null,"\u5F39\u51FA\u83DC\u5355\u5217\u8868"),e.createElement("td",null),e.createElement("td",null)))))}function ce(){return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(E,null,"\u6309\u94AE"),e.createElement(E,{width:"60%",type:"primary",onClick:u=>console.log(u)},"\u786E\u8BA4"),e.createElement(E,{width:"150px",type:"dark",style:{marginTop:"12px",marginBottom:"12px"}},"\u6DF1\u8272"),e.createElement(E.Group,null,e.createElement(E,{type:"cutout"},"\u9542\u7A7A"),e.createElement(E,null,"\u6309\u94AE"))),e.createElement("code",{className:"code"},`
|
|
25
25
|
<Button>\u6309\u94AE</Button>
|
|
26
26
|
<Button width='60%' type='primary' onClick={e => console.log(e) }>\u786E\u8BA4</Button>
|
|
27
27
|
<Button width='150px' type='dark' style={{marginTop: '12px', marginBottom: '12px'}}>\u6DF1\u8272</Button>
|
|
@@ -30,7 +30,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
30
30
|
<Button type="cutout">\u9542\u7A7A</Button>
|
|
31
31
|
<Button>\u6309\u94AE</Button>
|
|
32
32
|
</Button.Group>
|
|
33
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | dark | cutout"),e.createElement("td",null,"default")),e.createElement("tr",null,e.createElement("td",null,"width"),e.createElement("td",null,"\u6309\u94AE\u5BBD\u5EA6"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"style"),e.createElement("td",null,"\u8986\u5199\u6837\u5F0F"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)))))}class
|
|
33
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | dark | cutout"),e.createElement("td",null,"default")),e.createElement("tr",null,e.createElement("td",null,"width"),e.createElement("td",null,"\u6309\u94AE\u5BBD\u5EA6"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"style"),e.createElement("td",null,"\u8986\u5199\u6837\u5F0F"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)))))}class f extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,highlightInfo:n,subTitle:a,subHighlightInfo:r,subHighlightSubInfo:c,infoImage:o,tagText:i,highlightInfoCN:s,highlightSubInfo:d,percentage:g,highlightSubInfoCN:p,boldInfo:B,infoList:_=[],style:V={},theme:j="light"}=this.props;return e.createElement("div",{className:m({[t]:!0,"pda-info-card":!0,"pda-info-card-dark":j==="dark"}),style:V},e.createElement("div",{className:"pda-info-card-title-section"},e.createElement("p",{className:"pda-info-card-title"},l),i?e.createElement("div",{className:"pda-info-card-tag"},e.createElement("p",{className:"pda-info-card-tag-text"},i)):null),e.createElement("div",{className:"pda-info-card-highlight-section"},e.createElement("div",null,e.createElement("p",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},n),e.createElement("span",{className:"pda-info-card-highlight1CN"},s),e.createElement("span",{className:"pda-info-card-highlight2"},d),e.createElement("span",{className:"pda-info-card-highlight2CN"},p)),a?e.createElement("p",{className:"pda-info-card-title"},a):null,r?e.createElement("p",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},r),e.createElement("span",{className:"pda-info-card-highlight2"},c)):null),o?e.createElement("img",{src:o,width:150,height:150}):null),g!==void 0?e.createElement("div",{className:"pda-info-card-progress"},e.createElement("div",{className:"pda-info-card-progress-inside",style:{width:`${g*100}%`}})):null,e.createElement("p",{className:"pda-info-card-bold"},B),_.map((W,Y)=>e.createElement("p",{key:Y,className:"pda-info-card-list"},e.createElement("span",null,W.label||""),"\xA0\xA0",e.createElement("span",null,W.content||""))))}}f.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";function oe(){return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(f,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",percentage:.64,boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",style:{width:"400px",marginRight:"32px"},infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(f,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",tagText:"\u5C11\u8D272",boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",style:{width:"400px",marginRight:"32px"},theme:"dark",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(f,{title:"\u6F0F\u626B\u7BB1\u6570/\u8BC6\u522B\u603B\u7BB1\u6570",highlightInfo:"0",highlightSubInfo:"/40",infoImage:f.IMAGE_1,style:{width:"400px",marginRight:"32px",height:"min-content"}}),e.createElement(f,{title:"\u8BC6\u522B\u7BB1\u6570(CS)",highlightInfo:"0",highlightSubInfo:"/50",subTitle:"\u8BC6\u522B\u4E2A\u6570(EA)",subHighlightInfo:"40",subHighlightSubInfo:"/50",infoImage:f.IMAGE_1,style:{width:"400px",marginRight:"32px",height:"min-content"}})),e.createElement("code",{className:"code"},`
|
|
34
34
|
<InfoCard
|
|
35
35
|
title="\u5F85\u62E3\u4EF6\u6570"
|
|
36
36
|
highlightInfo="800"
|
|
@@ -70,7 +70,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
70
70
|
height: 'min-content'
|
|
71
71
|
}}
|
|
72
72
|
/>
|
|
73
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subTitle"),e.createElement("td",null,"\u526F\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightSubInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"boldInfo"),e.createElement("td",null,"\u52A0\u7C97\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"theme"),e.createElement("td",null,"\u4E3B\u9898"),e.createElement("td",null,"string: light | dark"),e.createElement("td",null,"light")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4\uFF0C\u4F20\u503C\u65F6\u663E\u793A\u8FDB\u5EA6\u6761"),e.createElement("td",null,"number"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tagText"),e.createElement("td",null," \u53F3\u4E0A\u89D2 tag \u6587\u672C\uFF0C\u4F20\u503C\u65F6\u663E\u793A tag"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoImage"),e.createElement("td",null,"\u5DE6\u4FA7\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 InfoCard.IMAGE_1 1\u5F20\u5185\u7F6E\u56FE\u7247")))))}class
|
|
73
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subTitle"),e.createElement("td",null,"\u526F\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightSubInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"boldInfo"),e.createElement("td",null,"\u52A0\u7C97\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"theme"),e.createElement("td",null,"\u4E3B\u9898"),e.createElement("td",null,"string: light | dark"),e.createElement("td",null,"light")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4\uFF0C\u4F20\u503C\u65F6\u663E\u793A\u8FDB\u5EA6\u6761"),e.createElement("td",null,"number"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tagText"),e.createElement("td",null," \u53F3\u4E0A\u89D2 tag \u6587\u672C\uFF0C\u4F20\u503C\u65F6\u663E\u793A tag"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoImage"),e.createElement("td",null,"\u5DE6\u4FA7\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 InfoCard.IMAGE_1 1\u5F20\u5185\u7F6E\u56FE\u7247")))))}class ie extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,isActive:n,infoList:a=[],style:r={},index:c,isLast:o}=this.props;return e.createElement("div",{className:m({[t]:!0,"pda-step-card":!0}),style:r},e.createElement("div",{className:"pda-step-indictor"},e.createElement("div",{className:m({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":c===0})}),e.createElement("div",{className:m({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":n})}),e.createElement("div",{className:m({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":o})})),e.createElement("div",{className:m({"pda-step":!0,"pda-step-dark":!n})},e.createElement("p",{className:"pda-step-title"},l),a.map((i,s)=>e.createElement("p",{key:s,className:"pda-step-list"},e.createElement("span",null,i.label||""),"\xA0\xA0",e.createElement("span",null,i.content||"")))))}}class w extends e.Component{constructor(t){super(t)}render(){const{className:t,style:l={},theme:n="light",current:a=0,children:r}=this.props;return e.createElement("div",{className:m({[t]:!0}),style:l},(r||[]).map((c,o)=>{const i=b({index:o,isLast:o===(r||[]).length-1},c.props);return o===a?i.isActive=!0:i.isActive=!1,F.exports.cloneElement(c,i)}))}}S(w,"Step",ie);const{Step:A}=w;function se(){return e.createElement("div",null,e.createElement("h1",null,"Steps"),e.createElement("p",null,"\u6B65\u9AA4\u6761\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(w,{current:0,style:{marginRight:"32px"}},e.createElement(A,{title:"\u626B\u63CF\u4E2D",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(A,{title:"\u5DF2\u751F\u4EA7",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement(w,{current:1},e.createElement(A,{title:"\u626B\u63CF\u4E2D",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(A,{title:"\u5DF2\u751F\u4EA7",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(A,{title:"\u5F85\u626B\u63CF",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}))),e.createElement("code",{className:"code"},`
|
|
74
74
|
<Steps current={0} style={{
|
|
75
75
|
marginRight: '32px',
|
|
76
76
|
}}>
|
|
@@ -91,7 +91,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
91
91
|
]
|
|
92
92
|
} />
|
|
93
93
|
</Steps>
|
|
94
|
-
`),e.createElement("h2",null,"Steps \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"current"),e.createElement("td",null,"\u5F53\u524D\u8282\u70B9"),e.createElement("td",null,"number"),e.createElement("td",null,"0")))),e.createElement("h2",null,"Steps.Step \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}class
|
|
94
|
+
`),e.createElement("h2",null,"Steps \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"current"),e.createElement("td",null,"\u5F53\u524D\u8282\u70B9"),e.createElement("td",null,"number"),e.createElement("td",null,"0")))),e.createElement("h2",null,"Steps.Step \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}class me extends e.Component{constructor(t){super(t)}render(){const{className:t,header:l,onHeightLightClick:n=()=>{},onIconClick:a=()=>{},highlightText:r,highlightSubText:c,stateTextList:o=[],stateList:i=[],subInfoList:s=[],style:d={},icon:g}=this.props;return e.createElement("div",{className:m({[t]:!0,"pda-list-item":!0}),style:d},e.createElement("p",{className:"pda-listitem-header"},l),e.createElement("p",{onClick:n,className:"pda-listitem-highlight"},e.createElement("span",null,r),e.createElement("span",null,c)),e.createElement("p",{className:"pda-listitem-state-text"},o.map((p,B)=>e.createElement("span",{key:B},p.label||"","\uFF5C"))),e.createElement("div",{className:"pda-listitem-state-block"},i.map((p,B)=>{const _=p&&p.type?p.type:"default";return e.createElement("div",{key:B,className:_},p.label||"")})),s.map((p,B)=>e.createElement("p",{key:B,className:"pda-listitem-subinfo"},e.createElement("span",null,p.label||""),"\xA0\xA0",e.createElement("span",null,p.content||""))),g?e.createElement("div",{onClick:a,className:"pda-listitem-icon"},e.createElement("div",{className:m({"listitem-icon-container":!0,["listitem-icon-"+g]:!0})})):null)}}function Ee(){return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(me,{header:"\u4EFB\u52A1\u5355",highlightText:"XXXX-XX-XXX",highlightSubText:"30%",icon:"next",stateTextList:[{label:"\u72B6\u60011"},{label:"\u72B6\u60012"},{label:"\u72B6\u60012"}],stateList:[{label:"success",type:"success"},{label:"default"},{label:"warning",type:"warning"},{label:"error",type:"error"}],subInfoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"},{label:"\u4ED3\u5E93",content:"12398000032432432423400000765423"}],onHeightLightClick:()=>{console.log("heightlight click!")},onIconClick:()=>{console.log("icon click!")},style:{width:"432px",marginRight:"32px",backgroundColor:"black"}})),e.createElement("code",{className:"code"},`
|
|
95
95
|
<ListItem
|
|
96
96
|
header="\u4EFB\u52A1\u5355"
|
|
97
97
|
highlightText="XXXX-XX-XXX"
|
|
@@ -124,7 +124,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
124
124
|
]
|
|
125
125
|
}
|
|
126
126
|
/>
|
|
127
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon"),e.createElement("td",null,"string: next"),e.createElement("td",null,"\u6682\u65F6\u53EA\u652F\u6301 next")),e.createElement("tr",null,e.createElement("td",null,"onHeightLightClick"),e.createElement("td",null,"HeightLight\u6587\u672C\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onIconClick"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightText"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubText"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"stateTextList"),e.createElement("td",null,"\u72B6\u6001\u5217\u8868"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subInfoList"),e.createElement("td",null,"\u66F4\u591A\u5546\u54C1\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}function
|
|
127
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon"),e.createElement("td",null,"string: next"),e.createElement("td",null,"\u6682\u65F6\u53EA\u652F\u6301 next")),e.createElement("tr",null,e.createElement("td",null,"onHeightLightClick"),e.createElement("td",null,"HeightLight\u6587\u672C\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onIconClick"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightText"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubText"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"stateTextList"),e.createElement("td",null,"\u72B6\u6001\u5217\u8868"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subInfoList"),e.createElement("td",null,"\u66F4\u591A\u5546\u54C1\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}function de(){}function L(u){const{title:t="title",message:l=null,subMessage:n=[],okText:a="okText",cancelText:r=null,onClick:c=de,type:o="primary"}=u;return e.createElement("div",{className:m({"confirm-wrap":!0,["confirm-"+o]:!0})},e.createElement("div",{className:"confirm-title"},t),l?e.createElement("div",{className:"confirm-message"},l):null,n.length?e.createElement("div",{className:"confirm-sub-message"},n.map((i,s)=>e.createElement("p",{key:s,className:"pda-listitem-subinfo"},e.createElement("span",null,i.label||""),":\xA0",e.createElement("span",null,i.content||"")))):null,e.createElement("div",{className:"confirm-btns"},r?e.createElement(E,{className:"confirm-cancel-button",onClick:()=>c(!1)},r):null,e.createElement(E,{type:"primary",onClick:()=>c(!0)},a)))}function he(){return e.createElement("div",null,e.createElement("h1",null,"Confirm"),e.createElement("p",null,"\u786E\u8BA4\u7EC4\u4EF6, \u5982\u679C\u8981\u60AC\u6D6E\u5728\u9875\u9762\u4E0A\uFF0C\u8BF7\u914D\u5408 Overlay \u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(L,{title:"111111",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",onClick:u=>{console.log("isConfirm",u)}})),e.createElement("code",{className:"code"},`
|
|
128
128
|
<Confirm
|
|
129
129
|
// type="warning"
|
|
130
130
|
title="111111"
|
|
@@ -135,7 +135,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
135
135
|
console.log("isConfirm", isConfirm);
|
|
136
136
|
}}
|
|
137
137
|
></Confirm>
|
|
138
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm)=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | warning"),e.createElement("td",null,"primary")))))}function
|
|
138
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm)=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | warning"),e.createElement("td",null,"primary")))))}function pe(u){return{success:"toast-wrap success",warning:"toast-wrap warning",error:"toast-wrap error"}[u]||"toast-wrap"}function v(u){const{title:t="title",message:l="message",type:n="success",duration:a=null}=u,[r,c]=F.exports.useState(!1);return a&&setTimeout(()=>{c(!0)},a),r?null:e.createElement("div",{className:pe(n)},e.createElement("div",{className:"toast-title"},t),e.createElement("div",{className:"toast-message"},l))}function Fe(){return e.createElement("div",null,e.createElement("h1",null,"Toast"),e.createElement("p",null,"\u5F39\u7A97\u7EC4\u4EF6\uFF0C\u5982\u679C\u8981\u60AC\u6D6E\u5728\u9875\u9762\u4E0A\uFF0C\u8BF7\u914D\u5408 Overlay \u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(v,{title:"111111",message:"22222",type:"success"}),e.createElement("br",null),e.createElement(v,{title:"111111",message:"22222",type:"warning"}),e.createElement("br",null),e.createElement(v,{title:"\u5EF6\u65F6\u5173\u95ED",message:"duration={3000}",type:"error",duration:3e3}),e.createElement("br",null)),e.createElement("code",{className:"code"},`
|
|
139
139
|
<Toast
|
|
140
140
|
title="111111"
|
|
141
141
|
message="22222"
|
|
@@ -155,7 +155,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
155
155
|
type="error"
|
|
156
156
|
duration={3000}
|
|
157
157
|
></Toast>
|
|
158
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u6D88\u606F\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")))))}function ge(){return e.createElement("div",null,e.createElement("h1",null,"Overlay"),e.createElement("p",null,"\u7EDF\u4E00\u5904\u7406\u6A21\u6001\u906E\u7F69\u6837\u5F0F"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(y,{verticalPosition:"top"},e.createElement(v,{title:"111111",message:"22222",type:"success"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(y,{verticalPosition:"center"},e.createElement(v,{title:"111111",message:"22222",type:"warning"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(y,{verticalPosition:"bottom",closable:!0},e.createElement(
|
|
158
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u6D88\u606F\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")))))}function ge(){return e.createElement("div",null,e.createElement("h1",null,"Overlay"),e.createElement("p",null,"\u7EDF\u4E00\u5904\u7406\u6A21\u6001\u906E\u7F69\u6837\u5F0F"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(y,{verticalPosition:"top"},e.createElement(v,{title:"111111",message:"22222",type:"success"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(y,{verticalPosition:"center"},e.createElement(v,{title:"111111",message:"22222",type:"warning"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(y,{verticalPosition:"bottom",closable:!0},e.createElement(L,{title:"111111",message:"22222",type:"error"}))),e.createElement("code",{className:"code"},`
|
|
159
159
|
<Overlay verticalPosition="top" >
|
|
160
160
|
<Toast
|
|
161
161
|
title="111111"
|
|
@@ -180,12 +180,12 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
180
180
|
></Toast>
|
|
181
181
|
</Overlay>
|
|
182
182
|
|
|
183
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"verticalPosition"),e.createElement("td",null,"\u5782\u76F4\u65B9\u5411\u4F4D\u7F6E"),e.createElement("td",null,"string"),e.createElement("td",null,"top|center|bottom")),e.createElement("tr",null,e.createElement("td",null,"closable"),e.createElement("td",null,"\u70B9\u51FB\u7A7A\u767D\u5173\u95ED"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u53EF\u89C1"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")))))}function C(u){const{image:t=C.IMAGE_1,text:l="",subText:n="",transparent:a,imageStyle:r}=u;return e.createElement("div",{className:a?"presentation-card transparent":"presentation-card"},e.createElement("img",{src:t,style:r}),l?e.createElement("div",{className:"text"},l):null,n?e.createElement("div",{className:"sub-text"},n):null)}C.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png";C.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";C.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";C.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function
|
|
183
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"verticalPosition"),e.createElement("td",null,"\u5782\u76F4\u65B9\u5411\u4F4D\u7F6E"),e.createElement("td",null,"string"),e.createElement("td",null,"top|center|bottom")),e.createElement("tr",null,e.createElement("td",null,"closable"),e.createElement("td",null,"\u70B9\u51FB\u7A7A\u767D\u5173\u95ED"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u53EF\u89C1"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")))))}function C(u){const{image:t=C.IMAGE_1,text:l="",subText:n="",transparent:a,imageStyle:r}=u;return e.createElement("div",{className:a?"presentation-card transparent":"presentation-card"},e.createElement("img",{src:t,style:r}),l?e.createElement("div",{className:"text"},l):null,n?e.createElement("div",{className:"sub-text"},n):null)}C.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png";C.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";C.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";C.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function Ce(){return e.createElement("div",null,e.createElement("h1",null,"Presentation"),e.createElement("p",null,"\u56FE\u793A\u7EC4\u4EF6\uFF0C\u901A\u5E38\u5305\u542B\u4E00\u4E2A\u56FE\u7247+\u4E00\u884C\u6587\u5B57"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block pda"},e.createElement(C,{text:"\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B"})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",style:{backgroundColor:"#000000"}},e.createElement(C,{image:C.IMAGE_4,text:"\u8BF7\u9760\u8FD1\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B",transparent:!0})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",imageWidth:300,imageHeight:500,style:{backgroundColor:"#000000"}},e.createElement(C,{image:C.IMAGE_2,imageStyle:{width:"500px"},text:"\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B",transparent:!0})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",style:{backgroundColor:"#000000"}},e.createElement(C,{image:C.IMAGE_3,text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"})),e.createElement("br",null),e.createElement("code",{className:"code"},`
|
|
184
184
|
<Presentation text="\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B"></Presentation>
|
|
185
185
|
<Presentation image={Presentation.IMAGE_4} text="\u8BF7\u9760\u8FD1\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B" transparent={true}></Presentation>
|
|
186
186
|
<Presentation image={Presentation.IMAGE_2} imageStyle={{width: "500px"}} text="\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B" transparent={true} ></Presentation>
|
|
187
187
|
<Presentation image={Presentation.IMAGE_3} text="\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B" ></Presentation>
|
|
188
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"image"),e.createElement("td",null,"\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 Presentation.IMAGE_1, Presentation.IMAGE_2, Presentation.IMAGE_3, Presentation.IMAGE_4 4\u5F20\u5185\u7F6E\u56FE\u7247")),e.createElement("tr",null,e.createElement("td",null,"imageStyle"),e.createElement("td",null,"\u56FE\u7247\u6837\u5F0F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"text"),e.createElement("td",null,"\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"transparent"),e.createElement("td",null,"\u662F\u5426\u900F\u660E\uFF0C\u4E0D\u663E\u793A\u88AB\u8272\u80CC\u666F"),e.createElement("td",null,"boolean"),e.createElement("td",null,"\u9ED8\u8BA4false")))))}function
|
|
188
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"image"),e.createElement("td",null,"\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 Presentation.IMAGE_1, Presentation.IMAGE_2, Presentation.IMAGE_3, Presentation.IMAGE_4 4\u5F20\u5185\u7F6E\u56FE\u7247")),e.createElement("tr",null,e.createElement("td",null,"imageStyle"),e.createElement("td",null,"\u56FE\u7247\u6837\u5F0F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"text"),e.createElement("td",null,"\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"transparent"),e.createElement("td",null,"\u662F\u5426\u900F\u660E\uFF0C\u4E0D\u663E\u793A\u88AB\u8272\u80CC\u666F"),e.createElement("td",null,"boolean"),e.createElement("td",null,"\u9ED8\u8BA4false")))))}function be(){}function h(u){const{tabIndex:t=1,onItemClick:l=be,style:n}=u;return e.createElement("div",{className:"android-pda-list",style:n},e.Children.map(u.children,(a,r)=>{const c=a.props.onClick;return e.cloneElement(a,Object.assign({tabIndex:t+r},a.props,{onClick:o=>{c&&c(o),l(o)}}),a.props.children)}))}function fe(u){const{onClick:t,title:l,subTitle:n,extra:a,tags:r=[],tabIndex:c}=u;return e.createElement("div",{className:"default-item",onClick:()=>{t(u)},tabIndex:c},e.createElement("div",{className:"text"},e.createElement("div",null,l),e.createElement("div",{className:"sub-text"},n),e.createElement("div",{className:"sub-tags"},r.map(o=>e.createElement("div",{className:"sub-tag-item"},o)))),e.createElement("div",{className:"extra"},a))}h.Item=fe;function Be(){return e.createElement("div",null,e.createElement("h1",null,"List"),e.createElement("p",null,"\u5217\u8868\u7EC4\u4EF6\uFF0C\u901A\u5E38\u8981\u914D\u5408\u4E0D\u540C\u7684 List Item \u6765\u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(h,{onItemClick:console.log,tabIndex:0,style:{width:"432px"}},e.createElement(h.Item,{title:"hello world"},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title"},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title",extra:"11111"},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,34]},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world"))),e.createElement("code",{className:"code"},`
|
|
189
189
|
<List onItemClick={console.log} >
|
|
190
190
|
<List.Item title="hello world" >hello world</List.Item>
|
|
191
191
|
<List.Item title="hello world" subTitle="sub title" >hello world</List.Item>
|
|
@@ -193,14 +193,14 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
193
193
|
<List.Item title="hello world" subTitle="sub title" extra={"11111"} tags={[1,2,34]} >hello world</List.Item>
|
|
194
194
|
<List.Item title="hello world" subTitle="sub title" tags={[1,2,34]} >hello world</List.Item>
|
|
195
195
|
</List>
|
|
196
|
-
`),e.createElement("h2",null,"List"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onItemClick"),e.createElement("td",null,"item \u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"Function"),e.createElement("td",null,"\u9ED8\u8BA4\u56DE\u8C03\u53C2\u6570 item \u7684\u6240\u6709 props")))),e.createElement("h2",null,"List.Item"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"extra"),e.createElement("td",null,"\u53F3\u8FB9\u7684\u5185\u5BB9"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subTitle"),e.createElement("td",null,"\u526F\u6807\u9898"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tags"),e.createElement("td",null,"\u6807\u7B7E"),e.createElement("td",null,"Array"),e.createElement("td",null,"[]")))))}const K=()=>{};function
|
|
196
|
+
`),e.createElement("h2",null,"List"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onItemClick"),e.createElement("td",null,"item \u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"Function"),e.createElement("td",null,"\u9ED8\u8BA4\u56DE\u8C03\u53C2\u6570 item \u7684\u6240\u6709 props")))),e.createElement("h2",null,"List.Item"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"extra"),e.createElement("td",null,"\u53F3\u8FB9\u7684\u5185\u5BB9"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subTitle"),e.createElement("td",null,"\u526F\u6807\u9898"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tags"),e.createElement("td",null,"\u6807\u7B7E"),e.createElement("td",null,"Array"),e.createElement("td",null,"[]")))))}const K=()=>{};function ye(u){const[t,l]=F.exports.useState(!1),n=F.exports.useRef(null),{onWakeKeyboard:a=K,onClick:r=K}=u;return F.exports.useEffect(()=>{const c=o=>{o.preventDefault();const{code:i,keyCode:s,key:d}=o;if(i==="Enter"){r(n.current.value),l(!1);return}};return document.addEventListener("keyup",c),()=>{document.removeEventListener("keyup",c)}},[]),e.createElement("div",{className:"wakekeyborard"},t?e.createElement("div",{className:"wakekeyborard-overlay"},e.createElement("div",{className:"wakekeyborard-inputbox"},e.createElement("input",{ref:n,type:"tel"}),e.createElement(E,{type:"primary",onClick:c=>{r(n.current.value),l(!t)}},"\u67E5\u8BE2"))):null,t?null:e.createElement("div",{className:"wakekeyborard-icon",onClick:c=>{l(!t),requestAnimationFrame(()=>{n.current.focus(),a()})}}))}function ke(){return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("p",null,"\u70B9\u51FB\u53F3\u4E0B\u89D2\u952E\u76D8"),e.createElement(ye,{onWakeKeyboard:()=>{console.log("wake keyboard")},onClick:u=>{console.log("v is ",u)}})),e.createElement("code",{className:"code"},`
|
|
197
197
|
<WakeKeyborard
|
|
198
198
|
onWakeKeyboard={ () => {console.log('wake keyboard')}}
|
|
199
199
|
onClick={v => {console.log('v is ', v);}}
|
|
200
200
|
/>
|
|
201
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onWakeKeyboard"),e.createElement("td",null,"\u5524\u8D77\u952E\u76D8\u56DE\u8C03"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u67E5\u8BE2\u56DE\u8C03"),e.createElement("td",null,"function: (value) => "),e.createElement("td",null,"(value) => ")))))}function G(u){const{title:t,context:l,name:n,tag:a,attrs:r=[],style:c}=u;return e.createElement("div",{className:"android-sub-card",style:c},e.createElement("div",{className:"android-sub-card-title-section"},e.createElement("div",{className:"android-sub-card-title"},t),a?e.createElement("div",{className:"android-sub-card-tag"},e.createElement("div",{className:a.type},a.label||"")):null),e.createElement("div",{className:"android-sub-card-context"},l),n?e.createElement("div",{className:"android-sub-card-name"},n):null,e.createElement("div",{className:"android-sub-card-attrs"},r.map(o=>e.createElement("div",null,o))))}function
|
|
201
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onWakeKeyboard"),e.createElement("td",null,"\u5524\u8D77\u952E\u76D8\u56DE\u8C03"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u67E5\u8BE2\u56DE\u8C03"),e.createElement("td",null,"function: (value) => "),e.createElement("td",null,"(value) => ")))))}function G(u){const{title:t,context:l,name:n,tag:a,attrs:r=[],style:c}=u;return e.createElement("div",{className:"android-sub-card",style:c},e.createElement("div",{className:"android-sub-card-title-section"},e.createElement("div",{className:"android-sub-card-title"},t),a?e.createElement("div",{className:"android-sub-card-tag"},e.createElement("div",{className:a.type},a.label||"")):null),e.createElement("div",{className:"android-sub-card-context"},l),n?e.createElement("div",{className:"android-sub-card-name"},n):null,e.createElement("div",{className:"android-sub-card-attrs"},r.map(o=>e.createElement("div",null,o))))}function ve(){return e.createElement("div",null,e.createElement("h1",null,"SubCard"),e.createElement("p",null,"\u9644\u5361\u7247"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block",style:{display:"flex"}},e.createElement(G,{style:{marginRight:"20px"},tag:{label:"\u6563\u7BB1",type:"default"},title:"\u54C1\u53F7",context:"5082 7834",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]}),e.createElement(G,{title:"\u54C1\u53F7",tag:{label:"\u5C11\u8D27",type:"warning"},context:"5082 7834",name:"\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]})),e.createElement("code",{className:"code"},`
|
|
202
202
|
<SubCard title="\u54C1\u53F7" context="5082 7834" productName="\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g" attrs={["\u6279\u6B21\uFF1A23842839", "\u6570\u91CF\uFF1A234"]} ></SubCard>
|
|
203
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"String"),e.createElement("td",null,"true")),e.createElement("tr",null,e.createElement("td",null,"context"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"name"),e.createElement("td",null,"\u54C1\u540D"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E\u540D"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}const D=()=>{};class
|
|
203
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"String"),e.createElement("td",null,"true")),e.createElement("tr",null,e.createElement("td",null,"context"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"name"),e.createElement("td",null,"\u54C1\u540D"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E\u540D"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}const D=()=>{};class T extends e.Component{constructor(t){super(t);this.state={},this._handleKeyUp=l=>{const{onScan:n=D,onEnter:a=D,onEsc:r=D,onDelete:c=D,scanMode:o=null}=this.props;l.preventDefault();const{code:i,keyCode:s,key:d}=l;if(i==="Enter"){a(l);return}if(i==="Delete"){c(l);return}if(i==="Esc"){r(l);return}},this._handleContinuousRfidScan=l=>{const{continuousRfidScan:n=!1,onRfidScan:a=D}=this.props;n&&a(l.param)}}componentDidMount(){document.addEventListener("keyup",this._handleKeyUp);const{continuousRfidScan:t=!1}=this.props;t&&(WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){console.log("failure-1 "+JSON.stringify(l))}),document.addEventListener("ContinuousRfidScan",this._handleContinuousRfidScan))}componentWillUnmount(){document.removeEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopScan', 'params':null}",function(t){},function(t){console.log("failure-2 "+JSON.stringify(t))}),document.removeEventListener("ContinuousRfidScan",this._handleContinuousRfidScan)}render(){const t=this.props,{style:l={},header:n,footer:a}=this.props;return e.createElement("div",{className:m({"baselayout-wrapper":!0}),style:l},n&&e.createElement("div",{className:m({"baselayout-header":!0})},n),e.createElement("div",{className:m({"baselayout-container":!0})},t.children),a&&e.createElement("div",{className:m({"baselayout-footer":!0})},a))}}const Ae=()=>{};class De extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=l=>{const{onRfidOnce:n,onRfidBoxOnce:a,onRfidPalletOnce:r}=this.props,o=!l.param.rfidData.startsWith("0F011");a?o&&(this._stopWork(),a(l.param)):r&&(o||(this._stopWork(),r(l.param))),n&&(this._stopWork(),n(l.param))},this._startWork=l=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(n){},function(n){}),this._rfidBeginScan=!0},this._stopWork=l=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopScan', 'params':null}",function(n){},function(n){})},this._handleKeyDown=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F23"||n==="F24")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F23"||n==="F24")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)}render(){const a=this.props,{onRfidOnce:l=Ae}=a,n=N(a,["onRfidOnce"]);return e.createElement(T,b({},n))}}const xe=()=>{};class H extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=l=>{const{onRfidScan:n,onRfidBoxScan:a,onRfidPalletScan:r}=this.props,c=l.param,o=!c.rfidData.startsWith("0F011");o&&a?a(c):!o&&r&&r(c),n(c)},this._startWork=l=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(n){},function(n){}),this._rfidBeginScan=!0},this._stopWork=l=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopScan', 'params':null}",function(n){},function(n){})},this._handleKeyDown=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F23"||n==="F24")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F23"||n==="F24")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){const{autoRfidScan:t=!1,rfidReaderSleep:l}=this.props;WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(n){},function(n){}),t?l||this._startWork():(document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp))}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}shouldComponentUpdate(t,l){return this.props.autoRfidScan&&this.props.rfidReaderSleep!==t.rfidReaderSleep&&(t.rfidReaderSleep?this._stopWork():this._startWork()),!0}render(){console.log("onRfidScan render");const r=this.props,{onRfidScan:l=xe,autoRfidScan:n}=r,a=N(r,["onRfidScan","autoRfidScan"]);return e.createElement(T,b({},a))}}S(H,"defaultProps",{rfidReaderSleep:!1});const Ne=()=>{};class Se extends e.Component{constructor(t){super(t);this._barcodeBeginScan=!1,this._handleBarcodeScan=l=>{const{onBarcodeScan:n}=this.props;this._stopWork(),n(l.param)},this._startWork=l=>{document.addEventListener("BarcodeScan",this._handleBarcodeScan),this._barcodeBeginScan=!0},this._stopWork=l=>{document.removeEventListener("BarcodeScan",this._handleBarcodeScan)},this._handleKeyDown=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F23"||n==="F24")&&(this._barcodeBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F23"||n==="F24")&&(this._stopWork(),this._barcodeBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'barcode'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)}render(){const a=this.props,{onBarcodeScan:l=Ne}=a,n=N(a,["onBarcodeScan"]);return e.createElement(T,b({},n))}}class M extends e.Component{constructor(t){super(t)}render(){const t=this.props,{onBarcodeScan:l,onRfidOnce:n,onRfidBoxOnce:a,onRfidPalletOnce:r,onRfidScan:c,onRfidBoxScan:o,onRfidPalletScan:i}=t;return n||a||r?e.createElement(De,b({},t)):c||o||i?e.createElement(H,b({},t)):l?e.createElement(Se,b({},t)):e.createElement(T,b({},t))}}class k extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,infoList:n=[],isError:a=!1,buttonMultiLines:r=!1,style:c={},onClick:o=()=>{},okText:i="\u8FD4\u56DE\u9996\u9875",cancelText:s=null}=this.props,d=e.createElement(E.Group,null,s?e.createElement(E,{style:r?{height:"auto",lineHeight:"50px"}:{},type:"dark",onClick:()=>o(!1)},s):null,e.createElement(E,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>o(!0)},i));return e.createElement(M,{footer:d},e.createElement("div",{className:"pda-finish-card-top"},e.createElement("img",{className:"pda-finish-card-img",src:a?k.ERROR_SUCCESS:k.SUCCESS}),e.createElement("p",{className:"pda-finish-card-title"},l),n.map((g,p)=>e.createElement("p",{key:p,className:"pda-finish-card-list"},e.createElement("span",null,g.label||""),e.createElement("span",null,g.content||"")))))}}k.SUCCESS="https://img.alicdn.com/imgextra/i2/O1CN01yYwwSx1uNV0M1gHlQ_!!6000000006025-1-tps-630-436.gif";k.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";function Ie(){return e.createElement("div",null,e.createElement("h1",null,"FinishCard"),e.createElement("p",null," \u5B8C\u6210\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(k,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",isError:!0,infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],okText:"\u8FD4\u56DE\u9996\u9875",onClick:u=>{console.log("isConfirm",u)}})),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(k,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],buttonMultiLines:!0,okText:"\u8FD4\u56DE\u9996\u9875",cancelText:e.createElement("span",null,"\u8FD4\u56DE",e.createElement("br",null),"\u6682\u5B58\u4EFB\u52A1"),onClick:u=>{console.log("isConfirm",u)}})),e.createElement("code",{className:"code"},`
|
|
204
204
|
<FinishCard
|
|
205
205
|
title="\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210"
|
|
206
206
|
infoList={
|
|
@@ -216,7 +216,7 @@ onClick={v => {console.log('v is ', v);}}
|
|
|
216
216
|
console.log("isConfirm", isConfirm);
|
|
217
217
|
}}
|
|
218
218
|
/>
|
|
219
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"isError"),e.createElement("td",null,"\u662F\u5426\u5F02\u5E38\u5B8C\u6210"),e.createElement("td",null,"Boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8FD4\u56DE\u9996\u9875")),e.createElement("tr",null,e.createElement("td",null,"buttonMultiLines"),e.createElement("td",null,"\u6309\u94AE\u662F\u5426\u591A\u884C"),e.createElement("td",null,"Boolean"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm)=>"),e.createElement("td",null)))))}class
|
|
219
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"isError"),e.createElement("td",null,"\u662F\u5426\u5F02\u5E38\u5B8C\u6210"),e.createElement("td",null,"Boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8FD4\u56DE\u9996\u9875")),e.createElement("tr",null,e.createElement("td",null,"buttonMultiLines"),e.createElement("td",null,"\u6309\u94AE\u662F\u5426\u591A\u884C"),e.createElement("td",null,"Boolean"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm)=>"),e.createElement("td",null)))))}class we extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,infoText:n,percentage:a=0,style:r={}}=this.props,c="https://img.alicdn.com/imgextra/i3/O1CN01EFksWL1DBZCu0H1JH_!!6000000000178-2-tps-21-30.png",o="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.createElement("div",{className:m({[t]:!0,"pda-distance-card":!0}),style:r},e.createElement("p",{className:"pda-distance-card-highlight"},e.createElement("span",{className:"pda-distance-card-highlight1"},l)),e.createElement("div",{className:"pda-distance-indictor"},e.createElement("img",{src:c,width:20,height:29}),e.createElement("p",null,n)),e.createElement("div",{className:"pda-distance-card-progress"},e.createElement("div",{className:"pda-distance-card-progress-inside",style:{width:`${a*100}%`}}),e.createElement("img",{className:"pda-distance-card-progress-indictor",src:o})),e.createElement("div",{className:"pda-distance-label"},e.createElement("p",null,"\u8FDC"),e.createElement("p",null,"\u8FD1")))}}function Le(){return e.createElement("div",null,e.createElement("h1",null,"Distance"),e.createElement("p",null,"\u8DDD\u79BB\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(we,{title:"\u8D27\u7269\u5728\u9644\u8FD1..",infoText:"\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB",style:{width:"400px"},percentage:.56})),e.createElement("code",{className:"code"},`
|
|
220
220
|
<DistanceCard
|
|
221
221
|
title="\u8D27\u7269\u5728\u9644\u8FD1.."
|
|
222
222
|
infoText="\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB"
|
|
@@ -225,7 +225,7 @@ onClick={v => {console.log('v is ', v);}}
|
|
|
225
225
|
}}
|
|
226
226
|
percentage={0.56}
|
|
227
227
|
/>
|
|
228
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoText"),e.createElement("td",null,"\u63D0\u793A\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4"),e.createElement("td",null,"number"),e.createElement("td",null)))))}const Te=/scroll|auto/i;function _e(u){const t=1;return u.tagName!=="HTML"&&u.tagName!=="BODY"&&u.nodeType===t}function
|
|
228
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoText"),e.createElement("td",null,"\u63D0\u793A\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4"),e.createElement("td",null,"number"),e.createElement("td",null)))))}const Te=/scroll|auto/i;function _e(u){const t=1;return u.tagName!=="HTML"&&u.tagName!=="BODY"&&u.nodeType===t}function U(u,t){let l=u;for(;l&&l!==t&&_e(l);){const{overflowY:n}=window.getComputedStyle(l);if(Te.test(n))return l;l=l.parentNode}return t}function Re(u){return e.createElement("div",{style:{color:u.color||"#999"}},e.createElement("svg",{height:"1em",viewBox:"0 0 100 40",style:{verticalAlign:"-0.125em"}},e.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},e.createElement("g",{transform:"translate(-100.000000, -71.000000)"},e.createElement("g",{transform:"translate(95.000000, 71.000000)"},e.createElement("g",{transform:"translate(5.000000, 0.000000)"},[0,1,2].map(t=>e.createElement("rect",{key:t,fill:"currentColor",x:20+t*26,y:"16",width:"8",height:"8",rx:"2"},e.createElement("animate",{attributeName:"y",from:"16",to:"16",dur:"2s",begin:`${t*.2}s`,repeatCount:"indefinite",values:"16; 6; 26; 16; 16",keyTimes:"0; 0.1; 0.3; 0.4; 1",id:"circ-anim"})))))))))}function Me(u){return u===window}function Pe(u){const{className:t,hasMore:l,loadMore:n,threshold:a=0,style:r}=u,c=J(async()=>{await n()}),o=F.exports.useRef(null),i=Q(()=>{if(!l)return;const s=o.current;if(!s)return;const d=U(s);if(!d)return;const g=s.getBoundingClientRect().top;(Me(d)?window.innerHeight:d.getBoundingClientRect().bottom)>=g-a&&c()});return F.exports.useEffect(()=>{i()}),F.exports.useEffect(()=>{const s=o.current;if(!s)return;const d=U(s);if(!d)return;function g(){i()}return d.addEventListener("scroll",g),()=>{d.removeEventListener("scroll",g)}},[]),e.createElement("div",{className:m({[t]:!0,"pda-infinite-scroll":!0}),style:r,ref:o},l?e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u52A0\u8F7D\u4E2D"),e.createElement(Re,null)):e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u6CA1\u6709\u66F4\u591A\u4E86~")))}function We(u){const{service:t,data:l={}}=u,{title:n="title",message:a="message",okText:r="okText",cancelText:c=""}=l,o=e.useCallback(function(){t.onNext(!0)},[t]);return e.createElement(y,{verticalPosition:"bottom"},e.createElement(L,{title:n,message:a,okText:r,cancelText:c,onClick:o}))}function Oe(u){const{service:t,data:l={}}=u,{title:n="title",message:a,subMessage:r=[],okText:c="okText",cancelText:o=""}=l,i=e.useCallback(function(s){t.onNext(s)},[t]);return e.createElement(y,{verticalPosition:"bottom"},e.createElement(L,{title:n,message:a,subMessage:r,okText:c,cancelText:o,onClick:i}))}function $e(u){const{data:t={},service:l}=u,{title:n,level:a,message:r,duration:c=null}=t;e.useEffect(()=>{t.hasNext!==!1&&l.onNext("")},[t,l]);const[o,i]=F.exports.useState(!1);return c&&setTimeout(()=>{i(!0)},c),o?null:e.createElement(y,{verticalPosition:"bottom"},e.createElement(v,{type:a,title:n,message:Ke(r)}))}function Ke(u){var t=String(u).split("by Error:");return t[1]||t[0]}function Ge(u){const{className:t,visible:l,actions:n}=u,[a,r]=F.exports.useState(l),c=F.exports.useRef(null),{percent:o}=z({percent:l?0:100,config:{precision:.1,mass:.4,tension:300,friction:30},onStart:()=>{r(!0)},onRest:()=>{r(u.visible)}});return e.createElement("div",{className:m({[t]:!0,"pda-action-sheet":!0}),style:{display:a?"unset":"none"}},e.createElement(Z.div,{className:"pda-action-sheet-body",style:{transform:o.to(i=>`translate(0, ${i}%)`)},ref:c},n.map((i,s)=>e.createElement("div",{onClick:()=>{i.onClick(i.key)},className:"pda-action-sheet-item",key:s},i.title))))}function He(){return e.createElement("div",null,e.createElement("h1",null,"InfiniteScroll"),e.createElement("p",null,"\u6EDA\u52A8\u52A0\u8F7D\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("div",{style:{width:"432px",height:"425px",overflow:"scroll"}},e.createElement(h,{onItemClick:console.log,tabIndex:0},e.createElement(h.Item,{title:"hello world"},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title"},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title",extra:"11111"},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,34]},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world"),e.createElement(h.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world")),e.createElement(Pe,{hasMore:!0,loadMore:()=>{console.log("loadMore!")}}))),e.createElement("code",{className:"code"},`
|
|
229
229
|
<div style={{
|
|
230
230
|
width: '432px',
|
|
231
231
|
height: '425px',
|
|
@@ -245,7 +245,7 @@ onClick={v => {console.log('v is ', v);}}
|
|
|
245
245
|
loadMore={() => {console.log("loadMore!")}}
|
|
246
246
|
/>
|
|
247
247
|
</div>
|
|
248
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"hasMore"),e.createElement("td",null,"\u662F\u5426\u8FD8\u6709\u66F4\u591A"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"loadMore"),e.createElement("td",null,"\u66F4\u591A\u52A0\u8F7D\u65B9\u6CD5\uFF0C\u5F53 hasMore \u662F true \u4E14\u62C9\u5230\u5E95\u90E8\u65F6\u4F1A\u8C03\u7528\u8BE5\u65B9\u6CD5"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"threshold"),e.createElement("td",null,"\u9608\u503C\uFF0C\u5E95\u90E8\u8DDD\u79BB\u9875\u9762\u591A\u5C11\u7684\u65F6\u5019\u8C03\u7528 loadMore \u65B9\u6CD5"),e.createElement("td",null,"number"),e.createElement("td",null,"0")))))}function Ue(){const[u,t]=
|
|
248
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"hasMore"),e.createElement("td",null,"\u662F\u5426\u8FD8\u6709\u66F4\u591A"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"loadMore"),e.createElement("td",null,"\u66F4\u591A\u52A0\u8F7D\u65B9\u6CD5\uFF0C\u5F53 hasMore \u662F true \u4E14\u62C9\u5230\u5E95\u90E8\u65F6\u4F1A\u8C03\u7528\u8BE5\u65B9\u6CD5"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"threshold"),e.createElement("td",null,"\u9608\u503C\uFF0C\u5E95\u90E8\u8DDD\u79BB\u9875\u9762\u591A\u5C11\u7684\u65F6\u5019\u8C03\u7528 loadMore \u65B9\u6CD5"),e.createElement("td",null,"number"),e.createElement("td",null,"0")))))}function Ue(){const[u,t]=F.exports.useState(!1);return e.createElement("div",null,e.createElement("h1",null,"ActionSheet"),e.createElement("p",null,"\u5F39\u7A97\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("div",{style:{height:"600px",width:"300px",position:"relative",backgroundColor:"#fff",display:"flex",alignItems:"flex-end"}},e.createElement(E,{type:"dark",style:{margin:"12px"},onClick:()=>{t(!u)}},"\u5207\u6362\u6A21\u5F0F"),e.createElement(Ge,{visible:u,actions:[{key:"total",title:"\u5207\u6362\u4E3A\u6574\u7BB1\u8BC6\u522B",onClick:()=>{}},{key:"seperate",title:"\u5207\u6362\u4E3A\u6563\u7BB1\u8BC6\u522B",onClick:()=>{}},{key:"cancel",title:"\u53D6\u6D88",onClick:()=>{t(!1)}}]}))),e.createElement("code",{className:"code"},`
|
|
249
249
|
<div style={{height: "600px", width: "300px", position: "relative", backgroundColor: "#fff", display: "flex", alignItems: "flex-end"}}>
|
|
250
250
|
<Button type="dark" style={{margin: '12px'}} onClick={() => {setVisible(!visible)}}>\u5207\u6362\u6A21\u5F0F</Button>
|
|
251
251
|
<ActionSheet
|
|
@@ -300,7 +300,7 @@ onClick={v => {console.log('v is ', v);}}
|
|
|
300
300
|
message: '2222',
|
|
301
301
|
duration: 3000,
|
|
302
302
|
})
|
|
303
|
-
`),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement($e,{service:P,data:{level:"success",title:"111",message:"2222",duration:3e3}})))}function Ye(){const u=e.createElement(I,null),t=e.createElement(E.Group,null,e.createElement(E,{type:"cutout",onClick:n=>console.log("cancle")},"\u53D6\u6D88"),e.createElement(E,{type:"primary"},"\u786E\u8BA4")),l=[{},{},{}];return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex"}},e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement(
|
|
303
|
+
`),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement($e,{service:P,data:{level:"success",title:"111",message:"2222",duration:3e3}})))}function Ye(){const u=e.createElement(I,null),t=e.createElement(E.Group,null,e.createElement(E,{type:"cutout",onClick:n=>console.log("cancle")},"\u53D6\u6D88"),e.createElement(E,{type:"primary"},"\u786E\u8BA4")),l=[{},{},{}];return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex"}},e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement(M,{style:{backgroundColor:"black",marginRight:20},header:u,footer:t},e.createElement(C,{text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"}))),e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement(M,{style:{backgroundColor:"black"},header:u,footer:t},l.map((n,a)=>e.createElement(f,{key:a,title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",style:{width:"400px",backgroundColor:"black"},theme:"dark",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}))))),e.createElement("code",{className:"code"},`
|
|
304
304
|
const header = <Title></Title>;
|
|
305
305
|
const footer = (
|
|
306
306
|
<Button.Group>
|
|
@@ -315,4 +315,4 @@ onClick={v => {console.log('v is ', v);}}
|
|
|
315
315
|
>
|
|
316
316
|
<Presentation text="\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B" ></Presentation>
|
|
317
317
|
</BaseLayout>
|
|
318
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u5438\u9876\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"footer"),e.createElement("td",null,"\u5438\u5E95\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)))))}const
|
|
318
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u5438\u9876\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"footer"),e.createElement("td",null,"\u5438\u5E95\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onBarcodeScan"),e.createElement("td",null,"\u6CE8\u518C\u626B\u63CF\u4E8C\u7EF4\u7801/\u6761\u5F62\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2Arfid\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidBoxOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2A rfid \u7BB1\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidPalletOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2A rfid \u6808\u677F\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidBoxScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u7BB1\u7801\u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidPalletScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u6808\u677F\u7801\u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")))))}const X=[{title:"\u7EC4\u4EF6\u5217\u8868",pages:[{key:"First",title:"\u5FEB\u901F\u5F00\u59CB",doc:le},{key:"Title",title:"Title",doc:re},{key:"Button",title:"Button",doc:ce},{key:"InfoCard",title:"InfoCard",doc:oe},{key:"Steps",title:"Steps",doc:se},{key:"ListItem",title:"ListItem",doc:Ee},{key:"Confirm",title:"Confirm",doc:he},{key:"Toast",title:"Toast",doc:Fe},{key:"Overlay",title:"Overlay",doc:ge},{key:"Presentation",title:"Presentation",doc:Ce},{key:"List",title:"List",doc:Be},{key:"WakeKeyborard",title:"WakeKeyborard",doc:ke},{key:"SubCard",title:"SubCard",doc:ve},{key:"FinishCard",title:"FinishCard",doc:Ie},{key:"DistanceCard",title:"DistanceCard",doc:Le},{key:"InfiniteScroll",title:"InfiniteScroll",doc:He},{key:"ActionSheet",title:"ActionSheet",doc:Ue}]},{title:"\u5185\u7F6E\u754C\u9762\u9884\u89C8",pages:[{key:"/system/alert",title:"/system/alert",doc:Xe},{key:"/system/confirm",title:"/system/confirm",doc:Ve},{key:"/system/toast",title:"/system/toast",doc:je}]},{title:"\u5E03\u5C40\u5BB9\u5668",pages:[{key:"BaseLayout",title:"BaseLayout",doc:Ye}]}];function qe(u){return X.map(t=>t.pages.filter(function(l){return l.key===u})[0]).filter(t=>t)[0]}function Je(){const[u,t]=e.useState("First"),l=e.useCallback(function(a){t(a)}),n=qe(u);return e.createElement("div",{className:"components-container"},e.createElement("div",{className:"components-example"},e.createElement("h1",{title:"@cniot/android-pda-components"},"Components"),X.map(function(a,r){return e.createElement(e.Fragment,{key:r},e.createElement("h2",null,a.title),a.pages.map(function(c){return e.createElement("div",{className:u===c.key?"components-item active":"components-item",onClick:l.bind(null,c.key),"data-index":c.key,key:c.key},e.createElement("span",null,c.title))}))})),e.createElement("div",{className:"show-case"},n?e.createElement(n.doc,{}):null))}ee.render(e.createElement(Je,null),document.getElementById("root"));
|
package/build/index.html
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
<script src="https://g.alicdn.com/code/lib/react/17.0.2/umd/react.production.min.js"></script>
|
|
11
11
|
<script src="https://g.alicdn.com/code/lib/react-dom/17.0.2/umd/react-dom.production.min.js"></script>
|
|
12
|
-
<script type="module" crossorigin src="./assets/index.
|
|
12
|
+
<script type="module" crossorigin src="./assets/index.f4cdaf13.js"></script>
|
|
13
13
|
<link rel="modulepreload" href="./assets/vendor.1ac3b6a0.js">
|
|
14
14
|
<link rel="stylesheet" href="./assets/index.c5691218.css">
|
|
15
15
|
</head>
|