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