@cniot/android-pda-components 0.2.65 → 0.2.68

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.
@@ -1,694 +0,0 @@
1
- var ke=Object.defineProperty,ve=Object.defineProperties;var ye=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var H=(u,t,l)=>t in u?ke(u,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):u[t]=l,g=(u,t)=>{for(var l in t||(t={}))ee.call(t,l)&&H(u,l,t[l]);if(I)for(var l of I(t))te.call(t,l)&&H(u,l,t[l]);return u},L=(u,t)=>ve(u,ye(t));var x=(u,t)=>{var l={};for(var n in u)ee.call(u,n)&&t.indexOf(n)<0&&(l[n]=u[n]);if(u!=null&&I)for(var n of I(u))t.indexOf(n)<0&&te.call(u,n)&&(l[n]=u[n]);return l};var f=(u,t,l)=>(H(u,typeof t!="symbol"?t+"":t,l),l);import{R as e,_ as p,k as De,c as C,a as O,u as xe,b as Ne}from"./vendor.5080796b.js";const Se=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)}};Se();function we(){return e.createElement("div",null,e.createElement("h1",null,"\u5FEB\u901F\u5F00\u59CB"),e.createElement("code",{className:"code"},`
2
-
3
- tnpm install @cniot/android-pda-components --save
4
-
5
- import { Button } from '@cniot/android-pda-components';
6
-
7
- import '@cniot/android-pda-components/es/style.css';
8
-
9
- `))}function E(u){const{type:t="default",onClick:l,className:n="",tabIndex:a=1,dataClick:r=""}=u;let c={};return r&&(c["data-click"]=r),e.createElement("button",g({className:`pda-button pda-button-${t} ${n}`,onClick:l,tabIndex:a},c),u.children)}function Ie(u){return e.createElement("div",{className:"button-group"},u.children)}E.Group=Ie;function Le(u){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[u]||"op-overlay"}function v(u){const{verticalPosition:t="center",visible:l=!0,closable:n=!1,onClosed:a=()=>{}}=u,[r,c]=p.exports.useState(!l);p.exports.useEffect(()=>{c(!l)},[l]);const i={};return n&&(i.onClick=o=>{c(!0),a()}),p.exports.useEffect(()=>{c(!l)},[l]),r?null:e.createElement("div",g({className:Le(t)},i),u.children)}const le=["fn"],Te=()=>{};function G(u){const{onBack:t,icon:l,title:n,menus:a=[],onClickMenuItem:r=Te,onScanBarcode:c,cancelMenuText:i,configIconClick:o=null,menuShortcutKey:s,backShortcutKey:d}=u,[m,h]=e.useState(!1);return e.useEffect(function(){if(s)return ne(ue(s),function(){h(!0)})},[s]),e.useEffect(function(){if(d&&t)return ne(ue(d),function(){t("back")})},[d,t]),e.useEffect(()=>Me(function(){t&&t("back")}),[]),e.useEffect(()=>Xe(document,"BarcodeScan",function(F){c&&c(F.param.scanData)}),[c]),e.createElement("div",{className:"pda-header"},t&&e.createElement("div",{onClick:()=>{t("back")},className:"pda-header-icon pda-header-icon-back"}),l&&e.createElement("div",{className:`pda-header-icon pda-header-icon-${l}`}),e.createElement("div",{className:"pda-title-text"},n),a&&a.length?e.createElement("div",{className:"pda-header-icon pda-header-more",onClick:()=>h(!0)}):null,o?e.createElement("div",{className:"pda-header-icon pda-header-config",onClick:o}):null,e.createElement(v,{visible:m,verticalPosition:"bottom",closable:!1,onClosed:()=>h(!1)},e.createElement("div",{className:"pda-menus"},a.map((F,B)=>e.createElement(E,{onClick:()=>{h(!1),r(F),F.action&&F.action(F)},key:F.key||B},F.label)),i?e.createElement("div",{style:{marginTop:20}},e.createElement(E,{onClick:()=>h(!1)},i)):null)))}function ue(u){return(u.indexOf(",")>-1?u.split(","):[u]).map(l=>{if(le.indexOf(l.toLowerCase())>-1)return l.toLowerCase();const n=De(l);return n===void 0&&console.warn("OPButton.shortcutKey error key value by:",l),n}).filter(l=>l!==void 0)}function ne(u,t){function l(n){const a=n.key.toLowerCase(),r=le.indexOf(a)>-1?a:n.keyCode;u.indexOf(r)>-1&&t&&t(n)}return document.addEventListener("keyup",l),function(){document.removeEventListener("keyup",l)}}function Me(u){function t(l){l.param.originValue=="back"&&u&&u()}return document.addEventListener("keyPressed",t,!1),function(){document.removeEventListener("keyPressed",t)}}function Xe(u,t,l){return u.addEventListener(t,l,!1),function(){u.removeEventListener(t,l)}}function _e(){return e.createElement("div",null,e.createElement("h1",null,"Header"),e.createElement("p",null,"\u5934\u90E8\u6307\u5F15\uFF0C \u5728 iData PDA \u4E2D fn \u7684\u952E\u503C\u4E3A 0\uFF0C\u5DF2\u505A\u7279\u6B8A\u5904\u7406\uFF0C\u53EF\u4EE5\u76F4\u63A5\u5199fn\u3002"),e.createElement("br",null),e.createElement("div",null,"\u6CE8\u610F\uFF1A\u901A\u8FC7\u4EE5\u4E0B\u4EE3\u7801\u7981\u7528\u5B9E\u4F53 back \u952E\u7684\u9ED8\u8BA4\u52A8\u4F5C\u540E\uFF0CHeader \u7EC4\u4EF6\u7684 onBack \u53EF\u4EE5\u54CD\u5E94\u5B9E\u4F53back\u952E",e.createElement("code",{className:"code"},`
10
- WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'keyboard', 'method': 'disableBackKey', 'params': {}}", function(e) {
11
- console.log('disable back key succeed');
12
- }, function(e) {
13
- console.log('disable back key failed');
14
- });
15
- `)),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",null,e.createElement(G,{title:"hello world",onBack:console.log,backShortcutKey:"a"}),e.createElement("br",null),e.createElement(G,{icon:"read",title:"hello world",configIconClick:u=>{console.log("config icon click")}}),e.createElement("br",null),e.createElement(G,{icon:"select",title:"hello world",menus:[{label:"menus1",action:u=>{console.log(u)}},{label:"menus2"},{label:"menus3"}],onClickMenuItem:console.log,cancelMenuText:"\u53D6\u6D88",menuShortcutKey:"f1,f2,fn",configIconClick:u=>{console.log("config icon click")}})),e.createElement("code",{className:"code"},`
16
- // backShortcutKey \u7ED1\u5B9A\u4E86 a \u952E\u5FEB\u6377\u89E6\u53D1 onBack
17
- <Header
18
- title='hello world'
19
- onBack={console.log}
20
- backShortcutKey="a"
21
- />
22
- <Header
23
- icon='read'
24
- title='hello world'
25
- ></Header>
26
- <Header
27
- icon='select'
28
- title='hello world'
29
- menus={[
30
- {
31
- label:"menus1"
32
- action: (item) => {
33
- console.log(item);
34
- }
35
- },
36
- {
37
- label:"menus2"
38
- },
39
- {
40
- label:"menus3"
41
- }
42
- ]}
43
- onClickMenuItem={console.log}
44
- cancelMenuText="\u53D6\u6D88"
45
- menuShortcutKey="f1,f2,fn"
46
- ></Header>
47
- `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onBack"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE\u70B9\u51FB"),e.createElement("td",null,'Function("back")'),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClickMenuItem"),e.createElement("td",null,"menu item \u70B9\u51FB"),e.createElement("td",null,"function(item)"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"title \u56FE\u6807"),e.createElement("td",null,"string: scan | select | read"),e.createElement("td",null,"scan")),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onScanBarcode"),e.createElement("td",null,"(barcode)=> "),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"menus"),e.createElement("td",null,"\u5F39\u51FA\u83DC\u5355\u5217\u8868\uFF0Cmenus item \u7684\u6240\u6709\u53C2\u6570\u4F1A\u76F4\u63A5\u7ED9 Button"),e.createElement("td",null,"Array-Object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelMenuText"),e.createElement("td",null,"\u53D6\u6D88\u5F39\u51FA\u83DC\u5355\u7684\u6309\u94AE\u6587\u6848\uFF0C\u6CA1\u6709\u7684\u8BDD\u4E0D\u663E\u793A\u53D6\u6D88\u5F39\u51FA\u83DC\u5355"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"menuShortcutKey"),e.createElement("td",null,"\u81EA\u5DF1\u5B9A\u4E49\u7ED1\u5B9A menu \u83DC\u5355\u7684\u5FEB\u6377\u952E\u5F39\u51FA\uFF0C\u6BD4\u5982 `f1`, `f1,f2` (\u652F\u6301,\u53F7\u5206\u5272\u7ED1\u5B9A\u591A\u4E2A\u952E)"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"backShortcutKey"),e.createElement("td",null,"\u8FD4\u56DE\uFF0C\u7ED1\u5B9A\u5FEB\u6377\u952E, \u5FC5\u987B\u58F0\u660E\u8FC7 onBack \u53C2\u6570\u624D\u6709\u6548"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"configIconClick"),e.createElement("td",null,"\u589E\u52A0 Config \u6309\u94AE"),e.createElement("td",null,"function"),e.createElement("td",null)))))}const Pe=()=>{};class T extends e.Component{constructor(t){super(t);f(this,"state",{showMenu:!1})}render(){const{className:t,goBack:l=!0,goBackHandle:n=Pe,icon:a="scan",title:r="\u4EFB\u52A1",menuList:c=null}=this.props,{showMenu:i}=this.state;return e.createElement("div",{className:C({[t]:!0,"pda-header":!0})},l&&e.createElement("div",{onClick:n,className:C({"pda-header-icon":!0,["pda-header-icon-back"]:!0})}),a&&e.createElement("div",{className:C({"pda-header-icon":!0,["pda-header-icon-"+a]:!0})}),e.createElement("p",{className:C({"pda-title-text":!0})},r),c?e.createElement("div",{className:"pda-header-icon pda-header-more",onClick:o=>{this.setState({showMenu:!0})}}):null,e.createElement(v,{visible:i,verticalPosition:"bottom",closable:!0,onClosed:o=>this.setState({showMenu:!1})},e.createElement("div",{className:"pda-menus"},c)))}}function $e(){return e.createElement("div",null,e.createElement("h1",null,"Title"),e.createElement("p",null,"\u5E9F\u5F03-\u63A8\u8350\u7528Header"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",null,e.createElement(T,{title:"hello world",goBackHandle:()=>{console.log("go back")}}),e.createElement("br",null),e.createElement(T,{icon:"read",title:"hello world"}),e.createElement("br",null),e.createElement(T,{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")),onClickMenuItem:console.log})),e.createElement("code",{className:"code"},`
48
- <Title
49
- title='hello world'
50
- icon='read'
51
- goBackHandle={() => {
52
- console.log('go back');
53
- }}
54
- menuList = {
55
- <>
56
- <Button>\u6309\u94AE</Button>
57
- <Button type='primary' onClick={e => console.log(e) }>\u786E\u8BA4</Button>
58
- <Button type='dark'>\u6DF1\u8272</Button>
59
- </>
60
- }
61
- />
62
- `),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 We(){return e.createElement("div",null,e.createElement("h1",null,"Button"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(E,{dataClick:"arms track"},"\u6309\u94AE"),e.createElement(E,{type:"primary",onClick:u=>console.log(u),dataClick:""},"\u786E\u8BA4"),e.createElement(E,{type:"dark"},"\u6DF1\u8272"),e.createElement(E.Group,null,e.createElement(E,{type:"cutout"},"\u9542\u7A7A"),e.createElement(E,null,"\u6309\u94AE"))),e.createElement("code",{className:"code"},`
63
- <Button dataClick='arms track'>\u6309\u94AE</Button>
64
- <Button type='primary' onClick={e => console.log(e) }>\u786E\u8BA4</Button>
65
- <Button type='dark'>\u6DF1\u8272</Button>
66
- <Button.Group>
67
- <Button type="cutout">\u9542\u7A7A</Button>
68
- <Button>\u6309\u94AE</Button>
69
- </Button.Group>
70
- `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | dark | cutout"),e.createElement("td",null,"default")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"dataClick"),e.createElement("td",null,"arms \u76D1\u63A7\u4F7F\u7528"),e.createElement("td",null,"string"),e.createElement("td",null)))))}class k extends e.Component{constructor(t){super(t)}render(){const{className:t="",title:l,highlightInfo:n,subTitle:a,subHighlightInfo:r,subHighlightSubInfo:c,infoImage:i,tagText:o,highlightInfoCN:s,highlightSubInfo:d,percentage:m,highlightSubInfoCN:h,boldInfo:F,infoList:B=[],style:D={},theme:be="light"}=this.props;return e.createElement("div",{className:C({[t]:!0,"pda-info-card":!0,"pda-info-card-dark":be==="dark"}),style:D},e.createElement("div",{className:"pda-info-card-title-section"},e.createElement("div",{className:"pda-info-card-title"},l),o?e.createElement("div",{className:"pda-info-card-tag"},e.createElement("div",{className:"pda-info-card-tag-text"},o)):null),e.createElement("div",{className:"pda-info-card-highlight-section"},e.createElement("div",null,e.createElement("div",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},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"},h)),a?e.createElement("div",{className:"pda-info-card-title"},a):null,r?e.createElement("div",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},r),e.createElement("span",{className:"pda-info-card-highlight2"},c)):null),i?e.createElement("img",{src:i,width:150,height:150}):null),m!==void 0?e.createElement("div",{className:"pda-info-card-progress"},e.createElement("div",{className:"pda-info-card-progress-inside",style:{width:`${m*100}%`}})):null,e.createElement("div",{className:"pda-info-card-bold"},F),B.map((Q,Ae)=>e.createElement("div",{key:Ae,className:"pda-info-card-list"},e.createElement("span",null,Q.label||""),"\xA0\xA0",e.createElement("span",null,Q.content||""))))}}k.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";function Re(){return e.createElement("div",null,e.createElement("h1",null,"InfoCard"),e.createElement("p",null,"InfoCard"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{width:480,display:"block"}},e.createElement(k,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",percentage:.64,boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(k,{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",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"},`
71
- <InfoCard
72
- title="\u5F85\u62E3\u4EF6\u6570"
73
- highlightInfo="800"
74
- highlightInfoCN = "\u4EF6"
75
- highlightSubInfo="/800"
76
- highlightSubInfoCN="\u4EF6"
77
- percentage={0.64}
78
- 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"
79
- infoList={
80
- [
81
- {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
82
- {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
83
- {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
84
- {label: '\u54C1\u53F7', content: '12398765423'},
85
- ]
86
- }
87
- />`),e.createElement("div",{className:"light-block",style:{width:480,display:"block"}},e.createElement(k,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",tagText:"\u5C11\u8D272",boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",theme:"dark",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement("code",{className:"code"},`
88
- <InfoCard
89
- title="\u5F85\u62E3\u4EF6\u6570"
90
- highlightInfo="800"
91
- highlightInfoCN = "\u4EF6"
92
- highlightSubInfo="/800"
93
- highlightSubInfoCN="\u4EF6"
94
- tagText="\u5C11\u8D272"
95
- 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"
96
- theme='dark'
97
- infoList={
98
- [
99
- {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
100
- {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
101
- {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
102
- {label: '\u54C1\u53F7', content: '12398765423'},
103
- ]
104
- }
105
- />`),e.createElement("div",{className:"light-block",style:{width:440,display:"block"}},e.createElement(k,{title:"\u6F0F\u626B\u7BB1\u6570/\u8BC6\u522B\u603B\u7BB1\u6570",highlightInfo:"400",highlightSubInfo:"/612",infoImage:k.IMAGE_1})),e.createElement("div",{className:"light-block",style:{width:440,display:"block"}},e.createElement(k,{title:"\u6F0F\u626B\u7BB1\u6570/\u8BC6\u522B\u603B\u7BB1\u6570",highlightInfo:"40",highlightSubInfo:"/612",infoImage:k.IMAGE_1})),e.createElement("code",{className:"code"},`
106
- <InfoCard
107
- title="\u6F0F\u626B\u7BB1\u6570/\u8BC6\u522B\u603B\u7BB1\u6570"
108
- highlightInfo="0"
109
- highlightSubInfo="/40"
110
- infoImage={InfoCard.IMAGE_1}
111
- />`),e.createElement("div",{className:"light-block",style:{width:440,display:"block"}},e.createElement(k,{title:"\u8BC6\u522B\u7BB1\u6570(CS)",highlightInfo:"10",highlightSubInfo:"/50",subTitle:"\u8BC6\u522B\u4E2A\u6570(EA)",subHighlightInfo:"400",subHighlightSubInfo:"/500",infoImage:k.IMAGE_1})),e.createElement("code",{className:"code"},`
112
- <InfoCard
113
- title="\u8BC6\u522B\u7BB1\u6570(CS)"
114
- highlightInfo="0"
115
- highlightSubInfo="/50"
116
- subTitle="\u8BC6\u522B\u4E2A\u6570(EA)"
117
- subHighlightInfo="40"
118
- subHighlightSubInfo="/50"
119
- infoImage={InfoCard.IMAGE_1}
120
- />`),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 He extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,isActive:n,infoList:a=[],style:r={},index:c,isLast:i}=this.props;return e.createElement("div",{className:C({[t]:!0,"pda-step-card":!0}),style:r},e.createElement("div",{className:"pda-step-indictor"},e.createElement("div",{className:C({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":c===0})}),e.createElement("div",{className:C({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":n})}),e.createElement("div",{className:C({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":i})})),e.createElement("div",{className:C({"pda-step":!0,"pda-step-dark":!n})},e.createElement("div",{className:"pda-step-title"},l),a.map((o,s)=>e.createElement("div",{key:s,className:"pda-step-list"},e.createElement("span",null,o.label||""),"\xA0\xA0",e.createElement("span",null,o.content||"")))))}}class M 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:C({[t]:!0}),style:l},(r||[]).map((c,i)=>{const o=g({index:i,isLast:i===(r||[]).length-1},c.props);return i===a?o.isActive=!0:o.isActive=!1,p.exports.cloneElement(c,o)}))}}f(M,"Step",He);const{Step:w}=M;function Oe(){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(M,{current:0,style:{marginRight:"32px"}},e.createElement(w,{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(w,{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(M,{current:1},e.createElement(w,{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(w,{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,{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"},`
121
- <Steps current={0} style={{
122
- marginRight: '32px',
123
- }}>
124
- <Step title="\u626B\u63CF\u4E2D" infoList={
125
- [
126
- {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
127
- {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
128
- {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
129
- {label: '\u54C1\u53F7', content: '12398765423'},
130
- ]
131
- } />
132
- <Step title="\u5DF2\u751F\u4EA7" infoList={
133
- [
134
- {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
135
- {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
136
- {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
137
- {label: '\u54C1\u53F7', content: '12398765423'},
138
- ]
139
- } />
140
- </Steps>
141
- `),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 ae extends e.Component{constructor(t){super(t)}render(){const{className:t,header:l,onClick:n=()=>{},onHeightLightClick:a=()=>{},onIconClick:r=()=>{},highlightText:c,highlightSubText:i,stateTextList:o=[],stateList:s=[],subInfoList:d=[],style:m={},icon:h}=this.props;return e.createElement("div",{className:C({[t]:!0,"pda-list-item":!0}),style:m,onClick:n},l?e.createElement("div",{className:"pda-listitem-header"},l):null,e.createElement("div",{onClick:a,className:C({"pda-listitem-highlight":!0})},e.createElement("div",null,c),e.createElement("div",null,i)),e.createElement("div",{className:"pda-listitem-state-text"},o.map((F,B)=>e.createElement("span",{key:B},F.label||"","\uFF5C"))),e.createElement("div",{className:"pda-listitem-state-block"},s.map((F,B)=>{const D=F&&F.type?F.type:"default";return e.createElement("div",{key:B,className:D},F.label||"")})),h?e.createElement("div",{onClick:r,className:"pda-listitem-icon"},e.createElement("div",{className:C({"listitem-icon-container":!0,["listitem-icon-"+h]:!0})})):null,d.map((F,B)=>e.createElement("div",{key:B,className:"pda-listitem-subinfo"},e.createElement("span",null,F.label||""),"\xA0\xA0",e.createElement("span",null,F.content||""))))}}function Ge(){return e.createElement("div",null,e.createElement("h1",null,"ListItem"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(ae,{onClick:u=>{console.log(123)},highlightText:"c5058f90218443bf857bc1e6c0b72aef",highlightSubText:"30%",icon:"next",stateTextList:[{label:"\u72B6\u60011"},{label:"\u72B6\u60012"},{label:"\u72B6\u60012"}],stateList:[{label:"success",type:"success"},{label:"default"},{label:"warning",type:"warning"},{label:"error",type:"error"}],subInfoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"},{label:"\u4ED3\u5E93",content:"12398000032432432423400000765423"}],onHeightLightClick:()=>{console.log("heightlight click!")},onIconClick:()=>{console.log("icon click!")},style:{width:"432px",marginRight:"32px",backgroundColor:"black"}})),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(ae,{onClick:u=>{console.log(123)},highlightText:"c5058f90218443bf857bc1e6c0b72aef",highlightSubText:"30%",icon:"next",stateTextList:[{label:"\u72B6\u60011"},{label:"\u72B6\u60012"},{label:"\u72B6\u60012"}],stateList:[{label:"success",type:"success"},{label:"default"},{label:"warning",type:"warning"},{label:"error",type:"error"}],subInfoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"},{label:"\u4ED3\u5E93",content:"12398000032432432423400000765423"}],onHeightLightClick:()=>{console.log("heightlight click!")},onIconClick:u=>{console.log("icon click!",u instanceof Event)},style:{width:"432px",marginRight:"32px",backgroundColor:"black"}})),e.createElement("code",{className:"code"},`
142
- <ListItem
143
- header="\u4EFB\u52A1\u5355"
144
- highlightText="XXXX-XX-XXX"
145
- highlightSubText="30%"
146
- icon="next"
147
- stateTextList={[
148
- {label: '\u72B6\u60011'},
149
- {label: '\u72B6\u60012'},
150
- {label: '\u72B6\u60012'},
151
- ]}
152
- stateList={[
153
- {label: 'success', type: 'success'},
154
- {label: 'default', },
155
- {label: 'warning', type: 'warning'},
156
- {label: 'error', type: 'error'},
157
- ]}
158
- onIconClick={()=> {
159
- console.log('icon click!')
160
- }}
161
- onHeightLightClick={()=> {
162
- console.log('heightlight click!')
163
- }}
164
- subInfoList={
165
- [
166
- {label: '\u5546\u54C1\u6761\u7801', content: '623126388798'},
167
- {label: '\u622A\u6B62\u65E5\u671F', content: '2022-07-25'},
168
- {label: '\u4EA7\u54C1\u540D\u79F0', content: '\u5546\u54C1\u7684\u540D\u79F0'},
169
- {label: '\u54C1\u53F7', content: '12398765423'},
170
- {label: '\u4ED3\u5E93', content: '12398000000000765423'},
171
- ]
172
- }
173
- />
174
- `),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 Ve(){}function N(u){const{title:t="title",message:l=null,subMessage:n=[],okText:a="okText",cancelText:r=null,okDataClick:c=null,cancelDataClick:i=null,onClick:o=Ve,type:s="primary",insertButtons:d=[],appendButtons:m=[]}=u;return e.createElement("div",{className:C({"confirm-wrap":!0,["confirm-"+s]:!0})},e.createElement("div",{className:"confirm-content"},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((h,F)=>{const{label:B,content:D}=h;return e.createElement("div",{className:"confirm-sub-block",key:B||F},e.createElement("p",{className:"confirm-sub-label"},B?B+" : ":""),e.createElement("p",{className:"confirm-sub-content"},D||""))})):null),e.createElement("div",{className:"confirm-btns"},d.length>0?e.createElement(E.Group,null,d.map((h,F)=>e.createElement(E,{key:F,onClick:()=>o(h.value),dataClick:h.dataClick},h.label))):null,e.createElement(E.Group,null,r?e.createElement(E,{className:"confirm-cancel-button",onClick:()=>o(!1),dataClick:i},r):null,e.createElement(E,{type:"primary",onClick:()=>o(!0),dataClick:c},a)),m.length>0?e.createElement(E.Group,null,m.map((h,F)=>e.createElement(E,{key:F,onClick:()=>o(h.value),dataClick:h.dataClick},h.label))):null))}function Ke(){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(N,{title:"111111",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",okDataClick:"clickOk",subMessage:[{label:"\u7BB1\u7801",content:"abcdefghijklmnopqrstuvwxyz"}],onClick:u=>{console.log("isConfirm",u)}}),e.createElement("br",null),e.createElement(N,{title:"111111",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",type:"warning",subMessage:[{label:"\u7BB1\u7801",content:"abcdefghijklmnopqrstuvwxyz"}],onClick:u=>{console.log("isConfirm",u)},insertButtons:[{label:"\u67E5\u770B\u8BE6\u60C5111",value:"hello",dataClick:"\u67E5\u770B\u8BE6\u60C51234"}],appendButtons:[{label:"\u67E5\u770B\u8BE6\u60C5",value:{name:"id111"}}]})),e.createElement("code",{className:"code"},`
175
- <Confirm
176
- // type="warning"
177
- title="111111"
178
- message="22222"
179
- okText="\u786E\u8BA4"
180
- cancelText="\u53D6\u6D88"
181
- onClick={(isConfirm)=>{
182
- console.log("isConfirm", isConfirm);
183
- }}
184
- ></Confirm>
185
- `),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")),e.createElement("tr",null,e.createElement("td",null,"subMessage"),e.createElement("td",null,"\u63CF\u8FF0"),e.createElement("td",null,JSON.stringify([{label:"\u7BB1\u7801"},{content:"abcdefghijklmnopqrstuvwxyz"}])),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okDataClick"),e.createElement("td",null,"ok \u6309\u94AE arms \u76D1\u63A7"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelDataClick"),e.createElement("td",null,"cancel \u6309\u94AE arms \u76D1\u63A7"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"insertButtons"),e.createElement("td",null,"\u63D2\u5165\u5728\u9ED8\u8BA4\u6309\u94AE\u4E0A\u9762"),e.createElement("td",null,JSON.stringify([{label:"\u67E5\u770B\u8BE6\u60C5111",value:"hello",dataClick:"\u67E5\u770B\u8BE6\u60C51234"}])),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"appendButtons"),e.createElement("td",null,"\u8FFD\u52A0\u5230\u9ED8\u8BA4\u6309\u94AE\u4E0B\u9762"),e.createElement("td",null,JSON.stringify([{label:"\u67E5\u770B\u8BE6\u60C5222",value:"hello",dataClick:"\u67E5\u770B\u8BE6\u60C51234"}])),e.createElement("td",null)))))}function re(u){const t={domain:"logger",method:"deviceLog",params:u};WindVane.call("WindvanePlugin","invoke",JSON.stringify(t),function(l){},function(l){})}function Ue(u){return(typeof u=="function"?u():u)||document.body}function je(u){return u===void 0}function ce(...u){function t(n,a){return je(a)?n:a}let l=Object.assign({},u[0]);for(let n=1;n<u.length;n++)l=Object.assign(l,u[n],t);return l}function S(u){if(window.WindVane){var t={domain:"audio",method:"playSound",params:{sound:u}};WindVane.call("WindvanePlugin","invoke",JSON.stringify(t))}}function ze(u){return{success:"toast-wrap success",warning:"toast-wrap warning",error:"toast-wrap error"}[u]||"toast-wrap"}function b(u){const{title:t="title",message:l="message",type:n="success",duration:a=null,hasVoice:r=!0}=u,[c,i]=p.exports.useState(!1);return p.exports.useEffect(()=>{window.WindVane&&r&&(n==="warning"?(S("error1"),window.WindVane.call("WVMotion","vibrate",{duration:400})):n==="error"&&(S("error2"),window.WindVane.call("WVMotion","vibrate",{duration:200}),setTimeout(()=>{window.WindVane.call("WVMotion","vibrate",{duration:300})},250)))},[]),a&&setTimeout(()=>{i(!0)},a),c?null:e.createElement("div",{className:ze(n)},e.createElement("div",{className:"toast-title"},t),e.createElement("div",{className:"toast-message"},l))}const qe={maskClickable:!0,stopPropagation:["click"]},Ye=u=>{const t=ce(qe,u),{maskClickable:l,content:n,icon:a,position:r="bottom",closable:c=!0,title:i,message:o,type:s,visible:d,renderContent:m,hasVoice:h}=t;return e.createElement(v,{visible:d,verticalPosition:r,closable:c},m?m():e.createElement(b,{title:i,message:o,type:s,hasVoice:h}))},oe=[];function ie(u){O.unmountComponentAtNode(u)&&u.parentNode&&u.parentNode.removeChild(u)}const Je={duration:2e3};function V(u){const t=ce(Je,u);let l=0;const{getContainer:n=()=>document.body}=t,a=document.createElement("div");Ue(n).appendChild(a),oe.push(a);const c=p.exports.forwardRef((o,s)=>{const[d,m]=p.exports.useState(!0);return p.exports.useEffect(()=>()=>{t.afterClose&&t.afterClose()},[]),p.exports.useEffect(()=>{if(t.duration!==0)return l=window.setTimeout(()=>{m(!1)},t.duration),()=>{window.clearTimeout(l)}},[]),p.exports.useImperativeHandle(s,()=>({close:()=>m(!1)})),e.createElement(Ye,L(g({},t),{getContainer:()=>a,visible:d,afterClose:()=>{ie(a)}}))}),i=p.exports.createRef();return O.render(e.createElement(c,{ref:i}),a),{close:()=>{var o;(o=i.current)==null||o.close()}}}function Ze(){for(;;){const u=oe.pop();if(!u)break;ie(u)}}function Qe(u={}){const{duration:t=1e4}=u;return V({duration:t,position:"center",closable:!1,renderContent:function(){return e.createElement("div",{className:"loading-box"},e.createElement("svg",{t:"1647243772165",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"2178"},e.createElement("path",{d:"M512 64c247.2 0 448 200.8 448 448h-64c0-212-172-384-384-384V64z m0 832c-212 0-384-172-384-384H64c0 247.2 200.8 448 448 448v-64z","p-id":"2179"})),e.createElement("div",null,"LOADING..."))}})}function et(u={}){const n=u,{duration:t=0}=n,l=x(n,["duration"]);return V({duration:t,position:"bottom",closable:!0,renderContent:function(){return e.createElement(N,g({},l))}})}b.show=V;b.loading=Qe;b.confirm=et;b.clear=Ze;function tt(){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(E.Group,null,e.createElement(E,{onClick:u=>{let t=b.show({type:"success",title:"hello title222",message:"\u4E24\u79D2\u540E\u901A\u8FC7 handle.close() \u5173\u95ED",duration:8e3});setTimeout(()=>{t.close()},2e3)}},"\u70B9\u51FB toast"),e.createElement(E,{onClick:u=>{b.loading({duration:4e3}),setTimeout(()=>{},2e3)}},"\u70B9\u51FB loading"),e.createElement(E,{onClick:u=>{b.confirm({type:"warning",title:"this is title",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",onClick:t=>{console.log("isConfirm",t)}})}},"\u70B9\u51FB confirm"),e.createElement(E,{onClick:u=>{b.show({renderContent:function(){return e.createElement("p",{style:{fontSize:30}},"\u81EA\u5B9A\u4E49\u6E32\u67D3")}})}},"\u81EA\u5B9A\u4E49\u6E32\u67D3")),e.createElement(b,{title:"111111",message:"22222",type:"success"}),e.createElement("br",null),e.createElement(b,{title:"111111",message:"22222",type:"warning"}),e.createElement("br",null),e.createElement(b,{title:"\u5EF6\u65F6\u5173\u95ED",message:"duration={3000}",type:"error",duration:3e3}),e.createElement("br",null)),e.createElement("code",{className:"code"},`
186
- let handle = Toast.show({
187
- type: 'success',
188
- title: 'hello title222',
189
- message: 'duration: 8000',
190
- duration: 8000,
191
- })
192
- setTimeout(() => {
193
- handle.close();
194
- }, 2000);
195
-
196
- let l = Toast.loading({duration: 8000});
197
- setTimeout(() => {
198
- l.close();
199
- }, 2000);
200
-
201
- let c = Toast.confirm({
202
- type: "warning",
203
- title: "this is title",
204
- message: "22222",
205
- okText: "\u786E\u8BA4",
206
- cancelText: "\u53D6\u6D88",
207
- onClick: (isConfirm) => {
208
- console.log("isConfirm", isConfirm);
209
- }
210
- });
211
-
212
- Toast.show({
213
- renderContent: function() {
214
- return <p style={{fontSize: 30}}>\u81EA\u5B9A\u4E49\u6E32\u67D3</p>
215
- }
216
- })
217
-
218
- <Toast
219
- title="111111"
220
- message="22222"
221
- type="success"
222
- ></Toast>
223
- <br />
224
- <Toast
225
- title="111111"
226
- message="22222"
227
- type="warning"
228
- ></Toast>
229
-
230
- <br />
231
- <Toast
232
- title="\u5EF6\u65F6\u5173\u95ED"
233
- message="duration={3000}"
234
- type="error"
235
- duration={3000}
236
- ></Toast>
237
- `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u6D88\u606F\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")),e.createElement("tr",null,e.createElement("td",null,"duration"),e.createElement("td",null,"\u5EF6\u8FDF\u65F6\u95F4"),e.createElement("td",null,"number"),e.createElement("td",null,"\u5355\u4F4D ms")),e.createElement("tr",null,e.createElement("td",null,"renderContent"),e.createElement("td",null,"\u81EA\u5B9A\u4E49\u6E32\u67D3"),e.createElement("td",null,"function"),e.createElement("td",null)))))}function lt(){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(v,{verticalPosition:"top"},e.createElement(b,{title:"111111",message:"22222",type:"success"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(v,{verticalPosition:"center",closable:!0},e.createElement(b,{title:"\u70B9\u51FB\u7A7A\u767D\u53EF\u5173\u95ED",message:"closable={true}",type:"warning"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(v,{verticalPosition:"bottom",closable:!0},e.createElement(N,{title:"111111",message:"22222",type:"error"}))),e.createElement("code",{className:"code"},`
238
- <Overlay verticalPosition="top" >
239
- <Toast
240
- title="111111"
241
- message="22222"
242
- type="success"
243
- ></Toast>
244
- </Overlay>
245
-
246
- <Overlay verticalPosition="center" >
247
- <Toast
248
- title="111111"
249
- message="22222"
250
- type="success"
251
- ></Toast>
252
- </Overlay>
253
-
254
- <Overlay verticalPosition="bottom" >
255
- <Toast
256
- title="111111"
257
- message="22222"
258
- type="success"
259
- ></Toast>
260
- </Overlay>
261
-
262
- `),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 K(u){const{className:t=void 0,label:l="label",type:n="success"}=u;return e.createElement("div",{className:C({[t]:!0,"pda-tag":!0,["pda-tag-"+n]:!0})},l)}function ut(){return e.createElement("div",null,e.createElement("h1",null,"Tag"),e.createElement("p",null,"\u6807\u7B7E"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(K,null),e.createElement(K,{label:"warning",type:"warning"})),e.createElement("code",{className:"code"},`
263
- <Tag />
264
- <Tag label='warning' type='warning'/>
265
- `),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,"label"),e.createElement("td",null,"label"),e.createElement("td",null,"string"),e.createElement("td",null,"label")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"success | warning | error"),e.createElement("td",null,"success")))))}function X(u){const{className:t="",title:l="",content:n="",type:a="default",onClick:r=()=>{}}=u;return l||n?e.createElement("div",{className:C({[t]:!0,"simple-card":!0,["simple-card-"+a]:!0}),onClick:r},e.createElement("p",{className:"simple-card-title"},l),e.createElement("p",{className:"simple-card-content"},n)):null}function nt(){return e.createElement("div",null,e.createElement("h1",null,"SimpleCard"),e.createElement("p",null,"\u7B80\u5355 Card"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(X,{title:"\u6807\u9898",content:"\u5185\u5BB9",type:"error",onClick:u=>{console.log(u)}}),e.createElement(X,{title:"500",content:"\u88C5\u8F66\u5B8C\u6210",onClick:u=>{console.log(u)}}),e.createElement(X,{title:"500",content:"\u88C5\u8F66\u5B8C\u6210",type:"dark",onClick:u=>{console.log(u)}})),e.createElement("code",{className:"code"},`
266
- <SimpleCard title="\u6807\u9898" content="\u5185\u5BB9" type='error' onClick={e=>{console.log(e);}}/>
267
- <SimpleCard title="500" content="\u88C5\u8F66\u5B8C\u6210" onClick={e=>{console.log(e);}}/>
268
- `),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,"title")),e.createElement("tr",null,e.createElement("td",null,"content"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"content")),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)),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"default | error"),e.createElement("td",null,"default")))))}function at(u){const{className:t=void 0,dataSource:l=[],title:n="",tag:a}=u;return e.createElement("div",{className:C({[t]:!0,"simple-card-block":!0})},e.createElement("div",{className:"simple-card-block-header"},e.createElement("p",{className:"simple-card-block-title"},n),a?e.createElement("div",{style:{marginLeft:12}},e.createElement(K,g({},a))):null),l.length>0?e.createElement("div",{className:"simple-card-block-content"},l.map((r,c)=>e.createElement(X,g({key:c},r)))):null)}function rt(){return e.createElement("div",null,e.createElement("h1",null,"SimpleCardBlock"),e.createElement("p",null,"\u5361\u7247\u5757"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(at,{title:"\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F",tag:{label:"\u6CE8\u610F\u5566",type:"warning"},dataSource:[{title:"500",content:"\u88C5\u8F66\u5B8C\u6210"},{title:"\u6807\u9898",content:"\u5185\u5BB9",type:"error",onClick:u=>console.log(u)},{title:"500",content:"\u88C5\u8F66\u5B8C\u6210"},{title:"\u6807\u9898",content:"\u5185\u5BB9",type:"error",onClick:u=>console.log(u)},{title:"500",content:"\u88C5\u8F66\u5B8C\u6210"}]})),e.createElement("code",{className:"code"},`
269
- <SimpleCardBlock
270
- title="\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F"
271
- tag={
272
- {label: '\u6CE8\u610F\u5566', type: 'warning'}
273
- }
274
- dataSource={
275
- [
276
- {title: '500', content: '\u88C5\u8F66\u5B8C\u6210'},
277
- {title: "\u6807\u9898", content: "\u5185\u5BB9", type: 'error', onClick: e=>console.log(e) },
278
- {title: '500', content: '\u88C5\u8F66\u5B8C\u6210'},
279
- {title: "\u6807\u9898", content: "\u5185\u5BB9", type: 'error', onClick: e=>console.log(e) },
280
- {title: '500', content: '\u88C5\u8F66\u5B8C\u6210'},
281
- ]
282
- }
283
- />
284
- `),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,"title")),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E"),e.createElement("td",null,"object"),e.createElement("td",null,"\u53C2\u8003 Tab")),e.createElement("tr",null,e.createElement("td",null,"dataSource"),e.createElement("td",null,"card \u6570\u636E\u6E90"),e.createElement("td",null,JSON.stringify([{},{}])),e.createElement("td",null,"\u5BF9\u8C61\u683C\u5F0F\u53C2\u8003 SimpleCard")))))}function se(u){const{title:t,label:l,select:n=!0,onClick:a=r=>{}}=u;return e.createElement("div",{className:"select-card"},t?e.createElement("p",null,t):null,e.createElement("div",{className:"select-card-content",onClick:a},l," ",n?e.createElement("span",{className:"select-icon"}):null," "))}function ct(){return e.createElement("div",null,e.createElement("h1",null,"SelectCard"),e.createElement("p",null,"\u9009\u62E9 Card"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block"},e.createElement(se,{title:"\u6808\u677F",label:"\u5F90\u798F\u8BB0",onClick:u=>{console.log(u)}}),e.createElement(se,{title:"\u6808\u677F",label:"\u5F90\u798F\u8BB0",select:!1,onClick:u=>{console.log(u)}})),e.createElement("code",{className:"code"},`
285
- <SelectCard title='\u6808\u677F' label='\u5F90\u798F\u8BB0' onClick={e => {console.log(e)} }/>
286
- <SelectCard title='\u6808\u677F' label='\u5F90\u798F\u8BB0' select={false} onClick={e => {console.log(e)} }/>
287
- `),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,"label"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"select"),e.createElement("td",null,"\u662F\u5426\u663E\u793A\u5C0F\u7BAD\u5934"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")),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)))))}const _="image-uploader";class ot extends p.exports.Component{constructor(t){super(t);this.state={}}renderDelete(){return e.createElement("span",{className:`${_}-cell-delete`,onClick:this.props.onDelete},e.createElement("img",{className:"uploader-delete-icon",alt:"close",src:"https://img.alicdn.com/imgextra/i2/O1CN01MInPNX1FWIOjjrlea_!!6000000000494-2-tps-32-32.png"}))}render(){const{src:t,deletable:l,onView:n,box:a}=this.props;return e.createElement("div",{className:"image-space-item"},e.createElement("div",{className:`${_}-cell`,style:{width:a,height:a}},e.createElement("div",{className:`${_}-cell-image`,style:{width:a,height:a}},e.createElement("img",{className:`${_}-img`,src:t,fit:"cover",onClick:n})),l&&this.renderDelete()))}}const me="image-uploader";class it extends p.exports.Component{constructor(t){super(t);this.state={}}render(){const{box:t}=this.props;return e.createElement("div",{className:"image-space-item"},e.createElement("div",{className:`${me}-upload-button-wrap`,onClick:this.props.onUpload},e.createElement("span",{className:`${me}-upload-button image-uploader-cell`,style:{width:t,height:t}},e.createElement("img",{className:"uploader-add-icon",alt:"add",src:"https://img.alicdn.com/imgextra/i1/O1CN01RipHZ11yVyprbUP5B_!!6000000006585-2-tps-32-32.png"}))))}}const P="image-viewer";class Ee extends p.exports.Component{constructor(t){super(t);f(this,"onShow",(t=0)=>{const{props:l}=this;let n=0;typeof t!="number"?n=0:n=t>l.images.length-1?0:t,this.setState({visible:!0,currentIndex:n,loading:!0})});f(this,"onHide",()=>{this.setState({visible:!1})});f(this,"handleImageLoaded",t=>{this.setState({loading:!1})});f(this,"onClickMask",t=>{if(t.target.getAttribute("class")!=="image-viewer-image-wrapper"&&t.target.getAttribute("class")!=="image-viewer-loading")return;const{afterClose:l}=this.props;this.setState({visible:!1},()=>{l&&l()})});f(this,"onClose",()=>{const{onClose:t,images:l}=this.props,{currentIndex:n}=this.state;l.length===0?this.setState({visible:!1},()=>{t&&t(l[n],n)}):this.setState({currentIndex:0,visible:!1},()=>{t&&t(l[n],n)})});f(this,"onPrev",t=>{t.stopPropagation();const{currentIndex:l}=this.state;this.setState({currentIndex:l-1,loading:!0})});f(this,"onNext",t=>{t.stopPropagation();const{currentIndex:l}=this.state;this.setState({currentIndex:l+1,loading:!0})});this.state={visible:t.defaultVisible||!1,currentIndex:0,loading:!1}}render(){const{currentIndex:t,visible:l,loading:n}=this.state,{images:a}=this.props;return e.createElement("div",null,l?e.createElement("div",{className:"v-mask",onClick:this.onClickMask},e.createElement("div",{className:"v-mask-content"},e.createElement("div",{className:`${P}-content`},e.createElement("div",{className:`${P}-slides`},e.createElement("div",{className:"image-viewer-indicator"},t+1," / ",a.length),e.createElement("div",{className:"viewer-image-close",onClick:this.onClose},e.createElement("svg",{width:"44",height:"44",viewBox:"0 0 768 768"},e.createElement("path",{fill:"#FFF",d:"M607.5 205.5l-178.5 178.5 178.5 178.5-45 45-178.5-178.5-178.5 178.5-45-45 178.5-178.5-178.5-178.5 45-45 178.5 178.5 178.5-178.5z"}))),e.createElement("div",{className:"image-viewer-slides-inner"},e.createElement("div",{className:"image-viewer-image-wrapper"},e.createElement("img",{src:this.props.images[t].url,style:{width:n?1:"auto"},onLoad:this.handleImageLoaded}))),a.length>1?e.createElement(e.Fragment,null,t===0?null:e.createElement("div",{className:"viewer-image-arrow viewer-prev",onClick:this.onPrev},e.createElement("svg",{width:"44",height:"44",viewBox:"0 0 768 768"},e.createElement("path",{d:"M640.5 352.5v63h-390l178.5 180-45 45-256.5-256.5 256.5-256.5 45 45-178.5 180h390z"}))),t===a.length-1?null:e.createElement("div",{className:"viewer-image-arrow viewer-next",onClick:this.onNext},e.createElement("svg",{width:"44",height:"44",viewBox:"0 0 768 768"},e.createElement("path",{d:"M384 127.5l256.5 256.5-256.5 256.5-45-45 178.5-180h-390v-63h390l-178.5-180z"})))):null))),n?e.createElement("div",{className:`${P}-loading`,onClick:this.onClose},e.createElement("div",{className:`${P}-loading-reactor`},e.createElement("svg",{viewBox:"0 0 32 32",width:"36",height:"36",fill:"white"},e.createElement("path",{opacity:".25",d:"M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"}),e.createElement("path",{d:"M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"})))):null):null)}}const $="image-uploader";class st extends p.exports.Component{constructor(t){super(t);f(this,"onViewImage",t=>{this.imgRef.onShow(t)});f(this,"onClickAdd",()=>{const{capture:t}=this.props,l=this,a={type:"0",mode:t&&t==="camera"?"camera":"photo"};navigator.userAgent.toLowerCase().match(/android/)?l.handlerUpload(a):l.handlerUploadNavigator()});f(this,"handlerUploadNavigator",()=>{const{beforeUpload:t,onBeforeUpload:l}=this.props,n=document.querySelector("#inputFile");n.click(),n.onchange=a=>{let r=a.target.files[0];const c=new FileReader;c.readAsDataURL(r),c.onload=m=>{const h=m.target.result;t&&t({data:h}),l&&l({data:h})};const o=(window.URL||window.webkitURL).createObjectURL(r),{images:s}=this.state,d=(Math.random()*1e4).toFixed(0);this.setState({images:[...s,{id:d,url:o}]})}});f(this,"handlerUpload",t=>{const{beforeUpload:l,onBeforeUpload:n}=this.props;window.WindVane.call("WVCamera","takePhoto",t,function(a){const r={domain:"camera",method:"getBase64",params:{filePath:a.localPath}};window.WindVane.call("WindvanePlugin","invoke",JSON.stringify(r),function(c){l&&l(c.data),n&&n(c.data)},function(c){console.log("failure "+JSON.stringify(c))})},function(a){console.log("takePhoto failure: "+JSON.stringify(a))})});f(this,"onDelete",(t,l)=>{const{onDelete:n}=this.props;n&&n(t,l)});f(this,"_showLoading",()=>{this.setState({loading:!0})});f(this,"_hideLoading",()=>{setTimeout(()=>{this.setState({loading:!1})},10*1e3)});this.state={images:[],loading:!1}}static getDerivedStateFromProps(t,l){return t.value!==l.images?{images:t.value}:null}componentDidMount(){this.setState({images:this.props.value})}render(){const{value:t,loading:l=!1}=this.props,{maxCount:n=1,deletable:a=!1,capture:r="camera",box:c=80}=this.props,{images:i}=this.state;return e.createElement(e.Fragment,null,e.createElement("div",{className:`${$}`},e.createElement("input",{type:"file",name:"file",accept:"image/*",id:"inputFile",style:{display:"none"}}),e.createElement("div",{className:`${$}-wrap`},i&&i.map((o,s)=>e.createElement(ot,{src:o.url,key:o.url,box:c,deletable:a,onDelete:()=>this.onDelete(o,s),onView:()=>this.onViewImage(s)})),i&&i.length<n?e.createElement(it,{box:c,onUpload:this.onClickAdd}):null)),l?e.createElement("div",{className:`${$}-loading`},e.createElement("div",{className:`${$}-loading-reactor`},e.createElement("svg",{viewBox:"0 0 32 32",width:"36",height:"36",fill:"white"},e.createElement("path",{opacity:".25",d:"M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"}),e.createElement("path",{d:"M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"})))):null,e.createElement(Ee,{ref:o=>this.imgRef=o,images:t}))}}function mt(){const[u,t]=p.exports.useState([]);return setTimeout(()=>{t([{id:1,url:"https://images.unsplash.com/photo-1624993590528-4ee743c9896e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=200&h=1000&q=80"},{id:2,url:"https://images.unsplash.com/photo-1601128533718-374ffcca299b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3128&q=80"},{id:3,url:"https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60"}])},1e3),e.createElement("div",null,e.createElement("h1",null,"ImageUploader"),e.createElement("p",null,"\u56FE\u7247\u4E0A\u4F20"),e.createElement("br",null),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block"},e.createElement(st,{value:u,box:120,maxCount:5,capture:"camera",loading:!1,deletable:!0,onDelete:l=>{console.log(l)},onBeforeUpload:l=>{console.log(l)}})),e.createElement("code",{className:"code"},`
288
- const images = [{
289
- id: 1,
290
- url: 'https://images.unsplash.com/photo-1624993590528-4ee743c9896e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=200&h=1000&q=80'
291
- },
292
- {
293
- id: 2,
294
- url: 'https://images.unsplash.com/photo-1601128533718-374ffcca299b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3128&q=80'
295
- }]
296
-
297
- <ImageUploader
298
- value={images}
299
- box={120}
300
- maxCount={4}
301
- capture="camera"
302
- deletable
303
- onDelete={(item) => {
304
- console.log(item)
305
- }}
306
- onBeforeUpload={(data) => {
307
- console.log(data)
308
- }}
309
- />
310
- `),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,"value"),e.createElement("td",null,"\u9ED8\u8BA4\u56DE\u586B\u6570\u636E"),e.createElement("td",null,"Array"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"box"),e.createElement("td",null,"\u56FE\u7247\u5C3A\u5BF8"),e.createElement("td",null,"number"),e.createElement("td",null,"80")),e.createElement("tr",null,e.createElement("td",null,"maxCount"),e.createElement("td",null,"\u6700\u5927\u4E0A\u4F20\u6570\u91CF\uFF0C\u5F53value\u957F\u5EA6\u5927\u4E8E\u8BE5\u503C\u65F6\uFF0C\u5219\u4E0A\u4F20\u6309\u94AE\u9690\u85CF"),e.createElement("td",null,"number"),e.createElement("td",null,"1")),e.createElement("tr",null,e.createElement("td",null,"capture"),e.createElement("td",null,"\u4E0A\u4F20\u6A21\u5F0F,\u5F53\u4F20\u5165 capture = 'camera' \u4E3A\u62CD\u7167\u4E0A\u4F20\uFF0C\u5426\u5219\u4E3A\u9009\u53D6\u672C\u5730\u56FE\u7247\u4E0A\u4F20"),e.createElement("td",null,"string"),e.createElement("td",null,"\u65E0")),e.createElement("tr",null,e.createElement("td",null,"deletable"),e.createElement("td",null,"\u662F\u5426\u663E\u793A\u5220\u9664"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"loading"),e.createElement("td",null,"\u662F\u5426\u663E\u793Aloading"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"onDelete"),e.createElement("td",null,"\u5220\u9664\u4E8B\u4EF6,\u56DE\u8C03\u53C2\u6570\u4E3A\u4F20\u5165value.Item"),e.createElement("td",null,"Function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onBeforeUpload"),e.createElement("td",null,"\u81EA\u5B9A\u4E49\u4E0A\u4F20\u65B9\u6CD5,\u56DE\u8C03\u53C2\u6570\u4E3A data.base64 "),e.createElement("td",null,"Function"),e.createElement("td",null)))))}function Et(){const u=[{id:1,url:"https://images.unsplash.com/photo-1624993590528-4ee743c9896e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=200&h=1000&q=80"},{id:2,url:"https://images.unsplash.com/photo-1601128533718-374ffcca299b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3128&q=80"},{id:3,url:"https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60"}];let t=null;return p.exports.useState(!1),e.createElement("div",null,e.createElement("h1",null,"ImageViewer"),e.createElement("p",null,"\u56FE\u7247\u9884\u89C8"),e.createElement("br",null),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block"},e.createElement(Ee,{ref:l=>{t=l},images:u,defaultVisible:!1,onClose:()=>{console.log("onClose")}}),e.createElement(E,{type:"cutout",onClick:()=>{t&&t.onShow()}},"\u9884\u89C8")),e.createElement("code",{className:"code"},`
311
- const images = [{
312
- id: 1,
313
- url: 'https://images.unsplash.com/photo-1624993590528-4ee743c9896e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=200&h=1000&q=80'
314
- },
315
- {
316
- id: 2,
317
- url: 'https://images.unsplash.com/photo-1601128533718-374ffcca299b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3128&q=80'
318
- }]
319
- let imgRef = null
320
-
321
- <ImageViewer
322
- ref={ref => {
323
- console.log(ref)
324
- imgRef = ref
325
- }}
326
- images={images}
327
- />
328
- <button onClick={() => imgRef && imgRef.onShow()}> \u9884\u89C8 </button>
329
- `),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,"images"),e.createElement("td",null,"\u56FE\u7247\u6570\u636E"),e.createElement("td",null,"Array"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"defaultVisible"),e.createElement("td",null,"\u9ED8\u8BA4\u9884\u89C8\u72B6\u6001"),e.createElement("td",null,"Boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"onShow"),e.createElement("td",null,"\u663E\u793A\u4E8B\u4EF6"),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"onHide"),e.createElement("td",null,"\u9690\u85CF\u4E8B\u4EF6"),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"onClose"),e.createElement("td",null,"\u5173\u95ED\u540E\u56DE\u8C03"),e.createElement("td",null,"Function"),e.createElement("td",null,"-")))))}function A(u){const{image:t=A.IMAGE_1,text:l="",subText:n="",transparent:a}=u;return e.createElement("div",{className:a?"presentation-card transparent":"presentation-card"},e.createElement("img",{src:t}),l?e.createElement("div",{className:"text"},l):null,n?e.createElement("div",{className:"sub-text"},n):null)}A.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png";A.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";A.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";A.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function dt(){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(A,{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(A,{image:A.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(A,{image:A.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(A,{image:A.IMAGE_3,text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"})),e.createElement("br",null),e.createElement("code",{className:"code"},`
330
- <Presentation text="\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B"></Presentation>
331
- <Presentation image={Presentation.IMAGE_4} text="\u8BF7\u9760\u8FD1\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B" transparent={true}></Presentation>
332
- <Presentation image={Presentation.IMAGE_2} imageStyle={{width: "500px"}} text="\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B" transparent={true} ></Presentation>
333
- <Presentation image={Presentation.IMAGE_3} text="\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B" ></Presentation>
334
- `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"image"),e.createElement("td",null,"\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 Presentation.IMAGE_1, Presentation.IMAGE_2, Presentation.IMAGE_3, Presentation.IMAGE_4 4\u5F20\u5185\u7F6E\u56FE\u7247")),e.createElement("tr",null,e.createElement("td",null,"text"),e.createElement("td",null,"\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"transparent"),e.createElement("td",null,"\u662F\u5426\u900F\u660E\uFF0C\u4E0D\u663E\u793A\u88AB\u8272\u80CC\u666F"),e.createElement("td",null,"boolean"),e.createElement("td",null,"\u9ED8\u8BA4false")),e.createElement("tr",null,e.createElement("td",null,"subText"),e.createElement("td",null,"\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)))))}function ht(){}function U(u){const{dataSource:t=[],onClickItem:l,onItemClick:n=ht}=u;return e.createElement("div",{className:"android-pda-list"},t.map((a,r)=>e.createElement(de,{key:a.key||r,dataSource:a,onClick:l||n})),u.children)}function de(u){const t=u.dataSource||{title:u.title,subTitle:u.subTitle,extra:u.extra,tags:u.tags},{title:l,subTitle:n,extra:a,tags:r=[],tabIndex:c}=t,{onClick:i}=u;return e.createElement("div",{className:"default-item",onClick:()=>{i(u.dataSource)},tabIndex:c},e.createElement("div",{className:"text"},e.createElement("div",null,l),n?e.createElement("div",{className:"sub-text"},n):null,r&&r.length?e.createElement("div",{className:"sub-tags"},r.map(o=>e.createElement("div",{className:"sub-tag-item",key:o},o))):null),e.createElement("div",{className:"extra"},a))}U.Item=de;const pt=[{title:"XX-00XX-XX-00",subTitle:"sub title",extra:"(2)",tags:["\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E"]},{title:"XX-00XX-XX-00",subTitle:"sub title",extra:"(2)",tags:[]},{title:"XX-00XX-XX-00",subTitle:"sub title",extra:"",tags:["\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E"]},{title:"XX-00XX-XX-00"},{title:"XX-00XX-XX-00",subTitle:"sub title",extra:"(2)",tags:["\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E"]}];function Ft(){return e.createElement("div",null,e.createElement("h1",null,"List"),e.createElement("p",null,"\u5217\u8868\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(U,{onClickItem:console.log,dataSource:pt})),e.createElement("code",{className:"code"},`
335
- const dataSource = [{
336
- title: "XX-00XX-XX-00",
337
- subTitle:"sub title",
338
- extra:"(2)",
339
- tags:["\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E"]
340
- },{
341
- title: "XX-00XX-XX-00",
342
- subTitle:"sub title",
343
- extra:"(2)",
344
- tags:[]
345
- },{
346
- title: "XX-00XX-XX-00",
347
- subTitle:"sub title",
348
- extra:"",
349
- tags:["\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E"]
350
- },{
351
- title: "XX-00XX-XX-00"
352
- },{
353
- title: "XX-00XX-XX-00",
354
- subTitle:"sub title",
355
- extra:"(2)",
356
- tags:["\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E","\u6807\u7B7E"]
357
- }];
358
- <List
359
- onClickItem={console.log}
360
- tabIndex={0}
361
- dataSource={dataSource}
362
- >
363
- </List>
364
- `),e.createElement("h2",null,"List"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onClickItem"),e.createElement("td",null,"Item \u70B9\u51FB\u56DE\u8C03\uFF0C\u53C2\u6570 dataSource[i]"),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"dataSource"),e.createElement("td",null,"Array({title, subTitle, extra, tags})"),e.createElement("td",null,"Array"),e.createElement("td",null,"-")))))}const j=()=>{};function z(u){const{label:t="\u67E5\u8BE2",onWakeKeyboard:l=j,onClick:n=j,onHidden:a=j,type:r="tel",placeholder:c="\u8BF7\u8F93\u5165",autoClose:i=!0}=u,o=p.exports.useRef(null),[s,d]=p.exports.useState(!0);return p.exports.useEffect(()=>{const m=h=>{const{code:F,keyCode:B,key:D}=h;if(F==="Enter"){h.preventDefault(),n(o.current.value,h),a(!0),d(!1);return}};return requestAnimationFrame(()=>{o.current.focus(),l()}),document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[]),s?e.createElement("div",{className:"wakekeyborard-overlay",onClick:m=>{m.target.className&&m.target.className.includes("wakekeyborard-overlay")&&(a(!1),i&&d(!1))}},e.createElement("div",{className:"wakekeyborard-inputbox"},e.createElement("input",{ref:o,type:r,placeholder:c}),e.createElement(E,{type:"cutout",onClick:m=>{n(o.current.value,m),a(!0),i&&d(!1)}},t))):null}const he=()=>{};function pe(u){const[t,l]=p.exports.useState(u.autoWakeup||!1),c=u,{onClick:n=he,onHidden:a=he}=c,r=x(c,["onClick","onHidden"]);return e.createElement("div",{className:"wakekeyborard"},t?e.createElement(z,g({onClick:(i,o)=>{n(i),l(!t)},onHidden:i=>{l(!1),a(i)}},r)):null,t?null:e.createElement("div",{className:"wakekeyborard-icon",onClick:i=>{l(!t)}}))}pe.Keyborard=z;function Ct(){const[u,t]=p.exports.useState(!1);return e.createElement("div",null,e.createElement("h1",null,"WakeKeyborard"),e.createElement("p",null,"WakeKeyborard"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("p",null,"\u70B9\u51FB\u53F3\u4E0B\u89D2\u952E\u76D8"),e.createElement(pe,{autoWakeup:!0,label:"\u641C\u7D22",onWakeKeyboard:()=>{console.log("wake keyboard")},onHidden:()=>{console.log("keyboard hidden")},onClick:l=>{console.log("v is ",l)},type:"text"}),e.createElement("p",null,"\u70B9\u51FB\u4E0B\u9762\u6309\u94AE\u5524\u8D77"),e.createElement(E,{onClick:l=>{t(!u)}},"\u8F93\u5165"),u?e.createElement(z,{onWakeKeyboard:l=>{console.log("keyborard from button")},onClick:l=>{console.log("value: ",l)},onHidden:l=>{console.log("keyborard hidden from button"),t(!1)}}):null),e.createElement("code",{className:"code"},`
365
- <WakeKeyborard
366
- autoWakeup={true}
367
- label='\u641C\u7D22'
368
- onWakeKeyboard={() => { console.log('wake keyboard') }}
369
- onHidden={() => { console.log('keyboard hidden') }}
370
- onClick={v => { console.log('v is ', v); }}
371
- type='text'
372
- />
373
-
374
-
375
-
376
- const [input, setInput] = useState(false);
377
-
378
- <Button
379
- onClick={e => {
380
- setInput(!input);
381
- }}
382
- >\u8F93\u5165</Button>
383
- {
384
- input ? (
385
- <Keyborard
386
- onWakeKeyboard={
387
- e => {
388
- console.log('keyborard from button');
389
- }
390
- }
391
- onClick={
392
- v => {
393
- console.log('value: ', v);
394
- }
395
- }
396
- onHidden={
397
- e => {
398
- console.log('keyborard hidden from button');
399
- setInput(false);
400
- }
401
- }
402
- />
403
- ) : null
404
- }
405
- `),e.createElement("h2",null,"WakeKeyborard \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,"autoWakeup"),e.createElement("td",null,"\u81EA\u52A8\u5524\u8D77"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")))),e.createElement("p",null,"\u5176\u4ED6\u53C2\u6570\u540C\u4E0B\u9762 Keyboard \u53C2\u6570"),e.createElement("h2",null,"Keyborard \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,"label"),e.createElement("td",null,"\u786E\u8BA4\u6309\u952E\u6587\u6848"),e.createElement("td",null,"string"),e.createElement("td",null,"\u67E5\u8BE2")),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) => ")),e.createElement("tr",null,e.createElement("td",null,"onHidden"),e.createElement("td",null,"\u952E\u76D8\u9690\u85CF\u65F6\u56DE\u8C03"),e.createElement("td",null,"function: (value) => "),e.createElement("td",null,"(value) => ")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u952E\u76D8 type"),e.createElement("td",null,"string"),e.createElement("td",null,"tel")),e.createElement("tr",null,e.createElement("td",null,"placeholder"),e.createElement("td",null,"\u8F93\u5165\u6846 placeholder"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8BF7\u8F93\u5165")))))}function q(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(i=>e.createElement("div",{key:i},i))))}function gt(){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(q,{style:{marginRight:"20px",width:400},tag:{label:"\u6563\u7BB1",type:"default"},title:"\u54C1\u53F7",context:"50827834508278345082783450827834",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]}),e.createElement(q,{style:{marginRight:"20px",width:400},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(q,{title:"\u54C1\u53F7",tag:{label:"\u5C11\u8D27",type:"warning"},name:"\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g"})),e.createElement("code",{className:"code"},`
406
- <SubCard tag={{label: "\u6563\u7BB1", type: "default"}} title="\u54C1\u53F7" context="5082 7834" attrs={["\u6279\u6B21\uFF1A23842839", "\u6570\u91CF\uFF1A234"]} ></SubCard>
407
- <SubCard title="\u54C1\u53F7" tag={{label: "\u5C11\u8D27", type: "warning"}} context="5082 7834" name="\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g" attrs={["\u6279\u6B21\uFF1A23842839", "\u6570\u91CF\uFF1A234"]} ></SubCard>
408
- `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"context"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"name"),e.createElement("td",null,"\u54C1\u540D"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E\u540D"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}const W=()=>{};class R extends e.Component{constructor(t){super(t);this.state={showLoading:!1},this._handleKeyUp=l=>{const{onScan:n=W,onEnter:a=W,onEsc:r=W,onDelete:c=W,scanMode:i=null}=this.props,{code:o,keyCode:s,key:d}=l;if(o==="Enter"){l.preventDefault(),a(l);return}if(o==="Delete"){l.preventDefault(),c(l);return}if(o==="Esc"){l.preventDefault(),r(l);return}},this._handleBeforeUnload=l=>(l.returnValue="\u786E\u5B9A\u79BB\u5F00\u5F53\u524D\u9875\u9762\u5417\uFF1F",!0),this._handleUnload=l=>{WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(a){},function(a){});const n={tag:"stopRfid",level:"d",message:"stop rfid scan!!!"};re(n),re(n)}}componentDidMount(){window.onunload=this._handleUnload,document.addEventListener("keyup",this._handleKeyUp)}componentWillUnmount(){window.onbeforeunload=null,window.onunload=null,document.removeEventListener("keyup",this._handleKeyUp)}shouldComponentUpdate(t,l){return t.loading&&!this.props.loading&&(this.setState({showLoading:!0}),t.loadingTimeout&&setTimeout(()=>{this.setState({showLoading:!1})},t.loadingTimeout)),!t.loading&&this.state.showLoading&&this.setState({showLoading:!1}),!0}render(){const t=this.props,{style:l={},header:n,footer:a,loading:r}=this.props;return e.createElement("div",{className:C({"baselayout-wrapper":!0}),style:l},n&&e.createElement("div",{className:C({"baselayout-header":!0})},n),e.createElement("div",{className:C({"baselayout-container":!0})},t.children),a&&e.createElement("div",{className:C({"baselayout-footer":!0})},a),this.state.showLoading?e.createElement("div",{className:"loading"}):null)}}const ft=()=>{};class Bt extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=l=>{const{onRfidOnce:n,onRfidBoxOnce:a,onRfidPalletOnce:r}=this.props,c=l.param,i=c.rfidData.startsWith("0F006"),o=c.rfidData.startsWith("0F011");if(S("single_recog"),o){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}a&&i?(this._stopWork(),a(c)):r&&o&&(this._stopWork(),r(c)),n&&(this._stopWork(),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': 'stopRfidScan', 'params':null}",function(n){},function(n){})},this._handleKeyDown=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F22"||n==="F23"||n==="F24"||n==="F9"||n==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F22"||n==="F23"||n==="F24"||n==="F9"||n==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}render(){const a=this.props,{onRfidOnce:l=ft}=a,n=x(a,["onRfidOnce"]);return e.createElement(R,g({},n))}}const bt=()=>{};class Fe 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,i=c.rfidData.startsWith("0F006"),o=c.rfidData.startsWith("0F011");if(o){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}i&&a?a(c):o&&r&&r(c),n&&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': 'stopRfidScan', 'params':null}",function(n){},function(n){})},this._handleKeyDown=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F22"||n==="F23"||n==="F24"||n==="F9"||n==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F22"||n==="F23"||n==="F24"||n==="F9"||n==="F16")&&(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(){const r=this.props,{onRfidScan:l=bt,autoRfidScan:n}=r,a=x(r,["onRfidScan","autoRfidScan"]);return e.createElement(R,g({},a))}}f(Fe,"defaultProps",{rfidReaderSleep:!1});const At=()=>{};class kt extends e.Component{constructor(t){super(t);this._barcodeBeginScan=!1,this._handleBarcodeScan=l=>{const{onBarcodeScan:n}=this.props;this._stopWork(),S("scan"),n&&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==="F22"||n==="F23"||n==="F24"||n==="F9"||n==="F16")&&(this._barcodeBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:n,keyCode:a,key:r}=l;(n==="F22"||n==="F23"||n==="F24"||n==="F9"||n==="F16")&&(this._stopWork(),this._barcodeBeginScan=!1)},this.onScanBarcode=this.onScanBarcode.bind(this)}onScanBarcode(t){this.props.onScanBarcode&&this.props.onScanBarcode(t.param)}componentDidMount(){const{onBarcodeScan:t}=this.props;t&&(document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp)),document.addEventListener("BarcodeScan",this.onScanBarcode),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'barcode'}}",function(l){},function(l){})}componentWillUnmount(){const{onBarcodeScan:t}=this.props;t&&(document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)),document.removeEventListener("BarcodeScan",this.onScanBarcode)}render(){const a=this.props,{onBarcodeScan:l=At}=a,n=x(a,["onBarcodeScan"]);return e.createElement(R,g({},n))}}class Y extends e.Component{constructor(t){super(t)}render(){const t=this.props,{onBarcodeScan:l,onScanBarcode:n,onRfidOnce:a,onRfidBoxOnce:r,onRfidPalletOnce:c,onRfidScan:i,onRfidBoxScan:o,onRfidPalletScan:s}=t;return a||r||c?e.createElement(Bt,g({},t)):i||o||s?e.createElement(Fe,g({},t)):l||n?e.createElement(kt,g({},t)):e.createElement(R,g({},t))}}class y extends e.Component{constructor(t){super(t)}componentDidMount(){this.props.isError?S("success3"):S("success2")}render(){const{className:t,title:l,infoList:n=[],isError:a=!1,buttonMultiLines:r=!1,style:c={},onClick:i=()=>{},okText:o="\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:()=>i(!1)},s):null,e.createElement(E,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>i(!0)},o));return e.createElement(Y,{footer:d},e.createElement("div",{className:"pda-finish-card-top"},e.createElement("img",{className:"pda-finish-card-img",src:a?y.ERROR_SUCCESS:y.SUCCESS}),e.createElement("p",{className:"pda-finish-card-title"},l),n.map((m,h)=>e.createElement("p",{key:h,className:"pda-finish-card-list"},e.createElement("span",null,m.label||""),e.createElement("span",null,m.content||"")))))}}y.SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";y.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";function vt(){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(y,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",isError:!0,infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"23498209323498209123"},{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(y,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210\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"},`
409
- <FinishCard
410
- title="\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210"
411
- infoList={
412
- [
413
- {label: '\u65B0\u6808\u677F\u7801\uFF1A', content: '234982093'},
414
- {label: '\u539F\u6808\u677F\u7801\uFF1A', content: '234982093'},
415
- ]
416
- }
417
- buttonMultiLines
418
- okText="\u8FD4\u56DE\u9996\u9875"
419
- cancelText={<span>\u8FD4\u56DE<br />\u6682\u5B58\u4EFB\u52A1</span>}
420
- onClick={(isConfirm)=>{
421
- console.log("isConfirm", isConfirm);
422
- }}
423
- />
424
- `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"isError"),e.createElement("td",null,"\u662F\u5426\u5F02\u5E38\u5B8C\u6210"),e.createElement("td",null,"Boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8FD4\u56DE\u9996\u9875")),e.createElement("tr",null,e.createElement("td",null,"buttonMultiLines"),e.createElement("td",null,"\u6309\u94AE\u662F\u5426\u591A\u884C"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm) => "),e.createElement("td",null)))))}class yt 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",i="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.createElement("div",{className:C({[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:i})),e.createElement("div",{className:"pda-distance-label"},e.createElement("p",null,"\u8FDC"),e.createElement("p",null,"\u8FD1")))}}function Dt(){return e.createElement("div",null,e.createElement("h1",null,"DistanceCard"),e.createElement("p",null,"\u8DDD\u79BB\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(yt,{title:"\u8D27\u7269\u5728\u9644\u8FD1..",infoText:"\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB",style:{width:"400px"},percentage:.56})),e.createElement("code",{className:"code"},`
425
- <DistanceCard
426
- title="\u8D27\u7269\u5728\u9644\u8FD1.."
427
- infoText="\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB"
428
- style={{
429
- width: '400px'
430
- }}
431
- percentage={0.56}
432
- />
433
- `),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 xt=/scroll|auto/i;function Nt(u){const t=1;return u.tagName!=="HTML"&&u.tagName!=="BODY"&&u.nodeType===t}function Ce(u,t){let l=u;for(;l&&l!==t&&Nt(l);){const{overflowY:n}=window.getComputedStyle(l);if(xt.test(n))return l;l=l.parentNode}return t}function St(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 wt(u){return u===window}function ge(u){const{className:t,hasMore:l,loadMore:n,threshold:a=0,style:r}=u,c=xe(async()=>{await n()}),i=p.exports.useRef(null),o=Ne(()=>{if(!l)return;const s=i.current;if(!s)return;const d=Ce(s);if(!d)return;const m=s.getBoundingClientRect().top;(wt(d)?window.innerHeight:d.getBoundingClientRect().bottom)>=m-a&&c()});return p.exports.useEffect(()=>{o()}),p.exports.useEffect(()=>{const s=i.current;if(!s)return;const d=Ce(s);if(!d)return;function m(){o()}return d.addEventListener("scroll",m),()=>{d.removeEventListener("scroll",m)}},[]),e.createElement("div",{className:C({[t]:!0,"pda-infinite-scroll":!0}),style:r,ref:i},l?e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u52A0\u8F7D\u4E2D"),e.createElement(St,null)):e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u6CA1\u6709\u66F4\u591A\u4E86~")))}function It(u){const{data:t={},onNext:l}=u;return e.createElement(v,{verticalPosition:"bottom"},e.createElement(N,L(g({},t),{onClick:()=>l(!0)})))}function Lt(u){const{service:t,data:l={},onNext:n}=u;return e.createElement(v,{verticalPosition:"bottom"},e.createElement(N,L(g({},l),{onClick:n})))}function Tt(u){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[u]||"op-overlay"}function Mt(u){const{verticalPosition:t="center",visible:l=!0,closable:n=!1,onClosed:a=()=>{}}=u,[r,c]=p.exports.useState(!l);p.exports.useEffect(()=>{c(!l)},[l]);const i={};return n&&(i.onClick=o=>{c(!0),a()}),p.exports.useEffect(()=>{c(!l)},[l]),r?null:e.createElement("div",g({className:Tt(t)},i),u.children)}function Xt(u){const t=e.useRef(),{data:l={},onNext:n}=u,{placeholder:a,defaultValue:r,title:c="\u8BF7\u8F93\u5165",type:i="text",okText:o="\u786E\u8BA4",cancelText:s="\u53D6\u6D88"}=l;return e.createElement(Mt,{verticalPosition:"center",closable:!1},e.createElement("div",{className:"prompt-dialog"},e.createElement("div",null,e.createElement("h1",{className:"prompt-title"},c),e.createElement("input",{className:"prompt-input",autoFocus:!0,ref:t,placeholder:a,type:i,defaultValue:r,onKeyUp:d=>{d.keyCode===13&&n(fe(t.current))}}),e.createElement("div",{className:"prompt-btns"},s?e.createElement(E,{onClick:()=>n("back")},s):null,e.createElement(E,{type:"primary",onClick:()=>{n(fe(t.current))}},o)))))}function fe(u){const t=u.value||"";return String(t).trim()}function _t(u){const{data:t={},onNext:l}=u,{title:n,level:a,message:r,duration:c=null}=t,[i,o]=p.exports.useState(!1);return e.useEffect(()=>{t.hasNext===void 0&&l("");let s=null;return c&&(s=setTimeout(()=>{o(!0)},c)),()=>{clearTimeout(s)}},[t]),i?null:e.createElement(v,{verticalPosition:"bottom"},e.createElement("div",{style:{width:"90%"}},e.createElement(b,{type:a,title:n,message:Pt(r)})))}function Pt(u){var t=String(u).split("by Error:");return t[1]||t[0]}function $t(u){const[t,l]=e.useState(u.visible),n=u.edgeService;return e.useEffect(function(){let a=!1;const r=function(c){a=c,c?setTimeout(function(){a===c&&l(!0)},350):setTimeout(function(){a===c&&l(!1)},100)};return n?(n.on("IO_STATUS",r),function(){n.off("IO_STATUS",r)}):()=>{}},[n]),t?e.createElement("div",{className:"loading-wrap"},e.createElement("div",{className:"loading-box"},e.createElement("svg",{t:"1647243772165",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"2178"},e.createElement("path",{d:"M512 64c247.2 0 448 200.8 448 448h-64c0-212-172-384-384-384V64z m0 832c-212 0-384-172-384-384H64c0 247.2 200.8 448 448 448v-64z","p-id":"2179"})),e.createElement("div",null,"LOADING..."))):null}function Wt(){}function Rt(u){const{dataSource:t=[],onClickItem:l=Wt}=u;let n=1;return e.createElement("div",{className:"pda-app-list"},t.map(a=>e.createElement("div",{className:"pda-app-group",key:a.groupName},e.createElement("h2",{className:"group-name"},a.groupName),e.createElement("div",{className:"group-apps"},a.list.map(r=>e.createElement("div",{className:"app-item",key:r.name,autoFocus:n===1,tabIndex:n++,onClick:()=>l(r)},e.createElement("span",{className:"app-name"},r.name),e.createElement("span",{className:"app-subname"},r.subname)))))))}function Ht(u){const{className:t="",visible:l,onClickItem:n,actions:a=[],stickyToBottomActions:r=[],stickyToBottomDirection:c="column",infiniteScroll:i=null}=u;return e.createElement("div",{className:C({[t]:!0,"action-sheet":!0,show:l})},e.createElement("div",{className:"action-sheet-container"},e.createElement("div",{className:"action-sheet-body"},a.map((o,s)=>e.createElement("div",{onClick:()=>{n&&n(o),o.onClick&&o.onClick(o.key)},className:"action-sheet-item",key:s},o.title)),i?e.createElement(ge,g({},i)):null),r.length>0?e.createElement("div",{className:C({"action-sheet-sticky-bottom":!0,["action-sheet-sticky-bottom-"+c]:!0})},r.map((o,s)=>e.createElement("div",{onClick:()=>{n&&n(o),o.onClick&&o.onClick(o.key)},className:"action-sheet-item",key:s},o.title))):null))}function Ot(u){const{row:t=3,col:l=3,dataSource:n=[]}=u;return e.createElement("div",{className:"lattice-mouth"},Array.from(Array(t)).map(function(a,r){return e.createElement("div",{className:"lattice-mouth-row",key:r},Array.from(Array(l)).map((c,i)=>Gt(n,r,i,l)))}))}function Gt(u,t,l,n){const{color:a="",value:r,label:c,style:i={}}=Vt(u,t,l,n)||{};return e.createElement("div",{className:`lattice-mouth-item ${a}`,style:i,key:l},e.createElement("div",{className:"lattice-mouth-value"},r),e.createElement("div",{className:"lattice-mouth-label"},c))}function Vt(u,t,l,n){return u[t*n+l]}const Kt={"--base-font-size":"20px","--background-color":"#000000","--color":"#FFFFFF","--main-color":"#FFFFFF","--border-radius":"6px","--progress-background-color":"rgba(255, 255, 255, 0.5)","--progress-foreground-color":"#FFFFFF","--tag-background-color":"#008FED","--tag-color":"#FFFFFF"};function J(u){const{title:t,content:l,subContent:n,hasProgress:a,progress:r,infoList:c=[],tags:i=[],tagPosition:o="top",style:s={},theme:d="light"}=u;return e.createElement("div",{className:"android-op-card",style:Object.assign({},d==="dark"?Kt:{},s)},e.createElement("div",{className:"card-h1"},t),e.createElement("div",{className:"card-content"},e.createElement(Ut,{label:l})),a?e.createElement("div",{className:"card-progress"},e.createElement("div",{className:"card-progress-bar",style:{width:r+"%"}})):null,e.createElement("div",{className:"card-main-title"},n),e.createElement("div",{className:"card-info-list"},c&&c.map((m,h)=>e.createElement("div",{className:"card-info-item",key:h},m))),e.createElement("div",{className:`card-tags ${o}`},i&&i.map(m=>e.createElement("div",{className:"card-tags-item",key:m},m))))}function Ut(u){const{label:t}=u,l=String(t).split("/");return l.length>1?e.createElement("div",{className:"card-content"},e.createElement("span",null,l[0])," ",e.createElement("small",null,"/",l[1])):e.createElement("div",{className:"card-content"},l[0])}const jt=[{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,3,4]},{title:"hello world",subTitle:"sub title",extra:"",tags:[1,2,3,4]},{title:"hello world",subTitle:"sub title"},{title:"hello world",subTitle:"sub title",extra:"11111"}];function zt(){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(U,{onItemClick:console.log,tabIndex:0,dataSource:jt}),e.createElement(ge,{hasMore:!0,loadMore:()=>{console.log("loadMore!")}}))),e.createElement("code",{className:"code"},`
434
-
435
- const dataSource = [{
436
- title: "hello world",
437
- subTitle:"sub title",
438
- extra:"11111",
439
- tags:[1,2,3,4]
440
- },{
441
- title: "hello world",
442
- subTitle:"sub title",
443
- extra:"",
444
- tags:[1,2,3,4]
445
- },{
446
- title: "hello world",
447
- subTitle:"sub title",
448
- },{
449
- title: "hello world",
450
- subTitle:"sub title",
451
- extra:"11111",
452
- }];
453
-
454
- <div style={{
455
- width: '432px',
456
- height: '425px',
457
- overflow: 'scroll'
458
- }}>
459
-
460
- <List
461
- onItemClick={console.log}
462
- tabIndex={0}
463
- dataSource={dataSource}
464
- >
465
- </List>
466
- <InfiniteScroll
467
- hasMore={true}
468
- loadMore={() => {console.log("loadMore!")}}
469
- />
470
- </div>
471
- `),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 qt(){const[u,t]=p.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",overflow:"hidden"}},e.createElement(E,{type:"dark",style:{margin:"12px"},onClick:()=>{t(!u)}},"\u5207\u6362\u6A21\u5F0F"),e.createElement(Ht,{visible:u,infiniteScroll:{hasMore:!0,loadMore:()=>{console.log("loadMore!")}},onClickItem:console.log,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)}},{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)}},{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)}},{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)}}],stickyToBottomActions:[{key:"cancel",title:"\u53D6\u6D88",onClick:()=>{t(!1)}}]}))),e.createElement("code",{className:"code"},`
472
- <div style={{height: "600px", width: "300px", position: "relative", backgroundColor: "#fff", display: "flex", alignItems: "flex-end"}}>
473
- <Button type="dark" style={{margin: '12px'}} onClick={() => {setVisible(!visible)}}>\u5207\u6362\u6A21\u5F0F</Button>
474
- <ActionSheet
475
- visible = {visible}
476
- actions = {[{
477
- key: "total",
478
- title: "\u5207\u6362\u4E3A\u6574\u7BB1\u8BC6\u522B",
479
- onClick: () => {}
480
- }, {
481
- key: "seperate",
482
- title: "\u5207\u6362\u4E3A\u6563\u7BB1\u8BC6\u522B",
483
- onClick: () => {}
484
- }, {
485
- key: "cancel",
486
- title: "\u53D6\u6D88",
487
- onClick: () => {
488
- setVisible(false)
489
- }
490
- }]}
491
- infiniteScroll={{
492
- hasMore: true,
493
- loadMore: () => {console.log("loadMore!")}
494
- }}
495
- stickyToBottomActions={[
496
- {
497
- key: "cancel",
498
- title: "\u53D6\u6D88",
499
- onClick: () => {
500
- setVisible(false)
501
- }
502
- },
503
- {
504
- key: "cancel",
505
- title: "\u53D6\u6D88",
506
- onClick: () => {
507
- setVisible(false)
508
- }
509
- },
510
- ]}
511
- />
512
- `),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u662F\u5426\u663E\u793A"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"actions"),e.createElement("td",null,"\u64CD\u4F5C\u5217\u8868"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClickItem"),e.createElement("td",null,"\u63A8\u8350\u4F7F\u7528\u7EDF\u4E00\u7684\u70B9\u51FB\u56DE\u8C03\u51FD\u6570"),e.createElement("td",null,"(item)=>{}"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"stickyToBottomActions"),e.createElement("td",null,"\u5438\u5E95\u64CD\u4F5C\u5217\u8868"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infiniteScroll"),e.createElement("td",null,"\u662F\u5426\u4E0B\u62C9\u52A0\u8F7D\u66F4\u591A"),e.createElement("td",null,JSON.stringify({})),e.createElement("td",null,e.createElement("a",{href:"/#InfiniteScroll"},"\u53C2\u8003 InfiniteScroll"))))))}const Yt=[{groupName:"\u5206\u7EC4",list:[{name:"\u62E3\u9009",subname:"\u4EBA\u5DE5\u62E3\u9009"},{name:"\u590D\u6838",subname:"\u590D\u6838\u6253\u5305"},{name:"\u4E0A\u67B6",subname:"\u4E0A\u67B6XXXX"},{name:"\u62E3\u90092",subname:"\u4EBA\u5DE5\u62E3\u9009"}]},{groupName:"\u5206\u7EC42",list:[{name:"\u590D\u68381",subname:"\u590D\u6838\u6253\u5305"},{name:"\u4E0A\u67B61"},{name:"\u62E3\u90093",subname:"\u4EBA\u5DE5\u62E3\u9009"},{name:"\u590D\u68382",subname:"\u590D\u6838\u6253\u5305"},{name:"\u62E3\u9009\u62E3\u9009\u62E3\u9009\u62E3\u9009",subname:"\u4E0A\u67B6XXXX"}]}];function Jt(){return e.createElement("div",null,e.createElement("h1",null,"AppList"),e.createElement("p",null,"\u4E00\u822C\u7528\u4E8E\u5C55\u793AAppList"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement("div",{style:{backgroundColor:"#000000",width:480}},e.createElement(Rt,{dataSource:Yt,onClickItem:console.log}))),e.createElement("code",{className:"code"},`
513
-
514
- const dataSource = [
515
- {
516
- groupName:"\u5206\u7EC4",
517
- list: [
518
- {
519
- name:"\u62E3\u9009",
520
- subname:"\u4EBA\u5DE5\u62E3\u9009"
521
- },
522
- {
523
- name:"\u590D\u6838",
524
- subname:"\u590D\u6838\u6253\u5305"
525
- },
526
- {
527
- name:"\u4E0A\u67B6",
528
- subname:"\u4E0A\u67B6XXXX"
529
- },
530
- {
531
- name:"\u62E3\u90092",
532
- subname:"\u4EBA\u5DE5\u62E3\u9009"
533
- },
534
- {
535
- name:"\u590D\u68381",
536
- subname:"\u590D\u6838\u6253\u5305"
537
- },
538
- {
539
- name:"\u4E0A\u67B61",
540
- subname:"\u4E0A\u67B6XXXX"
541
- },
542
- {
543
- name:"\u62E3\u90093",
544
- subname:"\u4EBA\u5DE5\u62E3\u9009"
545
- },
546
- {
547
- name:"\u590D\u68382",
548
- subname:"\u590D\u6838\u6253\u5305"
549
- },
550
- {
551
- name:"\u4E0A\u67B62",
552
- subname:"\u4E0A\u67B6XXXX"
553
- }
554
- ]
555
- }
556
- ];
557
- <AppList dataSource={dataSource} onClickItem={console.log} />
558
- `),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,"dataSource"),e.createElement("td",null,"\u6570\u636E"),e.createElement("td",null,"Array(group<groupName, list<name,subname>)"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClickItem"),e.createElement("td",null,"\u70B9\u51FBItem"),e.createElement("td",null,"Function(item)"),e.createElement("td",null,"-")))))}const Zt=[{value:"highlight",label:"2",color:"highlight"},{value:"active",label:"2",color:"active"},{value:"default",label:"2",color:"default"},{value:"complete",label:"2",color:"complete"},{value:"error",label:"2",color:"error"},{value:"\u81EA\u5B9A\u4E49\u6837\u5F0F",label:"2",style:{"--font-size":"18px","--background-color":"#ffffff","--color":"#f30f30"}}];function Qt(){return e.createElement("div",null,e.createElement("h1",null,"LatticeMouth"),e.createElement("p",null,"\u663E\u793A\u6295\u7BEE\u683C\u53E3"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(Ot,{row:3,col:3,dataSource:Zt})),e.createElement("h2",null,"Code"),e.createElement("code",{className:"code"},`
559
-
560
- const dataSource = [
561
- {
562
- value:"highlight",
563
- label:"2",
564
- color:"highlight"
565
- },
566
- {
567
- value:"active",
568
- label:"2",
569
- color:"active"
570
- },
571
- {
572
- value:"default",
573
- label:"2",
574
- color:"default"
575
- },
576
- {
577
- value:"complete",
578
- label:"2",
579
- color:"complete"
580
- },
581
- {
582
- value:"error",
583
- label:"2",
584
- color:"error"
585
- },
586
- {
587
- value:"\u81EA\u5B9A\u4E49\u6837\u5F0F",
588
- label:"2",
589
- style:{
590
- "--font-size": "18px",
591
- "--background-color": "#ffffff",
592
- "--color": "#f30f30",
593
- }
594
- }
595
- ];
596
- <LatticeMouth row={3} col={3} dataSource={dataSource} />
597
- `),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,"row"),e.createElement("td",null,"\u884C"),e.createElement("td",null,"number"),e.createElement("td",null,"3")),e.createElement("tr",null,e.createElement("td",null,"col"),e.createElement("td",null,"\u5217"),e.createElement("td",null,"number"),e.createElement("td",null,"3")),e.createElement("tr",null,e.createElement("td",null,"dataSource"),e.createElement("td",null,"\u6570\u636E"),e.createElement("td",null,"Array<{value, label, color?, style?}> color: highlight | active | default | complete | error"),e.createElement("td",null,"[]")))),e.createElement("h2",null,"CSS \u53D8\u91CF"),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,"--font-size"),e.createElement("td",null,"label\u7684\u6587\u5B57\u5927\u5C0F\uFF0Cvalue\u6587\u5B57\u81EA\u52A8*1.5"),e.createElement("td",null,"string"),e.createElement("td",null,"14px")),e.createElement("tr",null,e.createElement("td",null,"--color"),e.createElement("td",null,"\u6587\u5B57\u989C\u8272"),e.createElement("td",null,"string"),e.createElement("td",null,"#FFFFFF")),e.createElement("tr",null,e.createElement("td",null,"--background-color"),e.createElement("td",null,"\u80CC\u666F\u989C\u8272"),e.createElement("td",null,"string"),e.createElement("td",null,"#BFBFBF")))))}function el(){return e.createElement("div",null,e.createElement("h1",null,"Card"),e.createElement("p",null,"\u9002\u914D\u6027\u8D85\u5F3A\u7684Card\u7EC4\u4EF6, \u652F\u6301CSS\u53D8\u91CF\uFF0Ctag\u6807\u7B7E\u4F4D\u7F6E\u5B9A\u4E49, \u8FDB\u5EA6\u6761\u663E\u793A\u9690\u85CF, content\u5927\u5C0F\u5BF9\u6BD4\u7B49\u5F85"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{width:480}},e.createElement(J,{title:"\u6807\u9898",content:"500/50\u4EF6",subContent:"\u5DF4\u9ECE\u6B27\u83B1\u96C5\u9762\u971C120G",hasProgress:!0,progress:50,infoList:["\u751F\u4EA7\u65E5\u671F\uFF1A2022-09-09","\u5546\u54C1\u6761\u7801\uFF1AXX-00-XX00","\u751F\u4EA7\u65E5\u671F\uFF1A2022-09-09","\u5546\u54C1\u6761\u7801\uFF1AXX-00-XX00"],tags:["\u6807\u7B7E","\u6807\u7B7E"],tagPosition:"bottom"}),e.createElement("br",null),e.createElement(J,{title:"\u6807\u9898",content:"500",subContent:"\u5DF4\u9ECE\u6B27\u83B1\u96C5\u9762\u971C120G",hasProgress:!1,infoList:[],tags:["\u6807\u7B7E","\u6807\u7B7E"],tagPosition:"top"}),e.createElement("br",null),e.createElement(J,{title:"\u6807\u9898",content:"500",subContent:"\u5DF4\u9ECE\u6B27\u83B1\u96C5\u9762\u971C120G",hasProgress:!0,progress:50,infoList:["\u751F\u4EA7\u65E5\u671F\uFF1A2022-09-09","\u5546\u54C1\u6761\u7801\uFF1AXX-00-XX00","\u751F\u4EA7\u65E5\u671F\uFF1A2022-09-09","\u5546\u54C1\u6761\u7801\uFF1AXX-00-XX00"],tags:["\u6807\u7B7E"],tagPosition:"bottom",theme:"dark"})),e.createElement("code",{className:"code"},`
598
- <Card
599
- title="\u6807\u9898"
600
- content="500/50\u4EF6"
601
- subContent="\u5DF4\u9ECE\u6B27\u83B1\u96C5\u9762\u971C120G"
602
- hasProgress={true}
603
- progress={50}
604
- infoList={["\u751F\u4EA7\u65E5\u671F\uFF1A2022-09-09","\u5546\u54C1\u6761\u7801\uFF1AXX-00-XX00","\u751F\u4EA7\u65E5\u671F\uFF1A2022-09-09","\u5546\u54C1\u6761\u7801\uFF1AXX-00-XX00"]}
605
- tags={["\u6807\u7B7E","\u6807\u7B7E"]}
606
- tagPosition="bottom"
607
- ></Card>
608
-
609
-
610
- <Card
611
- title="\u6807\u9898"
612
- content="500"
613
- subContent="\u5DF4\u9ECE\u6B27\u83B1\u96C5\u9762\u971C120G"
614
- hasProgress={false}
615
- infoList={[]}
616
- tags={["\u6807\u7B7E","\u6807\u7B7E"]}
617
- tagPosition="top"
618
- ></Card>
619
-
620
- <Card
621
- title="\u6807\u9898"
622
- content="500"
623
- subContent="\u5DF4\u9ECE\u6B27\u83B1\u96C5\u9762\u971C120G"
624
- hasProgress={true}
625
- progress={50}
626
- infoList={["\u751F\u4EA7\u65E5\u671F\uFF1A2022-09-09","\u5546\u54C1\u6761\u7801\uFF1AXX-00-XX00","\u751F\u4EA7\u65E5\u671F\uFF1A2022-09-09","\u5546\u54C1\u6761\u7801\uFF1AXX-00-XX00"]}
627
- tags={["\u6807\u7B7E"]}
628
- tagPosition="bottom"
629
- theme={"dark"}
630
- ></Card>
631
-
632
- `),e.createElement("h2",null,"\u53C2\u6570\u8BF4\u660E"),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,"content"),e.createElement("td",null,"\u5185\u5BB9,\u5982\u679C\u5185\u5BB9\u5185\u6709/\u4F1A\u6309\u7167\u659C\u6760\u62C6\u5206\u663E\u793A"),e.createElement("td",null,"String"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"subContent"),e.createElement("td",null,"\u6B21\u8981\u5185\u5BB9"),e.createElement("td",null,"String"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"hasProgress"),e.createElement("td",null,"\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6761"),e.createElement("td",null,"Boolean"),e.createElement("td",null,"true")),e.createElement("tr",null,e.createElement("td",null,"progress"),e.createElement("td",null,"\u8FDB\u5EA6(1-100)"),e.createElement("td",null,"Number"),e.createElement("td",null,"100")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u5C5E\u6027\u5217\u8868"),e.createElement("td",null,"Array<String>"),e.createElement("td",null,"[]")),e.createElement("tr",null,e.createElement("td",null,"tags"),e.createElement("td",null,"\u6807\u7B7E\u5217\u8868\uFF0C\u4F20\u7A7A\u6570\u7EC4\u4E0D\u663E\u793A\u6807\u7B7E"),e.createElement("td",null,"Array<String>"),e.createElement("td",null,"[]")),e.createElement("tr",null,e.createElement("td",null,"tagPosition"),e.createElement("td",null,"\u6807\u7B7E\u4F4D\u7F6E\uFF0C\u53EF\u9009bottom, top"),e.createElement("td",null,"String"),e.createElement("td",null,"bottom")),e.createElement("tr",null,e.createElement("td",null,"theme"),e.createElement("td",null,"\u6837\u5F0F light|dark"),e.createElement("td",null,"String"),e.createElement("td",null,"light")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"Item \u70B9\u51FB\u56DE\u8C03\uFF08\u642D\u5EFA\u4E2D\u53C2\u6570\u4E3A\u6807\u7B7E\u6807\u8BC6\uFF09"),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"style"),e.createElement("td",null,"CSS \u53D8\u91CF\uFF0C\u8BF7\u53C2\u8003\u540E\u9762\u7684\u6587\u6863"),e.createElement("td",null,"Object"),e.createElement("td",null,"-")))),e.createElement("h2",null,"CSS \u53D8\u91CF"),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,"--base-font-size"),e.createElement("td",null,"\u57FA\u7840\u5B57\u4F53\u5927\u5C0F\uFF0C\u5176\u4ED6\u6587\u5B57\u5C06\u4F1A\u53C2\u7167\u4E2A\u57FA\u7840\u5927\u5C0F\u6BD4\u4F8B\u7F29\u5C0F\u6216\u653E\u5927"),e.createElement("td",null,"String"),e.createElement("td",null,"14px")),e.createElement("tr",null,e.createElement("td",null,"--background-color"),e.createElement("td",null,"\u5361\u7247\u80CC\u666F\u989C\u8272"),e.createElement("td",null,"String"),e.createElement("td",null,"#FFFFFF")),e.createElement("tr",null,e.createElement("td",null,"--color"),e.createElement("td",null,"\u5361\u7247\u6587\u5B57\u989C\u8272\uFF0C\u9664\u4E3B\u8981\u7684\u6587\u5B57\u4EE5\u5916\uFF0C\u5176\u4ED6\u6587\u5B57\u90FD\u6309\u7167\u8FD9\u4E2A\u989C\u8272\u5904\u7406"),e.createElement("td",null,"String"),e.createElement("td",null,"#000000")),e.createElement("tr",null,e.createElement("td",null,"--main-color"),e.createElement("td",null,"\u4E3B\u8981\u6587\u5B57\u989C\u8272"),e.createElement("td",null,"String"),e.createElement("td",null,"#008FED")),e.createElement("tr",null,e.createElement("td",null,"--border-radius"),e.createElement("td",null,"\u5706\u89D2\u5927\u5C0F"),e.createElement("td",null,"String"),e.createElement("td",null,"6px")),e.createElement("tr",null,e.createElement("td",null,"--progress-background-color"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u80CC\u666F\u989C\u8272"),e.createElement("td",null,"String"),e.createElement("td",null,"rgba(160, 160, 160, 0.5)")),e.createElement("tr",null,e.createElement("td",null,"--progress-foreground-color"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u524D\u666F\u989C\u8272"),e.createElement("td",null,"String"),e.createElement("td",null,"#008FED")),e.createElement("tr",null,e.createElement("td",null,"--tag-background-color"),e.createElement("td",null,"\u6807\u7B7E\u80CC\u666F\u989C\u8272"),e.createElement("td",null,"String"),e.createElement("td",null,"#008FED")),e.createElement("tr",null,e.createElement("td",null,"--tag-color"),e.createElement("td",null,"\u6807\u7B7E\u6587\u5B57\u989C\u8272"),e.createElement("td",null,"String"),e.createElement("td",null,"#ffffff")))))}const tl="@cniot/android-pda-components",ll="0.2.65",ul="",nl="./es/index.cjs.js",al="./es/index.es.js",rl={dev:"vite",build:"vite build --config vite.config.doc.js && vite build --config vite.config.js",doc:"vite -config vite.doc.js"},cl="module",ol="",il="ISC",sl={ahooks:"^2.10.11",classnames:"^2.3.1",keycode:"^2.2.1",react:"^17.0.2","react-dom":"^17.0.2"},ml={"@originjs/vite-plugin-require-context":"^1.0.5","markdown-it":"^12.1.0","markdown-to-jsx":"^7.1.3",vite:"^2.4.2","vite-plugin-plain-text":"^1.1.4",less:"^4.1.1",history:"^5.0.1"};var El={name:tl,version:ll,description:ul,main:nl,module:al,scripts:rl,type:cl,author:ol,license:il,dependencies:sl,devDependencies:ml},dl={onNext(u){console.log("onnext",u)}};function hl(){return e.createElement("div",null,e.createElement("h1",null,"/system/alert"),e.createElement("p",null,"\u5F39\u51FA\u4E00\u4E2A\u8B66\u544A\u7A97\uFF0C\u7528\u6237\u5FC5\u987B\u70B9\u51FB\u786E\u8BA4\u624D\u80FD\u7EE7\u7EED"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
633
- // gs \u4EE3\u7801\u5982\u4E0B
634
- pageFlow.alert({
635
- title: '111',
636
- message: '2222',
637
- okText: "\u786E\u8BA4"
638
- })
639
- `),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(It,{data:{title:"111",message:"2222",okText:"\u786E\u8BA4"},onNext:alert})),e.createElement("h2",null,"Alert"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okDataClick"),e.createElement("td",null,"ok \u6309\u94AE arms \u76D1\u63A7"),e.createElement("td",null,"string"),e.createElement("td",null)))))}function pl(){return e.createElement("div",null,e.createElement("h1",null,"/system/confirm"),e.createElement("p",null,"\u5F39\u51FA\u4E00\u4E2A\u786E\u8BA4\u6846\uFF0C\u7528\u6237\u5FC5\u987B\u70B9\u51FB\u786E\u8BA4\u624D\u80FD\u7EE7\u7EED"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
640
- // gs \u4EE3\u7801\u5982\u4E0B
641
- pageFlow.confirm({
642
- title: '111',
643
- message: '2222',
644
- okText: "\u786E\u8BA4",
645
- cancelText:"\u53D6\u6D88"
646
- })
647
- // \u5982\u679C message \u9700\u8981\u591A\u884C\u663E\u793A\uFF0C\u4F7F\u7528 subMessage \u65B9\u5F0F
648
- pageFlow.confirm({
649
- title: '111',
650
- subMessage: [
651
- {label: 'title1', content: 'content1'},
652
- {label: 'title2', content: 'content2'},
653
- {label: 'title3', content: 'content3'},
654
- ],
655
- okText: "\u786E\u8BA4",
656
- cancelText:"\u53D6\u6D88"
657
- })
658
- `),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(Lt,{data:{title:"111",message:e.createElement("span",null,"\u6808\u677F\u7801\uFF1A",e.createElement("span",{style:{color:"#0091EA"}},"111"),e.createElement("br",null),e.createElement("span",null,"\u7BB1\u7801\uFF1A222")),okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88"},onNext:alert})),e.createElement("h2",null,"Confirm"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subMessage"),e.createElement("td",null,"\u526F\u6587\u672C\u6D88\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okDataClick"),e.createElement("td",null,"ok \u6309\u94AE arms \u76D1\u63A7"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelDataClick"),e.createElement("td",null,"cancel \u6309\u94AE arms \u76D1\u63A7"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"insertButtons"),e.createElement("td",null,"\u63D2\u5165\u5728\u9ED8\u8BA4\u6309\u94AE\u4E0A\u9762"),e.createElement("td",null,JSON.stringify([{label:"\u67E5\u770B\u8BE6\u60C5111",value:"hello",dataClick:"\u67E5\u770B\u8BE6\u60C51234"}])),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"appendButtons"),e.createElement("td",null,"\u8FFD\u52A0\u5230\u9ED8\u8BA4\u6309\u94AE\u4E0B\u9762"),e.createElement("td",null,JSON.stringify([{label:"\u67E5\u770B\u8BE6\u60C5222",value:"hello",dataClick:"\u67E5\u770B\u8BE6\u60C51234"}])),e.createElement("td",null)))))}function Fl(){return e.createElement("div",null,e.createElement("h1",null,"/system/toast"),e.createElement("p",null,"\u5F39\u6846\u7EC4\u4EF6\uFF0C\u5982\u679C\u8981\u60AC\u6D6E\u5728\u9875\u9762\u4E0A\uFF0C\u8BF7\u914D\u5408 Overlay \u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
659
- // gs \u4EE3\u7801\u5982\u4E0B
660
- pageFlow.toast({
661
- level: "success", // success|warning|error
662
- title: '111',
663
- message: '2222',
664
- duration: 3000,
665
- })
666
- `),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(_t,{service:dl,data:{level:"success",title:"111",message:"2222",duration:3e3},onNext:console.log})),e.createElement("h2",null,"Toast"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"level"),e.createElement("td",null,"\u5F39\u6846\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"duration"),e.createElement("td",null,"\u5EF6\u8FDF\u65F6\u95F4"),e.createElement("td",null,"number"),e.createElement("td",null,"ms")))))}function Cl(){const[u,t]=e.useState(!1);return e.createElement("div",null,e.createElement("h1",null,"/system/prompt"),e.createElement("p",null,"\u5F39\u51FA\u8F93\u5165\u6846\uFF0C\u7528\u6237\u8F93\u5165\u5185\u5BB9\u7136\u540E\u63D0\u4EA4\uFF0C\u53D6\u6D88\u6309\u94AE\u8F93\u5165\u8FD4\u56DE 'back' \u5B57\u7B26\u4E32"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
667
- // gs \u4EE3\u7801\u5982\u4E0B
668
- pageFlow.prompt({
669
- defaultValue:"111", //\u9ED8\u8BA4\u503C
670
- placeholder:"\u8BF7\u8F93\u5165..." //\u8F93\u5165\u5360\u4F4D\u7B26
671
- type:"text",//\u63A7\u5236\u5F39\u51FA\u952E\u76D8\u7684\u7C7B\u578B\uFF0C\u53EF\u9009\u503C number|text|tel \u53C2\u8003\uFF1Ahttps://www.w3school.com.cn/tags/att_input_type.asp
672
- okText:"\u786E\u8BA4", //\u786E\u8BA4\u6309\u94AE\u6587\u6848
673
- cancelText:"\u53D6\u6D88" //\u53D6\u6D88\u6587\u6848 \u6CA1\u6709\u53D6\u6D88\u6587\u6848\u5C06\u4E0D\u80FD\u53D6\u6D88\u8F93\u5165
674
- })
675
- `),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block"},e.createElement("button",{onClick:()=>t(!0)},"\u70B9\u51FB\u663E\u793A"),u?e.createElement(Xt,{data:{defaultValue:"111",placeholder:"\u8BF7\u8F93\u5165...",type:"text",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88"},onNext:l=>{alert(l),t(!1)}}):null),e.createElement("h2",null,"/system/prompt"),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,"\u8BF7\u8F93\u5165")),e.createElement("tr",null,e.createElement("td",null,"defaultValue"),e.createElement("td",null,"\u9ED8\u8BA4\u503C"),e.createElement("td",null,"string"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"placeholder"),e.createElement("td",null,"input \u5360\u4F4D\u7B26"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8BF7\u8F93\u5165...")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u5B9A\u5236\u952E\u76D8\u7C7B\u578B \u53C2\u8003\uFF1Ahttps://www.w3school.com.cn/tags/att_input_type.asp"),e.createElement("td",null,"string"),e.createElement("td",null,"text")),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6587\u6848"),e.createElement("td",null,"string"),e.createElement("td",null,"\u786E\u8BA4")),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6587\u6848\uFF0C\u53D6\u6D88\u6587\u6848\u4E3A\u7A7A\uFF0C\u4E0D\u663E\u793A\u53D6\u6D88\u6309\u94AE"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53D6\u6D88")))))}function gl(){const[u,t]=e.useState(!1);return e.createElement("div",null,e.createElement("h1",null,"/system/loading"),e.createElement("p",null,"\u8FD9\u662F\u4E00\u4E2AAction\uFF0C\u4F1A\u81EA\u52A8\u76D1\u542C flow \u7684\u6267\u884C\u72B6\u6001\uFF0Cflow\u7684\u4EE3\u7801\u6267\u884C\u8D85\u8FC7350\u6BEB\u79D2\u4F1A\u663E\u793A\u52A0\u8F7D\u4E2D\u3002\uFF08\u6846\u67B6\u81EA\u52A8\u63A7\u5236\uFF09"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
676
- // \u5168\u5C40 LOADING
677
- // \u901A\u5E38\u811A\u624B\u67B6\u5DF2\u6CE8\u518C\u8FD9\u4E2A\u754C\u9762
678
- app.registerAction("GLOBAL_LOADING", PageFlowSystemPages.Loading);
679
- `),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement("button",{onClick:()=>{t(!0),setTimeout(()=>{t(!1)},1e4)}},"\u70B9\u51FB\u663E\u793A"),u?e.createElement($t,{data:{a:1},onNext:console.log,visible:!0}):null),e.createElement("h2",null,"Loading"),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)))}function fl(){const[u,t]=p.exports.useState(!1),l=e.createElement(T,null),n=e.createElement(E.Group,null,e.createElement(E,{type:"cutout",onClick:r=>{console.log("cancle"),t(!0),u||setTimeout(()=>{t(!1)},2e3)}},"\u53D6\u6D88"),e.createElement(E,{type:"primary"},"\u786E\u8BA4")),a=[{},{},{}];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(Y,{style:{backgroundColor:"black",marginRight:20},header:l,footer:n,loading:u},e.createElement(A,{text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"}))),e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement(Y,{style:{backgroundColor:"black"},header:l,footer:n},a.map((r,c)=>e.createElement(k,{key:c,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"},`
680
- const header = <Title></Title>;
681
- const footer = (
682
- <Button.Group>
683
- <Button type="cutout" onClick={e => console.log('cancle')}>\u53D6\u6D88</Button>
684
- <Button type="primary">\u786E\u8BA4</Button>
685
- </Button.Group>
686
- )
687
-
688
- <BaseLayout
689
- header={header}
690
- footer={footer}
691
- >
692
- <Presentation text="\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B" ></Presentation>
693
- </BaseLayout>
694
- `),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[\u5F90\u798F\u8BB0\u9879\u76EE\u4E13\u7528]"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => data.scanData")),e.createElement("tr",null,e.createElement("td",null,"onScanBarcode"),e.createElement("td",null,"\u6CE8\u518C\u626B\u63CF\u4E8C\u7EF4\u7801/\u6761\u5F62\u7801[\u63A8\u8350\u4F7F\u7528]"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => data.scanData")),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 Z=[{title:"\u7EC4\u4EF6\u5217\u8868",pages:[{key:"First",title:"\u5FEB\u901F\u5F00\u59CB",doc:we},{key:"Header",title:"Header",doc:_e},{key:"Title",title:"Title",doc:$e},{key:"Button",title:"Button",doc:We},{key:"InfoCard",title:"InfoCard",doc:Re},{key:"Steps",title:"Steps",doc:Oe},{key:"ImageUploader",title:"ImageUploader",doc:mt},{key:"ImageViewer",title:"ImageViewer",doc:Et},{key:"ListItem",title:"ListItem",doc:Ge},{key:"Confirm",title:"Confirm",doc:Ke},{key:"Toast",title:"Toast",doc:tt},{key:"Overlay",title:"Overlay",doc:lt},{key:"Tag",title:"Tag",doc:ut},{key:"SimpleCard",title:"SimpleCard",doc:nt},{key:"SimpleCardBlock",title:"SimpleCardBlock",doc:rt},{key:"SelectCard",title:"SelectCard",doc:ct},{key:"Presentation",title:"Presentation",doc:dt},{key:"List",title:"List",doc:Ft},{key:"WakeKeyborard",title:"WakeKeyborard",doc:Ct},{key:"SubCard",title:"SubCard",doc:gt},{key:"FinishCard",title:"FinishCard",doc:vt},{key:"DistanceCard",title:"DistanceCard",doc:Dt},{key:"InfiniteScroll",title:"InfiniteScroll",doc:zt},{key:"ActionSheet",title:"ActionSheet",doc:qt},{key:"AppList",title:"AppList",doc:Jt},{key:"LatticeMouth",title:"LatticeMouth",doc:Qt},{key:"Card",title:"Card",doc:el}]},{title:"\u5185\u7F6E\u754C\u9762\u9884\u89C8",pages:[{key:"/system/alert",title:"/system/alert",doc:hl},{key:"/system/confirm",title:"/system/confirm",doc:pl},{key:"/system/toast",title:"/system/toast",doc:Fl},{key:"/system/prompt",title:"/system/prompt",doc:Cl},{key:"/system/loading",title:"/system/loading",doc:gl}]},{title:"\u5E03\u5C40\u5BB9\u5668",pages:[{key:"BaseLayout",title:"BaseLayout",doc:fl}]}];function Bl(u){return Z.map(t=>t.pages.filter(function(l){return l.key===u})[0]).filter(t=>t)[0]}function Be(){return location.hash.replace("#","")||Z[0].pages[0].key}function bl(){const[u,t]=e.useState(Be),l=e.useCallback(function(a){location.hash=a});e.useEffect(function(){window.addEventListener("hashchange",function(){t(Be())})},[]);const n=Bl(u);return e.createElement("div",{className:"components-container"},e.createElement("div",{className:"components-example"},e.createElement("h1",{title:"@cniot/android-pda-components",style:{lineHeight:"0.5em"}},e.createElement("span",null,"Components"),e.createElement("br",null),e.createElement("sub",{style:{fontSize:12}}," version: [",El.version,"]")),Z.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))}O.render(e.createElement(bl,null),document.getElementById("root"));