@cniot/android-pda-components 0.2.66 → 0.2.69
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.8e2e23d6.js +742 -0
- package/build/index.html +1 -2
- package/doc/index.jsx +17 -1
- package/es/index.cjs.js +3 -3
- package/es/index.es.js +151 -122
- package/package.json +2 -2
- package/build/assets/index.392d4fde.js +0 -694
- package/build/assets/vendor.5080796b.js +0 -40
package/es/index.es.js
CHANGED
|
@@ -1,41 +1,12 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
2
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __objRest = (source, exclude) => {
|
|
21
|
-
var target = {};
|
|
22
|
-
for (var prop in source)
|
|
23
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
-
target[prop] = source[prop];
|
|
25
|
-
if (source != null && __getOwnPropSymbols)
|
|
26
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
-
target[prop] = source[prop];
|
|
29
|
-
}
|
|
30
|
-
return target;
|
|
31
|
-
};
|
|
32
3
|
var __publicField = (obj, key, value) => {
|
|
33
4
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
34
5
|
return value;
|
|
35
6
|
};
|
|
36
7
|
import React, { useState, useEffect, forwardRef, useImperativeHandle, createRef, useRef, Component, cloneElement, useCallback } from "react";
|
|
37
8
|
import ReactDOM from "react-dom";
|
|
38
|
-
var global = "";
|
|
9
|
+
var global = /* @__PURE__ */ (() => "*{margin:0;padding:0}div{box-sizing:border-box}\n")();
|
|
39
10
|
var _classnames_2_3_1_classnames = { exports: {} };
|
|
40
11
|
/*!
|
|
41
12
|
Copyright (c) 2018 Jed Watson.
|
|
@@ -84,7 +55,7 @@ var _classnames_2_3_1_classnames = { exports: {} };
|
|
|
84
55
|
})();
|
|
85
56
|
})(_classnames_2_3_1_classnames);
|
|
86
57
|
var classNames = _classnames_2_3_1_classnames.exports;
|
|
87
|
-
var index$
|
|
58
|
+
var index$z = /* @__PURE__ */ (() => ".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}\n")();
|
|
88
59
|
function getTypeClass$2(type) {
|
|
89
60
|
return {
|
|
90
61
|
"center": "op-overlay center",
|
|
@@ -109,11 +80,12 @@ function Overlay$1(props) {
|
|
|
109
80
|
useEffect(() => {
|
|
110
81
|
setHidden(!visible);
|
|
111
82
|
}, [visible]);
|
|
112
|
-
return !hidden ? /* @__PURE__ */ React.createElement("div",
|
|
113
|
-
className: getTypeClass$2(verticalPosition)
|
|
114
|
-
|
|
83
|
+
return !hidden ? /* @__PURE__ */ React.createElement("div", {
|
|
84
|
+
className: getTypeClass$2(verticalPosition),
|
|
85
|
+
...option
|
|
86
|
+
}, props.children) : null;
|
|
115
87
|
}
|
|
116
|
-
var index$
|
|
88
|
+
var index$y = /* @__PURE__ */ (() => ".pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-right:12px}.pda-header .header-click-area{padding-right:16px;height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-header-icon{height:100%;width:65px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon:active{background-color:#d8d8d8}.pda-header .pda-header-icon-back{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);background-size:17px 32px}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png);background-size:34px auto}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png);background-size:36px auto}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png);background-size:35px auto}.pda-header .pda-title-text{font-size:40px;flex:1}.pda-header .pda-header-more{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:36px auto}.pda-header .pda-header-config{background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png);background-size:36px auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}\n")();
|
|
117
89
|
const blankFunc$6 = () => {
|
|
118
90
|
};
|
|
119
91
|
class PdaTitle extends React.Component {
|
|
@@ -292,18 +264,19 @@ var _keycode_2_2_1_keycode = { exports: {} };
|
|
|
292
264
|
}
|
|
293
265
|
})(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
|
|
294
266
|
var keycode = _keycode_2_2_1_keycode.exports;
|
|
295
|
-
var index$
|
|
267
|
+
var index$x = /* @__PURE__ */ (() => ".pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:40px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.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}\n")();
|
|
296
268
|
function Button(props) {
|
|
297
269
|
const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
|
|
298
270
|
let opt = {};
|
|
299
271
|
if (dataClick) {
|
|
300
272
|
opt["data-click"] = dataClick;
|
|
301
273
|
}
|
|
302
|
-
return /* @__PURE__ */ React.createElement("button",
|
|
274
|
+
return /* @__PURE__ */ React.createElement("button", {
|
|
303
275
|
className: `pda-button pda-button-${type} ${className}`,
|
|
304
276
|
onClick,
|
|
305
|
-
tabIndex
|
|
306
|
-
|
|
277
|
+
tabIndex,
|
|
278
|
+
...opt
|
|
279
|
+
}, props.children);
|
|
307
280
|
}
|
|
308
281
|
function ButtonGroup(props) {
|
|
309
282
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -314,7 +287,7 @@ Button.Group = ButtonGroup;
|
|
|
314
287
|
const SPECIAL_KEY_MAP = ["fn"];
|
|
315
288
|
const empty$3 = () => {
|
|
316
289
|
};
|
|
317
|
-
function index$
|
|
290
|
+
function index$w(props) {
|
|
318
291
|
const {
|
|
319
292
|
onBack,
|
|
320
293
|
icon,
|
|
@@ -346,7 +319,7 @@ function index$v(props) {
|
|
|
346
319
|
return onKeyBoradBack(function() {
|
|
347
320
|
onBack && onBack("back");
|
|
348
321
|
});
|
|
349
|
-
}, []);
|
|
322
|
+
}, [onBack]);
|
|
350
323
|
React.useEffect(() => {
|
|
351
324
|
return addEventListener(document, "BarcodeScan", function(e) {
|
|
352
325
|
onScanBarcode && onScanBarcode(e.param.scanData);
|
|
@@ -434,7 +407,7 @@ function addEventListener(node, eventName, fn) {
|
|
|
434
407
|
node.removeEventListener(eventName, fn);
|
|
435
408
|
};
|
|
436
409
|
}
|
|
437
|
-
var index$
|
|
410
|
+
var index$v = /* @__PURE__ */ (() => ".pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height: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;padding-top:12px;display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.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:16px}.pda-info-card .pda-info-card-list{margin-top:12px;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:16px}.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:#999}.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:#999}\n")();
|
|
438
411
|
class PdaInfoCard$2 extends React.Component {
|
|
439
412
|
constructor(props) {
|
|
440
413
|
super(props);
|
|
@@ -492,7 +465,7 @@ class PdaInfoCard$2 extends React.Component {
|
|
|
492
465
|
}
|
|
493
466
|
}
|
|
494
467
|
PdaInfoCard$2.IMAGE_1 = "https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";
|
|
495
|
-
var index$
|
|
468
|
+
var index$u = /* @__PURE__ */ (() => ".pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.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:#999;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;opacity:.85}.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)}\n")();
|
|
496
469
|
class PdaListItem extends React.Component {
|
|
497
470
|
constructor(props) {
|
|
498
471
|
super(props);
|
|
@@ -538,7 +511,7 @@ class PdaListItem extends React.Component {
|
|
|
538
511
|
}));
|
|
539
512
|
}
|
|
540
513
|
}
|
|
541
|
-
var index$
|
|
514
|
+
var index$t = /* @__PURE__ */ (() => ".confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.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-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.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}\n")();
|
|
542
515
|
function empty$2() {
|
|
543
516
|
}
|
|
544
517
|
function Confirm(props) {
|
|
@@ -583,7 +556,7 @@ function Confirm(props) {
|
|
|
583
556
|
dataClick: item.dataClick
|
|
584
557
|
}, item.label))) : null));
|
|
585
558
|
}
|
|
586
|
-
var index$
|
|
559
|
+
var index$s = /* @__PURE__ */ (() => ".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:50px;font-weight:700}.toast-wrap .toast-message{font-size:32px}.loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n")();
|
|
587
560
|
function WindVaneLog(param) {
|
|
588
561
|
const params = {
|
|
589
562
|
domain: "logger",
|
|
@@ -733,13 +706,14 @@ function show(p) {
|
|
|
733
706
|
useImperativeHandle(ref2, () => ({
|
|
734
707
|
close: () => setVisible(false)
|
|
735
708
|
}));
|
|
736
|
-
return /* @__PURE__ */ React.createElement(InternalToast,
|
|
709
|
+
return /* @__PURE__ */ React.createElement(InternalToast, {
|
|
710
|
+
...props,
|
|
737
711
|
getContainer: () => container,
|
|
738
712
|
visible,
|
|
739
713
|
afterClose: () => {
|
|
740
714
|
unmount(container);
|
|
741
715
|
}
|
|
742
|
-
})
|
|
716
|
+
});
|
|
743
717
|
});
|
|
744
718
|
const ref = createRef();
|
|
745
719
|
ReactDOM.render(/* @__PURE__ */ React.createElement(TempToast, {
|
|
@@ -783,13 +757,15 @@ function loading(p = {}) {
|
|
|
783
757
|
});
|
|
784
758
|
}
|
|
785
759
|
function confirm$1(p = {}) {
|
|
786
|
-
const
|
|
760
|
+
const { duration = 0, ...props } = p;
|
|
787
761
|
return show({
|
|
788
762
|
duration,
|
|
789
763
|
position: "bottom",
|
|
790
764
|
closable: true,
|
|
791
765
|
renderContent: function() {
|
|
792
|
-
return /* @__PURE__ */ React.createElement(Confirm,
|
|
766
|
+
return /* @__PURE__ */ React.createElement(Confirm, {
|
|
767
|
+
...props
|
|
768
|
+
});
|
|
793
769
|
}
|
|
794
770
|
});
|
|
795
771
|
}
|
|
@@ -801,9 +777,10 @@ function Alert(props) {
|
|
|
801
777
|
const { data = {}, onNext } = props;
|
|
802
778
|
return /* @__PURE__ */ React.createElement(Overlay$1, {
|
|
803
779
|
verticalPosition: "bottom"
|
|
804
|
-
}, /* @__PURE__ */ React.createElement(Confirm,
|
|
780
|
+
}, /* @__PURE__ */ React.createElement(Confirm, {
|
|
781
|
+
...data,
|
|
805
782
|
onClick: () => onNext(true)
|
|
806
|
-
}))
|
|
783
|
+
}));
|
|
807
784
|
}
|
|
808
785
|
function Start(props) {
|
|
809
786
|
const { action, appManager, service } = props;
|
|
@@ -828,11 +805,12 @@ function confirm(props) {
|
|
|
828
805
|
const { service, data = {}, onNext } = props;
|
|
829
806
|
return /* @__PURE__ */ React.createElement(Overlay$1, {
|
|
830
807
|
verticalPosition: "bottom"
|
|
831
|
-
}, /* @__PURE__ */ React.createElement(Confirm,
|
|
808
|
+
}, /* @__PURE__ */ React.createElement(Confirm, {
|
|
809
|
+
...data,
|
|
832
810
|
onClick: onNext
|
|
833
|
-
}))
|
|
811
|
+
}));
|
|
834
812
|
}
|
|
835
|
-
var index$
|
|
813
|
+
var index$r = /* @__PURE__ */ (() => ".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}\n")();
|
|
836
814
|
function getTypeClass(type) {
|
|
837
815
|
return {
|
|
838
816
|
"center": "op-overlay center",
|
|
@@ -857,11 +835,12 @@ function Overlay(props) {
|
|
|
857
835
|
useEffect(() => {
|
|
858
836
|
setHidden(!visible);
|
|
859
837
|
}, [visible]);
|
|
860
|
-
return !hidden ? /* @__PURE__ */ React.createElement("div",
|
|
861
|
-
className: getTypeClass(verticalPosition)
|
|
862
|
-
|
|
838
|
+
return !hidden ? /* @__PURE__ */ React.createElement("div", {
|
|
839
|
+
className: getTypeClass(verticalPosition),
|
|
840
|
+
...option
|
|
841
|
+
}, props.children) : null;
|
|
863
842
|
}
|
|
864
|
-
var index$
|
|
843
|
+
var index$q = /* @__PURE__ */ (() => ".prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}\n")();
|
|
865
844
|
function Prompt(props) {
|
|
866
845
|
const inputRef = React.useRef();
|
|
867
846
|
const { data = {}, onNext } = props;
|
|
@@ -932,7 +911,7 @@ function splitMessage(message) {
|
|
|
932
911
|
var msg = String(message).split("by Error:");
|
|
933
912
|
return msg[1] || msg[0];
|
|
934
913
|
}
|
|
935
|
-
var index$
|
|
914
|
+
var index$p = /* @__PURE__ */ (() => ".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}\n")();
|
|
936
915
|
function NotFound(props) {
|
|
937
916
|
return /* @__PURE__ */ React.createElement("div", {
|
|
938
917
|
style: { padding: "20%" }
|
|
@@ -940,7 +919,7 @@ function NotFound(props) {
|
|
|
940
919
|
style: { fontSize: "60%" }
|
|
941
920
|
}, "Not found")), /* @__PURE__ */ React.createElement("div", null, props.action.getPage()));
|
|
942
921
|
}
|
|
943
|
-
var index$
|
|
922
|
+
var index$o = /* @__PURE__ */ (() => ".loading-wrap{position:fixed;z-index:1000;left:0;top:0;background-color:#00000080;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loading-wrap .loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-wrap .loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n")();
|
|
944
923
|
function Loading$1(props) {
|
|
945
924
|
const [showLoading, setShowLoading] = React.useState(props.visible);
|
|
946
925
|
const edgeService = props.edgeService;
|
|
@@ -1002,7 +981,7 @@ function Debug() {
|
|
|
1002
981
|
console.warn('Please stop using "Debug" Components');
|
|
1003
982
|
return null;
|
|
1004
983
|
}
|
|
1005
|
-
var index$
|
|
984
|
+
var index$n = {
|
|
1006
985
|
Alert,
|
|
1007
986
|
Start,
|
|
1008
987
|
Toast: toast,
|
|
@@ -1013,7 +992,7 @@ var index$m = {
|
|
|
1013
992
|
Loading: Loading$1,
|
|
1014
993
|
PlaySound
|
|
1015
994
|
};
|
|
1016
|
-
var index$
|
|
995
|
+
var index$m = /* @__PURE__ */ (() => ".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;margin-top:80px}.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;line-height:24px;color:#999}\n")();
|
|
1017
996
|
function Presentation(props) {
|
|
1018
997
|
const {
|
|
1019
998
|
image = Presentation.IMAGE_1,
|
|
@@ -1035,7 +1014,7 @@ Presentation.IMAGE_1 = "https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGD
|
|
|
1035
1014
|
Presentation.IMAGE_2 = "https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";
|
|
1036
1015
|
Presentation.IMAGE_3 = "https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";
|
|
1037
1016
|
Presentation.IMAGE_4 = "https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";
|
|
1038
|
-
var index$
|
|
1017
|
+
var index$l = /* @__PURE__ */ (() => ".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:#0061a1}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7;line-height:1em}.android-pda-list .default-item .sub-tags{display:flex;margin-top:10px}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#008fed;padding:.3em;font-size:40%;margin-right:5px;border-radius:6px;color:#fff;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}\n")();
|
|
1039
1018
|
function empty$1() {
|
|
1040
1019
|
}
|
|
1041
1020
|
function List$1(props) {
|
|
@@ -1081,7 +1060,7 @@ function DefaultItem(props) {
|
|
|
1081
1060
|
}, extra));
|
|
1082
1061
|
}
|
|
1083
1062
|
List$1.Item = DefaultItem;
|
|
1084
|
-
var index$
|
|
1063
|
+
var index$k = /* @__PURE__ */ (() => ".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}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);background-repeat:no-repeat;background-position:center;background-size:120px 120px}\n")();
|
|
1085
1064
|
const blankFunc$5 = () => {
|
|
1086
1065
|
};
|
|
1087
1066
|
class BaseLayoutContainer extends React.Component {
|
|
@@ -1244,8 +1223,10 @@ class RfidOnce$1 extends React.Component {
|
|
|
1244
1223
|
}
|
|
1245
1224
|
render() {
|
|
1246
1225
|
const props = this.props;
|
|
1247
|
-
const
|
|
1248
|
-
return /* @__PURE__ */ React.createElement(BaseLayoutContainer,
|
|
1226
|
+
const { onRfidOnce = blankFunc$4, ...opts } = props;
|
|
1227
|
+
return /* @__PURE__ */ React.createElement(BaseLayoutContainer, {
|
|
1228
|
+
...opts
|
|
1229
|
+
});
|
|
1249
1230
|
}
|
|
1250
1231
|
}
|
|
1251
1232
|
const blankFunc$3 = () => {
|
|
@@ -1333,8 +1314,10 @@ class RfidOnce extends React.Component {
|
|
|
1333
1314
|
}
|
|
1334
1315
|
render() {
|
|
1335
1316
|
const props = this.props;
|
|
1336
|
-
const
|
|
1337
|
-
return /* @__PURE__ */ React.createElement(BaseLayoutContainer,
|
|
1317
|
+
const { onRfidScan = blankFunc$3, autoRfidScan, ...opts } = props;
|
|
1318
|
+
return /* @__PURE__ */ React.createElement(BaseLayoutContainer, {
|
|
1319
|
+
...opts
|
|
1320
|
+
});
|
|
1338
1321
|
}
|
|
1339
1322
|
}
|
|
1340
1323
|
__publicField(RfidOnce, "defaultProps", {
|
|
@@ -1400,8 +1383,10 @@ class BarcodeScan extends React.Component {
|
|
|
1400
1383
|
}
|
|
1401
1384
|
render() {
|
|
1402
1385
|
const props = this.props;
|
|
1403
|
-
const
|
|
1404
|
-
return /* @__PURE__ */ React.createElement(BaseLayoutContainer,
|
|
1386
|
+
const { onBarcodeScan = blankFunc$2, ...opts } = props;
|
|
1387
|
+
return /* @__PURE__ */ React.createElement(BaseLayoutContainer, {
|
|
1388
|
+
...opts
|
|
1389
|
+
});
|
|
1405
1390
|
}
|
|
1406
1391
|
}
|
|
1407
1392
|
class BaseLayout extends React.Component {
|
|
@@ -1412,43 +1397,45 @@ class BaseLayout extends React.Component {
|
|
|
1412
1397
|
const props = this.props;
|
|
1413
1398
|
const { onBarcodeScan, onScanBarcode, onRfidOnce, onRfidBoxOnce, onRfidPalletOnce, onRfidScan, onRfidBoxScan, onRfidPalletScan } = props;
|
|
1414
1399
|
if (onRfidOnce || onRfidBoxOnce || onRfidPalletOnce) {
|
|
1415
|
-
return /* @__PURE__ */ React.createElement(RfidOnce$1,
|
|
1400
|
+
return /* @__PURE__ */ React.createElement(RfidOnce$1, {
|
|
1401
|
+
...props
|
|
1402
|
+
});
|
|
1416
1403
|
}
|
|
1417
1404
|
if (onRfidScan || onRfidBoxScan || onRfidPalletScan) {
|
|
1418
|
-
return /* @__PURE__ */ React.createElement(RfidOnce,
|
|
1405
|
+
return /* @__PURE__ */ React.createElement(RfidOnce, {
|
|
1406
|
+
...props
|
|
1407
|
+
});
|
|
1419
1408
|
}
|
|
1420
1409
|
if (onBarcodeScan || onScanBarcode) {
|
|
1421
|
-
return /* @__PURE__ */ React.createElement(BarcodeScan,
|
|
1410
|
+
return /* @__PURE__ */ React.createElement(BarcodeScan, {
|
|
1411
|
+
...props
|
|
1412
|
+
});
|
|
1422
1413
|
}
|
|
1423
|
-
return /* @__PURE__ */ React.createElement(BaseLayoutContainer,
|
|
1414
|
+
return /* @__PURE__ */ React.createElement(BaseLayoutContainer, {
|
|
1415
|
+
...props
|
|
1416
|
+
});
|
|
1424
1417
|
}
|
|
1425
1418
|
}
|
|
1426
|
-
var index$
|
|
1419
|
+
var index$j = /* @__PURE__ */ (() => ".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-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}\n")();
|
|
1427
1420
|
const blankFunc$1 = () => {
|
|
1428
1421
|
};
|
|
1429
1422
|
function Keyborard(props) {
|
|
1430
|
-
const {
|
|
1423
|
+
const {
|
|
1424
|
+
label = "\u67E5\u8BE2",
|
|
1425
|
+
onWakeKeyboard = blankFunc$1,
|
|
1426
|
+
onClick = blankFunc$1,
|
|
1427
|
+
onHidden = blankFunc$1,
|
|
1428
|
+
type = "tel",
|
|
1429
|
+
placeholder = "\u8BF7\u8F93\u5165",
|
|
1430
|
+
autoClose = true
|
|
1431
|
+
} = props;
|
|
1431
1432
|
const inputRef = useRef(null);
|
|
1432
1433
|
const [visible, setVisible] = useState(true);
|
|
1433
1434
|
useEffect(() => {
|
|
1434
|
-
const handleKeyUp = (e) => {
|
|
1435
|
-
const { code, keyCode, key } = e;
|
|
1436
|
-
if (code === "Enter") {
|
|
1437
|
-
e.preventDefault();
|
|
1438
|
-
onClick(inputRef.current.value, e);
|
|
1439
|
-
onHidden(true);
|
|
1440
|
-
setVisible(false);
|
|
1441
|
-
return;
|
|
1442
|
-
}
|
|
1443
|
-
};
|
|
1444
1435
|
requestAnimationFrame(() => {
|
|
1445
1436
|
inputRef.current.focus();
|
|
1446
1437
|
onWakeKeyboard();
|
|
1447
1438
|
});
|
|
1448
|
-
document.addEventListener("keyup", handleKeyUp);
|
|
1449
|
-
return () => {
|
|
1450
|
-
document.removeEventListener("keyup", handleKeyUp);
|
|
1451
|
-
};
|
|
1452
1439
|
}, []);
|
|
1453
1440
|
if (!visible)
|
|
1454
1441
|
return null;
|
|
@@ -1467,7 +1454,18 @@ function Keyborard(props) {
|
|
|
1467
1454
|
}, /* @__PURE__ */ React.createElement("input", {
|
|
1468
1455
|
ref: inputRef,
|
|
1469
1456
|
type,
|
|
1470
|
-
placeholder
|
|
1457
|
+
placeholder,
|
|
1458
|
+
onKeyUp: (e) => {
|
|
1459
|
+
const { code, keyCode } = e;
|
|
1460
|
+
const value = String(e.target.value).trim();
|
|
1461
|
+
if ((code === "Enter" || keyCode === 13) && value.length > 1) {
|
|
1462
|
+
e.preventDefault();
|
|
1463
|
+
onClick(value, e);
|
|
1464
|
+
onHidden(true);
|
|
1465
|
+
setVisible(false);
|
|
1466
|
+
return;
|
|
1467
|
+
}
|
|
1468
|
+
}
|
|
1471
1469
|
}), /* @__PURE__ */ React.createElement(Button, {
|
|
1472
1470
|
type: "cutout",
|
|
1473
1471
|
onClick: (e) => {
|
|
@@ -1483,10 +1481,14 @@ const blankFunc = () => {
|
|
|
1483
1481
|
};
|
|
1484
1482
|
function WakeKeyborard(props) {
|
|
1485
1483
|
const [inputVisible, setInputVisible] = useState(props.autoWakeup || false);
|
|
1486
|
-
const
|
|
1484
|
+
const {
|
|
1485
|
+
onClick = blankFunc,
|
|
1486
|
+
onHidden = blankFunc,
|
|
1487
|
+
...keyborardProps
|
|
1488
|
+
} = props;
|
|
1487
1489
|
return /* @__PURE__ */ React.createElement("div", {
|
|
1488
1490
|
className: "wakekeyborard"
|
|
1489
|
-
}, inputVisible ? /* @__PURE__ */ React.createElement(Keyborard,
|
|
1491
|
+
}, inputVisible ? /* @__PURE__ */ React.createElement(Keyborard, {
|
|
1490
1492
|
onClick: (v, e) => {
|
|
1491
1493
|
onClick(v);
|
|
1492
1494
|
setInputVisible(!inputVisible);
|
|
@@ -1494,8 +1496,9 @@ function WakeKeyborard(props) {
|
|
|
1494
1496
|
onHidden: (s) => {
|
|
1495
1497
|
setInputVisible(false);
|
|
1496
1498
|
onHidden(s);
|
|
1497
|
-
}
|
|
1498
|
-
|
|
1499
|
+
},
|
|
1500
|
+
...keyborardProps
|
|
1501
|
+
}) : null, !inputVisible ? /* @__PURE__ */ React.createElement("div", {
|
|
1499
1502
|
className: "wakekeyborard-icon",
|
|
1500
1503
|
onClick: (e) => {
|
|
1501
1504
|
setInputVisible(!inputVisible);
|
|
@@ -1560,7 +1563,7 @@ class UploadeButton extends Component {
|
|
|
1560
1563
|
}))));
|
|
1561
1564
|
}
|
|
1562
1565
|
}
|
|
1563
|
-
var index$
|
|
1566
|
+
var index$i = /* @__PURE__ */ (() => ".v-mask{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:1;display:unset}.v-mask .image-viewer-content{width:100vw;height:100vh;max-height:-webkit-fill-available;touch-action:none}.v-mask .image-viewer-slides{height:100%;position:relative;z-index:1;cursor:grab;touch-action:none}.v-mask .image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:#e6e6e6;font-size:14px}.v-mask .viewer-image-close{position:absolute;right:6px}.v-mask .viewer-image-close svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:12px;width:24px}.v-mask .image-viewer-slides-inner{height:100%;white-space:nowrap}.v-mask .image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v-mask .image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.v-mask .viewer-image-arrow{position:absolute;top:calc(50% - 10px);z-index:999}.v-mask .viewer-image-arrow svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:18px;width:24px}.v-mask .viewer-prev{left:0}.v-mask .viewer-next{right:0}.v-mask .image-viewer-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d;z-index:998}.v-mask .image-viewer-loading .image-viewer-loading-reactor{animation:PhotoView__delayShow .4s linear both}.v-mask .image-viewer-loading .image-viewer-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}\n")();
|
|
1564
1567
|
const classPrefix$1 = "image-viewer";
|
|
1565
1568
|
class ImageViewer extends Component {
|
|
1566
1569
|
constructor(props) {
|
|
@@ -1856,9 +1859,9 @@ class ImageUploader extends Component {
|
|
|
1856
1859
|
}));
|
|
1857
1860
|
}
|
|
1858
1861
|
}
|
|
1859
|
-
var index$
|
|
1860
|
-
var index$
|
|
1861
|
-
var index$
|
|
1862
|
+
var index$h = /* @__PURE__ */ (() => ".image-uploader-wrap{display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.image-space-item{margin-right:8px;padding-bottom:8px}.image-space-item .image-uploader-cell{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden}.image-space-item .image-uploader-cell-image{width:80px;height:80px}.image-space-item .image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:#fff;cursor:pointer}.image-space-item .image-uploader-cell-delete .uploader-delete-icon{position:absolute;right:2px;top:2px;display:inline-block;object-fit:cover;width:8px;height:8px}.image-space-item .image-uploader-img{object-fit:cover;display:block;width:100%;height:100%}.image-space-item .image-uploader-upload-button-wrap{position:relative}.image-space-item .image-uploader-upload-button-wrap .image-uploader-upload-button{display:flex;justify-content:center;align-items:center;background-color:#a2a2a2;cursor:pointer}.image-space-item .image-uploader-upload-button-wrap .uploader-add-icon{display:inline-block;object-fit:cover;width:32px;height:32px}.image-uploader-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d}.image-uploader-loading .image-uploader-loading-reactor{animation:PhotoView__delayShow .4s linear both}.image-uploader-loading .image-uploader-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}\n")();
|
|
1863
|
+
var index$g = /* @__PURE__ */ (() => "")();
|
|
1864
|
+
var index$f = /* @__PURE__ */ (() => ".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}\n")();
|
|
1862
1865
|
class PdaInfoCard$1 extends React.Component {
|
|
1863
1866
|
constructor(props) {
|
|
1864
1867
|
super(props);
|
|
@@ -1898,10 +1901,11 @@ class PdaInfoCard extends React.Component {
|
|
|
1898
1901
|
className: classNames({ [className]: true }),
|
|
1899
1902
|
style
|
|
1900
1903
|
}, (children || []).map((child, index2) => {
|
|
1901
|
-
const childProps =
|
|
1904
|
+
const childProps = {
|
|
1902
1905
|
index: index2,
|
|
1903
|
-
isLast: index2 === (children || []).length - 1
|
|
1904
|
-
|
|
1906
|
+
isLast: index2 === (children || []).length - 1,
|
|
1907
|
+
...child.props
|
|
1908
|
+
};
|
|
1905
1909
|
if (index2 === current) {
|
|
1906
1910
|
childProps.isActive = true;
|
|
1907
1911
|
} else {
|
|
@@ -1912,7 +1916,7 @@ class PdaInfoCard extends React.Component {
|
|
|
1912
1916
|
}
|
|
1913
1917
|
}
|
|
1914
1918
|
__publicField(PdaInfoCard, "Step", PdaInfoCard$1);
|
|
1915
|
-
var index$
|
|
1919
|
+
var index$e = /* @__PURE__ */ (() => ".pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}\n")();
|
|
1916
1920
|
class PdaFinishCard extends React.Component {
|
|
1917
1921
|
constructor(props) {
|
|
1918
1922
|
super(props);
|
|
@@ -1955,7 +1959,7 @@ class PdaFinishCard extends React.Component {
|
|
|
1955
1959
|
}
|
|
1956
1960
|
PdaFinishCard.SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";
|
|
1957
1961
|
PdaFinishCard.ERROR_SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";
|
|
1958
|
-
var index$
|
|
1962
|
+
var index$d = /* @__PURE__ */ (() => ".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}\n")();
|
|
1959
1963
|
class PdaDistanceCard extends React.Component {
|
|
1960
1964
|
constructor(props) {
|
|
1961
1965
|
super(props);
|
|
@@ -1990,7 +1994,7 @@ class PdaDistanceCard extends React.Component {
|
|
|
1990
1994
|
}, /* @__PURE__ */ React.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React.createElement("p", null, "\u8FD1")));
|
|
1991
1995
|
}
|
|
1992
1996
|
}
|
|
1993
|
-
var index$
|
|
1997
|
+
var index$c = /* @__PURE__ */ (() => ".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:60px;line-height:60px;font-weight:700;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:700;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}\n")();
|
|
1994
1998
|
function SubCard(props) {
|
|
1995
1999
|
const { title, context, name, tag, attrs = [], style } = props;
|
|
1996
2000
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2016,7 +2020,7 @@ function SubCard(props) {
|
|
|
2016
2020
|
}, text);
|
|
2017
2021
|
})));
|
|
2018
2022
|
}
|
|
2019
|
-
var index$
|
|
2023
|
+
var index$b = /* @__PURE__ */ (() => ".select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}\n")();
|
|
2020
2024
|
function SelectCard(props) {
|
|
2021
2025
|
const { title, label, select = true, onClick = (e) => {
|
|
2022
2026
|
} } = props;
|
|
@@ -2029,10 +2033,10 @@ function SelectCard(props) {
|
|
|
2029
2033
|
className: "select-icon"
|
|
2030
2034
|
}) : null, " "));
|
|
2031
2035
|
}
|
|
2032
|
-
var index$
|
|
2036
|
+
var index$a = /* @__PURE__ */ (() => ".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,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.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%}\n")();
|
|
2033
2037
|
function empty() {
|
|
2034
2038
|
}
|
|
2035
|
-
function index$
|
|
2039
|
+
function index$9(props) {
|
|
2036
2040
|
const { dataSource = [], onClickItem = empty } = props;
|
|
2037
2041
|
let tabIndex = 1;
|
|
2038
2042
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2060,7 +2064,7 @@ function index$8(props) {
|
|
|
2060
2064
|
})));
|
|
2061
2065
|
}));
|
|
2062
2066
|
}
|
|
2063
|
-
var index$
|
|
2067
|
+
var index$8 = /* @__PURE__ */ (() => ".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}\n")();
|
|
2064
2068
|
function usePersistFn(fn) {
|
|
2065
2069
|
var fnRef = useRef(fn);
|
|
2066
2070
|
fnRef.current = fn;
|
|
@@ -2378,7 +2382,7 @@ function InfiniteScroll(props) {
|
|
|
2378
2382
|
className: "pda-infinite-scroll-view"
|
|
2379
2383
|
}, /* @__PURE__ */ React.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86~")));
|
|
2380
2384
|
}
|
|
2381
|
-
var index$
|
|
2385
|
+
var index$7 = /* @__PURE__ */ (() => ".action-sheet{position:fixed;z-index:1000;width:100%;height:100%;background-color:#00000059;top:0;left:0;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .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}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}\n")();
|
|
2382
2386
|
function ActionSheet(props) {
|
|
2383
2387
|
const {
|
|
2384
2388
|
className = "",
|
|
@@ -2408,7 +2412,9 @@ function ActionSheet(props) {
|
|
|
2408
2412
|
className: "action-sheet-item",
|
|
2409
2413
|
key: index2
|
|
2410
2414
|
}, item.title);
|
|
2411
|
-
}), infiniteScroll ? /* @__PURE__ */ React.createElement(InfiniteScroll,
|
|
2415
|
+
}), infiniteScroll ? /* @__PURE__ */ React.createElement(InfiniteScroll, {
|
|
2416
|
+
...infiniteScroll
|
|
2417
|
+
}) : null), stickyToBottomActions.length > 0 ? /* @__PURE__ */ React.createElement("div", {
|
|
2412
2418
|
className: classNames({
|
|
2413
2419
|
"action-sheet-sticky-bottom": true,
|
|
2414
2420
|
["action-sheet-sticky-bottom-" + stickyToBottomDirection]: true
|
|
@@ -2424,14 +2430,14 @@ function ActionSheet(props) {
|
|
|
2424
2430
|
}, item.title);
|
|
2425
2431
|
})) : null));
|
|
2426
2432
|
}
|
|
2427
|
-
var index$
|
|
2433
|
+
var index$6 = /* @__PURE__ */ (() => ".pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}\n")();
|
|
2428
2434
|
function Tag(props) {
|
|
2429
2435
|
const { className = void 0, label = "label", type = "success" } = props;
|
|
2430
2436
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2431
2437
|
className: classNames({ [className]: true, "pda-tag": true, ["pda-tag-" + type]: true })
|
|
2432
2438
|
}, label);
|
|
2433
2439
|
}
|
|
2434
|
-
var index$
|
|
2440
|
+
var index$5 = /* @__PURE__ */ (() => ".simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:700;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card.simple-card-dark{background-color:#282828}.simple-card.simple-card-dark .simple-card-title{color:#fff}.simple-card.simple-card-dark .simple-card-content{color:#999}\n")();
|
|
2435
2441
|
function SimpleCard(props) {
|
|
2436
2442
|
const { className = "", title = "", content = "", type = "default", onClick = () => {
|
|
2437
2443
|
} } = props;
|
|
@@ -2444,7 +2450,7 @@ function SimpleCard(props) {
|
|
|
2444
2450
|
className: "simple-card-content"
|
|
2445
2451
|
}, content)) : null;
|
|
2446
2452
|
}
|
|
2447
|
-
var index$
|
|
2453
|
+
var index$4 = /* @__PURE__ */ (() => ".simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;margin-right:12px;margin-top:12px}\n")();
|
|
2448
2454
|
function SimpleCardBlock(props) {
|
|
2449
2455
|
const { className = void 0, dataSource = [], title = "", tag } = props;
|
|
2450
2456
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2455,16 +2461,19 @@ function SimpleCardBlock(props) {
|
|
|
2455
2461
|
className: "simple-card-block-title"
|
|
2456
2462
|
}, title), tag ? /* @__PURE__ */ React.createElement("div", {
|
|
2457
2463
|
style: { marginLeft: 12 }
|
|
2458
|
-
}, /* @__PURE__ */ React.createElement(Tag,
|
|
2464
|
+
}, /* @__PURE__ */ React.createElement(Tag, {
|
|
2465
|
+
...tag
|
|
2466
|
+
})) : null), dataSource.length > 0 ? /* @__PURE__ */ React.createElement("div", {
|
|
2459
2467
|
className: "simple-card-block-content"
|
|
2460
2468
|
}, dataSource.map((item, index2) => {
|
|
2461
|
-
return /* @__PURE__ */ React.createElement(SimpleCard,
|
|
2462
|
-
key: index2
|
|
2463
|
-
|
|
2469
|
+
return /* @__PURE__ */ React.createElement(SimpleCard, {
|
|
2470
|
+
key: index2,
|
|
2471
|
+
...item
|
|
2472
|
+
});
|
|
2464
2473
|
})) : null);
|
|
2465
2474
|
}
|
|
2466
|
-
var index$
|
|
2467
|
-
function index$
|
|
2475
|
+
var index$3 = /* @__PURE__ */ (() => ".lattice-mouth .lattice-mouth-row{display:flex}.lattice-mouth .lattice-mouth-row .lattice-mouth-item{--font-size: 14px;--color: #ffffff;--background-color: #BFBFBF;color:var(--color);background-color:var(--background-color);font-size:var(--font-size);flex:1;flex-direction:column;display:flex;margin:1%;border-radius:4px;overflow:hidden}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.highlight{--color: #ffffff;--background-color: #008FED}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.active{--color: #ffffff;--background-color: #282828}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.default{--color: #ffffff;--background-color: #BFBFBF}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.complete{--color: #000000;--background-color: #00FF00}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.error{--color: #ffffff;--background-color: #f30f30}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-value{text-align:center;flex:1;font-size:150%;min-height:2em;display:flex;justify-content:center;align-items:center}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-label{background-color:#0000004d;text-align:center;min-height:1em}\n")();
|
|
2476
|
+
function index$2(props) {
|
|
2468
2477
|
const { row = 3, col = 3, dataSource = [] } = props;
|
|
2469
2478
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2470
2479
|
className: "lattice-mouth"
|
|
@@ -2495,7 +2504,7 @@ function renderItem(dataSource, rowIndex, colIndex, col) {
|
|
|
2495
2504
|
function getDataSourceItem(dataSource, rowIndex, colIndex, col) {
|
|
2496
2505
|
return dataSource[rowIndex * col + colIndex];
|
|
2497
2506
|
}
|
|
2498
|
-
var index = "";
|
|
2507
|
+
var index$1 = /* @__PURE__ */ (() => ".android-op-card{--base-font-size: 20px;--background-color: #FFFFFF;--color: #000000;--main-color: #008FED;--border-radius: 6px;--progress-background-color: rgba(160, 160, 160, .5);--progress-foreground-color: #008FED;--tag-background-color: #008FED;--tag-color: #ffffff;background-color:var(--background-color);font-size:var(--base-font-size);color:var(--color);border-radius:var(--border-radius);padding:2%;position:relative}.android-op-card .card-h1{color:var(--color);opacity:.7;font-weight:700}.android-op-card .card-content{font-size:calc(var(--base-font-size) * 2.5);color:var(--main-color);font-weight:700;display:flex;align-items:baseline;line-height:1.1em}.android-op-card .card-content small{font-size:50%}.android-op-card .card-progress{background-color:var(--progress-background-color);border-radius:1em;overflow:hidden;height:1em;font-size:calc(var(--base-font-size) * .6);margin-bottom:1em}.android-op-card .card-progress .card-progress-bar{background-color:var(--progress-foreground-color);height:1em;opacity:1.5}.android-op-card .card-main-title{font-size:calc(var(--base-font-size) * 1.6);line-height:1.5em;margin-bottom:.2em}.android-op-card .card-info-list{color:var(--color);opacity:.6}.android-op-card .card-tags{display:flex;margin-top:.5em}.android-op-card .card-tags.top{position:absolute;top:4%;right:1%}.android-op-card .card-tags .card-tags-item{font-size:calc(var(--base-font-size) * .8);color:var(--tag-color);border-radius:.3em;background-color:var(--tag-background-color);padding:.2em .3em;margin-right:.5em}\n")();
|
|
2499
2508
|
const DARK_STYLE = {
|
|
2500
2509
|
"--base-font-size": "20px",
|
|
2501
2510
|
"--background-color": "#000000",
|
|
@@ -2564,5 +2573,25 @@ function SplitContent(props) {
|
|
|
2564
2573
|
className: "card-content"
|
|
2565
2574
|
}, content[0]);
|
|
2566
2575
|
}
|
|
2576
|
+
function index(props) {
|
|
2577
|
+
const { visible, text = "LOADING..." } = props;
|
|
2578
|
+
if (!visible) {
|
|
2579
|
+
return null;
|
|
2580
|
+
}
|
|
2581
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
2582
|
+
className: "loading-wrap"
|
|
2583
|
+
}, /* @__PURE__ */ React.createElement("div", {
|
|
2584
|
+
className: "loading-box"
|
|
2585
|
+
}, /* @__PURE__ */ React.createElement("svg", {
|
|
2586
|
+
t: "1647243772165",
|
|
2587
|
+
viewBox: "0 0 1024 1024",
|
|
2588
|
+
version: "1.1",
|
|
2589
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2590
|
+
"p-id": "2178"
|
|
2591
|
+
}, /* @__PURE__ */ React.createElement("path", {
|
|
2592
|
+
d: "M512 64c247.2 0 448 200.8 448 448h-64c0-212-172-384-384-384V64z m0 832c-212 0-384-172-384-384H64c0 247.2 200.8 448 448 448v-64z",
|
|
2593
|
+
"p-id": "2179"
|
|
2594
|
+
})), /* @__PURE__ */ React.createElement("div", null, text)));
|
|
2595
|
+
}
|
|
2567
2596
|
const ListItem = PdaListItem;
|
|
2568
|
-
export { ActionSheet, index$
|
|
2597
|
+
export { ActionSheet, index$9 as AppList, BaseLayout, Button, List as Card, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$w as Header, ImageUploader, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, Keyborard, index$2 as LatticeMouth, List$1 as List, ListItem, index as Loading, Overlay$1 as Overlay, index$n as PageFlowSystemPages, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };
|