@cniot/android-pda-components 0.1.8 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +12 -0
- package/build/assets/{index.2fd41665.js → index.882f3fdf.js} +60 -26
- package/build/assets/{index.4025a3ff.css → index.f3f07785.css} +1 -1
- package/build/index.html +2 -2
- package/es/index.cjs.js +3 -3
- package/es/index.es.js +55 -28
- package/es/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var ce=Object.defineProperty,oe=Object.defineProperties;var ie=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var _=(u,t,l)=>t in u?ce(u,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):u[t]=l,C=(u,t)=>{for(var l in t||(t={}))X.call(t,l)&&_(u,l,t[l]);if(N)for(var l of N(t))G.call(t,l)&&_(u,l,t[l]);return u},U=(u,t)=>oe(u,ie(t));var A=(u,t)=>{var l={};for(var n in u)X.call(u,n)&&t.indexOf(n)<0&&(l[n]=u[n]);if(u!=null&&N)for(var n of N(u))t.indexOf(n)<0&&G.call(u,n)&&(l[n]=u[n]);return l};var x=(u,t,l)=>(_(u,typeof t!="symbol"?t+"":t,l),l);import{R as e,r as p,k as se,c as E,a as M,u as me,b as Ee}from"./vendor.999402d8.js";const de=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)}};de();function he(){return e.createElement("div",null,e.createElement("h1",null,"\u5FEB\u901F\u5F00\u59CB"),e.createElement("code",{className:"code"},`
|
|
2
2
|
|
|
3
3
|
tnpm install @cniot/android-pda-components --save
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ import { Button } from '@cniot/android-pda-components';
|
|
|
6
6
|
|
|
7
7
|
import '@cniot/android-pda-components/es/style.css';
|
|
8
8
|
|
|
9
|
-
`))}function d(u){const{type:t="default",onClick:
|
|
9
|
+
`))}function d(u){const{type:t="default",onClick:l,className:n=""}=u;return e.createElement("button",{className:`pda-button pda-button-${t} ${n}`,onClick:l},u.children)}function pe(u){return e.createElement("div",{className:"button-group"},u.children)}d.Group=pe;function Fe(u){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[u]||"op-overlay"}function B(u){const{verticalPosition:t="center",visible:l=!0,closable:n=!1,onClosed:a=()=>{}}=u,[r,c]=p.exports.useState(!l),o={};return n&&(o.onClick=i=>{c(!0),a()}),p.exports.useEffect(()=>{c(!l)},[l]),r?null:e.createElement("div",C({className:Fe(t)},o),u.children)}const Ce=()=>{};function P(u){const{onBack:t,icon:l,title:n,menus:a=[],onClickMenuItem:r=Ce,cancelMenuText:c,menuShortcutKey:o,backShortcutKey:i}=u,[s,m]=e.useState(!1);return e.useEffect(function(){if(o)return V(j(o),function(){m(!0)})},[o]),e.useEffect(function(){if(i&&t)return V(j(i),function(){t("back")})},[i,t]),e.createElement("div",{className:"pda-header"},e.createElement("div",{className:"header-click-area"},t?e.createElement("div",{className:"pda-goback",onClick:()=>t("back")}):null,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-more",onClick:()=>m(!0)}):null,e.createElement(B,{visible:s,verticalPosition:"bottom",closable:!1,onClosed:()=>m(!1)},e.createElement("div",{className:"pda-menus"},a.map((h,g)=>e.createElement(d,{onClick:()=>{m(!1),r(h)},key:h.key||g},h.label)),c?e.createElement("div",{style:{marginTop:20}},e.createElement(d,{onClick:()=>m(!1)},c)):null)))}function j(u){return(u.indexOf(",")>-1?u.split(","):[u]).map(l=>{const n=se(l);return n===void 0&&console.warn("OPButton.shortcutKey error key value by:",l),n}).filter(l=>!!l)}function V(u,t){function l(n){u.indexOf(n.keyCode)>-1&&t&&t(n)}return document.addEventListener("keyup",l),function(){document.removeEventListener("keyup",l)}}function be(){return e.createElement("div",null,e.createElement("h1",null,"Header"),e.createElement("p",null,"\u5934\u90E8\u6307\u5F15"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block"},e.createElement(P,{title:"hello world",onBack:console.log,backShortcutKey:"a"}),e.createElement(P,{icon:"read",title:"hello world"}),e.createElement(P,{icon:"select",title:"hello world",menus:[{label:"menus1"},{label:"menus2"},{label:"menus3"}],onClickMenuItem:console.log,cancelMenuText:"\u53D6\u6D88",menuShortcutKey:"f1,f2"})),e.createElement("code",{className:"code"},`
|
|
10
10
|
// backShortcutKey \u7ED1\u5B9A\u4E86 a \u952E\u5FEB\u6377\u89E6\u53D1 onBack
|
|
11
11
|
<Header
|
|
12
12
|
title='hello world'
|
|
@@ -35,7 +35,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
35
35
|
cancelMenuText="\u53D6\u6D88"
|
|
36
36
|
menuShortcutKey="f1,f2"
|
|
37
37
|
></Header>
|
|
38
|
-
`),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,"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)))))}function
|
|
38
|
+
`),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,"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)))))}function ge(){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(d,null,"\u6309\u94AE"),e.createElement(d,{type:"primary",onClick:u=>console.log(u)},"\u786E\u8BA4"),e.createElement(d,{type:"dark"},"\u6DF1\u8272"),e.createElement(d.Group,null,e.createElement(d,{type:"cutout"},"\u9542\u7A7A"),e.createElement(d,null,"\u6309\u94AE"))),e.createElement("code",{className:"code"},`
|
|
39
39
|
<Button>\u6309\u94AE</Button>
|
|
40
40
|
<Button type='primary' onClick={e => console.log(e) }>\u786E\u8BA4</Button>
|
|
41
41
|
<Button type='dark'>\u6DF1\u8272</Button>
|
|
@@ -43,7 +43,7 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
43
43
|
<Button type="cutout">\u9542\u7A7A</Button>
|
|
44
44
|
<Button>\u6309\u94AE</Button>
|
|
45
45
|
</Button.Group>
|
|
46
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | dark | cutout"),e.createElement("td",null,"default")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)))))}class y extends e.Component{constructor(t){super(t)}render(){const{className:t="",title:
|
|
46
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | dark | cutout"),e.createElement("td",null,"default")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)))))}class y extends e.Component{constructor(t){super(t)}render(){const{className:t="",title:l,highlightInfo:n,subTitle:a,subHighlightInfo:r,subHighlightSubInfo:c,infoImage:o,tagText:i,highlightInfoCN:s,highlightSubInfo:m,percentage:h,highlightSubInfoCN:g,boldInfo:b,infoList:k=[],style:L={},theme:ae="light"}=this.props;return e.createElement("div",{className:E({[t]:!0,"pda-info-card":!0,"pda-info-card-dark":ae==="dark"}),style:L},e.createElement("div",{className:"pda-info-card-title-section"},e.createElement("div",{className:"pda-info-card-title"},l),i?e.createElement("div",{className:"pda-info-card-tag"},e.createElement("div",{className:"pda-info-card-tag-text"},i)):null),e.createElement("div",{className:"pda-info-card-highlight-section"},e.createElement("div",null,e.createElement("div",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},n),e.createElement("span",{className:"pda-info-card-highlight1CN"},s),e.createElement("span",{className:"pda-info-card-highlight2"},m),e.createElement("span",{className:"pda-info-card-highlight2CN"},g)),a?e.createElement("div",{className:"pda-info-card-title"},a):null,r?e.createElement("div",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},r),e.createElement("span",{className:"pda-info-card-highlight2"},c)):null),o?e.createElement("img",{src:o,width:150,height:150}):null),h!==void 0?e.createElement("div",{className:"pda-info-card-progress"},e.createElement("div",{className:"pda-info-card-progress-inside",style:{width:`${h*100}%`}})):null,e.createElement("div",{className:"pda-info-card-bold"},b),k.map((H,re)=>e.createElement("div",{key:re,className:"pda-info-card-list"},e.createElement("span",null,H.label||""),"\xA0\xA0",e.createElement("span",null,H.content||""))))}}y.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";function fe(){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(y,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",percentage:.64,boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement("code",{className:"code"},`
|
|
47
47
|
<InfoCard
|
|
48
48
|
title="\u5F85\u62E3\u4EF6\u6570"
|
|
49
49
|
highlightInfo="800"
|
|
@@ -93,7 +93,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
93
93
|
subHighlightInfo="40"
|
|
94
94
|
subHighlightSubInfo="/50"
|
|
95
95
|
infoImage={InfoCard.IMAGE_1}
|
|
96
|
-
/>`),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
|
|
96
|
+
/>`),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 Be extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,isActive:n,infoList:a=[],style:r={},index:c,isLast:o}=this.props;return e.createElement("div",{className:E({[t]:!0,"pda-step-card":!0}),style:r},e.createElement("div",{className:"pda-step-indictor"},e.createElement("div",{className:E({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":c===0})}),e.createElement("div",{className:E({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":n})}),e.createElement("div",{className:E({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":o})})),e.createElement("div",{className:E({"pda-step":!0,"pda-step-dark":!n})},e.createElement("div",{className:"pda-step-title"},l),a.map((i,s)=>e.createElement("div",{key:s,className:"pda-step-list"},e.createElement("span",null,i.label||""),"\xA0\xA0",e.createElement("span",null,i.content||"")))))}}class S extends e.Component{constructor(t){super(t)}render(){const{className:t,style:l={},theme:n="light",current:a=0,children:r}=this.props;return e.createElement("div",{className:E({[t]:!0}),style:l},(r||[]).map((c,o)=>{const i=C({index:o,isLast:o===(r||[]).length-1},c.props);return o===a?i.isActive=!0:i.isActive=!1,p.exports.cloneElement(c,i)}))}}x(S,"Step",Be);const{Step:D}=S;function ye(){return e.createElement("div",null,e.createElement("h1",null,"Steps"),e.createElement("p",null,"\u6B65\u9AA4\u6761\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(S,{current:0,style:{marginRight:"32px"}},e.createElement(D,{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(D,{title:"\u5DF2\u751F\u4EA7",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement(S,{current:1},e.createElement(D,{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(D,{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(D,{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"},`
|
|
97
97
|
<Steps current={0} style={{
|
|
98
98
|
marginRight: '32px',
|
|
99
99
|
}}>
|
|
@@ -114,7 +114,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
114
114
|
]
|
|
115
115
|
} />
|
|
116
116
|
</Steps>
|
|
117
|
-
`),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
|
|
117
|
+
`),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 ke extends e.Component{constructor(t){super(t)}render(){const{className:t,header:l,onClick:n=()=>{},onHeightLightClick:a=()=>{},onIconClick:r=()=>{},highlightText:c,highlightSubText:o,stateTextList:i=[],stateList:s=[],subInfoList:m=[],style:h={},icon:g}=this.props;return e.createElement("div",{className:E({[t]:!0,"pda-list-item":!0}),style:h,onClick:n},e.createElement("div",{className:"pda-listitem-header"},l),e.createElement("div",{onClick:a,className:"pda-listitem-highlight"},e.createElement("div",null,c),e.createElement("div",null,o)),e.createElement("div",{className:"pda-listitem-state-text"},i.map((b,k)=>e.createElement("span",{key:k},b.label||"","\uFF5C"))),e.createElement("div",{className:"pda-listitem-state-block"},s.map((b,k)=>{const L=b&&b.type?b.type:"default";return e.createElement("div",{key:k,className:L},b.label||"")})),m.map((b,k)=>e.createElement("div",{key:k,className:"pda-listitem-subinfo"},e.createElement("span",null,b.label||""),"\xA0\xA0",e.createElement("span",null,b.content||""))),g?e.createElement("div",{onClick:r,className:"pda-listitem-icon"},e.createElement("div",{className:E({"listitem-icon-container":!0,["listitem-icon-"+g]:!0})})):null)}}function ve(){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(ke,{onClick:u=>{console.log(123)},header:"\u4EFB\u52A1\u5355",highlightText:"c5058f90218443bf857bc1e6c0b72aef",highlightSubText:"30%",icon:"next",stateTextList:[{label:"\u72B6\u60011"},{label:"\u72B6\u60012"},{label:"\u72B6\u60012"}],stateList:[{label:"success",type:"success"},{label:"default"},{label:"warning",type:"warning"},{label:"error",type:"error"}],subInfoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"},{label:"\u4ED3\u5E93",content:"12398000032432432423400000765423"}],onHeightLightClick:()=>{console.log("heightlight click!")},onIconClick:()=>{console.log("icon click!")},style:{width:"432px",marginRight:"32px",backgroundColor:"black"}})),e.createElement("code",{className:"code"},`
|
|
118
118
|
<ListItem
|
|
119
119
|
header="\u4EFB\u52A1\u5355"
|
|
120
120
|
highlightText="XXXX-XX-XXX"
|
|
@@ -147,7 +147,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
147
147
|
]
|
|
148
148
|
}
|
|
149
149
|
/>
|
|
150
|
-
`),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
|
|
150
|
+
`),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 Ae(){}function I(u){const{title:t="title",message:l=null,subMessage:n=[],okText:a="okText",cancelText:r=null,onClick:c=Ae,type:o="primary"}=u;return e.createElement("div",{className:E({"confirm-wrap":!0,["confirm-"+o]:!0})},e.createElement("div",{className:"confirm-title"},t),l?e.createElement("div",{className:"confirm-message"},l):null,n.length?e.createElement("div",{className:"confirm-sub-message"},n.map((i,s)=>e.createElement("p",{key:s,className:"pda-listitem-subinfo"},e.createElement("span",null,i.label||""),":\xA0",e.createElement("span",null,i.content||"")))):null,e.createElement("div",{className:"confirm-btns"},r?e.createElement(d,{className:"confirm-cancel-button",onClick:()=>c(!1)},r):null,e.createElement(d,{type:"primary",onClick:()=>c(!0)},a)))}function De(){return e.createElement("div",null,e.createElement("h1",null,"Confirm"),e.createElement("p",null,"\u786E\u8BA4\u7EC4\u4EF6, \u5982\u679C\u8981\u60AC\u6D6E\u5728\u9875\u9762\u4E0A\uFF0C\u8BF7\u914D\u5408 Overlay \u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(I,{title:"111111",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",onClick:u=>{console.log("isConfirm",u)}})),e.createElement("code",{className:"code"},`
|
|
151
151
|
<Confirm
|
|
152
152
|
// type="warning"
|
|
153
153
|
title="111111"
|
|
@@ -158,7 +158,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
158
158
|
console.log("isConfirm", isConfirm);
|
|
159
159
|
}}
|
|
160
160
|
></Confirm>
|
|
161
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm)=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | warning"),e.createElement("td",null,"primary")))))}function
|
|
161
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm)=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | warning"),e.createElement("td",null,"primary")))))}function Ne(u){return(typeof u=="function"?u():u)||document.body}function xe(u){return u===void 0}function Y(...u){function t(n,a){return xe(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 Se(u){return{success:"toast-wrap success",warning:"toast-wrap warning",error:"toast-wrap error"}[u]||"toast-wrap"}function f(u){const{title:t="title",message:l="message",type:n="success",duration:a=null}=u,[r,c]=p.exports.useState(!1);return a&&setTimeout(()=>{c(!0)},a),r?null:e.createElement("div",{className:Se(n)},e.createElement("div",{className:"toast-title"},t),e.createElement("div",{className:"toast-message"},l))}const Ie={maskClickable:!0,stopPropagation:["click"]},we=u=>{const t=Y(Ie,u),{maskClickable:l,content:n,icon:a,position:r,title:c,message:o,type:i}=t;return e.createElement(B,{verticalPosition:"bottom",closable:!0},e.createElement(f,{title:c,message:o,type:i}))},q=[];function z(u){M.unmountComponentAtNode(u)&&u.parentNode&&u.parentNode.removeChild(u)}const Te={duration:2e3};function Le(u){const t=Y(Te,u);let l=0;const{getContainer:n=()=>document.body}=t,a=document.createElement("div");Ne(n).appendChild(a),console.log("container: ",a),Q(),q.push(a);function c(){const[o,i]=p.exports.useState(!0);return p.exports.useEffect(()=>()=>{var s;(s=t.afterClose)==null||s.call(t)},[]),p.exports.useEffect(()=>{if(t.duration!==0)return l=window.setTimeout(()=>{i(!1)},t.duration),()=>{window.clearTimeout(l)}},[]),e.createElement(we,U(C({},t),{getContainer:()=>a,visible:o,afterClose:()=>{z(a)}}))}M.render(e.createElement(c,null),a)}function Q(){for(;;){const u=q.pop();if(!u)break;z(u)}}f.show=Le;f.clear=Q;function _e(){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("button",{onClick:u=>{f.show({type:"success",title:"hello title",message:"hello message"})}},"\u70B9\u51FB toast"),e.createElement(f,{title:"111111",message:"22222",type:"success"}),e.createElement("br",null),e.createElement(f,{title:"111111",message:"22222",type:"warning"}),e.createElement("br",null),e.createElement(f,{title:"\u5EF6\u65F6\u5173\u95ED",message:"duration={3000}",type:"error",duration:3e3}),e.createElement("br",null)),e.createElement("code",{className:"code"},`
|
|
162
162
|
Toast.show({
|
|
163
163
|
type: 'success',
|
|
164
164
|
title: 'hello title',
|
|
@@ -183,7 +183,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
183
183
|
type="error"
|
|
184
184
|
duration={3000}
|
|
185
185
|
></Toast>
|
|
186
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u6D88\u606F\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")),e.createElement("tr",null,e.createElement("td",null,"duration"),e.createElement("td",null,"\u5EF6\u8FDF\u65F6\u95F4"),e.createElement("td",null,"number"),e.createElement("td",null,"\u5355\u4F4D ms")))))}function
|
|
186
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6807\u9898\u6587\u6848")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"\u6D88\u606F\u5185\u5BB9")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u6D88\u606F\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")),e.createElement("tr",null,e.createElement("td",null,"duration"),e.createElement("td",null,"\u5EF6\u8FDF\u65F6\u95F4"),e.createElement("td",null,"number"),e.createElement("td",null,"\u5355\u4F4D ms")))))}function Me(){return e.createElement("div",null,e.createElement("h1",null,"Overlay"),e.createElement("p",null,"\u7EDF\u4E00\u5904\u7406\u6A21\u6001\u906E\u7F69\u6837\u5F0F"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(B,{verticalPosition:"top"},e.createElement(f,{title:"111111",message:"22222",type:"success"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(B,{verticalPosition:"center"},e.createElement(f,{title:"111111",message:"22222",type:"warning"}))),e.createElement("br",null),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(B,{verticalPosition:"bottom",closable:!0},e.createElement(I,{title:"111111",message:"22222",type:"error"}))),e.createElement("code",{className:"code"},`
|
|
187
187
|
<Overlay verticalPosition="top" >
|
|
188
188
|
<Toast
|
|
189
189
|
title="111111"
|
|
@@ -208,12 +208,12 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
208
208
|
></Toast>
|
|
209
209
|
</Overlay>
|
|
210
210
|
|
|
211
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"verticalPosition"),e.createElement("td",null,"\u5782\u76F4\u65B9\u5411\u4F4D\u7F6E"),e.createElement("td",null,"string"),e.createElement("td",null,"top|center|bottom")),e.createElement("tr",null,e.createElement("td",null,"closable"),e.createElement("td",null,"\u70B9\u51FB\u7A7A\u767D\u5173\u95ED"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u53EF\u89C1"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")))))}function F(u){const{image:t=F.IMAGE_1,text:
|
|
211
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"verticalPosition"),e.createElement("td",null,"\u5782\u76F4\u65B9\u5411\u4F4D\u7F6E"),e.createElement("td",null,"string"),e.createElement("td",null,"top|center|bottom")),e.createElement("tr",null,e.createElement("td",null,"closable"),e.createElement("td",null,"\u70B9\u51FB\u7A7A\u767D\u5173\u95ED"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u53EF\u89C1"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")))))}function F(u){const{image:t=F.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)}F.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png";F.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";F.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";F.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function Pe(){return e.createElement("div",null,e.createElement("h1",null,"Presentation"),e.createElement("p",null,"\u56FE\u793A\u7EC4\u4EF6\uFF0C\u901A\u5E38\u5305\u542B\u4E00\u4E2A\u56FE\u7247+\u4E00\u884C\u6587\u5B57"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block pda"},e.createElement(F,{text:"\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B"})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",style:{backgroundColor:"#000000"}},e.createElement(F,{image:F.IMAGE_4,text:"\u8BF7\u9760\u8FD1\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B",transparent:!0})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",imageWidth:300,imageHeight:500,style:{backgroundColor:"#000000"}},e.createElement(F,{image:F.IMAGE_2,imageStyle:{width:"500px"},text:"\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1",subText:"\u5F00\u59CB\u8BC6\u522B",transparent:!0})),e.createElement("br",null),e.createElement("div",{className:"light-block pda",style:{backgroundColor:"#000000"}},e.createElement(F,{image:F.IMAGE_3,text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"})),e.createElement("br",null),e.createElement("code",{className:"code"},`
|
|
212
212
|
<Presentation text="\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B"></Presentation>
|
|
213
213
|
<Presentation image={Presentation.IMAGE_4} text="\u8BF7\u9760\u8FD1\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B" transparent={true}></Presentation>
|
|
214
214
|
<Presentation image={Presentation.IMAGE_2} imageStyle={{width: "500px"}} text="\u8BF7\u9760\u8FD1\u62A5\u5E9F\u7EB8\u7BB1" subText="\u5F00\u59CB\u8BC6\u522B" transparent={true} ></Presentation>
|
|
215
215
|
<Presentation image={Presentation.IMAGE_3} text="\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B" ></Presentation>
|
|
216
|
-
`),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
|
|
216
|
+
`),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 Re(){}function R(u){const{dataSource:t=[],onClickItem:l,onItemClick:n=Re}=u;return e.createElement("div",{className:"android-pda-list"},t.map((a,r)=>e.createElement(Z,{key:a.key||r,dataSource:a,onClick:l||n})),u.children)}function Z(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:o}=u;return e.createElement("div",{className:"default-item",onClick:()=>{o(u.dataSource)},tabIndex:c},e.createElement("div",{className:"text"},e.createElement("div",null,l),e.createElement("div",{className:"sub-text"},n),e.createElement("div",{className:"sub-tags"},r.map(i=>e.createElement("div",{className:"sub-tag-item",key:i},i)))),e.createElement("div",{className:"extra"},a))}R.Item=Z;const We=[{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 $e(){return e.createElement("div",null,e.createElement("h1",null,"List"),e.createElement("p",null,"\u5217\u8868\u7EC4\u4EF6\uFF0C\u901A\u5E38\u8981\u914D\u5408\u4E0D\u540C\u7684 List Item \u6765\u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(R,{onClickItem:console.log,dataSource:We})),e.createElement("code",{className:"code"},`
|
|
217
217
|
const dataSource = [{
|
|
218
218
|
title: "hello world",
|
|
219
219
|
subTitle:"sub title",
|
|
@@ -238,15 +238,49 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
238
238
|
dataSource={dataSource}
|
|
239
239
|
>
|
|
240
240
|
</List>
|
|
241
|
-
`),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
|
|
241
|
+
`),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 W=()=>{};function J(u){const{label:t="\u67E5\u8BE2",onWakeKeyboard:l=W,onClick:n=W,onHidden:a=W}=u,r=p.exports.useRef(null),[c,o]=p.exports.useState(!0);return p.exports.useEffect(()=>{const i=s=>{s.preventDefault();const{code:m,keyCode:h,key:g}=s;if(m==="Enter"){n(r.current.value,s),a(!0),o(!1);return}};return requestAnimationFrame(()=>{r.current.focus(),l()}),document.addEventListener("keyup",i),()=>{document.removeEventListener("keyup",i)}},[]),c?e.createElement("div",{className:"wakekeyborard-overlay",onClick:i=>{var s;((s=i.target.className)==null?void 0:s.includes("wakekeyborard-overlay"))&&(a(!1),o(!1))}},e.createElement("div",{className:"wakekeyborard-inputbox"},e.createElement("input",{ref:r,type:"tel"}),e.createElement(d,{type:"primary",onClick:i=>{n(r.current.value,i),a(!0),o(!1)}},t))):null}const ee=()=>{};function Ke(u){const[t,l]=p.exports.useState(!1),c=u,{onClick:n=ee,onHidden:a=ee}=c,r=A(c,["onClick","onHidden"]);return e.createElement("div",{className:"wakekeyborard"},t?e.createElement(J,C({onClick:(o,i)=>{n(o),l(!t)},onHidden:o=>{l(!1),a(o)}},r)):null,t?null:e.createElement("div",{className:"wakekeyborard-icon",onClick:o=>{l(!t)}}))}function Oe(){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(Ke,{label:"\u641C\u7D22",onWakeKeyboard:()=>{console.log("wake keyboard")},onHidden:()=>{console.log("keyboard hidden")},onClick:l=>{console.log("v is ",l)}}),e.createElement("p",null,"\u70B9\u51FB\u4E0B\u9762\u6309\u94AE\u5524\u8D77"),e.createElement(d,{onClick:l=>{t(!u)}},"\u8F93\u5165"),u?e.createElement(J,{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"},`
|
|
242
242
|
<WakeKeyborard
|
|
243
|
-
|
|
244
|
-
|
|
243
|
+
label='\u641C\u7D22'
|
|
244
|
+
onWakeKeyboard={ () => {console.log('wake keyboard')}}
|
|
245
|
+
onHidden={ () => {console.log('keyboard hidden')}}
|
|
246
|
+
onClick={v => {console.log('v is ', v);}}
|
|
245
247
|
/>
|
|
246
|
-
|
|
247
|
-
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
const [input, setInput] = useState(false);
|
|
252
|
+
|
|
253
|
+
<Button
|
|
254
|
+
onClick={e => {
|
|
255
|
+
setInput(!input);
|
|
256
|
+
}}
|
|
257
|
+
>\u8F93\u5165</Button>
|
|
258
|
+
{
|
|
259
|
+
input ? (
|
|
260
|
+
<Keyborard
|
|
261
|
+
onWakeKeyboard={
|
|
262
|
+
e => {
|
|
263
|
+
console.log('keyborard from button');
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
onClick={
|
|
267
|
+
v => {
|
|
268
|
+
console.log('value: ', v);
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
onHidden={
|
|
272
|
+
e => {
|
|
273
|
+
console.log('keyborard hidden from button');
|
|
274
|
+
setInput(false);
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
/>
|
|
278
|
+
) : null
|
|
279
|
+
}
|
|
280
|
+
`),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,"\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) => ")))))}function te(u){const{title:t,context:l,name:n,tag:a,attrs:r=[],style:c}=u;return e.createElement("div",{className:"android-sub-card",style:c},e.createElement("div",{className:"android-sub-card-title-section"},e.createElement("div",{className:"android-sub-card-title"},t),a?e.createElement("div",{className:"android-sub-card-tag"},e.createElement("div",{className:a.type},a.label||"")):null),e.createElement("div",{className:"android-sub-card-context"},l),n?e.createElement("div",{className:"android-sub-card-name"},n):null,e.createElement("div",{className:"android-sub-card-attrs"},r.map(o=>e.createElement("div",{key:o},o))))}function He(){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(te,{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(te,{title:"\u54C1\u53F7",tag:{label:"\u5C11\u8D27",type:"warning"},context:"5082 7834",name:"\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]})),e.createElement("code",{className:"code"},`
|
|
281
|
+
<SubCard tag={{label: "\u6563\u7BB1", type: "default"}} title="\u54C1\u53F7" context="5082 7834" attrs={["\u6279\u6B21\uFF1A23842839", "\u6570\u91CF\uFF1A234"]} ></SubCard>
|
|
248
282
|
<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>
|
|
249
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"context"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"name"),e.createElement("td",null,"\u54C1\u540D"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E\u540D"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}const w=()=>{};class T extends e.Component{constructor(t){super(t);this.state={},this._handleKeyUp=n=>{const{onScan:l=w,onEnter:a=w,onEsc:r=w,onDelete:c=w,scanMode:o=null}=this.props;n.preventDefault();const{code:i,keyCode:s,key:m}=n;if(i==="Enter"){a(n);return}if(i==="Delete"){c(n);return}if(i==="Esc"){r(n);return}},this._handleBeforeUnload=n=>(n.returnValue="\u786E\u5B9A\u79BB\u5F00\u5F53\u524D\u9875\u9762\u5417\uFF1F",!0),this._handleUnload=n=>{WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(a){},function(a){});const l={tag:"stopRfid",level:"d",message:"stop rfid scan!!!"};WindVaneLog(l),WindVaneLog(l)}}componentDidMount(){window.onunload=this._handleUnload,document.addEventListener("keyup",this._handleKeyUp)}componentWillUnmount(){window.onbeforeunload=null,window.onunload=null,document.removeEventListener("keyup",this._handleKeyUp)}render(){const t=this.props,{style:n={},header:l,footer:a}=this.props;return e.createElement("div",{className:E({"baselayout-wrapper":!0}),style:n},l&&e.createElement("div",{className:E({"baselayout-header":!0})},l),e.createElement("div",{className:E({"baselayout-container":!0})},t.children),a&&e.createElement("div",{className:E({"baselayout-footer":!0})},a))}}const Ke=()=>{};class He extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=n=>{const{onRfidOnce:l,onRfidBoxOnce:a,onRfidPalletOnce:r}=this.props,c=n.param,o=c.rfidData.startsWith("0F006"),i=c.rfidData.startsWith("0F011");if(i){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}a&&o?(this._stopWork(),a(c)):r&&i&&(this._stopWork(),r(c)),l&&(this._stopWork(),l(c))},this._startWork=n=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){}),this._rfidBeginScan=!0},this._stopWork=n=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopScan', 'params':null}",function(l){},function(l){})},this._handleKeyDown=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)}render(){const a=this.props,{onRfidOnce:n=Ke}=a,l=N(a,["onRfidOnce"]);return e.createElement(T,g({},l))}}const Xe=()=>{};class ee extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=n=>{const{onRfidScan:l,onRfidBoxScan:a,onRfidPalletScan:r}=this.props,c=n.param,o=c.rfidData.startsWith("0F006"),i=c.rfidData.startsWith("0F011");if(i){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}o&&a?a(c):i&&r&&r(c),l&&l(c)},this._startWork=n=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(l){},function(l){}),this._rfidBeginScan=!0},this._stopWork=n=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopScan', 'params':null}",function(l){},function(l){})},this._handleKeyDown=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){const{autoRfidScan:t=!1,rfidReaderSleep:n}=this.props;WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(l){},function(l){}),t?n||this._startWork():(document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp))}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}shouldComponentUpdate(t,n){return this.props.autoRfidScan&&this.props.rfidReaderSleep!==t.rfidReaderSleep&&(t.rfidReaderSleep?this._stopWork():this._startWork()),!0}render(){const r=this.props,{onRfidScan:n=Xe,autoRfidScan:l}=r,a=N(r,["onRfidScan","autoRfidScan"]);return e.createElement(T,g({},a))}}x(ee,"defaultProps",{rfidReaderSleep:!1});const Ge=()=>{};class Ue extends e.Component{constructor(t){super(t);this._barcodeBeginScan=!1,this._handleBarcodeScan=n=>{const{onBarcodeScan:l}=this.props;this._stopWork(),l(n.param)},this._startWork=n=>{document.addEventListener("BarcodeScan",this._handleBarcodeScan),this._barcodeBeginScan=!0},this._stopWork=n=>{document.removeEventListener("BarcodeScan",this._handleBarcodeScan)},this._handleKeyDown=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._barcodeBeginScan||this._startWork())},this._handleKeyUp=n=>{const{code:l,keyCode:a,key:r}=n;(l==="F22"||l==="F23"||l==="F24"||l==="F9"||l==="F16")&&(this._stopWork(),this._barcodeBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'barcode'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)}render(){const a=this.props,{onBarcodeScan:n=Ge}=a,l=N(a,["onBarcodeScan"]);return e.createElement(T,g({},l))}}class W extends e.Component{constructor(t){super(t)}render(){const t=this.props,{onBarcodeScan:n,onRfidOnce:l,onRfidBoxOnce:a,onRfidPalletOnce:r,onRfidScan:c,onRfidBoxScan:o,onRfidPalletScan:i}=t;return l||a||r?e.createElement(He,g({},t)):c||o||i?e.createElement(ee,g({},t)):n?e.createElement(Ue,g({},t)):e.createElement(T,g({},t))}}class v extends e.Component{constructor(t){super(t)}render(){const{className:t,title:n,infoList:l=[],isError:a=!1,buttonMultiLines:r=!1,style:c={},onClick:o=()=>{},okText:i="\u8FD4\u56DE\u9996\u9875",cancelText:s=null}=this.props,m=e.createElement(d.Group,null,s?e.createElement(d,{style:r?{height:"auto",lineHeight:"50px"}:{},type:"dark",onClick:()=>o(!1)},s):null,e.createElement(d,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>o(!0)},i));return e.createElement(W,{footer:m},e.createElement("div",{className:"pda-finish-card-top"},e.createElement("img",{className:"pda-finish-card-img",src:a?v.ERROR_SUCCESS:v.SUCCESS}),e.createElement("p",{className:"pda-finish-card-title"},n),l.map((h,f)=>e.createElement("p",{key:f,className:"pda-finish-card-list"},e.createElement("span",null,h.label||""),e.createElement("span",null,h.content||"")))))}}v.SUCCESS="https://img.alicdn.com/imgextra/i2/O1CN01yYwwSx1uNV0M1gHlQ_!!6000000006025-1-tps-630-436.gif";v.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";function je(){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(v,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",isError:!0,infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],okText:"\u8FD4\u56DE\u9996\u9875",onClick:u=>{console.log("isConfirm",u)}})),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(v,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],buttonMultiLines:!0,okText:"\u8FD4\u56DE\u9996\u9875",cancelText:e.createElement("span",null,"\u8FD4\u56DE",e.createElement("br",null),"\u6682\u5B58\u4EFB\u52A1"),onClick:u=>{console.log("isConfirm",u)}})),e.createElement("code",{className:"code"},`
|
|
283
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"context"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"name"),e.createElement("td",null,"\u54C1\u540D"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E\u540D"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}const w=()=>{};class T extends e.Component{constructor(t){super(t);this.state={},this._handleKeyUp=l=>{const{onScan:n=w,onEnter:a=w,onEsc:r=w,onDelete:c=w,scanMode:o=null}=this.props;l.preventDefault();const{code:i,keyCode:s,key:m}=l;if(i==="Enter"){a(l);return}if(i==="Delete"){c(l);return}if(i==="Esc"){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!!!"};WindVaneLog(n),WindVaneLog(n)}}componentDidMount(){window.onunload=this._handleUnload,document.addEventListener("keyup",this._handleKeyUp)}componentWillUnmount(){window.onbeforeunload=null,window.onunload=null,document.removeEventListener("keyup",this._handleKeyUp)}render(){const t=this.props,{style:l={},header:n,footer:a}=this.props;return e.createElement("div",{className:E({"baselayout-wrapper":!0}),style:l},n&&e.createElement("div",{className:E({"baselayout-header":!0})},n),e.createElement("div",{className:E({"baselayout-container":!0})},t.children),a&&e.createElement("div",{className:E({"baselayout-footer":!0})},a))}}const Xe=()=>{};class Ge 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,o=c.rfidData.startsWith("0F006"),i=c.rfidData.startsWith("0F011");if(i){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}a&&o?(this._stopWork(),a(c)):r&&i&&(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': 'stopScan', '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)}render(){const a=this.props,{onRfidOnce:l=Xe}=a,n=A(a,["onRfidOnce"]);return e.createElement(T,C({},n))}}const Ue=()=>{};class le extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=l=>{const{onRfidScan:n,onRfidBoxScan:a,onRfidPalletScan:r}=this.props,c=l.param,o=c.rfidData.startsWith("0F006"),i=c.rfidData.startsWith("0F011");if(i){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}o&&a?a(c):i&&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': 'stopScan', '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=Ue,autoRfidScan:n}=r,a=A(r,["onRfidScan","autoRfidScan"]);return e.createElement(T,C({},a))}}x(le,"defaultProps",{rfidReaderSleep:!1});const je=()=>{};class Ve extends e.Component{constructor(t){super(t);this._barcodeBeginScan=!1,this._handleBarcodeScan=l=>{const{onBarcodeScan:n}=this.props;this._stopWork(),n(l.param)},this._startWork=l=>{document.addEventListener("BarcodeScan",this._handleBarcodeScan),this._barcodeBeginScan=!0},this._stopWork=l=>{document.removeEventListener("BarcodeScan",this._handleBarcodeScan)},this._handleKeyDown=l=>{const{code:n,keyCode:a,key:r}=l;(n==="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)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'barcode'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)}render(){const a=this.props,{onBarcodeScan:l=je}=a,n=A(a,["onBarcodeScan"]);return e.createElement(T,C({},n))}}class $ extends e.Component{constructor(t){super(t)}render(){const t=this.props,{onBarcodeScan:l,onRfidOnce:n,onRfidBoxOnce:a,onRfidPalletOnce:r,onRfidScan:c,onRfidBoxScan:o,onRfidPalletScan:i}=t;return n||a||r?e.createElement(Ge,C({},t)):c||o||i?e.createElement(le,C({},t)):l?e.createElement(Ve,C({},t)):e.createElement(T,C({},t))}}class v extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,infoList:n=[],isError:a=!1,buttonMultiLines:r=!1,style:c={},onClick:o=()=>{},okText:i="\u8FD4\u56DE\u9996\u9875",cancelText:s=null}=this.props,m=e.createElement(d.Group,null,s?e.createElement(d,{style:r?{height:"auto",lineHeight:"50px"}:{},type:"dark",onClick:()=>o(!1)},s):null,e.createElement(d,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>o(!0)},i));return e.createElement($,{footer:m},e.createElement("div",{className:"pda-finish-card-top"},e.createElement("img",{className:"pda-finish-card-img",src:a?v.ERROR_SUCCESS:v.SUCCESS}),e.createElement("p",{className:"pda-finish-card-title"},l),n.map((h,g)=>e.createElement("p",{key:g,className:"pda-finish-card-list"},e.createElement("span",null,h.label||""),e.createElement("span",null,h.content||"")))))}}v.SUCCESS="https://img.alicdn.com/imgextra/i2/O1CN01yYwwSx1uNV0M1gHlQ_!!6000000006025-1-tps-630-436.gif";v.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";function Ye(){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(v,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",isError:!0,infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],okText:"\u8FD4\u56DE\u9996\u9875",onClick:u=>{console.log("isConfirm",u)}})),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(v,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],buttonMultiLines:!0,okText:"\u8FD4\u56DE\u9996\u9875",cancelText:e.createElement("span",null,"\u8FD4\u56DE",e.createElement("br",null),"\u6682\u5B58\u4EFB\u52A1"),onClick:u=>{console.log("isConfirm",u)}})),e.createElement("code",{className:"code"},`
|
|
250
284
|
<FinishCard
|
|
251
285
|
title="\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210"
|
|
252
286
|
infoList={
|
|
@@ -262,7 +296,7 @@ onClick={v => {console.log('v is ', v);}}
|
|
|
262
296
|
console.log("isConfirm", isConfirm);
|
|
263
297
|
}}
|
|
264
298
|
/>
|
|
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,"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
|
|
299
|
+
`),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 qe extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,infoText:n,percentage:a=0,style:r={}}=this.props,c="https://img.alicdn.com/imgextra/i3/O1CN01EFksWL1DBZCu0H1JH_!!6000000000178-2-tps-21-30.png",o="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.createElement("div",{className:E({[t]:!0,"pda-distance-card":!0}),style:r},e.createElement("p",{className:"pda-distance-card-highlight"},e.createElement("span",{className:"pda-distance-card-highlight1"},l)),e.createElement("div",{className:"pda-distance-indictor"},e.createElement("img",{src:c,width:20,height:29}),e.createElement("p",null,n)),e.createElement("div",{className:"pda-distance-card-progress"},e.createElement("div",{className:"pda-distance-card-progress-inside",style:{width:`${a*100}%`}}),e.createElement("img",{className:"pda-distance-card-progress-indictor",src:o})),e.createElement("div",{className:"pda-distance-label"},e.createElement("p",null,"\u8FDC"),e.createElement("p",null,"\u8FD1")))}}function ze(){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(qe,{title:"\u8D27\u7269\u5728\u9644\u8FD1..",infoText:"\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB",style:{width:"400px"},percentage:.56})),e.createElement("code",{className:"code"},`
|
|
266
300
|
<DistanceCard
|
|
267
301
|
title="\u8D27\u7269\u5728\u9644\u8FD1.."
|
|
268
302
|
infoText="\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB"
|
|
@@ -271,7 +305,7 @@ onClick={v => {console.log('v is ', v);}}
|
|
|
271
305
|
}}
|
|
272
306
|
percentage={0.56}
|
|
273
307
|
/>
|
|
274
|
-
`),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
|
|
308
|
+
`),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 Qe=/scroll|auto/i;function Ze(u){const t=1;return u.tagName!=="HTML"&&u.tagName!=="BODY"&&u.nodeType===t}function ne(u,t){let l=u;for(;l&&l!==t&&Ze(l);){const{overflowY:n}=window.getComputedStyle(l);if(Qe.test(n))return l;l=l.parentNode}return t}function Je(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 et(u){return u===window}function tt(u){const{className:t,hasMore:l,loadMore:n,threshold:a=0,style:r}=u,c=me(async()=>{await n()}),o=p.exports.useRef(null),i=Ee(()=>{if(!l)return;const s=o.current;if(!s)return;const m=ne(s);if(!m)return;const h=s.getBoundingClientRect().top;(et(m)?window.innerHeight:m.getBoundingClientRect().bottom)>=h-a&&c()});return p.exports.useEffect(()=>{i()}),p.exports.useEffect(()=>{const s=o.current;if(!s)return;const m=ne(s);if(!m)return;function h(){i()}return m.addEventListener("scroll",h),()=>{m.removeEventListener("scroll",h)}},[]),e.createElement("div",{className:E({[t]:!0,"pda-infinite-scroll":!0}),style:r,ref:o},l?e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u52A0\u8F7D\u4E2D"),e.createElement(Je,null)):e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u6CA1\u6709\u66F4\u591A\u4E86~")))}const ue=()=>{};class lt extends e.Component{constructor(t){super(t);x(this,"state",{showMenu:!1})}render(){const{className:t,goBack:l=!0,goBackHandle:n=ue,icon:a="scan",title:r="\u4EFB\u52A1",menuList:c=null}=this.props,{showMenu:o}=this.state;return e.createElement("div",{className:E({[t]:!0,"pda-header":!0})},e.createElement("div",{className:"header-click-area",onClick:l?n:ue},l&&e.createElement("div",{className:"pda-goback"}),a&&e.createElement("div",{className:E({"pda-header-icon":!0,["pda-header-icon-"+a]:!0})})),e.createElement("p",{className:E({"pda-title-text":!0})},r),c?e.createElement("div",{className:"pda-header-more",onClick:i=>{this.setState({showMenu:!0})}}):null,e.createElement(B,{visible:o,verticalPosition:"bottom",closable:!0,onClosed:i=>this.setState({showMenu:!1})},e.createElement("div",{className:"pda-menus"},c)))}}function nt(u){const{service:t,data:l={}}=u,{title:n="title",message:a="message",okText:r="okText",cancelText:c=""}=l,o=e.useCallback(function(){t.onNext(!0)},[t]);return e.createElement(B,{verticalPosition:"bottom"},e.createElement(I,{title:n,message:a,okText:r,cancelText:c,onClick:o}))}function ut(u){const{service:t,data:l={}}=u,{title:n="title",message:a,subMessage:r=[],okText:c="okText",cancelText:o=""}=l,i=e.useCallback(function(s){t.onNext(s)},[t]);return e.createElement(B,{verticalPosition:"bottom"},e.createElement(I,{title:n,message:a,subMessage:r,okText:c,cancelText:o,onClick:i}))}function at(u){const{data:t={},service:l}=u,{title:n,level:a,message:r,duration:c=null}=t,[o,i]=p.exports.useState(!1);return e.useEffect(()=>{l.onNext("");let s=null;return c&&setTimeout(()=>{i(!0)},c),()=>{clearTimeout(s)}},[]),o?null:e.createElement(B,{verticalPosition:"bottom"},e.createElement("div",{style:{width:"90%"}},e.createElement(f,{type:a,title:n,message:rt(r)})))}function rt(u){var t=String(u).split("by Error:");return t[1]||t[0]}function ct(){}function ot(u){const{dataSource:t=[],onClickItem:l=ct}=u;return e.createElement("div",{className:"pda-app-list"},t.map(n=>e.createElement("div",{className:"pda-app-group",key:n.groupName},e.createElement("h2",{className:"group-name"},n.groupName),e.createElement("div",{className:"group-apps"},n.list.map(a=>e.createElement("div",{className:"app-item",key:a.name,onClick:()=>l(a)},e.createElement("span",{className:"app-name"},a.name),e.createElement("span",{className:"app-subname"},a.subname)))))))}function it(u){const{className:t="",visible:l,actions:n}=u;return e.createElement("div",{className:E({[t]:!0,"pda-action-sheet":!0,show:l})},e.createElement("div",{className:"pda-action-sheet-body"},n.map((a,r)=>e.createElement("div",{onClick:()=>{a.onClick(a.key)},className:"pda-action-sheet-item",key:r},a.title))))}const st=[{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 mt(){return e.createElement("div",null,e.createElement("h1",null,"InfiniteScroll"),e.createElement("p",null,"\u6EDA\u52A8\u52A0\u8F7D\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("div",{style:{width:"432px",height:"425px",overflow:"scroll"}},e.createElement(R,{onItemClick:console.log,tabIndex:0,dataSource:st}),e.createElement(tt,{hasMore:!0,loadMore:()=>{console.log("loadMore!")}}))),e.createElement("code",{className:"code"},`
|
|
275
309
|
|
|
276
310
|
const dataSource = [{
|
|
277
311
|
title: "hello world",
|
|
@@ -309,7 +343,7 @@ const dataSource = [{
|
|
|
309
343
|
loadMore={() => {console.log("loadMore!")}}
|
|
310
344
|
/>
|
|
311
345
|
</div>
|
|
312
|
-
`),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
|
|
346
|
+
`),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 Et(){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(d,{type:"dark",style:{margin:"12px"},onClick:()=>{t(!u)}},"\u5207\u6362\u6A21\u5F0F"),e.createElement(it,{visible:u,actions:[{key:"total",title:"\u5207\u6362\u4E3A\u6574\u7BB1\u8BC6\u522B",onClick:()=>{}},{key:"seperate",title:"\u5207\u6362\u4E3A\u6563\u7BB1\u8BC6\u522B",onClick:()=>{}},{key:"cancel",title:"\u53D6\u6D88",onClick:()=>{t(!1)}}]}))),e.createElement("code",{className:"code"},`
|
|
313
347
|
<div style={{height: "600px", width: "300px", position: "relative", backgroundColor: "#fff", display: "flex", alignItems: "flex-end"}}>
|
|
314
348
|
<Button type="dark" style={{margin: '12px'}} onClick={() => {setVisible(!visible)}}>\u5207\u6362\u6A21\u5F0F</Button>
|
|
315
349
|
<ActionSheet
|
|
@@ -330,7 +364,7 @@ const dataSource = [{
|
|
|
330
364
|
}
|
|
331
365
|
}]}
|
|
332
366
|
/>
|
|
333
|
-
`),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)))))}const
|
|
367
|
+
`),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)))))}const dt=[{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 ht(){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(ot,{dataSource:dt,onClickItem:console.log}))),e.createElement("code",{className:"code"},`
|
|
334
368
|
|
|
335
369
|
const dataSource = [
|
|
336
370
|
{
|
|
@@ -376,14 +410,14 @@ const dataSource = [{
|
|
|
376
410
|
}
|
|
377
411
|
];
|
|
378
412
|
<AppList dataSource={dataSource} onClickItem={console.log} />
|
|
379
|
-
`),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
|
|
413
|
+
`),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 pt="@cniot/android-pda-components",Ft="0.1.8",Ct="",bt="./es/index.cjs.js",gt="./es/index.es.js",ft={dev:"vite",build:"vite build --config vite.config.doc.js && vite build --config vite.config.js",doc:"vite -config vite.doc.js"},Bt="module",yt="",kt="ISC",vt={ahooks:"^2.10.11",classnames:"^2.3.1",history:"^5.0.1",keycode:"^2.2.1",less:"^4.1.1",react:"^17.0.2","react-dom":"^17.0.2"},At={"@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"};var Dt={name:pt,version:Ft,description:Ct,main:bt,module:gt,scripts:ft,type:Bt,author:yt,license:kt,dependencies:vt,devDependencies:At},K={onNext(u){console.log("onnext",u)}};function Nt(){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"},`
|
|
380
414
|
// gs \u4EE3\u7801\u5982\u4E0B
|
|
381
415
|
pageFlow.alert({
|
|
382
416
|
title: '111',
|
|
383
417
|
message: '2222',
|
|
384
418
|
okText: "\u786E\u8BA4"
|
|
385
419
|
})
|
|
386
|
-
`),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(
|
|
420
|
+
`),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(nt,{service:K,data:{title:"111",message:"2222",okText:"\u786E\u8BA4"}})),e.createElement("h2",null,"Alert"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)))))}function xt(){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"},`
|
|
387
421
|
// gs \u4EE3\u7801\u5982\u4E0B
|
|
388
422
|
pageFlow.confirm({
|
|
389
423
|
title: '111',
|
|
@@ -402,7 +436,7 @@ const dataSource = [{
|
|
|
402
436
|
okText: "\u786E\u8BA4",
|
|
403
437
|
cancelText:"\u53D6\u6D88"
|
|
404
438
|
})
|
|
405
|
-
`),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(
|
|
439
|
+
`),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(ut,{service:K,data:{title:"111",message:e.createElement("span",null,"\u6808\u677F\u7801\uFF1A",e.createElement("span",{style:{color:"#0091EA"}},"111"),e.createElement("br",null),e.createElement("span",null,"\u7BB1\u7801\uFF1A222")),okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88"}})),e.createElement("h2",null,"Confirm"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subMessage"),e.createElement("td",null,"\u526F\u6587\u672C\u6D88\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelText"),e.createElement("td",null,"\u53D6\u6D88\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)))))}function St(){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"},`
|
|
406
440
|
// gs \u4EE3\u7801\u5982\u4E0B
|
|
407
441
|
pageFlow.toast({
|
|
408
442
|
level: "success", // success|warning|error
|
|
@@ -410,7 +444,7 @@ const dataSource = [{
|
|
|
410
444
|
message: '2222',
|
|
411
445
|
duration: 3000,
|
|
412
446
|
})
|
|
413
|
-
`),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(
|
|
447
|
+
`),e.createElement("h2",null,"\u9875\u9762\u6548\u679C"),e.createElement("div",{className:"light-block light-block-overlay"},e.createElement(at,{service:K,data:{level:"success",title:"111",message:"2222",duration:3e3}})),e.createElement("h2",null,"Toast"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"level"),e.createElement("td",null,"\u5F39\u6846\u7C7B\u578B"),e.createElement("td",null,"string"),e.createElement("td",null,"success|warning|error")),e.createElement("tr",null,e.createElement("td",null,"message"),e.createElement("td",null,"\u4FE1\u606F"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"duration"),e.createElement("td",null,"\u5EF6\u8FDF\u65F6\u95F4"),e.createElement("td",null,"number"),e.createElement("td",null,"ms")))))}function It(){const u=e.createElement(lt,null),t=e.createElement(d.Group,null,e.createElement(d,{type:"cutout",onClick:n=>console.log("cancle")},"\u53D6\u6D88"),e.createElement(d,{type:"primary"},"\u786E\u8BA4")),l=[{},{},{}];return e.createElement("div",null,e.createElement("h1",null,"Scan"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex"}},e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement($,{style:{backgroundColor:"black",marginRight:20},header:u,footer:t},e.createElement(F,{text:"\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B"}))),e.createElement("div",{style:{width:480,height:800,position:"relative"}},e.createElement($,{style:{backgroundColor:"black"},header:u,footer:t},l.map((n,a)=>e.createElement(y,{key:a,title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",style:{width:"400px",backgroundColor:"black"},theme:"dark",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}))))),e.createElement("code",{className:"code"},`
|
|
414
448
|
const header = <Title></Title>;
|
|
415
449
|
const footer = (
|
|
416
450
|
<Button.Group>
|
|
@@ -425,4 +459,4 @@ const dataSource = [{
|
|
|
425
459
|
>
|
|
426
460
|
<Presentation text="\u8BF7\u9760\u8FD1\u7BB1\u7801\u8FDB\u884C\u8BC6\u522B" ></Presentation>
|
|
427
461
|
</BaseLayout>
|
|
428
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u5438\u9876\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"footer"),e.createElement("td",null,"\u5438\u5E95\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onBarcodeScan"),e.createElement("td",null,"\u6CE8\u518C\u626B\u63CF\u4E8C\u7EF4\u7801/\u6761\u5F62\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2Arfid\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidBoxOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2A rfid \u7BB1\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidPalletOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2A rfid \u6808\u677F\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidBoxScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u7BB1\u7801\u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidPalletScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u6808\u677F\u7801\u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")))))}const O=[{title:"\u7EC4\u4EF6\u5217\u8868",pages:[{key:"First",title:"\u5FEB\u901F\u5F00\u59CB",doc:
|
|
462
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u5438\u9876\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"footer"),e.createElement("td",null,"\u5438\u5E95\u7EC4\u4EF6"),e.createElement("td",null),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onBarcodeScan"),e.createElement("td",null,"\u6CE8\u518C\u626B\u63CF\u4E8C\u7EF4\u7801/\u6761\u5F62\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2Arfid\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidBoxOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2A rfid \u7BB1\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidPalletOnce"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\uFF0C\u53EA\u89E6\u53D1\u7B2C\u4E00\u4E2A rfid \u6808\u677F\u7801"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidBoxScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u7BB1\u7801\u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")),e.createElement("tr",null,e.createElement("td",null,"onRfidPalletScan"),e.createElement("td",null,"\u6309\u952E\u6309\u4E0B/\u62AC\u8D77\u89E6\u53D1 rfid \u6808\u677F\u7801\u8FDE\u7EED\u626B\u63CF"),e.createElement("td",null,"Function"),e.createElement("td",null,"data => ")))))}const O=[{title:"\u7EC4\u4EF6\u5217\u8868",pages:[{key:"First",title:"\u5FEB\u901F\u5F00\u59CB",doc:he},{key:"Header",title:"Header",doc:be},{key:"Button",title:"Button",doc:ge},{key:"InfoCard",title:"InfoCard",doc:fe},{key:"Steps",title:"Steps",doc:ye},{key:"ListItem",title:"ListItem",doc:ve},{key:"Confirm",title:"Confirm",doc:De},{key:"Toast",title:"Toast",doc:_e},{key:"Overlay",title:"Overlay",doc:Me},{key:"Presentation",title:"Presentation",doc:Pe},{key:"List",title:"List",doc:$e},{key:"WakeKeyborard",title:"WakeKeyborard",doc:Oe},{key:"SubCard",title:"SubCard",doc:He},{key:"FinishCard",title:"FinishCard",doc:Ye},{key:"DistanceCard",title:"DistanceCard",doc:ze},{key:"InfiniteScroll",title:"InfiniteScroll",doc:mt},{key:"ActionSheet",title:"ActionSheet",doc:Et},{key:"AppList",title:"AppList",doc:ht}]},{title:"\u5185\u7F6E\u754C\u9762\u9884\u89C8",pages:[{key:"/system/alert",title:"/system/alert",doc:Nt},{key:"/system/confirm",title:"/system/confirm",doc:xt},{key:"/system/toast",title:"/system/toast",doc:St}]},{title:"\u5E03\u5C40\u5BB9\u5668",pages:[{key:"BaseLayout",title:"BaseLayout",doc:It}]}];function wt(u){return O.map(t=>t.pages.filter(function(l){return l.key===u})[0]).filter(t=>t)[0]}function Tt(){return location.hash.replace("#","")||O[0].pages[0].key}function Lt(){const[u,t]=e.useState(Tt),l=e.useCallback(function(a){location.hash=a,t(a)}),n=wt(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: [",Dt.version,"]")),O.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))}M.render(e.createElement(Lt,null),document.getElementById("root"));
|