@cniot/android-pda-components 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/assets/index.bf651e56.js +455 -0
- package/change.md +1 -1
- package/es/index.cjs.js +2 -4
- package/es/index.es.js +65 -252
- package/es/style.css +1 -1
- package/package.json +1 -1
package/es/index.es.js
CHANGED
|
@@ -84,7 +84,7 @@ var _classnames_2_3_1_classnames = { exports: {} };
|
|
|
84
84
|
})();
|
|
85
85
|
})(_classnames_2_3_1_classnames);
|
|
86
86
|
var classNames = _classnames_2_3_1_classnames.exports;
|
|
87
|
-
var index$
|
|
87
|
+
var index$m = "";
|
|
88
88
|
function getTypeClass$1(type) {
|
|
89
89
|
return {
|
|
90
90
|
"center": "op-overlay center",
|
|
@@ -110,7 +110,7 @@ function Overlay(props) {
|
|
|
110
110
|
className: getTypeClass$1(verticalPosition)
|
|
111
111
|
}, option), props.children) : null;
|
|
112
112
|
}
|
|
113
|
-
var index$
|
|
113
|
+
var index$l = "";
|
|
114
114
|
const blankFunc$5 = () => {
|
|
115
115
|
};
|
|
116
116
|
class PdaTitle extends React.Component {
|
|
@@ -149,136 +149,7 @@ class PdaTitle extends React.Component {
|
|
|
149
149
|
}, menuList)));
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
|
-
var
|
|
153
|
-
(function(module, exports) {
|
|
154
|
-
function keyCode(searchInput) {
|
|
155
|
-
if (searchInput && typeof searchInput === "object") {
|
|
156
|
-
var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode;
|
|
157
|
-
if (hasKeyCode)
|
|
158
|
-
searchInput = hasKeyCode;
|
|
159
|
-
}
|
|
160
|
-
if (typeof searchInput === "number")
|
|
161
|
-
return names[searchInput];
|
|
162
|
-
var search = String(searchInput);
|
|
163
|
-
var foundNamedKey = codes[search.toLowerCase()];
|
|
164
|
-
if (foundNamedKey)
|
|
165
|
-
return foundNamedKey;
|
|
166
|
-
var foundNamedKey = aliases[search.toLowerCase()];
|
|
167
|
-
if (foundNamedKey)
|
|
168
|
-
return foundNamedKey;
|
|
169
|
-
if (search.length === 1)
|
|
170
|
-
return search.charCodeAt(0);
|
|
171
|
-
return void 0;
|
|
172
|
-
}
|
|
173
|
-
keyCode.isEventKey = function isEventKey(event, nameOrCode) {
|
|
174
|
-
if (event && typeof event === "object") {
|
|
175
|
-
var keyCode2 = event.which || event.keyCode || event.charCode;
|
|
176
|
-
if (keyCode2 === null || keyCode2 === void 0) {
|
|
177
|
-
return false;
|
|
178
|
-
}
|
|
179
|
-
if (typeof nameOrCode === "string") {
|
|
180
|
-
var foundNamedKey = codes[nameOrCode.toLowerCase()];
|
|
181
|
-
if (foundNamedKey) {
|
|
182
|
-
return foundNamedKey === keyCode2;
|
|
183
|
-
}
|
|
184
|
-
var foundNamedKey = aliases[nameOrCode.toLowerCase()];
|
|
185
|
-
if (foundNamedKey) {
|
|
186
|
-
return foundNamedKey === keyCode2;
|
|
187
|
-
}
|
|
188
|
-
} else if (typeof nameOrCode === "number") {
|
|
189
|
-
return nameOrCode === keyCode2;
|
|
190
|
-
}
|
|
191
|
-
return false;
|
|
192
|
-
}
|
|
193
|
-
};
|
|
194
|
-
exports = module.exports = keyCode;
|
|
195
|
-
var codes = exports.code = exports.codes = {
|
|
196
|
-
"backspace": 8,
|
|
197
|
-
"tab": 9,
|
|
198
|
-
"enter": 13,
|
|
199
|
-
"shift": 16,
|
|
200
|
-
"ctrl": 17,
|
|
201
|
-
"alt": 18,
|
|
202
|
-
"pause/break": 19,
|
|
203
|
-
"caps lock": 20,
|
|
204
|
-
"esc": 27,
|
|
205
|
-
"space": 32,
|
|
206
|
-
"page up": 33,
|
|
207
|
-
"page down": 34,
|
|
208
|
-
"end": 35,
|
|
209
|
-
"home": 36,
|
|
210
|
-
"left": 37,
|
|
211
|
-
"up": 38,
|
|
212
|
-
"right": 39,
|
|
213
|
-
"down": 40,
|
|
214
|
-
"insert": 45,
|
|
215
|
-
"delete": 46,
|
|
216
|
-
"command": 91,
|
|
217
|
-
"left command": 91,
|
|
218
|
-
"right command": 93,
|
|
219
|
-
"numpad *": 106,
|
|
220
|
-
"numpad +": 107,
|
|
221
|
-
"numpad -": 109,
|
|
222
|
-
"numpad .": 110,
|
|
223
|
-
"numpad /": 111,
|
|
224
|
-
"num lock": 144,
|
|
225
|
-
"scroll lock": 145,
|
|
226
|
-
"my computer": 182,
|
|
227
|
-
"my calculator": 183,
|
|
228
|
-
";": 186,
|
|
229
|
-
"=": 187,
|
|
230
|
-
",": 188,
|
|
231
|
-
"-": 189,
|
|
232
|
-
".": 190,
|
|
233
|
-
"/": 191,
|
|
234
|
-
"`": 192,
|
|
235
|
-
"[": 219,
|
|
236
|
-
"\\": 220,
|
|
237
|
-
"]": 221,
|
|
238
|
-
"'": 222
|
|
239
|
-
};
|
|
240
|
-
var aliases = exports.aliases = {
|
|
241
|
-
"windows": 91,
|
|
242
|
-
"\u21E7": 16,
|
|
243
|
-
"\u2325": 18,
|
|
244
|
-
"\u2303": 17,
|
|
245
|
-
"\u2318": 91,
|
|
246
|
-
"ctl": 17,
|
|
247
|
-
"control": 17,
|
|
248
|
-
"option": 18,
|
|
249
|
-
"pause": 19,
|
|
250
|
-
"break": 19,
|
|
251
|
-
"caps": 20,
|
|
252
|
-
"return": 13,
|
|
253
|
-
"escape": 27,
|
|
254
|
-
"spc": 32,
|
|
255
|
-
"spacebar": 32,
|
|
256
|
-
"pgup": 33,
|
|
257
|
-
"pgdn": 34,
|
|
258
|
-
"ins": 45,
|
|
259
|
-
"del": 46,
|
|
260
|
-
"cmd": 91
|
|
261
|
-
};
|
|
262
|
-
/*!
|
|
263
|
-
* Programatically add the following
|
|
264
|
-
*/
|
|
265
|
-
for (i = 97; i < 123; i++)
|
|
266
|
-
codes[String.fromCharCode(i)] = i - 32;
|
|
267
|
-
for (var i = 48; i < 58; i++)
|
|
268
|
-
codes[i - 48] = i;
|
|
269
|
-
for (i = 1; i < 13; i++)
|
|
270
|
-
codes["f" + i] = i + 111;
|
|
271
|
-
for (i = 0; i < 10; i++)
|
|
272
|
-
codes["numpad " + i] = i + 96;
|
|
273
|
-
var names = exports.names = exports.title = {};
|
|
274
|
-
for (i in codes)
|
|
275
|
-
names[codes[i]] = i;
|
|
276
|
-
for (var alias in aliases) {
|
|
277
|
-
codes[alias] = aliases[alias];
|
|
278
|
-
}
|
|
279
|
-
})(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
|
|
280
|
-
var keycode = _keycode_2_2_1_keycode.exports;
|
|
281
|
-
var index$m = "";
|
|
152
|
+
var index$k = "";
|
|
282
153
|
function Button(props) {
|
|
283
154
|
const { type = "default", onClick, className = "" } = props;
|
|
284
155
|
return /* @__PURE__ */ React.createElement("button", {
|
|
@@ -292,35 +163,12 @@ function ButtonGroup(props) {
|
|
|
292
163
|
}, props.children);
|
|
293
164
|
}
|
|
294
165
|
Button.Group = ButtonGroup;
|
|
295
|
-
var index$
|
|
296
|
-
const empty$
|
|
166
|
+
var index$j = "";
|
|
167
|
+
const empty$2 = () => {
|
|
297
168
|
};
|
|
298
|
-
function index$
|
|
299
|
-
const {
|
|
300
|
-
onBack,
|
|
301
|
-
icon,
|
|
302
|
-
title,
|
|
303
|
-
menus = [],
|
|
304
|
-
onClickMenuItem = empty$3,
|
|
305
|
-
cancelMenuText,
|
|
306
|
-
menuShortcutKey,
|
|
307
|
-
backShortcutKey
|
|
308
|
-
} = props;
|
|
169
|
+
function index$i(props) {
|
|
170
|
+
const { onBack, icon, title, menus = [], onClickMenuItem = empty$2, cancelMenuText } = props;
|
|
309
171
|
const [showMenus, setShowMenus] = React.useState(false);
|
|
310
|
-
React.useEffect(function() {
|
|
311
|
-
if (menuShortcutKey) {
|
|
312
|
-
return bindShortcutKey(getShortcutKeyCodes(menuShortcutKey), function() {
|
|
313
|
-
setShowMenus(true);
|
|
314
|
-
});
|
|
315
|
-
}
|
|
316
|
-
}, [menuShortcutKey]);
|
|
317
|
-
React.useEffect(function() {
|
|
318
|
-
if (backShortcutKey && onBack) {
|
|
319
|
-
return bindShortcutKey(getShortcutKeyCodes(backShortcutKey), function() {
|
|
320
|
-
onBack("back");
|
|
321
|
-
});
|
|
322
|
-
}
|
|
323
|
-
}, [backShortcutKey, onBack]);
|
|
324
172
|
return /* @__PURE__ */ React.createElement("div", {
|
|
325
173
|
className: "pda-header"
|
|
326
174
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
@@ -356,28 +204,7 @@ function index$k(props) {
|
|
|
356
204
|
onClick: () => setShowMenus(false)
|
|
357
205
|
}, cancelMenuText)) : null)));
|
|
358
206
|
}
|
|
359
|
-
|
|
360
|
-
const shortcutKeys = shortcutKey.indexOf(",") > -1 ? shortcutKey.split(",") : [shortcutKey];
|
|
361
|
-
return shortcutKeys.map((k) => {
|
|
362
|
-
const kc = keycode(k);
|
|
363
|
-
if (kc === void 0) {
|
|
364
|
-
console.warn("OPButton.shortcutKey error key value by:", k);
|
|
365
|
-
}
|
|
366
|
-
return kc;
|
|
367
|
-
}).filter((k) => !!k);
|
|
368
|
-
}
|
|
369
|
-
function bindShortcutKey(keys, callback) {
|
|
370
|
-
function keyUpCallback(event) {
|
|
371
|
-
if (keys.indexOf(event.keyCode) > -1) {
|
|
372
|
-
callback && callback(event);
|
|
373
|
-
}
|
|
374
|
-
}
|
|
375
|
-
document.addEventListener("keyup", keyUpCallback);
|
|
376
|
-
return function() {
|
|
377
|
-
document.removeEventListener("keyup", keyUpCallback);
|
|
378
|
-
};
|
|
379
|
-
}
|
|
380
|
-
var index$j = "";
|
|
207
|
+
var index$h = "";
|
|
381
208
|
class PdaInfoCard$2 extends React.Component {
|
|
382
209
|
constructor(props) {
|
|
383
210
|
super(props);
|
|
@@ -435,7 +262,7 @@ class PdaInfoCard$2 extends React.Component {
|
|
|
435
262
|
}
|
|
436
263
|
}
|
|
437
264
|
PdaInfoCard$2.IMAGE_1 = "https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";
|
|
438
|
-
var index$
|
|
265
|
+
var index$g = "";
|
|
439
266
|
class PdaListItem extends React.Component {
|
|
440
267
|
constructor(props) {
|
|
441
268
|
super(props);
|
|
@@ -481,11 +308,11 @@ class PdaListItem extends React.Component {
|
|
|
481
308
|
})) : null);
|
|
482
309
|
}
|
|
483
310
|
}
|
|
484
|
-
var index$
|
|
485
|
-
function empty$
|
|
311
|
+
var index$f = "";
|
|
312
|
+
function empty$1() {
|
|
486
313
|
}
|
|
487
314
|
function Confirm(props) {
|
|
488
|
-
const { title = "title", message = null, subMessage = [], okText = "okText", cancelText = null, onClick = empty$
|
|
315
|
+
const { title = "title", message = null, subMessage = [], okText = "okText", cancelText = null, onClick = empty$1, type = "primary" } = props;
|
|
489
316
|
return /* @__PURE__ */ React.createElement("div", {
|
|
490
317
|
className: classNames({ "confirm-wrap": true, ["confirm-" + type]: true })
|
|
491
318
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
@@ -509,7 +336,7 @@ function Confirm(props) {
|
|
|
509
336
|
onClick: () => onClick(true)
|
|
510
337
|
}, okText)));
|
|
511
338
|
}
|
|
512
|
-
var index$
|
|
339
|
+
var index$e = "";
|
|
513
340
|
function resolveContainer(getContainer) {
|
|
514
341
|
const container = typeof getContainer === "function" ? getContainer() : getContainer;
|
|
515
342
|
return container || document.body;
|
|
@@ -709,7 +536,7 @@ function splitMessage(message) {
|
|
|
709
536
|
var msg = String(message).split("by Error:");
|
|
710
537
|
return msg[1] || msg[0];
|
|
711
538
|
}
|
|
712
|
-
var index$
|
|
539
|
+
var index$d = "";
|
|
713
540
|
function NotFound(props) {
|
|
714
541
|
return /* @__PURE__ */ React.createElement("div", {
|
|
715
542
|
style: { padding: "20%" }
|
|
@@ -810,7 +637,7 @@ function createHashHistory(b) {
|
|
|
810
637
|
}
|
|
811
638
|
function z(a, e) {
|
|
812
639
|
e === void 0 && (e = null);
|
|
813
|
-
return C(_extends({
|
|
640
|
+
return C(_extends({}, d, typeof a === "string" ? J(a) : a, { state: e, key: H() }));
|
|
814
641
|
}
|
|
815
642
|
function A(a) {
|
|
816
643
|
v = a;
|
|
@@ -841,7 +668,11 @@ function createHashHistory(b) {
|
|
|
841
668
|
w(a, e);
|
|
842
669
|
}
|
|
843
670
|
var g = r.Replace, n = z(a, e);
|
|
844
|
-
c.length && (c.call({
|
|
671
|
+
c.length && (c.call({
|
|
672
|
+
action: g,
|
|
673
|
+
location: n,
|
|
674
|
+
retry: l
|
|
675
|
+
}), 1) || (n = [{ usr: n.state, key: n.key, idx: q }, x(n)], u.replaceState(n[0], "", n[1]), A(g));
|
|
845
676
|
}
|
|
846
677
|
function p(a) {
|
|
847
678
|
u.go(a);
|
|
@@ -888,7 +719,7 @@ function createHashHistory(b) {
|
|
|
888
719
|
}
|
|
889
720
|
};
|
|
890
721
|
}
|
|
891
|
-
var index$
|
|
722
|
+
var index$c = "";
|
|
892
723
|
function Debug(props) {
|
|
893
724
|
const { appManager } = props;
|
|
894
725
|
const pages = Array.from(appManager.pageManager.keys()).reverse();
|
|
@@ -938,7 +769,7 @@ function Loading$1(props) {
|
|
|
938
769
|
style: { position: "absolute", left: 0, top: 0, zIndex: 100 }
|
|
939
770
|
}, "LOADING...") : null;
|
|
940
771
|
}
|
|
941
|
-
var index$
|
|
772
|
+
var index$b = {
|
|
942
773
|
Alert,
|
|
943
774
|
Start,
|
|
944
775
|
Toast: toast,
|
|
@@ -948,7 +779,7 @@ var index$d = {
|
|
|
948
779
|
Prompt,
|
|
949
780
|
Loading: Loading$1
|
|
950
781
|
};
|
|
951
|
-
var index$
|
|
782
|
+
var index$a = "";
|
|
952
783
|
function Presentation(props) {
|
|
953
784
|
const {
|
|
954
785
|
image = Presentation.IMAGE_1,
|
|
@@ -970,11 +801,11 @@ Presentation.IMAGE_1 = "https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGD
|
|
|
970
801
|
Presentation.IMAGE_2 = "https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";
|
|
971
802
|
Presentation.IMAGE_3 = "https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";
|
|
972
803
|
Presentation.IMAGE_4 = "https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";
|
|
973
|
-
var index$
|
|
974
|
-
function empty
|
|
804
|
+
var index$9 = "";
|
|
805
|
+
function empty() {
|
|
975
806
|
}
|
|
976
807
|
function List(props) {
|
|
977
|
-
const { dataSource = [], onClickItem, onItemClick = empty
|
|
808
|
+
const { dataSource = [], onClickItem, onItemClick = empty } = props;
|
|
978
809
|
return /* @__PURE__ */ React.createElement("div", {
|
|
979
810
|
className: "android-pda-list"
|
|
980
811
|
}, dataSource.map((item, index2) => {
|
|
@@ -1016,7 +847,7 @@ function DefaultItem(props) {
|
|
|
1016
847
|
}, extra));
|
|
1017
848
|
}
|
|
1018
849
|
List.Item = DefaultItem;
|
|
1019
|
-
var index$
|
|
850
|
+
var index$8 = "";
|
|
1020
851
|
const blankFunc$4 = () => {
|
|
1021
852
|
};
|
|
1022
853
|
class BaseLayoutContainer extends React.Component {
|
|
@@ -1090,21 +921,23 @@ class RfidOnce$1 extends React.Component {
|
|
|
1090
921
|
this._handleRfidScan = (e) => {
|
|
1091
922
|
const { onRfidOnce, onRfidBoxOnce, onRfidPalletOnce } = this.props;
|
|
1092
923
|
const data = e.param;
|
|
1093
|
-
const isBox =
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
}
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
924
|
+
const isBox = data.rfidData.startsWith("0F006");
|
|
925
|
+
const isPallet = data.rfidData.startsWith("0F011");
|
|
926
|
+
if (isPallet) {
|
|
927
|
+
let rfidData = data.rfidData;
|
|
928
|
+
data.originData = rfidData;
|
|
929
|
+
data.rfidData = rfidData.substr(5, 12);
|
|
930
|
+
}
|
|
931
|
+
if (onRfidBoxOnce && isBox) {
|
|
932
|
+
this._stopWork();
|
|
933
|
+
onRfidBoxOnce(data);
|
|
934
|
+
} else if (onRfidPalletOnce && isPallet) {
|
|
935
|
+
this._stopWork();
|
|
936
|
+
onRfidPalletOnce(data);
|
|
1104
937
|
}
|
|
1105
938
|
if (onRfidOnce) {
|
|
1106
939
|
this._stopWork();
|
|
1107
|
-
onRfidOnce(
|
|
940
|
+
onRfidOnce(data);
|
|
1108
941
|
}
|
|
1109
942
|
};
|
|
1110
943
|
this._startWork = (e) => {
|
|
@@ -1162,13 +995,21 @@ class RfidOnce extends React.Component {
|
|
|
1162
995
|
this._handleRfidScan = (e) => {
|
|
1163
996
|
const { onRfidScan, onRfidBoxScan, onRfidPalletScan } = this.props;
|
|
1164
997
|
const data = e.param;
|
|
1165
|
-
const isBox =
|
|
998
|
+
const isBox = data.rfidData.startsWith("0F006");
|
|
999
|
+
const isPallet = data.rfidData.startsWith("0F011");
|
|
1000
|
+
if (isPallet) {
|
|
1001
|
+
let rfidData = data.rfidData;
|
|
1002
|
+
data.originData = rfidData;
|
|
1003
|
+
data.rfidData = rfidData.substr(5, 12);
|
|
1004
|
+
}
|
|
1166
1005
|
if (isBox && onRfidBoxScan) {
|
|
1167
1006
|
onRfidBoxScan(data);
|
|
1168
|
-
} else if (
|
|
1007
|
+
} else if (isPallet && onRfidPalletScan) {
|
|
1169
1008
|
onRfidPalletScan(data);
|
|
1170
1009
|
}
|
|
1171
|
-
onRfidScan
|
|
1010
|
+
if (onRfidScan) {
|
|
1011
|
+
onRfidScan(data);
|
|
1012
|
+
}
|
|
1172
1013
|
};
|
|
1173
1014
|
this._startWork = (e) => {
|
|
1174
1015
|
document.addEventListener("ContinuousRfidScan", this._handleRfidScan);
|
|
@@ -1307,7 +1148,7 @@ class BaseLayout extends React.Component {
|
|
|
1307
1148
|
return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, props));
|
|
1308
1149
|
}
|
|
1309
1150
|
}
|
|
1310
|
-
var index$
|
|
1151
|
+
var index$7 = "";
|
|
1311
1152
|
const blankFunc = () => {
|
|
1312
1153
|
};
|
|
1313
1154
|
function WakeKeyborard(props) {
|
|
@@ -1355,8 +1196,8 @@ function WakeKeyborard(props) {
|
|
|
1355
1196
|
}
|
|
1356
1197
|
}) : null);
|
|
1357
1198
|
}
|
|
1358
|
-
var index$
|
|
1359
|
-
var index$
|
|
1199
|
+
var index$6 = "";
|
|
1200
|
+
var index$5 = "";
|
|
1360
1201
|
class PdaInfoCard$1 extends React.Component {
|
|
1361
1202
|
constructor(props) {
|
|
1362
1203
|
super(props);
|
|
@@ -1376,10 +1217,10 @@ class PdaInfoCard$1 extends React.Component {
|
|
|
1376
1217
|
className: classNames({ "pda-step-indictor-bottom": true, "pda-step-indictor-bottom-hidden": isLast })
|
|
1377
1218
|
})), /* @__PURE__ */ React.createElement("div", {
|
|
1378
1219
|
className: classNames({ "pda-step": true, "pda-step-dark": !isActive })
|
|
1379
|
-
}, /* @__PURE__ */ React.createElement("
|
|
1220
|
+
}, /* @__PURE__ */ React.createElement("p", {
|
|
1380
1221
|
className: "pda-step-title"
|
|
1381
1222
|
}, title), infoList.map((item, index22) => {
|
|
1382
|
-
return /* @__PURE__ */ React.createElement("
|
|
1223
|
+
return /* @__PURE__ */ React.createElement("p", {
|
|
1383
1224
|
key: index22,
|
|
1384
1225
|
className: "pda-step-list"
|
|
1385
1226
|
}, /* @__PURE__ */ React.createElement("span", null, item.label || ""), "\xA0\xA0", /* @__PURE__ */ React.createElement("span", null, item.content || ""));
|
|
@@ -1410,7 +1251,7 @@ class PdaInfoCard extends React.Component {
|
|
|
1410
1251
|
}
|
|
1411
1252
|
}
|
|
1412
1253
|
__publicField(PdaInfoCard, "Step", PdaInfoCard$1);
|
|
1413
|
-
var index$
|
|
1254
|
+
var index$4 = "";
|
|
1414
1255
|
class PdaFinishCard extends React.Component {
|
|
1415
1256
|
constructor(props) {
|
|
1416
1257
|
super(props);
|
|
@@ -1446,7 +1287,7 @@ class PdaFinishCard extends React.Component {
|
|
|
1446
1287
|
}
|
|
1447
1288
|
PdaFinishCard.SUCCESS = "https://img.alicdn.com/imgextra/i2/O1CN01yYwwSx1uNV0M1gHlQ_!!6000000006025-1-tps-630-436.gif";
|
|
1448
1289
|
PdaFinishCard.ERROR_SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";
|
|
1449
|
-
var index$
|
|
1290
|
+
var index$3 = "";
|
|
1450
1291
|
class PdaDistanceCard extends React.Component {
|
|
1451
1292
|
constructor(props) {
|
|
1452
1293
|
super(props);
|
|
@@ -1481,7 +1322,7 @@ class PdaDistanceCard extends React.Component {
|
|
|
1481
1322
|
}, /* @__PURE__ */ React.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React.createElement("p", null, "\u8FD1")));
|
|
1482
1323
|
}
|
|
1483
1324
|
}
|
|
1484
|
-
var index$
|
|
1325
|
+
var index$2 = "";
|
|
1485
1326
|
function SubCard(props) {
|
|
1486
1327
|
const { title, context, name, tag, attrs = [], style } = props;
|
|
1487
1328
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -1507,34 +1348,6 @@ function SubCard(props) {
|
|
|
1507
1348
|
}, text);
|
|
1508
1349
|
})));
|
|
1509
1350
|
}
|
|
1510
|
-
var index$3 = "";
|
|
1511
|
-
function empty() {
|
|
1512
|
-
}
|
|
1513
|
-
function index$2(props) {
|
|
1514
|
-
const { dataSource = [], onClickItem = empty } = props;
|
|
1515
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
1516
|
-
className: "pda-app-list"
|
|
1517
|
-
}, dataSource.map((item) => {
|
|
1518
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
1519
|
-
className: "pda-app-group",
|
|
1520
|
-
key: item.groupName
|
|
1521
|
-
}, /* @__PURE__ */ React.createElement("h2", {
|
|
1522
|
-
className: "group-name"
|
|
1523
|
-
}, item.groupName), /* @__PURE__ */ React.createElement("div", {
|
|
1524
|
-
className: "group-apps"
|
|
1525
|
-
}, item.list.map((it) => {
|
|
1526
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
1527
|
-
className: "app-item",
|
|
1528
|
-
key: it.name,
|
|
1529
|
-
onClick: () => onClickItem(it)
|
|
1530
|
-
}, /* @__PURE__ */ React.createElement("span", {
|
|
1531
|
-
className: "app-name"
|
|
1532
|
-
}, it.name), /* @__PURE__ */ React.createElement("span", {
|
|
1533
|
-
className: "app-subname"
|
|
1534
|
-
}, it.subname));
|
|
1535
|
-
})));
|
|
1536
|
-
}));
|
|
1537
|
-
}
|
|
1538
1351
|
var index$1 = "";
|
|
1539
1352
|
function usePersistFn(fn) {
|
|
1540
1353
|
var fnRef = useRef(fn);
|
|
@@ -1551,7 +1364,7 @@ function usePersistFn(fn) {
|
|
|
1551
1364
|
}
|
|
1552
1365
|
return persistFn.current;
|
|
1553
1366
|
}
|
|
1554
|
-
var __awaiter =
|
|
1367
|
+
var __awaiter = function(thisArg, _arguments, P, generator) {
|
|
1555
1368
|
function adopt(value) {
|
|
1556
1369
|
return value instanceof P ? value : new P(function(resolve) {
|
|
1557
1370
|
resolve(value);
|
|
@@ -1578,7 +1391,7 @@ var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _argumen
|
|
|
1578
1391
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
1579
1392
|
});
|
|
1580
1393
|
};
|
|
1581
|
-
var __generator =
|
|
1394
|
+
var __generator = function(thisArg, body) {
|
|
1582
1395
|
var _ = {
|
|
1583
1396
|
label: 0,
|
|
1584
1397
|
sent: function sent() {
|
|
@@ -1670,7 +1483,7 @@ var __generator = globalThis && globalThis.__generator || function(thisArg, body
|
|
|
1670
1483
|
};
|
|
1671
1484
|
}
|
|
1672
1485
|
};
|
|
1673
|
-
var __read =
|
|
1486
|
+
var __read = function(o, n) {
|
|
1674
1487
|
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
1675
1488
|
if (!m)
|
|
1676
1489
|
return o;
|
|
@@ -1694,7 +1507,7 @@ var __read = globalThis && globalThis.__read || function(o, n) {
|
|
|
1694
1507
|
}
|
|
1695
1508
|
return ar;
|
|
1696
1509
|
};
|
|
1697
|
-
var __spread =
|
|
1510
|
+
var __spread = function() {
|
|
1698
1511
|
for (var ar = [], i = 0; i < arguments.length; i++) {
|
|
1699
1512
|
ar = ar.concat(__read(arguments[i]));
|
|
1700
1513
|
}
|
|
@@ -1871,4 +1684,4 @@ function PdaActionSheet(props) {
|
|
|
1871
1684
|
})));
|
|
1872
1685
|
}
|
|
1873
1686
|
const ListItem = PdaListItem;
|
|
1874
|
-
export { PdaActionSheet as ActionSheet,
|
|
1687
|
+
export { PdaActionSheet as ActionSheet, BaseLayout, Button, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$i as Header, InfiniteScroll, PdaInfoCard$2 as InfoCard, List, ListItem, Overlay, index$b as PageFlowSystemPages, Presentation, PdaInfoCard as Steps, SubCard, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*{margin:0;padding:0}div{box-sizing:border-box}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.pda-header{display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .header-click-area{height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%}.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-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{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .header-click-area{height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%;background-repeat:no-repeat}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px;flex:1}.pda-header .pda-header-more{height:36px;width:36px;margin-left:16px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-right:15px}.pda-header .pda-menus{background-color:#fff;border-radius:8px;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;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:700;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:700;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;word-break:break-all}.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,.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 div{margin:0}.pda-list-item>div,.pda-list-item>div{margin-bottom:16px}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:700;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#ffffff60;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center}.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:24px 20px;width:100%}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-btns{display:flex}.confirm-wrap .confirm-btns .confirm-cancel-button{margin-right:2%}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size: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:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px}.android-pda-list .default-item{background-color:#282828;font-size:36px;padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-top:16px}.baselayout-wrapper .baselayout-footer{padding:16px 0}.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-top{height:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:100px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:45px;color:#fff;font-weight:500;margin-bottom:16px}.pda-finish-card-top .pda-finish-card-list{margin-top:16px;color:#ffffff80;font-size:32px;line-height:30px}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:39.6px;margin:-6px 0}.android-sub-card .android-sub-card-name{font-size:26.4px}.android-sub-card .android-sub-card-attrs{opacity:.6;font-size:21.12px}.pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%)}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}.pda-action-sheet{position:absolute;z-index:1000;width:100%;height:100%;background-color:#00000059;display:none}.pda-action-sheet .pda-action-sheet-body{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px}.pda-action-sheet .pda-action-sheet-body .pda-action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.pda-action-sheet.show{display:block}.pda-action-sheet.show .pda-action-sheet-body{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
|
|
1
|
+
*{margin:0;padding:0}div{box-sizing:border-box}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.pda-header{display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px}.pda-header .pda-header-more{height:36px;width:36px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-left:auto}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height: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{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .header-click-area{height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%;background-repeat:no-repeat}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px;flex:1}.pda-header .pda-header-more{height:36px;width:36px;margin-left:16px;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:100%;background-repeat:no-repeat;background-position:center;margin-right:15px}.pda-header .pda-menus{background-color:#fff;border-radius:8px;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;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:bold;display:flex;flex-direction:row;align-items:flex-end}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:bold;font-size:40px;line-height:48px;color:#000;margin-top:12px}.pda-info-card .pda-info-card-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top: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 div{margin:0}.pda-list-item>div,.pda-list-item>div{margin-bottom:16px}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:bold;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#ffffff60;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center}.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:24px 20px;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-sub-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-btns{display:flex}.confirm-wrap .confirm-btns .confirm-cancel-button{margin-right:2%}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size: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:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px}.android-pda-list .default-item{background-color:#282828;font-size:36px;padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-top:16px}.baselayout-wrapper .baselayout-footer{padding:16px 0}.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-top{height:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:100px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:45px;color:#fff;font-weight:500;margin-bottom:16px}.pda-finish-card-top .pda-finish-card-list{margin-top:16px;color:#ffffff80;font-size:32px;line-height:30px}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:39.6px;margin:-6px 0}.android-sub-card .android-sub-card-name{font-size:26.4px}.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}.pda-action-sheet{position:absolute;z-index:1000;width:100%;height:100%;background-color:#00000059;display:none}.pda-action-sheet .pda-action-sheet-body{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px}.pda-action-sheet .pda-action-sheet-body .pda-action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.pda-action-sheet.show{display:block}.pda-action-sheet.show .pda-action-sheet-body{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
|