@cniot/android-pda-components 0.2.68 → 0.2.71
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.554e863b.css +1 -0
- package/build/assets/{index.e8bf244b.js → index.e4f65b3b.js} +57 -44
- package/build/index.html +2 -2
- package/doc/index.jsx +17 -1
- package/es/index.cjs.js +3 -3
- package/es/index.es.js +200 -90
- package/es/style.css +1 -1
- package/package.json +2 -2
- package/build/assets/index.b6249fde.css +0 -1
package/es/index.es.js
CHANGED
|
@@ -55,37 +55,39 @@ var _classnames_2_3_1_classnames = { exports: {} };
|
|
|
55
55
|
})();
|
|
56
56
|
})(_classnames_2_3_1_classnames);
|
|
57
57
|
var classNames = _classnames_2_3_1_classnames.exports;
|
|
58
|
-
var index$
|
|
58
|
+
var index$B = /* @__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")();
|
|
59
59
|
function getTypeClass$2(type) {
|
|
60
60
|
return {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
center: "op-overlay center",
|
|
62
|
+
top: "op-overlay top",
|
|
63
|
+
bottom: "op-overlay bottom"
|
|
64
64
|
}[type] || "op-overlay";
|
|
65
65
|
}
|
|
66
66
|
function Overlay$1(props) {
|
|
67
|
-
const {
|
|
68
|
-
|
|
67
|
+
const {
|
|
68
|
+
verticalPosition = "center",
|
|
69
|
+
visible = true,
|
|
70
|
+
closable = false,
|
|
71
|
+
onClosed = () => {
|
|
72
|
+
}
|
|
73
|
+
} = props;
|
|
74
|
+
const overlayRef = React.useRef();
|
|
69
75
|
const [hidden, setHidden] = useState(!visible);
|
|
70
76
|
useEffect(() => {
|
|
71
77
|
setHidden(!visible);
|
|
72
78
|
}, [visible]);
|
|
73
|
-
const option = {};
|
|
74
|
-
if (closable) {
|
|
75
|
-
option.onClick = (e) => {
|
|
76
|
-
setHidden(true);
|
|
77
|
-
onClosed();
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
useEffect(() => {
|
|
81
|
-
setHidden(!visible);
|
|
82
|
-
}, [visible]);
|
|
83
79
|
return !hidden ? /* @__PURE__ */ React.createElement("div", {
|
|
80
|
+
ref: overlayRef,
|
|
84
81
|
className: getTypeClass$2(verticalPosition),
|
|
85
|
-
|
|
82
|
+
onClick: (e) => {
|
|
83
|
+
if (e.target === overlayRef.current && closable) {
|
|
84
|
+
setHidden(true);
|
|
85
|
+
onClosed();
|
|
86
|
+
}
|
|
87
|
+
}
|
|
86
88
|
}, props.children) : null;
|
|
87
89
|
}
|
|
88
|
-
var index$
|
|
90
|
+
var index$A = /* @__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")();
|
|
89
91
|
const blankFunc$6 = () => {
|
|
90
92
|
};
|
|
91
93
|
class PdaTitle extends React.Component {
|
|
@@ -264,7 +266,7 @@ var _keycode_2_2_1_keycode = { exports: {} };
|
|
|
264
266
|
}
|
|
265
267
|
})(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
|
|
266
268
|
var keycode = _keycode_2_2_1_keycode.exports;
|
|
267
|
-
var index$
|
|
269
|
+
var index$z = /* @__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")();
|
|
268
270
|
function Button(props) {
|
|
269
271
|
const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
|
|
270
272
|
let opt = {};
|
|
@@ -287,7 +289,7 @@ Button.Group = ButtonGroup;
|
|
|
287
289
|
const SPECIAL_KEY_MAP = ["fn"];
|
|
288
290
|
const empty$3 = () => {
|
|
289
291
|
};
|
|
290
|
-
function index$
|
|
292
|
+
function index$y(props) {
|
|
291
293
|
const {
|
|
292
294
|
onBack,
|
|
293
295
|
icon,
|
|
@@ -322,7 +324,8 @@ function index$w(props) {
|
|
|
322
324
|
}, [onBack]);
|
|
323
325
|
React.useEffect(() => {
|
|
324
326
|
return addEventListener(document, "BarcodeScan", function(e) {
|
|
325
|
-
|
|
327
|
+
const barcode = String(e.param.scanData).trim();
|
|
328
|
+
onScanBarcode && onScanBarcode(barcode);
|
|
326
329
|
});
|
|
327
330
|
}, [onScanBarcode]);
|
|
328
331
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -407,7 +410,7 @@ function addEventListener(node, eventName, fn) {
|
|
|
407
410
|
node.removeEventListener(eventName, fn);
|
|
408
411
|
};
|
|
409
412
|
}
|
|
410
|
-
var index$
|
|
413
|
+
var index$x = /* @__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")();
|
|
411
414
|
class PdaInfoCard$2 extends React.Component {
|
|
412
415
|
constructor(props) {
|
|
413
416
|
super(props);
|
|
@@ -465,7 +468,7 @@ class PdaInfoCard$2 extends React.Component {
|
|
|
465
468
|
}
|
|
466
469
|
}
|
|
467
470
|
PdaInfoCard$2.IMAGE_1 = "https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";
|
|
468
|
-
var index$
|
|
471
|
+
var index$w = /* @__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")();
|
|
469
472
|
class PdaListItem extends React.Component {
|
|
470
473
|
constructor(props) {
|
|
471
474
|
super(props);
|
|
@@ -511,7 +514,7 @@ class PdaListItem extends React.Component {
|
|
|
511
514
|
}));
|
|
512
515
|
}
|
|
513
516
|
}
|
|
514
|
-
var index$
|
|
517
|
+
var index$v = /* @__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")();
|
|
515
518
|
function empty$2() {
|
|
516
519
|
}
|
|
517
520
|
function Confirm(props) {
|
|
@@ -556,7 +559,7 @@ function Confirm(props) {
|
|
|
556
559
|
dataClick: item.dataClick
|
|
557
560
|
}, item.label))) : null));
|
|
558
561
|
}
|
|
559
|
-
var index$
|
|
562
|
+
var index$u = /* @__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")();
|
|
560
563
|
function WindVaneLog(param) {
|
|
561
564
|
const params = {
|
|
562
565
|
domain: "logger",
|
|
@@ -810,37 +813,39 @@ function confirm(props) {
|
|
|
810
813
|
onClick: onNext
|
|
811
814
|
}));
|
|
812
815
|
}
|
|
813
|
-
var index$
|
|
816
|
+
var index$t = /* @__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")();
|
|
814
817
|
function getTypeClass(type) {
|
|
815
818
|
return {
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
+
center: "op-overlay center",
|
|
820
|
+
top: "op-overlay top",
|
|
821
|
+
bottom: "op-overlay bottom"
|
|
819
822
|
}[type] || "op-overlay";
|
|
820
823
|
}
|
|
821
824
|
function Overlay(props) {
|
|
822
|
-
const {
|
|
823
|
-
|
|
825
|
+
const {
|
|
826
|
+
verticalPosition = "center",
|
|
827
|
+
visible = true,
|
|
828
|
+
closable = false,
|
|
829
|
+
onClosed = () => {
|
|
830
|
+
}
|
|
831
|
+
} = props;
|
|
832
|
+
const overlayRef = React.useRef();
|
|
824
833
|
const [hidden, setHidden] = useState(!visible);
|
|
825
834
|
useEffect(() => {
|
|
826
835
|
setHidden(!visible);
|
|
827
836
|
}, [visible]);
|
|
828
|
-
const option = {};
|
|
829
|
-
if (closable) {
|
|
830
|
-
option.onClick = (e) => {
|
|
831
|
-
setHidden(true);
|
|
832
|
-
onClosed();
|
|
833
|
-
};
|
|
834
|
-
}
|
|
835
|
-
useEffect(() => {
|
|
836
|
-
setHidden(!visible);
|
|
837
|
-
}, [visible]);
|
|
838
837
|
return !hidden ? /* @__PURE__ */ React.createElement("div", {
|
|
838
|
+
ref: overlayRef,
|
|
839
839
|
className: getTypeClass(verticalPosition),
|
|
840
|
-
|
|
840
|
+
onClick: (e) => {
|
|
841
|
+
if (e.target === overlayRef.current && closable) {
|
|
842
|
+
setHidden(true);
|
|
843
|
+
onClosed();
|
|
844
|
+
}
|
|
845
|
+
}
|
|
841
846
|
}, props.children) : null;
|
|
842
847
|
}
|
|
843
|
-
var index$
|
|
848
|
+
var index$s = /* @__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")();
|
|
844
849
|
function Prompt(props) {
|
|
845
850
|
const inputRef = React.useRef();
|
|
846
851
|
const { data = {}, onNext } = props;
|
|
@@ -911,7 +916,7 @@ function splitMessage(message) {
|
|
|
911
916
|
var msg = String(message).split("by Error:");
|
|
912
917
|
return msg[1] || msg[0];
|
|
913
918
|
}
|
|
914
|
-
var index$
|
|
919
|
+
var index$r = /* @__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")();
|
|
915
920
|
function NotFound(props) {
|
|
916
921
|
return /* @__PURE__ */ React.createElement("div", {
|
|
917
922
|
style: { padding: "20%" }
|
|
@@ -919,7 +924,7 @@ function NotFound(props) {
|
|
|
919
924
|
style: { fontSize: "60%" }
|
|
920
925
|
}, "Not found")), /* @__PURE__ */ React.createElement("div", null, props.action.getPage()));
|
|
921
926
|
}
|
|
922
|
-
var index$
|
|
927
|
+
var index$q = /* @__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")();
|
|
923
928
|
function Loading$1(props) {
|
|
924
929
|
const [showLoading, setShowLoading] = React.useState(props.visible);
|
|
925
930
|
const edgeService = props.edgeService;
|
|
@@ -981,7 +986,7 @@ function Debug() {
|
|
|
981
986
|
console.warn('Please stop using "Debug" Components');
|
|
982
987
|
return null;
|
|
983
988
|
}
|
|
984
|
-
var index$
|
|
989
|
+
var index$p = {
|
|
985
990
|
Alert,
|
|
986
991
|
Start,
|
|
987
992
|
Toast: toast,
|
|
@@ -992,7 +997,7 @@ var index$n = {
|
|
|
992
997
|
Loading: Loading$1,
|
|
993
998
|
PlaySound
|
|
994
999
|
};
|
|
995
|
-
var index$
|
|
1000
|
+
var index$o = /* @__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")();
|
|
996
1001
|
function Presentation(props) {
|
|
997
1002
|
const {
|
|
998
1003
|
image = Presentation.IMAGE_1,
|
|
@@ -1014,13 +1019,19 @@ Presentation.IMAGE_1 = "https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGD
|
|
|
1014
1019
|
Presentation.IMAGE_2 = "https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";
|
|
1015
1020
|
Presentation.IMAGE_3 = "https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";
|
|
1016
1021
|
Presentation.IMAGE_4 = "https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";
|
|
1017
|
-
var index$
|
|
1022
|
+
var index$n = /* @__PURE__ */ (() => ".android-pda-list{--base-font-size: 36px}.android-pda-list .default-item{background-color:#282828;font-size:var(--base-font-size);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")();
|
|
1018
1023
|
function empty$1() {
|
|
1019
1024
|
}
|
|
1020
1025
|
function List$1(props) {
|
|
1021
|
-
const {
|
|
1026
|
+
const {
|
|
1027
|
+
dataSource = [],
|
|
1028
|
+
onClickItem,
|
|
1029
|
+
onItemClick = empty$1,
|
|
1030
|
+
style = {}
|
|
1031
|
+
} = props;
|
|
1022
1032
|
return /* @__PURE__ */ React.createElement("div", {
|
|
1023
|
-
className: "android-pda-list"
|
|
1033
|
+
className: "android-pda-list",
|
|
1034
|
+
style
|
|
1024
1035
|
}, dataSource.map((item, index2) => {
|
|
1025
1036
|
return /* @__PURE__ */ React.createElement(DefaultItem, {
|
|
1026
1037
|
key: item.key || index2,
|
|
@@ -1060,7 +1071,7 @@ function DefaultItem(props) {
|
|
|
1060
1071
|
}, extra));
|
|
1061
1072
|
}
|
|
1062
1073
|
List$1.Item = DefaultItem;
|
|
1063
|
-
var index$
|
|
1074
|
+
var index$m = /* @__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")();
|
|
1064
1075
|
const blankFunc$5 = () => {
|
|
1065
1076
|
};
|
|
1066
1077
|
class BaseLayoutContainer extends React.Component {
|
|
@@ -1333,7 +1344,8 @@ class BarcodeScan extends React.Component {
|
|
|
1333
1344
|
const { onBarcodeScan } = this.props;
|
|
1334
1345
|
this._stopWork();
|
|
1335
1346
|
playSound("scan");
|
|
1336
|
-
|
|
1347
|
+
const scanData = String(e.param.scanData).trim();
|
|
1348
|
+
onBarcodeScan && onBarcodeScan({ scanData });
|
|
1337
1349
|
};
|
|
1338
1350
|
this._startWork = (e) => {
|
|
1339
1351
|
document.addEventListener("BarcodeScan", this._handleBarcodeScan);
|
|
@@ -1416,32 +1428,26 @@ class BaseLayout extends React.Component {
|
|
|
1416
1428
|
});
|
|
1417
1429
|
}
|
|
1418
1430
|
}
|
|
1419
|
-
var index$
|
|
1431
|
+
var index$l = /* @__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")();
|
|
1420
1432
|
const blankFunc$1 = () => {
|
|
1421
1433
|
};
|
|
1422
1434
|
function Keyborard(props) {
|
|
1423
|
-
const {
|
|
1435
|
+
const {
|
|
1436
|
+
label = "\u67E5\u8BE2",
|
|
1437
|
+
onWakeKeyboard = blankFunc$1,
|
|
1438
|
+
onClick = blankFunc$1,
|
|
1439
|
+
onHidden = blankFunc$1,
|
|
1440
|
+
type = "tel",
|
|
1441
|
+
placeholder = "\u8BF7\u8F93\u5165",
|
|
1442
|
+
autoClose = true
|
|
1443
|
+
} = props;
|
|
1424
1444
|
const inputRef = useRef(null);
|
|
1425
1445
|
const [visible, setVisible] = useState(true);
|
|
1426
1446
|
useEffect(() => {
|
|
1427
|
-
const handleKeyUp = (e) => {
|
|
1428
|
-
const { code, keyCode, key } = e;
|
|
1429
|
-
if (code === "Enter") {
|
|
1430
|
-
e.preventDefault();
|
|
1431
|
-
onClick(inputRef.current.value, e);
|
|
1432
|
-
onHidden(true);
|
|
1433
|
-
setVisible(false);
|
|
1434
|
-
return;
|
|
1435
|
-
}
|
|
1436
|
-
};
|
|
1437
1447
|
requestAnimationFrame(() => {
|
|
1438
1448
|
inputRef.current.focus();
|
|
1439
1449
|
onWakeKeyboard();
|
|
1440
1450
|
});
|
|
1441
|
-
document.addEventListener("keyup", handleKeyUp);
|
|
1442
|
-
return () => {
|
|
1443
|
-
document.removeEventListener("keyup", handleKeyUp);
|
|
1444
|
-
};
|
|
1445
1451
|
}, []);
|
|
1446
1452
|
if (!visible)
|
|
1447
1453
|
return null;
|
|
@@ -1460,7 +1466,18 @@ function Keyborard(props) {
|
|
|
1460
1466
|
}, /* @__PURE__ */ React.createElement("input", {
|
|
1461
1467
|
ref: inputRef,
|
|
1462
1468
|
type,
|
|
1463
|
-
placeholder
|
|
1469
|
+
placeholder,
|
|
1470
|
+
onKeyUp: (e) => {
|
|
1471
|
+
const { code, keyCode } = e;
|
|
1472
|
+
const value = String(e.target.value).trim();
|
|
1473
|
+
if ((code === "Enter" || keyCode === 13) && value.length > 0) {
|
|
1474
|
+
e.preventDefault();
|
|
1475
|
+
onClick(value, e);
|
|
1476
|
+
onHidden(true);
|
|
1477
|
+
setVisible(false);
|
|
1478
|
+
return;
|
|
1479
|
+
}
|
|
1480
|
+
}
|
|
1464
1481
|
}), /* @__PURE__ */ React.createElement(Button, {
|
|
1465
1482
|
type: "cutout",
|
|
1466
1483
|
onClick: (e) => {
|
|
@@ -1476,7 +1493,11 @@ const blankFunc = () => {
|
|
|
1476
1493
|
};
|
|
1477
1494
|
function WakeKeyborard(props) {
|
|
1478
1495
|
const [inputVisible, setInputVisible] = useState(props.autoWakeup || false);
|
|
1479
|
-
const {
|
|
1496
|
+
const {
|
|
1497
|
+
onClick = blankFunc,
|
|
1498
|
+
onHidden = blankFunc,
|
|
1499
|
+
...keyborardProps
|
|
1500
|
+
} = props;
|
|
1480
1501
|
return /* @__PURE__ */ React.createElement("div", {
|
|
1481
1502
|
className: "wakekeyborard"
|
|
1482
1503
|
}, inputVisible ? /* @__PURE__ */ React.createElement(Keyborard, {
|
|
@@ -1554,7 +1575,7 @@ class UploadeButton extends Component {
|
|
|
1554
1575
|
}))));
|
|
1555
1576
|
}
|
|
1556
1577
|
}
|
|
1557
|
-
var index$
|
|
1578
|
+
var index$k = /* @__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")();
|
|
1558
1579
|
const classPrefix$1 = "image-viewer";
|
|
1559
1580
|
class ImageViewer extends Component {
|
|
1560
1581
|
constructor(props) {
|
|
@@ -1850,9 +1871,9 @@ class ImageUploader extends Component {
|
|
|
1850
1871
|
}));
|
|
1851
1872
|
}
|
|
1852
1873
|
}
|
|
1853
|
-
var index$
|
|
1854
|
-
var index$
|
|
1855
|
-
var index$
|
|
1874
|
+
var index$j = /* @__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")();
|
|
1875
|
+
var index$i = /* @__PURE__ */ (() => "")();
|
|
1876
|
+
var index$h = /* @__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")();
|
|
1856
1877
|
class PdaInfoCard$1 extends React.Component {
|
|
1857
1878
|
constructor(props) {
|
|
1858
1879
|
super(props);
|
|
@@ -1907,7 +1928,7 @@ class PdaInfoCard extends React.Component {
|
|
|
1907
1928
|
}
|
|
1908
1929
|
}
|
|
1909
1930
|
__publicField(PdaInfoCard, "Step", PdaInfoCard$1);
|
|
1910
|
-
var index$
|
|
1931
|
+
var index$g = /* @__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")();
|
|
1911
1932
|
class PdaFinishCard extends React.Component {
|
|
1912
1933
|
constructor(props) {
|
|
1913
1934
|
super(props);
|
|
@@ -1950,7 +1971,7 @@ class PdaFinishCard extends React.Component {
|
|
|
1950
1971
|
}
|
|
1951
1972
|
PdaFinishCard.SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";
|
|
1952
1973
|
PdaFinishCard.ERROR_SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";
|
|
1953
|
-
var index$
|
|
1974
|
+
var index$f = /* @__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")();
|
|
1954
1975
|
class PdaDistanceCard extends React.Component {
|
|
1955
1976
|
constructor(props) {
|
|
1956
1977
|
super(props);
|
|
@@ -1985,7 +2006,7 @@ class PdaDistanceCard extends React.Component {
|
|
|
1985
2006
|
}, /* @__PURE__ */ React.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React.createElement("p", null, "\u8FD1")));
|
|
1986
2007
|
}
|
|
1987
2008
|
}
|
|
1988
|
-
var index$
|
|
2009
|
+
var index$e = /* @__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")();
|
|
1989
2010
|
function SubCard(props) {
|
|
1990
2011
|
const { title, context, name, tag, attrs = [], style } = props;
|
|
1991
2012
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2011,7 +2032,7 @@ function SubCard(props) {
|
|
|
2011
2032
|
}, text);
|
|
2012
2033
|
})));
|
|
2013
2034
|
}
|
|
2014
|
-
var index$
|
|
2035
|
+
var index$d = /* @__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")();
|
|
2015
2036
|
function SelectCard(props) {
|
|
2016
2037
|
const { title, label, select = true, onClick = (e) => {
|
|
2017
2038
|
} } = props;
|
|
@@ -2024,10 +2045,10 @@ function SelectCard(props) {
|
|
|
2024
2045
|
className: "select-icon"
|
|
2025
2046
|
}) : null, " "));
|
|
2026
2047
|
}
|
|
2027
|
-
var index$
|
|
2048
|
+
var index$c = /* @__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")();
|
|
2028
2049
|
function empty() {
|
|
2029
2050
|
}
|
|
2030
|
-
function index$
|
|
2051
|
+
function index$b(props) {
|
|
2031
2052
|
const { dataSource = [], onClickItem = empty } = props;
|
|
2032
2053
|
let tabIndex = 1;
|
|
2033
2054
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2055,7 +2076,7 @@ function index$9(props) {
|
|
|
2055
2076
|
})));
|
|
2056
2077
|
}));
|
|
2057
2078
|
}
|
|
2058
|
-
var index$
|
|
2079
|
+
var index$a = /* @__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")();
|
|
2059
2080
|
function usePersistFn(fn) {
|
|
2060
2081
|
var fnRef = useRef(fn);
|
|
2061
2082
|
fnRef.current = fn;
|
|
@@ -2373,7 +2394,7 @@ function InfiniteScroll(props) {
|
|
|
2373
2394
|
className: "pda-infinite-scroll-view"
|
|
2374
2395
|
}, /* @__PURE__ */ React.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86~")));
|
|
2375
2396
|
}
|
|
2376
|
-
var index$
|
|
2397
|
+
var index$9 = /* @__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")();
|
|
2377
2398
|
function ActionSheet(props) {
|
|
2378
2399
|
const {
|
|
2379
2400
|
className = "",
|
|
@@ -2421,14 +2442,14 @@ function ActionSheet(props) {
|
|
|
2421
2442
|
}, item.title);
|
|
2422
2443
|
})) : null));
|
|
2423
2444
|
}
|
|
2424
|
-
var index$
|
|
2445
|
+
var index$8 = /* @__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")();
|
|
2425
2446
|
function Tag(props) {
|
|
2426
2447
|
const { className = void 0, label = "label", type = "success" } = props;
|
|
2427
2448
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2428
2449
|
className: classNames({ [className]: true, "pda-tag": true, ["pda-tag-" + type]: true })
|
|
2429
2450
|
}, label);
|
|
2430
2451
|
}
|
|
2431
|
-
var index$
|
|
2452
|
+
var index$7 = /* @__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")();
|
|
2432
2453
|
function SimpleCard(props) {
|
|
2433
2454
|
const { className = "", title = "", content = "", type = "default", onClick = () => {
|
|
2434
2455
|
} } = props;
|
|
@@ -2441,7 +2462,7 @@ function SimpleCard(props) {
|
|
|
2441
2462
|
className: "simple-card-content"
|
|
2442
2463
|
}, content)) : null;
|
|
2443
2464
|
}
|
|
2444
|
-
var index$
|
|
2465
|
+
var index$6 = /* @__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")();
|
|
2445
2466
|
function SimpleCardBlock(props) {
|
|
2446
2467
|
const { className = void 0, dataSource = [], title = "", tag } = props;
|
|
2447
2468
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2463,8 +2484,8 @@ function SimpleCardBlock(props) {
|
|
|
2463
2484
|
});
|
|
2464
2485
|
})) : null);
|
|
2465
2486
|
}
|
|
2466
|
-
var index$
|
|
2467
|
-
function index$
|
|
2487
|
+
var index$5 = /* @__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")();
|
|
2488
|
+
function index$4(props) {
|
|
2468
2489
|
const { row = 3, col = 3, dataSource = [] } = props;
|
|
2469
2490
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2470
2491
|
className: "lattice-mouth"
|
|
@@ -2495,10 +2516,10 @@ function renderItem(dataSource, rowIndex, colIndex, col) {
|
|
|
2495
2516
|
function getDataSourceItem(dataSource, rowIndex, colIndex, col) {
|
|
2496
2517
|
return dataSource[rowIndex * col + colIndex];
|
|
2497
2518
|
}
|
|
2498
|
-
var index$
|
|
2519
|
+
var index$3 = /* @__PURE__ */ (() => ".android-op-card{--base-font-size: 20px;--background-color: #ffffff;--color: #282828;--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
2520
|
const DARK_STYLE = {
|
|
2500
2521
|
"--base-font-size": "20px",
|
|
2501
|
-
"--background-color": "#
|
|
2522
|
+
"--background-color": "#282828",
|
|
2502
2523
|
"--color": "#FFFFFF",
|
|
2503
2524
|
"--main-color": "#FFFFFF",
|
|
2504
2525
|
"--border-radius": "6px",
|
|
@@ -2564,6 +2585,95 @@ function SplitContent(props) {
|
|
|
2564
2585
|
className: "card-content"
|
|
2565
2586
|
}, content[0]);
|
|
2566
2587
|
}
|
|
2588
|
+
var index$2 = /* @__PURE__ */ (() => ".android-pda-picker{--base-font-size: 24px;--border-radius: 6px;position:relative;background-color:#282828;padding:.5em;border-radius:var(--border-radius);font-size:var(--base-font-size)}.android-pda-picker .text{color:#999;min-height:1em;display:block}.android-pda-picker .icon{position:absolute;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;height:40%;right:10px;top:30%}.android-pda-picker-overlay{--base-font-size: 24px;display:block;width:100%;background-color:#000}.android-pda-picker-overlay .title{display:flex;align-items:center;color:#000;border-top:1px solid #000000;border-bottom:1px solid #727272;font-size:var(--base-font-size);position:relative;z-index:1;padding:1em}.android-pda-picker-overlay .title .filter-input{font-size:var(--base-font-size);box-sizing:border-box;padding:.5em .5em .5em 2em;background-color:#282828;border:none;color:#fff;border-radius:6px;flex:1}.android-pda-picker-overlay .title .filter-input:focus{background-color:#7e7e7e;outline:1px solid #00ccff}.android-pda-picker-overlay .title .filter-input:focus~.search-icon{color:#fff}.android-pda-picker-overlay .title .filter-input:focus~.cancel{display:block}.android-pda-picker-overlay .title .cancel{display:none;padding:0 1em;color:#fff}.android-pda-picker-overlay .title .search-icon{position:absolute;color:#ababab;top:1.5em;left:1.5em}.android-pda-picker-overlay .android-pda-picker-list{font-size:var(--base-font-size);height:70vh;overflow-y:auto;padding:1em}\n")();
|
|
2589
|
+
function index$1(props) {
|
|
2590
|
+
const { dataSource, defaultValue, placeholder = "\u8BF7\u9009\u62E9", onChange } = props;
|
|
2591
|
+
const inputRef = React.useRef();
|
|
2592
|
+
const [display, setDisplay] = React.useState(false);
|
|
2593
|
+
const [filter, setFilter] = React.useState("");
|
|
2594
|
+
const [selected, setSelected] = React.useState(() => {
|
|
2595
|
+
return dataSource.find((item) => item.value === defaultValue) || {};
|
|
2596
|
+
});
|
|
2597
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
|
|
2598
|
+
className: "android-pda-picker",
|
|
2599
|
+
onClick: () => setDisplay(true)
|
|
2600
|
+
}, /* @__PURE__ */ React.createElement("span", {
|
|
2601
|
+
className: "text"
|
|
2602
|
+
}, defaultValue === void 0 ? placeholder : selected.label), /* @__PURE__ */ React.createElement("span", {
|
|
2603
|
+
className: "icon"
|
|
2604
|
+
})), display ? /* @__PURE__ */ React.createElement(Overlay$1, {
|
|
2605
|
+
verticalPosition: "bottom",
|
|
2606
|
+
closable: true,
|
|
2607
|
+
onClosed: () => setDisplay(false)
|
|
2608
|
+
}, /* @__PURE__ */ React.createElement("div", {
|
|
2609
|
+
className: "android-pda-picker-overlay"
|
|
2610
|
+
}, /* @__PURE__ */ React.createElement("div", {
|
|
2611
|
+
className: "title"
|
|
2612
|
+
}, /* @__PURE__ */ React.createElement("input", {
|
|
2613
|
+
ref: inputRef,
|
|
2614
|
+
placeholder: "\u641C\u7D22",
|
|
2615
|
+
className: "filter-input",
|
|
2616
|
+
onClick: (e) => {
|
|
2617
|
+
e.stopPropagation();
|
|
2618
|
+
e.preventDefault();
|
|
2619
|
+
},
|
|
2620
|
+
onBlur: () => {
|
|
2621
|
+
inputRef.current.value = "";
|
|
2622
|
+
setFilter("");
|
|
2623
|
+
},
|
|
2624
|
+
onChange: (e) => setFilter(e.target.value)
|
|
2625
|
+
}), /* @__PURE__ */ React.createElement("span", {
|
|
2626
|
+
className: "cancel",
|
|
2627
|
+
onClick: (e) => {
|
|
2628
|
+
e.stopPropagation();
|
|
2629
|
+
e.preventDefault();
|
|
2630
|
+
}
|
|
2631
|
+
}, "\u53D6\u6D88"), /* @__PURE__ */ React.createElement(SearchIcon, null)), /* @__PURE__ */ React.createElement("div", {
|
|
2632
|
+
className: "android-pda-picker-list"
|
|
2633
|
+
}, /* @__PURE__ */ React.createElement(List$1, {
|
|
2634
|
+
onClickItem: (item) => {
|
|
2635
|
+
setSelected(dataSource[item.index]);
|
|
2636
|
+
onChange(dataSource[item.index]);
|
|
2637
|
+
setDisplay(false);
|
|
2638
|
+
},
|
|
2639
|
+
dataSource: dataSource.filter((item) => {
|
|
2640
|
+
return new RegExp(filter).test(item.label);
|
|
2641
|
+
}).map((item, index2) => {
|
|
2642
|
+
return {
|
|
2643
|
+
index: index2,
|
|
2644
|
+
title: item.label
|
|
2645
|
+
};
|
|
2646
|
+
})
|
|
2647
|
+
})))) : null);
|
|
2648
|
+
}
|
|
2649
|
+
function SearchIcon() {
|
|
2650
|
+
return /* @__PURE__ */ React.createElement("svg", {
|
|
2651
|
+
className: "search-icon",
|
|
2652
|
+
width: "1em",
|
|
2653
|
+
height: "1em",
|
|
2654
|
+
viewBox: "0 0 48 48"
|
|
2655
|
+
}, /* @__PURE__ */ React.createElement("g", {
|
|
2656
|
+
id: "SearchOutline-SearchOutline",
|
|
2657
|
+
stroke: "none",
|
|
2658
|
+
"stroke-width": "1",
|
|
2659
|
+
fill: "none",
|
|
2660
|
+
fillRule: "evenodd"
|
|
2661
|
+
}, /* @__PURE__ */ React.createElement("g", {
|
|
2662
|
+
id: "SearchOutline-\u7F16\u7EC4"
|
|
2663
|
+
}, /* @__PURE__ */ React.createElement("rect", {
|
|
2664
|
+
id: "SearchOutline-\u77E9\u5F62",
|
|
2665
|
+
fill: "#FFFFFF",
|
|
2666
|
+
opacity: "0",
|
|
2667
|
+
x: "0",
|
|
2668
|
+
y: "0",
|
|
2669
|
+
width: "48",
|
|
2670
|
+
height: "48"
|
|
2671
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
2672
|
+
d: "M10.2434135,10.1505371 C17.2346315,3.28315429 28.5696354,3.28315429 35.5608534,10.1505371 C42.3159331,16.7859644 42.5440954,27.4048667 36.2453405,34.3093889 L43.7095294,41.6422249 C43.8671196,41.7970419 43.8693677,42.0502979 43.7145508,42.2078881 C43.7128864,42.2095822 43.7112069,42.2112616 43.7095126,42.2129259 L42.1705322,43.7246464 C42.014915,43.8775072 41.7655181,43.8775006 41.6099089,43.7246316 L34.0775268,36.3248916 L34.0775268,36.3248916 C27.0485579,41.8551751 16.7593545,41.4200547 10.2434135,35.0195303 C3.25219551,28.1521474 3.25219551,17.0179199 10.2434135,10.1505371 Z M12.3532001,12.2229532 C6.52718516,17.9457722 6.52718516,27.2242951 12.3532001,32.9471142 C18.1792151,38.6699332 27.6250517,38.6699332 33.4510667,32.9471142 C39.2770817,27.2242951 39.2770817,17.9457722 33.4510667,12.2229532 C27.6250517,6.50013419 18.1792151,6.50013419 12.3532001,12.2229532 Z",
|
|
2673
|
+
fill: "currentColor",
|
|
2674
|
+
fillRule: "nonzero"
|
|
2675
|
+
}))));
|
|
2676
|
+
}
|
|
2567
2677
|
function index(props) {
|
|
2568
2678
|
const { visible, text = "LOADING..." } = props;
|
|
2569
2679
|
if (!visible) {
|
|
@@ -2585,4 +2695,4 @@ function index(props) {
|
|
|
2585
2695
|
})), /* @__PURE__ */ React.createElement("div", null, text)));
|
|
2586
2696
|
}
|
|
2587
2697
|
const ListItem = PdaListItem;
|
|
2588
|
-
export { ActionSheet, index$
|
|
2698
|
+
export { ActionSheet, index$b as AppList, BaseLayout, Button, List as Card, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$y as Header, ImageUploader, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, Keyborard, index$4 as LatticeMouth, List$1 as List, ListItem, index as Loading, Overlay$1 as Overlay, index$p as PageFlowSystemPages, index$1 as Picker, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };
|