@cniot/android-pda-components 0.2.69 → 0.2.72
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.7277a079.css +1 -0
- package/build/assets/{index.8e2e23d6.js → index.c46a4e0e.js} +70 -42
- package/build/index.html +2 -2
- package/doc/index.jsx +13 -0
- package/es/index.cjs.js +3 -3
- package/es/index.es.js +208 -75
- package/es/style.css +1 -1
- package/package.json +1 -1
- 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$D = /* @__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$C = /* @__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$B = /* @__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$A(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$z = /* @__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$y = /* @__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$x = /* @__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$w = /* @__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$v = /* @__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$u = /* @__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$t = /* @__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$s = /* @__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$r = {
|
|
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$q = /* @__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$p = /* @__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$o = /* @__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,7 +1428,7 @@ class BaseLayout extends React.Component {
|
|
|
1416
1428
|
});
|
|
1417
1429
|
}
|
|
1418
1430
|
}
|
|
1419
|
-
var index$
|
|
1431
|
+
var index$n = /* @__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) {
|
|
@@ -1458,7 +1470,7 @@ function Keyborard(props) {
|
|
|
1458
1470
|
onKeyUp: (e) => {
|
|
1459
1471
|
const { code, keyCode } = e;
|
|
1460
1472
|
const value = String(e.target.value).trim();
|
|
1461
|
-
if ((code === "Enter" || keyCode === 13) && value.length >
|
|
1473
|
+
if ((code === "Enter" || keyCode === 13) && value.length > 0) {
|
|
1462
1474
|
e.preventDefault();
|
|
1463
1475
|
onClick(value, e);
|
|
1464
1476
|
onHidden(true);
|
|
@@ -1563,7 +1575,7 @@ class UploadeButton extends Component {
|
|
|
1563
1575
|
}))));
|
|
1564
1576
|
}
|
|
1565
1577
|
}
|
|
1566
|
-
var index$
|
|
1578
|
+
var index$m = /* @__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")();
|
|
1567
1579
|
const classPrefix$1 = "image-viewer";
|
|
1568
1580
|
class ImageViewer extends Component {
|
|
1569
1581
|
constructor(props) {
|
|
@@ -1859,9 +1871,9 @@ class ImageUploader extends Component {
|
|
|
1859
1871
|
}));
|
|
1860
1872
|
}
|
|
1861
1873
|
}
|
|
1862
|
-
var index$
|
|
1863
|
-
var index$
|
|
1864
|
-
var index$
|
|
1874
|
+
var index$l = /* @__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$k = /* @__PURE__ */ (() => "")();
|
|
1876
|
+
var index$j = /* @__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")();
|
|
1865
1877
|
class PdaInfoCard$1 extends React.Component {
|
|
1866
1878
|
constructor(props) {
|
|
1867
1879
|
super(props);
|
|
@@ -1916,7 +1928,7 @@ class PdaInfoCard extends React.Component {
|
|
|
1916
1928
|
}
|
|
1917
1929
|
}
|
|
1918
1930
|
__publicField(PdaInfoCard, "Step", PdaInfoCard$1);
|
|
1919
|
-
var index$
|
|
1931
|
+
var index$i = /* @__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")();
|
|
1920
1932
|
class PdaFinishCard extends React.Component {
|
|
1921
1933
|
constructor(props) {
|
|
1922
1934
|
super(props);
|
|
@@ -1959,7 +1971,7 @@ class PdaFinishCard extends React.Component {
|
|
|
1959
1971
|
}
|
|
1960
1972
|
PdaFinishCard.SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";
|
|
1961
1973
|
PdaFinishCard.ERROR_SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";
|
|
1962
|
-
var index$
|
|
1974
|
+
var index$h = /* @__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")();
|
|
1963
1975
|
class PdaDistanceCard extends React.Component {
|
|
1964
1976
|
constructor(props) {
|
|
1965
1977
|
super(props);
|
|
@@ -1994,7 +2006,7 @@ class PdaDistanceCard extends React.Component {
|
|
|
1994
2006
|
}, /* @__PURE__ */ React.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React.createElement("p", null, "\u8FD1")));
|
|
1995
2007
|
}
|
|
1996
2008
|
}
|
|
1997
|
-
var index$
|
|
2009
|
+
var index$g = /* @__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")();
|
|
1998
2010
|
function SubCard(props) {
|
|
1999
2011
|
const { title, context, name, tag, attrs = [], style } = props;
|
|
2000
2012
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2020,7 +2032,7 @@ function SubCard(props) {
|
|
|
2020
2032
|
}, text);
|
|
2021
2033
|
})));
|
|
2022
2034
|
}
|
|
2023
|
-
var index$
|
|
2035
|
+
var index$f = /* @__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")();
|
|
2024
2036
|
function SelectCard(props) {
|
|
2025
2037
|
const { title, label, select = true, onClick = (e) => {
|
|
2026
2038
|
} } = props;
|
|
@@ -2033,10 +2045,10 @@ function SelectCard(props) {
|
|
|
2033
2045
|
className: "select-icon"
|
|
2034
2046
|
}) : null, " "));
|
|
2035
2047
|
}
|
|
2036
|
-
var index$
|
|
2048
|
+
var index$e = /* @__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")();
|
|
2037
2049
|
function empty() {
|
|
2038
2050
|
}
|
|
2039
|
-
function index$
|
|
2051
|
+
function index$d(props) {
|
|
2040
2052
|
const { dataSource = [], onClickItem = empty } = props;
|
|
2041
2053
|
let tabIndex = 1;
|
|
2042
2054
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2064,7 +2076,7 @@ function index$9(props) {
|
|
|
2064
2076
|
})));
|
|
2065
2077
|
}));
|
|
2066
2078
|
}
|
|
2067
|
-
var index$
|
|
2079
|
+
var index$c = /* @__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")();
|
|
2068
2080
|
function usePersistFn(fn) {
|
|
2069
2081
|
var fnRef = useRef(fn);
|
|
2070
2082
|
fnRef.current = fn;
|
|
@@ -2382,7 +2394,7 @@ function InfiniteScroll(props) {
|
|
|
2382
2394
|
className: "pda-infinite-scroll-view"
|
|
2383
2395
|
}, /* @__PURE__ */ React.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86~")));
|
|
2384
2396
|
}
|
|
2385
|
-
var index$
|
|
2397
|
+
var index$b = /* @__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")();
|
|
2386
2398
|
function ActionSheet(props) {
|
|
2387
2399
|
const {
|
|
2388
2400
|
className = "",
|
|
@@ -2430,14 +2442,14 @@ function ActionSheet(props) {
|
|
|
2430
2442
|
}, item.title);
|
|
2431
2443
|
})) : null));
|
|
2432
2444
|
}
|
|
2433
|
-
var index$
|
|
2445
|
+
var index$a = /* @__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")();
|
|
2434
2446
|
function Tag(props) {
|
|
2435
2447
|
const { className = void 0, label = "label", type = "success" } = props;
|
|
2436
2448
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2437
2449
|
className: classNames({ [className]: true, "pda-tag": true, ["pda-tag-" + type]: true })
|
|
2438
2450
|
}, label);
|
|
2439
2451
|
}
|
|
2440
|
-
var index$
|
|
2452
|
+
var index$9 = /* @__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")();
|
|
2441
2453
|
function SimpleCard(props) {
|
|
2442
2454
|
const { className = "", title = "", content = "", type = "default", onClick = () => {
|
|
2443
2455
|
} } = props;
|
|
@@ -2450,7 +2462,7 @@ function SimpleCard(props) {
|
|
|
2450
2462
|
className: "simple-card-content"
|
|
2451
2463
|
}, content)) : null;
|
|
2452
2464
|
}
|
|
2453
|
-
var index$
|
|
2465
|
+
var index$8 = /* @__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")();
|
|
2454
2466
|
function SimpleCardBlock(props) {
|
|
2455
2467
|
const { className = void 0, dataSource = [], title = "", tag } = props;
|
|
2456
2468
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2472,8 +2484,8 @@ function SimpleCardBlock(props) {
|
|
|
2472
2484
|
});
|
|
2473
2485
|
})) : null);
|
|
2474
2486
|
}
|
|
2475
|
-
var index$
|
|
2476
|
-
function index$
|
|
2487
|
+
var index$7 = /* @__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$6(props) {
|
|
2477
2489
|
const { row = 3, col = 3, dataSource = [] } = props;
|
|
2478
2490
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2479
2491
|
className: "lattice-mouth"
|
|
@@ -2504,10 +2516,10 @@ function renderItem(dataSource, rowIndex, colIndex, col) {
|
|
|
2504
2516
|
function getDataSourceItem(dataSource, rowIndex, colIndex, col) {
|
|
2505
2517
|
return dataSource[rowIndex * col + colIndex];
|
|
2506
2518
|
}
|
|
2507
|
-
var index$
|
|
2519
|
+
var index$5 = /* @__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")();
|
|
2508
2520
|
const DARK_STYLE = {
|
|
2509
2521
|
"--base-font-size": "20px",
|
|
2510
|
-
"--background-color": "#
|
|
2522
|
+
"--background-color": "#282828",
|
|
2511
2523
|
"--color": "#FFFFFF",
|
|
2512
2524
|
"--main-color": "#FFFFFF",
|
|
2513
2525
|
"--border-radius": "6px",
|
|
@@ -2573,7 +2585,96 @@ function SplitContent(props) {
|
|
|
2573
2585
|
className: "card-content"
|
|
2574
2586
|
}, content[0]);
|
|
2575
2587
|
}
|
|
2576
|
-
|
|
2588
|
+
var index$4 = /* @__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$3(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
|
+
}
|
|
2677
|
+
function index$2(props) {
|
|
2577
2678
|
const { visible, text = "LOADING..." } = props;
|
|
2578
2679
|
if (!visible) {
|
|
2579
2680
|
return null;
|
|
@@ -2593,5 +2694,37 @@ function index(props) {
|
|
|
2593
2694
|
"p-id": "2179"
|
|
2594
2695
|
})), /* @__PURE__ */ React.createElement("div", null, text)));
|
|
2595
2696
|
}
|
|
2697
|
+
var index$1 = /* @__PURE__ */ (() => ".android-op-input-item{--base-font-size: 18px;--color: #ffffff;--background-color: #545454;position:relative;background-color:var(--background-color);border-radius:6px}.android-op-input-item label{display:flex;align-items:center}.android-op-input-item .label-text{font-size:var(--base-font-size);color:var(--color);position:absolute;left:.5em}.android-op-input-item input{background-color:transparent;border:none;flex:1;font-size:calc(var(--base-font-size) * 1.2);padding:.5em;text-align:right;color:var(--color)}.android-op-input-item input:focus{outline:#ffffff}\n")();
|
|
2698
|
+
function index(props) {
|
|
2699
|
+
const {
|
|
2700
|
+
label = "",
|
|
2701
|
+
autoFocus = true,
|
|
2702
|
+
defaultValue,
|
|
2703
|
+
placeholder,
|
|
2704
|
+
type = "number",
|
|
2705
|
+
onChange,
|
|
2706
|
+
onSubmit
|
|
2707
|
+
} = props;
|
|
2708
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
2709
|
+
className: "android-op-input-item"
|
|
2710
|
+
}, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("span", {
|
|
2711
|
+
className: "label-text"
|
|
2712
|
+
}, label), /* @__PURE__ */ React.createElement("input", {
|
|
2713
|
+
autoFocus,
|
|
2714
|
+
type,
|
|
2715
|
+
placeholder,
|
|
2716
|
+
defaultValue,
|
|
2717
|
+
onKeyUp: (e) => {
|
|
2718
|
+
const { keyCode } = e;
|
|
2719
|
+
const value = String(e.target.value).trim();
|
|
2720
|
+
if (keyCode === 13) {
|
|
2721
|
+
e.preventDefault();
|
|
2722
|
+
onSubmit && onSubmit(value);
|
|
2723
|
+
return;
|
|
2724
|
+
}
|
|
2725
|
+
onChange && onChange(value);
|
|
2726
|
+
}
|
|
2727
|
+
})));
|
|
2728
|
+
}
|
|
2596
2729
|
const ListItem = PdaListItem;
|
|
2597
|
-
export { ActionSheet, index$
|
|
2730
|
+
export { ActionSheet, index$d as AppList, BaseLayout, Button, List as Card, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$A as Header, ImageUploader, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, index as InputItem, Keyborard, index$6 as LatticeMouth, List$1 as List, ListItem, index$2 as Loading, Overlay$1 as Overlay, index$r as PageFlowSystemPages, index$3 as Picker, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };
|