@cniot/android-pda-components 0.0.17 → 0.0.18

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.
Files changed (12) hide show
  1. package/build/assets/index.a895b4e7.css +1 -0
  2. package/build/assets/index.f8af1049.js +279 -0
  3. package/build/assets/vendor.9e71866b.js +38 -0
  4. package/build/index.html +4 -4
  5. package/es/index.cjs.js +2 -2
  6. package/es/index.es.js +94 -52
  7. package/es/style.css +1 -1
  8. package/package.json +1 -1
  9. package/vite.config.js +26 -26
  10. package/build/assets/index.d238bb83.css +0 -1
  11. package/build/assets/index.ddd2165e.js +0 -1
  12. package/build/assets/vendor.f030eb91.js +0 -33
package/es/index.es.js CHANGED
@@ -18,8 +18,34 @@ var __publicField = (obj, key, value) => {
18
18
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
19
19
  return value;
20
20
  };
21
- import React, { cloneElement, useRef, useCallback, useEffect } from "react";
21
+ import React, { useState, useEffect, cloneElement, useRef, useCallback } from "react";
22
22
  var index$j = "";
23
+ function getTypeClass$1(type) {
24
+ return {
25
+ "center": "op-overlay center",
26
+ "top": "op-overlay top",
27
+ "bottom": "op-overlay bottom"
28
+ }[type] || "op-overlay";
29
+ }
30
+ function Overlay(props) {
31
+ const { verticalPosition = "center", visible = true, closable = false, onClosed = () => {
32
+ } } = props;
33
+ const [hidden, setHidden] = useState(!visible);
34
+ const option = {};
35
+ if (closable) {
36
+ option.onClick = (e) => {
37
+ setHidden(true);
38
+ onClosed();
39
+ };
40
+ }
41
+ useEffect(() => {
42
+ setHidden(!visible);
43
+ }, [visible]);
44
+ return !hidden ? /* @__PURE__ */ React.createElement("div", __spreadValues({
45
+ className: getTypeClass$1(verticalPosition)
46
+ }, option), props.children) : null;
47
+ }
48
+ var index$i = "";
23
49
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
24
50
  var classnames = { exports: {} };
25
51
  /*!
@@ -69,29 +95,6 @@ var classnames = { exports: {} };
69
95
  })();
70
96
  })(classnames);
71
97
  var classNames = classnames.exports;
72
- const blankFunc$1 = () => {
73
- };
74
- class PdaTitle extends React.Component {
75
- constructor(props) {
76
- super(props);
77
- }
78
- render() {
79
- const { className, goBack = true, goBackHandle = blankFunc$1, icon = "scan", title = "\u4EFB\u52A1", more = false } = this.props;
80
- return /* @__PURE__ */ React.createElement("div", {
81
- className: classNames({ [className]: true, "pda-header": true })
82
- }, goBack && /* @__PURE__ */ React.createElement("div", {
83
- className: "pda-goback",
84
- onClick: goBackHandle
85
- }), icon && /* @__PURE__ */ React.createElement("div", {
86
- className: classNames({ "pda-header-icon": true, ["pda-header-icon-" + icon]: true })
87
- }), /* @__PURE__ */ React.createElement("p", {
88
- className: classNames({ "pda-title-text": true })
89
- }, title), more && /* @__PURE__ */ React.createElement("div", {
90
- className: "pda-header-more"
91
- }));
92
- }
93
- }
94
- var index$i = "";
95
98
  class Button extends React.Component {
96
99
  render() {
97
100
  const { type = "default", width, style = {}, onClick, className } = this.props;
@@ -114,6 +117,43 @@ class ButtonGroup extends React.Component {
114
117
  }
115
118
  Button.Group = ButtonGroup;
116
119
  var index$h = "";
120
+ const blankFunc$1 = () => {
121
+ };
122
+ class PdaTitle extends React.Component {
123
+ constructor(props) {
124
+ super(props);
125
+ __publicField(this, "state", {
126
+ showMenu: false
127
+ });
128
+ }
129
+ render() {
130
+ const { className, goBack = true, goBackHandle = blankFunc$1, icon = "scan", title = "\u4EFB\u52A1", menuList = null } = this.props;
131
+ const { showMenu } = this.state;
132
+ return /* @__PURE__ */ React.createElement("div", {
133
+ className: classNames({ [className]: true, "pda-header": true })
134
+ }, goBack && /* @__PURE__ */ React.createElement("div", {
135
+ className: "pda-goback",
136
+ onClick: goBackHandle
137
+ }), icon && /* @__PURE__ */ React.createElement("div", {
138
+ className: classNames({ "pda-header-icon": true, ["pda-header-icon-" + icon]: true })
139
+ }), /* @__PURE__ */ React.createElement("p", {
140
+ className: classNames({ "pda-title-text": true })
141
+ }, title), menuList ? /* @__PURE__ */ React.createElement("div", {
142
+ className: "pda-header-more",
143
+ onClick: (e) => {
144
+ this.setState({ showMenu: true });
145
+ }
146
+ }) : null, /* @__PURE__ */ React.createElement(Overlay, {
147
+ visible: showMenu,
148
+ verticalPosition: "bottom",
149
+ closable: true,
150
+ onClosed: (e) => this.setState({ showMenu: false })
151
+ }, /* @__PURE__ */ React.createElement("div", {
152
+ className: "pda-menus"
153
+ }, menuList)));
154
+ }
155
+ }
156
+ var index$g = "";
117
157
  class PdaInfoCard$2 extends React.Component {
118
158
  constructor(props) {
119
159
  super(props);
@@ -163,7 +203,7 @@ class PdaInfoCard$2 extends React.Component {
163
203
  }
164
204
  }
165
205
  PdaInfoCard$2.IMAGE_1 = "https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";
166
- var index$g = "";
206
+ var index$f = "";
167
207
  class PdaListItem extends React.Component {
168
208
  constructor(props) {
169
209
  super(props);
@@ -207,7 +247,7 @@ class PdaListItem extends React.Component {
207
247
  })) : null);
208
248
  }
209
249
  }
210
- var index$f = "";
250
+ var index$e = "";
211
251
  function empty$1() {
212
252
  }
213
253
  function Confirm$1(props) {
@@ -228,8 +268,8 @@ function Confirm$1(props) {
228
268
  onClick: () => onClick(true)
229
269
  }, okText)));
230
270
  }
231
- var index$e = "";
232
- function getTypeClass$1(type) {
271
+ var index$d = "";
272
+ function getTypeClass(type) {
233
273
  return {
234
274
  "success": "toast-wrap success",
235
275
  "warning": "toast-wrap warning",
@@ -237,28 +277,20 @@ function getTypeClass$1(type) {
237
277
  }[type] || "toast-wrap";
238
278
  }
239
279
  function Confirm(props) {
240
- const { title = "title", message = "message", type = "success" } = props;
241
- return /* @__PURE__ */ React.createElement("div", {
242
- className: getTypeClass$1(type)
280
+ const { title = "title", message = "message", type = "success", duration = null } = props;
281
+ const [hidden, setHidden] = useState(false);
282
+ if (duration) {
283
+ setTimeout(() => {
284
+ setHidden(true);
285
+ }, duration);
286
+ }
287
+ return !hidden ? /* @__PURE__ */ React.createElement("div", {
288
+ className: getTypeClass(type)
243
289
  }, /* @__PURE__ */ React.createElement("div", {
244
290
  className: "toast-title"
245
291
  }, title), /* @__PURE__ */ React.createElement("div", {
246
292
  className: "toast-message"
247
- }, message));
248
- }
249
- var index$d = "";
250
- function getTypeClass(type) {
251
- return {
252
- "center": "op-overlay center",
253
- "top": "op-overlay top",
254
- "bottom": "op-overlay bottom"
255
- }[type] || "op-overlay";
256
- }
257
- function Overlay(props) {
258
- const { verticalPosition = "center" } = props;
259
- return /* @__PURE__ */ React.createElement("div", {
260
- className: getTypeClass(verticalPosition)
261
- }, props.children);
293
+ }, message)) : null;
262
294
  }
263
295
  function Alert(props) {
264
296
  const { service, data = {} } = props;
@@ -316,19 +348,25 @@ function Prompt(props) {
316
348
  }
317
349
  function toast(props) {
318
350
  const { data = {}, service } = props;
319
- const { title, level, message } = data;
351
+ const { title, level, message, duration = null } = data;
320
352
  React.useEffect(() => {
321
353
  if (data.hasNext !== false) {
322
354
  service.onNext("");
323
355
  }
324
356
  }, [data, service]);
325
- return /* @__PURE__ */ React.createElement(Overlay, {
357
+ const [hidden, setHidden] = useState(false);
358
+ if (duration) {
359
+ setTimeout(() => {
360
+ setHidden(true);
361
+ }, duration);
362
+ }
363
+ return !hidden ? /* @__PURE__ */ React.createElement(Overlay, {
326
364
  verticalPosition: "bottom"
327
365
  }, /* @__PURE__ */ React.createElement(Confirm, {
328
366
  type: level,
329
367
  title,
330
368
  message: splitMessage(message)
331
- }));
369
+ })) : null;
332
370
  }
333
371
  function splitMessage(message) {
334
372
  var msg = String(message).split("by Error:");
@@ -767,7 +805,8 @@ class PdaFinishCard extends React.Component {
767
805
  super(props);
768
806
  }
769
807
  render() {
770
- const { className, title, infoList = [], isError = false, style = {}, onClick, okText = "\u8FD4\u56DE\u9996\u9875" } = this.props;
808
+ const { className, title, infoList = [], isError = false, style = {}, onClick = () => {
809
+ }, okText = "\u8FD4\u56DE\u9996\u9875", cancelText = null } = this.props;
771
810
  return /* @__PURE__ */ React.createElement("div", {
772
811
  className: classNames({ [className]: true, "pda-finish-card": true }),
773
812
  style
@@ -785,10 +824,13 @@ class PdaFinishCard extends React.Component {
785
824
  key: index2,
786
825
  className: "pda-finish-card-list"
787
826
  }, /* @__PURE__ */ React.createElement("span", null, item.label || ""), /* @__PURE__ */ React.createElement("span", null, item.content || ""));
788
- })), /* @__PURE__ */ React.createElement(Button, {
827
+ })), /* @__PURE__ */ React.createElement(Button.Group, null, cancelText ? /* @__PURE__ */ React.createElement(Button, {
828
+ type: "dark",
829
+ onClick: () => onClick(false)
830
+ }, cancelText) : null, /* @__PURE__ */ React.createElement(Button, {
789
831
  type: "primary",
790
832
  onClick: () => onClick(true)
791
- }, okText));
833
+ }, okText)));
792
834
  }
793
835
  }
794
836
  PdaFinishCard.SUCCESS = "https://img.alicdn.com/imgextra/i2/O1CN01yYwwSx1uNV0M1gHlQ_!!6000000006025-1-tps-630-436.gif";
package/es/style.css CHANGED
@@ -1 +1 @@
1
- .pda-header{display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-left:24px;padding-right:24px}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:4px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px}.pda-header .pda-header-more{height:36px;width:36px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-left:auto}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:90px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-info-card{border-radius:16px;padding:24px 16px}.pda-info-card p{margin:0}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:bold;display:flex;flex-direction:row;align-items:flex-end}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:bold;font-size:40px;line-height:48px;color:#000;margin-top:12px}.pda-info-card .pda-info-card-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:17px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#ffffff60}.pda-info-card.pda-info-card-dark .pda-info-card-highlight{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#ffffff60}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item p{margin:0}.pda-list-item>p,.pda-list-item>div{margin-bottom:16px}.pda-list-item .pda-listitem-highlight{font-size:40px;line-height:40px;font-weight:bold;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#ffffff60}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:100%}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-btns{display:flex}.confirm-wrap .confirm-btns .confirm-cancel-button{margin-right:2%}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:90%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:2.4rem;font-weight:700}.toast-wrap .toast-message{font-size:1.9rem}.op-overlay{top:0;left:0;position:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.local-debug-side{position:absolute;right:0;bottom:0}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:50%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff}.presentation-card .text{margin-top:12px;font-weight:700;font-size:16px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:12px}.android-pda-list .default-item{background-color:#282828;font-size:23.76px;padding:10px;border-radius:6px;color:#fff;margin:5px 0;display:flex;justify-content:space-between;align-items:center}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0}.baselayout-wrapper .baselayout-container{padding:0 24px;overflow-x:auto;flex:1}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard .wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard .wakekeyborard-inputbox{display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard .wakekeyborard-inputbox input{flex:2}.wakekeyborard .wakekeyborard-inputbox button{flex:1}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-finish-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px;background-color:#000}.pda-finish-card p{margin:0}.pda-finish-card .pda-finish-card-top{display:flex;flex-direction:column;align-items:center}.pda-finish-card .pda-finish-card-top .pda-finish-card-img{margin-top:60px}.pda-finish-card .pda-finish-card-top .pda-finish-card-title{font-size:32px;color:#fff;font-weight:500;margin-bottom:16px}.pda-finish-card .pda-finish-card-list{margin-top:16px;color:#ffffff80;font-size:32px;line-height:32px}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:34px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-context{font-size:39.6px}.android-sub-card .android-sub-card-attrs{opacity:.6;font-size:21.12px}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}
1
+ .op-overlay{top:0;left:0;position:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:90px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-header{display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-left:24px;padding-right:24px}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:4px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px}.pda-header .pda-header-more{height:36px;width:36px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-left:auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-info-card{border-radius:16px;padding:24px 16px;background-color:#fff}.pda-info-card p{margin:0}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:bold;display:flex;flex-direction:row;align-items:flex-end}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:bold;font-size:40px;line-height:48px;color:#000;margin-top:12px}.pda-info-card .pda-info-card-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:17px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#ffffff60}.pda-info-card.pda-info-card-dark .pda-info-card-highlight{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#ffffff60}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item p{margin:0}.pda-list-item>p,.pda-list-item>div{margin-bottom:16px}.pda-list-item .pda-listitem-highlight{font-size:40px;line-height:40px;font-weight:bold;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#ffffff60}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:100%}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-btns{display:flex}.confirm-wrap .confirm-btns .confirm-cancel-button{margin-right:2%}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:90%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:2.4rem;font-weight:700}.toast-wrap .toast-message{font-size:1.9rem}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.local-debug-side{position:absolute;right:0;bottom:0}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:50%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff}.presentation-card .text{margin-top:12px;font-weight:700;font-size:16px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:12px}.android-pda-list .default-item{background-color:#282828;font-size:23.76px;padding:10px;border-radius:6px;color:#fff;margin:5px 0;display:flex;justify-content:space-between;align-items:center}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0}.baselayout-wrapper .baselayout-container{padding:0 24px;overflow-x:auto;flex:1}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard .wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard .wakekeyborard-inputbox{display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard .wakekeyborard-inputbox input{flex:2}.wakekeyborard .wakekeyborard-inputbox button{flex:1}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-finish-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px;background-color:#000}.pda-finish-card p{margin:0}.pda-finish-card .pda-finish-card-top{display:flex;flex-direction:column;align-items:center}.pda-finish-card .pda-finish-card-top .pda-finish-card-img{margin-top:60px}.pda-finish-card .pda-finish-card-top .pda-finish-card-title{font-size:32px;color:#fff;font-weight:500;margin-bottom:16px}.pda-finish-card .pda-finish-card-list{margin-top:16px;color:#ffffff80;font-size:32px;line-height:32px}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:34px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-context{font-size:39.6px}.android-sub-card .android-sub-card-attrs{opacity:.6;font-size:21.12px}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cniot/android-pda-components",
3
- "version": "0.0.17",
3
+ "version": "0.0.18",
4
4
  "description": "",
5
5
  "main": "./es/index.cjs.js",
6
6
  "module": "./es/index.es.js",
package/vite.config.js CHANGED
@@ -1,32 +1,32 @@
1
- export default {
2
- // 配置选项
3
- base: "./",
4
- build: {
5
- outDir: "./es",
6
- lib: {
7
- entry: "./packages/index.jsx",
8
- formats: ["es", "cjs"],
9
- fileName: "index",
10
- },
11
- rollupOptions: {
12
- // 确保外部化处理那些你不想打包进库的依赖
13
- external: ["react", "react-dom"],
14
- output: {
15
- // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
16
- globals: {
17
- react: "React",
18
- "react-dom": "ReactDOM",
19
- },
20
- },
21
- },
22
- },
23
- };
24
-
25
1
  // export default {
26
2
  // // 配置选项
27
3
  // base: "./",
28
4
  // build: {
29
- // // 以下是 doc 的打包
30
- // outDir: "./build",
5
+ // outDir: "./es",
6
+ // lib: {
7
+ // entry: "./packages/index.jsx",
8
+ // formats: ["es", "cjs"],
9
+ // fileName: "index",
10
+ // },
11
+ // rollupOptions: {
12
+ // // 确保外部化处理那些你不想打包进库的依赖
13
+ // external: ["react", "react-dom"],
14
+ // output: {
15
+ // // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
16
+ // globals: {
17
+ // react: "React",
18
+ // "react-dom": "ReactDOM",
19
+ // },
20
+ // },
21
+ // },
31
22
  // },
32
23
  // };
24
+
25
+ export default {
26
+ // 配置选项
27
+ base: "./",
28
+ build: {
29
+ // 以下是 doc 的打包
30
+ outDir: "./build",
31
+ },
32
+ };
package/build/assets/index.d238bb83.css DELETED
@@ -1 +0,0 @@
1
- .pda-header{display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-left:24px;padding-right:24px}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:4px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px}.pda-header .pda-header-more{height:36px;width:36px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-left:auto}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:90px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-info-card{border-radius:16px;padding:24px 16px}.pda-info-card p{margin:0}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:bold;display:flex;flex-direction:row;align-items:flex-end}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:bold;font-size:40px;line-height:48px;color:#000;margin-top:12px}.pda-info-card .pda-info-card-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:17px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#ffffff60}.pda-info-card.pda-info-card-dark .pda-info-card-highlight{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#ffffff60}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item p{margin:0}.pda-list-item>p,.pda-list-item>div{margin-bottom:16px}.pda-list-item .pda-listitem-highlight{font-size:40px;line-height:40px;font-weight:bold;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#ffffff60}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:100%}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-btns{display:flex}.confirm-wrap .confirm-btns .confirm-cancel-button{margin-right:2%}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:90%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:2.4rem;font-weight:700}.toast-wrap .toast-message{font-size:1.9rem}.op-overlay{top:0;left:0;position:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:50%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff}.presentation-card .text{margin-top:12px;font-weight:700;font-size:16px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:12px}.android-pda-list .default-item{background-color:#282828;font-size:23.76px;padding:10px;border-radius:6px;color:#fff;margin:5px 0;display:flex;justify-content:space-between;align-items:center}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard .wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard .wakekeyborard-inputbox{display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard .wakekeyborard-inputbox input{flex:2}.wakekeyborard .wakekeyborard-inputbox button{flex:1}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-context{font-size:39.6px}.android-sub-card .android-sub-card-attrs{opacity:.6;font-size:21.12px}.pda-finish-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px;background-color:#000}.pda-finish-card p{margin:0}.pda-finish-card .pda-finish-card-top{display:flex;flex-direction:column;align-items:center}.pda-finish-card .pda-finish-card-top .pda-finish-card-img{margin-top:60px}.pda-finish-card .pda-finish-card-top .pda-finish-card-title{font-size:32px;color:#fff;font-weight:500;margin-bottom:16px}.pda-finish-card .pda-finish-card-list{margin-top:16px;color:#ffffff80;font-size:32px;line-height:32px}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0}.baselayout-wrapper .baselayout-container{padding:0 24px;overflow-x:auto;flex:1}.components-container{display:flex}.components-example{flex-direction:column;border-right:1px solid #d8d8d8;min-height:100vh;padding-right:10px}.components-example h1{margin-top:20px}.components-example h2{color:#00000073;font-size:14px;margin-top:20px;border-bottom:1px solid #d8d8d8;padding-bottom:5px}.components-example .components-item{color:#000000d9;font-size:16px;padding:10px 0;margin-left:20px;align-items:center;cursor:pointer}.components-example .components-item:hover,.components-example .components-item.active{color:#4f10fd73}.components-example .components-item>small{margin-left:1em}.show-case{display:flex;flex-direction:column;padding:50px;flex:1}.show-case h2{margin:20px 0}.show-case .code{white-space:pre;border:1px solid #e8e8e8;border-radius:4px;background-color:#f9f9f9;padding:5px 10px;display:block;margin:20px 0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.demo-box{display:block;margin:5px 0;padding:15px;border:1px solid #e9e9e9;border-radius:6px;flex-direction:column}.demo-box:not(:last-child){margin-bottom:20px}.version{font-size:12px;margin-left:10px}.dark-block{background-color:#000;padding:24px}.light-block{background-color:#ddd;padding:24px}.light-block.pda{width:50%}.light-block-overlay{position:relative;height:300px}.light-block-overlay .op-overlay{position:absolute;width:100%;height:100%}
package/build/assets/index.ddd2165e.js DELETED
@@ -1 +0,0 @@
1
- var e=Object.defineProperty,t=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,a=(t,l,n)=>l in t?e(t,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[l]=n,r=(e,t,l)=>(a(e,"symbol"!=typeof t?t+"":t,l),l);import{R as c,c as m,_ as o,a as i}from"./vendor.f030eb91.js";!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))t(e);new MutationObserver((e=>{for(const l of e)if("childList"===l.type)for(const e of l.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&t(e)})).observe(document,{childList:!0,subtree:!0})}function t(e){if(e.ep)return;e.ep=!0;const t=function(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerpolicy&&(t.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?t.credentials="include":"anonymous"===e.crossorigin?t.credentials="omit":t.credentials="same-origin",t}(e);fetch(e.href,t)}}();const s=()=>{};class u extends c.Component{constructor(e){super(e)}render(){const{className:e,goBack:t=!0,goBackHandle:l=s,icon:n="scan",title:a="任务",more:r=!1}=this.props;return c.createElement("div",{className:m({[e]:!0,"pda-header":!0})},t&&c.createElement("div",{className:"pda-goback",onClick:l}),n&&c.createElement("div",{className:m({"pda-header-icon":!0,["pda-header-icon-"+n]:!0})}),c.createElement("p",{className:m({"pda-title-text":!0})},a),r&&c.createElement("div",{className:"pda-header-more"}))}}class d extends c.Component{render(){const{type:e="default",width:t,style:l={},onClick:n,className:a}=this.props;t&&(l.width=t);let r="pda-button-"+e;return c.createElement("button",{className:m({[a]:!0,"pda-button":!0,[r]:!0}),style:l,onClick:n},this.props.children)}}class E extends c.Component{render(){return c.createElement("div",{className:m({"button-group":!0})},this.props.children)}}d.Group=E;class h extends c.Component{constructor(e){super(e)}render(){const{className:e,title:t,highlightInfo:l,infoImage:n,tagText:a,highlightInfoCN:r,highlightSubInfo:o,percentage:i,highlightSubInfoCN:s,boldInfo:u,infoList:d=[],style:E={},theme:h="light"}=this.props;return c.createElement("div",{className:m({[e]:!0,"pda-info-card":!0,"pda-info-card-dark":"dark"===h}),style:E},c.createElement("div",{className:"pda-info-card-title-section"},c.createElement("p",{className:"pda-info-card-title"},t),a?c.createElement("div",{className:"pda-info-card-tag"},c.createElement("p",{className:"pda-info-card-tag-text"},a)):null),c.createElement("div",{className:"pda-info-card-highlight-section"},c.createElement("p",{className:"pda-info-card-highlight"},c.createElement("span",{className:"pda-info-card-highlight1"},l),c.createElement("span",{className:"pda-info-card-highlight1CN"},r),c.createElement("span",{className:"pda-info-card-highlight2"},o),c.createElement("span",{className:"pda-info-card-highlight2CN"},s)),n?c.createElement("img",{src:n,width:150,height:150}):null),void 0!==i?c.createElement("div",{className:"pda-info-card-progress"},c.createElement("div",{className:"pda-info-card-progress-inside",style:{width:100*i+"%"}})):null,c.createElement("p",{className:"pda-info-card-bold"},u),d.map(((e,t)=>c.createElement("p",{key:t,className:"pda-info-card-list"},c.createElement("span",null,e.label||""),"  ",c.createElement("span",null,e.content||"")))))}}h.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";class p extends c.Component{constructor(e){super(e)}render(){const{className:e,title:t,isActive:l,infoList:n=[],style:a={},index:r,isLast:o}=this.props;return c.createElement("div",{className:m({[e]:!0,"pda-step-card":!0}),style:a},c.createElement("div",{className:"pda-step-indictor"},c.createElement("div",{className:m({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":0===r})}),c.createElement("div",{className:m({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":l})}),c.createElement("div",{className:m({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":o})})),c.createElement("div",{className:m({"pda-step":!0,"pda-step-dark":!l})},c.createElement("p",{className:"pda-step-title"},t),n.map(((e,t)=>c.createElement("p",{key:t,className:"pda-step-list"},c.createElement("span",null,e.label||""),"  ",c.createElement("span",null,e.content||""))))))}}class g extends c.Component{constructor(e){super(e)}render(){const{className:e,style:r={},theme:i="light",current:s=0,children:u}=this.props;return c.createElement("div",{className:m({[e]:!0}),style:r},(u||[]).map(((e,r)=>{const c=((e,r)=>{for(var c in r||(r={}))l.call(r,c)&&a(e,c,r[c]);if(t)for(var c of t(r))n.call(r,c)&&a(e,c,r[c]);return e})({index:r,isLast:r===(u||[]).length-1},e.props);return c.isActive=r===s,o.exports.cloneElement(e,c)})))}}r(g,"Step",p);const{Step:b}=g;class y extends c.Component{constructor(e){super(e)}render(){const{className:e,header:t,onHeightLightClick:l=(()=>{}),onIconClick:n=(()=>{}),highlightText:a,highlightSubText:r,stateTextList:o=[],stateList:i=[],subInfoList:s=[],style:u={},icon:d}=this.props;return c.createElement("div",{className:m({[e]:!0,"pda-list-item":!0}),style:u},c.createElement("p",{className:"pda-listitem-header"},t),c.createElement("p",{onClick:l,className:"pda-listitem-highlight"},c.createElement("span",null,a),c.createElement("span",null,r)),c.createElement("p",{className:"pda-listitem-state-text"},o.map(((e,t)=>c.createElement("span",{key:t},e.label||"","｜")))),c.createElement("div",{className:"pda-listitem-state-block"},i.map(((e,t)=>{const l=(null==e?void 0:e.type)?e.type:"default";return c.createElement("div",{key:t,className:l},e.label||"")}))),s.map(((e,t)=>c.createElement("p",{key:t,className:"pda-listitem-subinfo"},c.createElement("span",null,e.label||""),"  ",c.createElement("span",null,e.content||"")))),d?c.createElement("div",{onClick:n,className:"pda-listitem-icon"},c.createElement("div",{className:m({"listitem-icon-container":!0,["listitem-icon-"+d]:!0})})):null)}}function f(){}function k(e){const{title:t="title",message:l="message",okText:n="okText",cancelText:a="cancelText",onClick:r=f}=e;return c.createElement("div",{className:"confirm-wrap"},c.createElement("div",{className:"confirm-title"},t),c.createElement("div",{className:"confirm-message"},l),c.createElement("div",{className:"confirm-btns"},a?c.createElement(d,{className:"confirm-cancel-button",onClick:()=>r(!1)},a):null,c.createElement(d,{type:"primary",onClick:()=>r(!0)},n)))}function v(e){return{success:"toast-wrap success",warning:"toast-wrap warning",error:"toast-wrap error"}[e]||"toast-wrap"}function N(e){const{title:t="title",message:l="message",type:n="success"}=e;return c.createElement("div",{className:v(n)},c.createElement("div",{className:"toast-title"},t),c.createElement("div",{className:"toast-message"},l))}function x(e){const{verticalPosition:t="center"}=e;return c.createElement("div",{className:(l=t,{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[l]||"op-overlay")},e.children);var l}function C(e){const{image:t=C.IMAGE_1,text:l="",subText:n="",transparent:a,imageStyle:r}=e;return c.createElement("div",{className:a?"presentation-card transparent":"presentation-card"},c.createElement("img",{src:t,style:r}),l?c.createElement("div",{className:"text"},l):null,n?c.createElement("div",{className:"sub-text"},n):null)}C.IMAGE_1="https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGDsz_!!6000000004740-2-tps-280-322.png",C.IMAGE_2="https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png",C.IMAGE_3="https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png",C.IMAGE_4="https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";function I(){}function T(e){const{tabIndex:t=1,onItemClick:l=I}=e;return c.createElement("div",{className:"android-pda-list"},c.Children.map(e.children,((e,n)=>{const a=e.props.onClick;return c.cloneElement(e,Object.assign({tabIndex:t+n},e.props,{onClick:e=>{a&&a(e),l(e)}}),e.props.children)})))}T.Item=function(e){const{onClick:t,title:l,subTitle:n,extra:a,tags:r=[],tabIndex:m}=e;return c.createElement("div",{className:"default-item",onClick:()=>{t(e)},tabIndex:m},c.createElement("div",{className:"text"},c.createElement("div",null,l),c.createElement("div",{className:"sub-text"},n),c.createElement("div",{className:"sub-tags"},r.map((e=>c.createElement("div",{className:"sub-tag-item"},e))))),c.createElement("div",{className:"extra"},a))};const w=()=>{};class L extends c.Component{constructor(){super(...arguments),r(this,"state",{inputVisible:!1}),r(this,"_useInput",null)}render(){const{inputVisible:e}=this.state,{onWakeKeyboard:t=w,onClick:l=w}=this.props;return c.createElement("div",{className:"wakekeyborard"},e?c.createElement("div",{className:"wakekeyborard-overlay"},c.createElement("div",{className:"wakekeyborard-inputbox"},c.createElement("input",{ref:e=>{this._useInput=e},type:"tel"}),c.createElement(d,{type:"primary",onClick:t=>{l(this._useInput.value),this.setState({inputVisible:!e})}},"查询"))):null,e?null:c.createElement("div",{className:"wakekeyborard-icon",onClick:l=>{this.setState({inputVisible:!e}),requestAnimationFrame((()=>{this._useInput.focus(),t()}))}}))}}function S(e){const{title:t,context:l,attrs:n=[]}=e;return c.createElement("div",{className:"android-sub-card"},c.createElement("div",{className:"android-sub-card-title"},t),c.createElement("div",{className:"android-sub-card-context"},l),c.createElement("div",{className:"android-sub-card-attrs"},n.map((e=>c.createElement("div",null,e)))))}class B extends c.Component{constructor(e){super(e)}render(){const{className:e,title:t,infoList:l=[],isError:n=!1,style:a={},onClick:r,okText:o="返回首页"}=this.props;return c.createElement("div",{className:m({[e]:!0,"pda-finish-card":!0}),style:a},c.createElement("div",{className:"pda-finish-card-top"},c.createElement("img",{className:"pda-finish-card-img",width:332,height:269,src:n?B.ERROR_SUCCESS:B.SUCCESS}),c.createElement("p",{className:"pda-finish-card-title"},t),l.map(((e,t)=>c.createElement("p",{key:t,className:"pda-finish-card-list"},c.createElement("span",null,e.label||""),c.createElement("span",null,e.content||""))))),c.createElement(d,{type:"primary",onClick:()=>r(!0)},o))}}function P(e){const{service:t,data:l={}}=e,{title:n="title",message:a="message",okText:r="okText",cancelText:m=""}=l,o=c.useCallback((function(){t.onNext(!0)}),[t]);return c.createElement(x,{verticalPosition:"bottom"},c.createElement(k,{title:n,message:a,okText:r,cancelText:m,onClick:o}))}B.SUCCESS="https://img.alicdn.com/imgextra/i2/O1CN01cUdpOa1ieeRmhHz9X_!!6000000004438-1-tps-876-720.gif",B.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i1/O1CN01lFhrj71kBupUe3QoG_!!6000000004646-1-tps-600-456.gif";var _={onNext(e){console.log("onnext",e)}};function G(e){const{service:t,data:l={}}=e,{title:n="title",message:a="message",okText:r="okText",cancelText:m=""}=l,o=c.useCallback((function(e){t.onNext(e)}),[t]);return c.createElement(x,{verticalPosition:"bottom"},c.createElement(k,{title:n,message:a,okText:r,cancelText:m,onClick:o}))}function O(e){const{data:t={},service:l}=e,{title:n,level:a,message:r}=t;return c.useEffect((()=>{!1!==t.hasNext&&l.onNext("")}),[t,l]),c.createElement(x,{verticalPosition:"bottom"},c.createElement(N,{type:a,title:n,message:A(r)}))}function A(e){var t=String(e).split("by Error:");return t[1]||t[0]}class M extends c.Component{constructor(e){super(e)}render(){const{style:e={},header:t,footer:l}=this.props;return c.createElement("div",{className:m({"baselayout-wrapper":!0}),style:e},t&&c.createElement("div",{className:m({"baselayout-header":!0})},t),c.createElement("div",{className:m({"baselayout-container":!0})},this.props.children),l&&c.createElement("div",{className:m({"baselayout-footer":!0})},l))}}const X=[{title:"组件列表",pages:[{key:"First",title:"快速开始",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"快速开始"),c.createElement("code",{className:"code"},"\n\ntnpm install @cniot/android-pda-components --save\n\nimport { Button } from '@cniot/android-pda-components';\n\nimport '@cniot/android-pda-components/es/style.css';\n\n "))}},{key:"Title",title:"Title",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Scan"),c.createElement("p",null,"扫码组件"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"dark-block"},c.createElement(u,{title:"hello world",more:!0,goBackHandle:()=>{console.log("go back")}}),c.createElement(u,{icon:"read",title:"hello world",more:!0}),c.createElement(u,{icon:"select",title:"hello world",more:!0})),c.createElement("code",{className:"code"},"\n <Title\n title='hello world'\n icon='read'\n more={true}\n goBackHandle={() => {\n console.log('go back');\n }}\n />\n "),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"goBack"),c.createElement("td",null,"返回按钮"),c.createElement("td",null,"boolean"),c.createElement("td",null,"true")),c.createElement("tr",null,c.createElement("td",null,"goBackHandle"),c.createElement("td",null,"返回按钮点击处理"),c.createElement("td",null,"function"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"icon"),c.createElement("td",null,"title 图标"),c.createElement("td",null,"string: scan | select | read"),c.createElement("td",null,"scan")),c.createElement("tr",null,c.createElement("td",null,"title"),c.createElement("td",null,"标题"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"more"),c.createElement("td",null,"更多"),c.createElement("td",null,"boolean"),c.createElement("td",null,"false")))))}},{key:"Button",title:"Button",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Scan"),c.createElement("p",null,"扫码组件"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block"},c.createElement(d,null,"按钮"),c.createElement(d,{width:"60%",type:"primary",onClick:e=>console.log(e)},"确认"),c.createElement(d,{width:"150px",type:"dark",style:{marginTop:"12px",marginBottom:"12px"}},"深色"),c.createElement(d.Group,null,c.createElement(d,{type:"cutout"},"镂空"),c.createElement(d,null,"按钮"))),c.createElement("code",{className:"code"},"\n <Button>按钮</Button>\n <Button width='60%' type='primary' onClick={e => console.log(e) }>确认</Button>\n <Button width='150px' type='dark' style={{marginTop: '12px', marginBottom: '12px'}}>深色</Button>\n // 按钮组:\n <Button.Group>\n <Button type=\"cutout\">镂空</Button>\n <Button>按钮</Button>\n </Button.Group>\n "),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"type"),c.createElement("td",null,"类型"),c.createElement("td",null,"string: primary | dark | cutout"),c.createElement("td",null,"default")),c.createElement("tr",null,c.createElement("td",null,"width"),c.createElement("td",null,"按钮宽度"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"style"),c.createElement("td",null,"覆写样式"),c.createElement("td",null,"object"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"onClick"),c.createElement("td",null,"点击事件"),c.createElement("td",null,"function"),c.createElement("td",null)))))}},{key:"InfoCard",title:"InfoCard",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Scan"),c.createElement("p",null,"扫码组件"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},c.createElement(h,{title:"待拣件数",highlightInfo:"800",highlightInfoCN:"件",highlightSubInfo:"/800",highlightSubInfoCN:"件",percentage:.64,boldInfo:"加粗显示：512/五厂综包一楼,这是加粗显示的货品名称可能有多行",style:{width:"400px",backgroundColor:"white",marginRight:"32px"},infoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}]}),c.createElement(h,{title:"待拣件数",highlightInfo:"800",highlightInfoCN:"件",highlightSubInfo:"/800",highlightSubInfoCN:"件",tagText:"少货2",boldInfo:"加粗显示：512/五厂综包一楼,这是加粗显示的货品名称可能有多行",style:{width:"400px",backgroundColor:"black",marginRight:"32px"},theme:"dark",infoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}]}),c.createElement(h,{title:"漏扫箱数/识别总箱数",highlightInfo:"0",highlightSubInfo:"/40",infoImage:h.IMAGE_1,style:{width:"400px",backgroundColor:"white",marginRight:"32px",height:"min-content"}})),c.createElement("code",{className:"code"},"\n<InfoCard\n title=\"待拣件数\"\n highlightInfo=\"800\"\n highlightInfoCN = \"件\"\n highlightSubInfo=\"/800\"\n highlightSubInfoCN=\"件\"\n percentage={0.64}\n infoImage={InfoCard.IMAGE_1}\n tagText=\"少货2\"\n boldInfo=\"加粗显示：512/五厂综包一楼,这是加粗显示的货品名称可能有多行\"\n style={{\n width: '400px',\n backgroundColor: 'black',\n }}\n theme='dark'\n infoList={\n [\n {label: '商品条码', content: '623126388798'},\n {label: '截止日期', content: '2022-07-25'},\n {label: '产品名称', content: '商品的名称'},\n {label: '品号', content: '12398765423'},\n ]\n }\n/>\n "),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"title"),c.createElement("td",null,"标题"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"highlightInfo"),c.createElement("td",null,"高亮文本"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"highlightInfoCN"),c.createElement("td",null,"高亮文本(中文)"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"highlightSubInfo"),c.createElement("td",null,"高亮副文本"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"highlightSubInfoCN"),c.createElement("td",null,"高亮副文本(中文)"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"boldInfo"),c.createElement("td",null,"加粗文本"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"theme"),c.createElement("td",null,"主题"),c.createElement("td",null,"string: light | dark"),c.createElement("td",null,"light")),c.createElement("tr",null,c.createElement("td",null,"infoList"),c.createElement("td",null,"更多信息"),c.createElement("td",null,"object[]"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"percentage"),c.createElement("td",null,"进度条百分比，传值时显示进度条"),c.createElement("td",null,"number"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"tagText"),c.createElement("td",null," 右上角 tag 文本，传值时显示 tag"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"infoImage"),c.createElement("td",null,"左侧图片地址"),c.createElement("td",null,"string"),c.createElement("td",null,"可以使用 InfoCard.IMAGE_1 1张内置图片")))))}},{key:"Steps",title:"Steps",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Steps"),c.createElement("p",null,"步骤条组件"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},c.createElement(g,{current:0,style:{marginRight:"32px"}},c.createElement(b,{title:"扫描中",infoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}]}),c.createElement(b,{title:"已生产",infoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}]})),c.createElement(g,{current:1},c.createElement(b,{title:"扫描中",infoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}]}),c.createElement(b,{title:"已生产",infoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}]}),c.createElement(b,{title:"待扫描",infoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}]}))),c.createElement("code",{className:"code"},"\n<Steps current={0} style={{\n marginRight: '32px',\n}}>\n <Step title=\"扫描中\" infoList={\n [\n {label: '商品条码', content: '623126388798'},\n {label: '截止日期', content: '2022-07-25'},\n {label: '产品名称', content: '商品的名称'},\n {label: '品号', content: '12398765423'},\n ]\n } />\n <Step title=\"已生产\" infoList={\n [\n {label: '商品条码', content: '623126388798'},\n {label: '截止日期', content: '2022-07-25'},\n {label: '产品名称', content: '商品的名称'},\n {label: '品号', content: '12398765423'},\n ]\n } />\n</Steps>\n "),c.createElement("h2",null,"Steps 参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"current"),c.createElement("td",null,"当前节点"),c.createElement("td",null,"number"),c.createElement("td",null,"0")))),c.createElement("h2",null,"Steps.Step 参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"title"),c.createElement("td",null,"标题"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"infoList"),c.createElement("td",null,"更多信息"),c.createElement("td",null,"object[]"),c.createElement("td",null)))))}},{key:"ListItem",title:"ListItem",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Scan"),c.createElement("p",null,"扫码组件"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},c.createElement(y,{header:"任务单",highlightText:"XXXX-XX-XXX",highlightSubText:"30%",icon:"next",stateTextList:[{label:"状态1"},{label:"状态2"},{label:"状态2"}],stateList:[{label:"success",type:"success"},{label:"default"},{label:"warning",type:"warning"},{label:"error",type:"error"}],subInfoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}],onHeightLightClick:()=>{console.log("heightlight click!")},onIconClick:()=>{console.log("icon click!")},style:{width:"432px",marginRight:"32px",backgroundColor:"black"}})),c.createElement("code",{className:"code"},"\n<ListItem\n header=\"任务单\"\n highlightText=\"XXXX-XX-XXX\"\n highlightSubText=\"30%\"\n icon=\"next\"\n stateTextList={[\n {label: '状态1'},\n {label: '状态2'},\n {label: '状态2'},\n ]}\n stateList={[\n {label: 'success', type: 'success'},\n {label: 'default', },\n {label: 'warning', type: 'warning'},\n {label: 'error', type: 'error'},\n ]}\n onIconClick={()=> {\n console.log('icon click!')\n }}\n onHeightLightClick={()=> {\n console.log('heightlight click!')\n }}\n subInfoList={\n [\n {label: '商品条码', content: '623126388798'},\n {label: '截止日期', content: '2022-07-25'},\n {label: '产品名称', content: '商品的名称'},\n {label: '品号', content: '12398765423'},\n ]\n }\n/>\n "),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"header"),c.createElement("td",null,"标题"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"icon"),c.createElement("td",null,"右上方icon"),c.createElement("td",null,"string: next"),c.createElement("td",null,"暂时只支持 next")),c.createElement("tr",null,c.createElement("td",null,"onHeightLightClick"),c.createElement("td",null,"HeightLight文本点击事件"),c.createElement("td",null,"()=>"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"onIconClick"),c.createElement("td",null,"右上方icon点击事件"),c.createElement("td",null,"()=>"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"highlightText"),c.createElement("td",null,"高亮文本"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"highlightSubText"),c.createElement("td",null,"高亮副文本"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"stateTextList"),c.createElement("td",null,"状态列表"),c.createElement("td",null,"object[]"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"subInfoList"),c.createElement("td",null,"更多商品信息"),c.createElement("td",null,"object[]"),c.createElement("td",null)))))}},{key:"Confirm",title:"Confirm",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Confirm"),c.createElement("p",null,"确认组件, 如果要悬浮在页面上，请配合 Overlay 使用"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block"},c.createElement(k,{title:"111111",message:"22222",okText:"确认",cancelText:"取消",onClick:e=>{console.log("isConfirm",e)}})),c.createElement("code",{className:"code"},'\n <Confirm \n title="111111" \n message="22222" \n okText="确认" \n cancelText="取消"\n onClick={(isConfirm)=>{\n console.log("isConfirm", isConfirm);\n }}\n ></Confirm>\n '),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"title"),c.createElement("td",null,"标题"),c.createElement("td",null,"string"),c.createElement("td",null,"标题文案")),c.createElement("tr",null,c.createElement("td",null,"message"),c.createElement("td",null,"消息内容"),c.createElement("td",null,"string"),c.createElement("td",null,"消息内容")),c.createElement("tr",null,c.createElement("td",null,"okText"),c.createElement("td",null,"确认按钮文本"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"cancelText"),c.createElement("td",null,"取消按钮文本"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"onClick"),c.createElement("td",null,"按钮点击回调"),c.createElement("td",null,"(isConfirm)=>"),c.createElement("td",null)))))}},{key:"Toast",title:"Toast",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Toast"),c.createElement("p",null,"弹窗组件，如果要悬浮在页面上，请配合 Overlay 使用"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block"},c.createElement(N,{title:"111111",message:"22222",type:"success"}),c.createElement("br",null),c.createElement(N,{title:"111111",message:"22222",type:"warning"}),c.createElement("br",null),c.createElement(N,{title:"111111",message:"22222",type:"error"}),c.createElement("br",null)),c.createElement("code",{className:"code"},'\n <Toast \n title="111111" \n message="22222"\n type="success"\n ></Toast>\n <br />\n <Toast \n title="111111" \n message="22222"\n type="warning"\n ></Toast>\n\n <br />\n <Toast \n title="111111" \n message="22222"\n type="error"\n ></Toast>\n '),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"title"),c.createElement("td",null,"标题"),c.createElement("td",null,"string"),c.createElement("td",null,"标题文案")),c.createElement("tr",null,c.createElement("td",null,"message"),c.createElement("td",null,"消息内容"),c.createElement("td",null,"string"),c.createElement("td",null,"消息内容")),c.createElement("tr",null,c.createElement("td",null,"type"),c.createElement("td",null,"消息类型"),c.createElement("td",null,"string"),c.createElement("td",null,"success|warning|error")))))}},{key:"Overlay",title:"Overlay",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Overlay"),c.createElement("p",null,"统一处理模态遮罩样式"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block light-block-overlay"},c.createElement(x,{verticalPosition:"top"},c.createElement(N,{title:"111111",message:"22222",type:"success"}))),c.createElement("br",null),c.createElement("div",{className:"light-block light-block-overlay"},c.createElement(x,{verticalPosition:"center"},c.createElement(N,{title:"111111",message:"22222",type:"warning"}))),c.createElement("br",null),c.createElement("div",{className:"light-block light-block-overlay"},c.createElement(x,{verticalPosition:"bottom"},c.createElement(k,{title:"111111",message:"22222",type:"error"}))),c.createElement("code",{className:"code"},'\n <Overlay verticalPosition="top" >\n <Toast \n title="111111" \n message="22222"\n type="success"\n ></Toast>\n </Overlay>\n\n <Overlay verticalPosition="center" >\n <Toast \n title="111111" \n message="22222"\n type="success"\n ></Toast>\n </Overlay>\n\n <Overlay verticalPosition="bottom" >\n <Toast \n title="111111" \n message="22222"\n type="success"\n ></Toast>\n </Overlay>\n \n '),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"verticalPosition"),c.createElement("td",null,"垂直方向位置"),c.createElement("td",null,"string"),c.createElement("td",null,"top|center|bottom")))))}},{key:"Presentation",title:"Presentation",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Presentation"),c.createElement("p",null,"图示组件，通常包含一个图片+一行文字"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block pda"},c.createElement(C,{text:"请靠近报废纸箱",subText:"开始识别"})),c.createElement("br",null),c.createElement("div",{className:"light-block pda",style:{backgroundColor:"#000000"}},c.createElement(C,{image:C.IMAGE_4,text:"请靠近纸箱",subText:"开始识别",transparent:!0})),c.createElement("br",null),c.createElement("div",{className:"light-block pda",imageWidth:300,imageHeight:500,style:{backgroundColor:"#000000"}},c.createElement(C,{image:C.IMAGE_2,imageStyle:{width:"500px"},text:"请靠近报废纸箱",subText:"开始识别",transparent:!0})),c.createElement("br",null),c.createElement("div",{className:"light-block pda",style:{backgroundColor:"#000000"}},c.createElement(C,{image:C.IMAGE_3,text:"请靠近箱码进行识别"})),c.createElement("br",null),c.createElement("code",{className:"code"},'\n<Presentation text="请靠近报废纸箱" subText="开始识别"></Presentation>\n<Presentation image={Presentation.IMAGE_4} text="请靠近纸箱" subText="开始识别" transparent={true}></Presentation>\n<Presentation image={Presentation.IMAGE_2} imageStyle={{width: "500px"}} text="请靠近报废纸箱" subText="开始识别" transparent={true} ></Presentation>\n<Presentation image={Presentation.IMAGE_3} text="请靠近箱码进行识别" ></Presentation>\n '),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"image"),c.createElement("td",null,"图片地址"),c.createElement("td",null,"string"),c.createElement("td",null,"可以使用 Presentation.IMAGE_1, Presentation.IMAGE_2, Presentation.IMAGE_3, Presentation.IMAGE_4 4张内置图片")),c.createElement("tr",null,c.createElement("td",null,"imageStyle"),c.createElement("td",null,"图片样式"),c.createElement("td",null,"object[]"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"text"),c.createElement("td",null,"文本"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"transparent"),c.createElement("td",null,"是否透明，不显示被色背景"),c.createElement("td",null,"boolean"),c.createElement("td",null,"默认false")))))}},{key:"List",title:"List",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"List"),c.createElement("p",null,"列表组件，通常要配合不同的 List Item 来使用"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block"},c.createElement(T,{onItemClick:console.log,tabIndex:0},c.createElement(T.Item,{title:"hello world"},"hello world"),c.createElement(T.Item,{title:"hello world",subTitle:"sub title"},"hello world"),c.createElement(T.Item,{title:"hello world",subTitle:"sub title",extra:"11111"},"hello world"),c.createElement(T.Item,{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,34]},"hello world"),c.createElement(T.Item,{title:"hello world",subTitle:"sub title",tags:[1,2,34]},"hello world"))),c.createElement("code",{className:"code"},'\n <List onItemClick={console.log} >\n <List.Item title="hello world" >hello world</List.Item>\n <List.Item title="hello world" subTitle="sub title" >hello world</List.Item>\n <List.Item title="hello world" subTitle="sub title" extra={"11111"} >hello world</List.Item>\n <List.Item title="hello world" subTitle="sub title" extra={"11111"} tags={[1,2,34]} >hello world</List.Item>\n <List.Item title="hello world" subTitle="sub title" tags={[1,2,34]} >hello world</List.Item>\n </List>\n '),c.createElement("h2",null,"List"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"onItemClick"),c.createElement("td",null,"item 点击回调"),c.createElement("td",null,"Function"),c.createElement("td",null,"默认回调参数 item 的所有 props")))),c.createElement("h2",null,"List.Item"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"title"),c.createElement("td",null,"标题"),c.createElement("td",null,"String"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"extra"),c.createElement("td",null,"右边的内容"),c.createElement("td",null,"String"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"subTitle"),c.createElement("td",null,"副标题"),c.createElement("td",null,"String"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"tags"),c.createElement("td",null,"标签"),c.createElement("td",null,"Array"),c.createElement("td",null,"[]")))))}},{key:"WakeKeyborard",title:"WakeKeyborard",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"Scan"),c.createElement("p",null,"扫码组件"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block"},c.createElement("p",null,"点击右下角键盘"),c.createElement(L,{onWakeKeyboard:()=>{console.log("wake keyboard")},onClick:e=>{console.log("v is ",e)}})),c.createElement("code",{className:"code"},"\n<WakeKeyborard\nonWakeKeyboard={ () => {console.log('wake keyboard')}}\nonClick={v => {console.log('v is ', v);}}\n/>\n "),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"onWakeKeyboard"),c.createElement("td",null,"唤起键盘回调"),c.createElement("td",null,"function"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"onClick"),c.createElement("td",null,"点击查询回调"),c.createElement("td",null,"function: (value) => "),c.createElement("td",null,"(value) => ")))))}},{key:"SubCard",title:"SubCard",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"SubCard"),c.createElement("p",null,"附卡片"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"dark-block"},c.createElement(S,{title:"品号",context:"5082 7834",attrs:["批次：23842839","数量：234"]})),c.createElement("code",{className:"code"},'\n <SubCard title="品号" context="5082 7834" attrs={["批次：23842839", "数量：234"]} ></SubCard>\n '),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"title"),c.createElement("td",null,"标题"),c.createElement("td",null,"String"),c.createElement("td",null,"true")),c.createElement("tr",null,c.createElement("td",null,"context"),c.createElement("td",null,"内容"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"attrs"),c.createElement("td",null,"Array"),c.createElement("td",null),c.createElement("td",null)))))}},{key:"FinishCard",title:"FinishCard",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"FinishCard"),c.createElement("p",null," 完成组件"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},c.createElement(B,{title:"更换栈板码完成",isError:!0,style:{width:"400px",height:"800px",marginRight:"32px"},infoList:[{label:"新栈板码：",content:"234982093"},{label:"原栈板码：",content:"234982093"}],okText:"返回首页",onClick:e=>{console.log("isConfirm",e)}}),c.createElement(B,{title:"更换栈板码完成",style:{width:"400px",height:"800px"},infoList:[{label:"新栈板码：",content:"234982093"},{label:"原栈板码：",content:"234982093"}],okText:"返回首页",onClick:e=>{console.log("isConfirm",e)}})),c.createElement("code",{className:"code"},"\n<FinishCard\ntitle=\"更换栈板码完成\"\nstyle={{\n width: '400px',\n height: '800px'\n}}\ninfoList={\n [\n {label: '新栈板码：', content: '234982093'},\n {label: '原栈板码：', content: '234982093'},\n ]\n}\nokText=\"返回首页\" \nonClick={(isConfirm)=>{\n console.log(\"isConfirm\", isConfirm);\n}}\n/>\n "),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"title"),c.createElement("td",null,"标题"),c.createElement("td",null,"string"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"isError"),c.createElement("td",null,"是否异常完成"),c.createElement("td",null,"Boolean"),c.createElement("td",null,"false")),c.createElement("tr",null,c.createElement("td",null,"infoList"),c.createElement("td",null,"更多信息"),c.createElement("td",null,"object[]"),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"okText"),c.createElement("td",null,"确认按钮文本"),c.createElement("td",null,"string"),c.createElement("td",null,"返回首页")),c.createElement("tr",null,c.createElement("td",null,"onClick"),c.createElement("td",null,"按钮点击回调"),c.createElement("td",null,"(isConfirm)=>"),c.createElement("td",null)))))}}]},{title:"内置界面预览",pages:[{key:"/system/alert",title:"/system/alert",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"/system/alert"),c.createElement("p",null,"弹出一个警告窗，用户必须点击确认才能继续"),c.createElement("h2",null,"示例"),c.createElement("code",{className:"code"},"\n // gs 代码如下\n pageFlow.alert({\n title: '111',\n message: '2222',\n okText: \"确认\"\n })\n "),c.createElement("h2",null,"页面效果"),c.createElement("div",{className:"light-block light-block-overlay"},c.createElement(P,{service:_,data:{title:"111",message:"2222",okText:"确认"}})))}},{key:"/system/confirm",title:"/system/confirm",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"/system/alert"),c.createElement("p",null,"弹出一个警告窗，用户必须点击确认才能继续"),c.createElement("h2",null,"示例"),c.createElement("code",{className:"code"},"\n // gs 代码如下\n pageFlow.confirm({\n title: '111',\n message: '2222',\n okText: \"确认\",\n cancelText:\"取消\"\n })\n // 如果 message 需要多行显示，建议使用 span 进行拼装，gs 代码如下\n pageFlow.confirm({\n title: '111',\n message: '2222',\n okText: \"确认\",\n cancelText:\"取消\"\n })\n "),c.createElement("h2",null,"页面效果"),c.createElement("div",{className:"light-block light-block-overlay"},c.createElement(G,{service:_,data:{title:"111",message:c.createElement("span",null,"栈板码：",c.createElement("span",{style:{color:"#0091EA"}},"111"),c.createElement("br",null),c.createElement("span",null,"箱码：222")),okText:"确认",cancelText:"取消"}})))}},{key:"/system/toast",title:"/system/toast",doc:function(){return c.createElement("div",null,c.createElement("h1",null,"/system/toast"),c.createElement("p",null,"弹出一个警告窗，用户必须点击确认才能继续"),c.createElement("h2",null,"示例"),c.createElement("code",{className:"code"},"\n // gs 代码如下\n pageFlow.toast({\n level: \"success\", // success|warning|error\n title: '111',\n message: '2222'\n })\n "),c.createElement("h2",null,"页面效果"),c.createElement("div",{className:"light-block light-block-overlay"},c.createElement(O,{service:_,data:{level:"success",title:"111",message:"2222"}})))}}]},{title:"布局容器",pages:[{key:"BaseLayout",title:"BaseLayout",doc:function(){const e=c.createElement(u,null),t=c.createElement(d.Group,null,c.createElement(d,{type:"cutout",onClick:e=>console.log("cancle")},"取消"),c.createElement(d,{type:"primary"},"确认"));return c.createElement("div",null,c.createElement("h1",null,"Scan"),c.createElement("p",null,"扫码组件"),c.createElement("h2",null,"示例"),c.createElement("div",{className:"light-block",style:{display:"flex"}},c.createElement("div",{style:{width:480,height:800,position:"relative"}},c.createElement(M,{style:{backgroundColor:"black",marginRight:20},header:e,footer:t},c.createElement(C,{text:"请靠近箱码进行识别"}))),c.createElement("div",{style:{width:480,height:800,position:"relative"}},c.createElement(M,{style:{backgroundColor:"black"},header:e,footer:t},[{},{},{}].map(((e,t)=>c.createElement(h,{key:t,title:"待拣件数",highlightInfo:"800",highlightInfoCN:"件",highlightSubInfo:"/800",highlightSubInfoCN:"件",boldInfo:"加粗显示：512/五厂综包一楼,这是加粗显示的货品名称可能有多行",style:{width:"400px",backgroundColor:"black"},theme:"dark",infoList:[{label:"商品条码",content:"623126388798"},{label:"截止日期",content:"2022-07-25"},{label:"产品名称",content:"商品的名称"},{label:"品号",content:"12398765423"}]})))))),c.createElement("code",{className:"code"},'\n const header = <Title></Title>;\n const footer = (\n <Button.Group>\n <Button type="cutout" onClick={e => console.log(\'cancle\')}>取消</Button>\n <Button type="primary">确认</Button>\n </Button.Group>\n )\n\n <BaseLayout\n header={header}\n footer={footer}\n >\n <Presentation text="请靠近箱码进行识别" ></Presentation>\n </BaseLayout>\n '),c.createElement("h2",null,"参数"),c.createElement("table",{className:"pure-table pure-table-bordered"},c.createElement("thead",null,c.createElement("tr",null,c.createElement("th",null,"属性"),c.createElement("th",null,"说明"),c.createElement("th",null,"类型"),c.createElement("th",null,"默认值"))),c.createElement("tbody",null,c.createElement("tr",null,c.createElement("td",null,"header"),c.createElement("td",null,"吸顶组件"),c.createElement("td",null),c.createElement("td",null)),c.createElement("tr",null,c.createElement("td",null,"footer"),c.createElement("td",null,"吸底组件"),c.createElement("td",null),c.createElement("td",null)))))}}]}];function F(){const[e,t]=c.useState("First"),l=c.useCallback((function(e){t(e)})),n=(a=e,X.map((e=>e.pages.filter((function(e){return e.key===a}))[0])).filter((e=>e))[0]);var a;return c.createElement("div",{className:"components-container"},c.createElement("div",{className:"components-example"},c.createElement("h1",{title:"@cniot/android-pda-components"},"Components"),X.map((function(t,n){return c.createElement(c.Fragment,{key:n},c.createElement("h2",null,t.title),t.pages.map((function(t){return c.createElement("div",{className:e===t.key?"components-item active":"components-item",onClick:l.bind(null,t.key),"data-index":t.key,key:t.key},c.createElement("span",null,t.title))})))}))),c.createElement("div",{className:"show-case"},n?c.createElement(n.doc,{}):null))}i.render(c.createElement(F,null),document.getElementById("root"));