@cniot/android-pda-components 0.2.70 → 0.2.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/assets/index.554e863b.css +1 -0
- package/build/assets/{index.7b4c830f.js → index.e4f65b3b.js} +48 -42
- package/build/index.html +2 -2
- package/doc/index.jsx +6 -0
- package/es/index.cjs.js +3 -3
- package/es/index.es.js +171 -72
- 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$B = /* @__PURE__ */ (() => ".op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}\n")();
|
|
59
59
|
function getTypeClass$2(type) {
|
|
60
60
|
return {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
center: "op-overlay center",
|
|
62
|
+
top: "op-overlay top",
|
|
63
|
+
bottom: "op-overlay bottom"
|
|
64
64
|
}[type] || "op-overlay";
|
|
65
65
|
}
|
|
66
66
|
function Overlay$1(props) {
|
|
67
|
-
const {
|
|
68
|
-
|
|
67
|
+
const {
|
|
68
|
+
verticalPosition = "center",
|
|
69
|
+
visible = true,
|
|
70
|
+
closable = false,
|
|
71
|
+
onClosed = () => {
|
|
72
|
+
}
|
|
73
|
+
} = props;
|
|
74
|
+
const overlayRef = React.useRef();
|
|
69
75
|
const [hidden, setHidden] = useState(!visible);
|
|
70
76
|
useEffect(() => {
|
|
71
77
|
setHidden(!visible);
|
|
72
78
|
}, [visible]);
|
|
73
|
-
const option = {};
|
|
74
|
-
if (closable) {
|
|
75
|
-
option.onClick = (e) => {
|
|
76
|
-
setHidden(true);
|
|
77
|
-
onClosed();
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
useEffect(() => {
|
|
81
|
-
setHidden(!visible);
|
|
82
|
-
}, [visible]);
|
|
83
79
|
return !hidden ? /* @__PURE__ */ React.createElement("div", {
|
|
80
|
+
ref: overlayRef,
|
|
84
81
|
className: getTypeClass$2(verticalPosition),
|
|
85
|
-
|
|
82
|
+
onClick: (e) => {
|
|
83
|
+
if (e.target === overlayRef.current && closable) {
|
|
84
|
+
setHidden(true);
|
|
85
|
+
onClosed();
|
|
86
|
+
}
|
|
87
|
+
}
|
|
86
88
|
}, props.children) : null;
|
|
87
89
|
}
|
|
88
|
-
var index$
|
|
90
|
+
var index$A = /* @__PURE__ */ (() => ".pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-right:12px}.pda-header .header-click-area{padding-right:16px;height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-header-icon{height:100%;width:65px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon:active{background-color:#d8d8d8}.pda-header .pda-header-icon-back{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);background-size:17px 32px}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png);background-size:34px auto}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png);background-size:36px auto}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png);background-size:35px auto}.pda-header .pda-title-text{font-size:40px;flex:1}.pda-header .pda-header-more{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:36px auto}.pda-header .pda-header-config{background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png);background-size:36px auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}\n")();
|
|
89
91
|
const blankFunc$6 = () => {
|
|
90
92
|
};
|
|
91
93
|
class PdaTitle extends React.Component {
|
|
@@ -264,7 +266,7 @@ var _keycode_2_2_1_keycode = { exports: {} };
|
|
|
264
266
|
}
|
|
265
267
|
})(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
|
|
266
268
|
var keycode = _keycode_2_2_1_keycode.exports;
|
|
267
|
-
var index$
|
|
269
|
+
var index$z = /* @__PURE__ */ (() => ".pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:40px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}\n")();
|
|
268
270
|
function Button(props) {
|
|
269
271
|
const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
|
|
270
272
|
let opt = {};
|
|
@@ -287,7 +289,7 @@ Button.Group = ButtonGroup;
|
|
|
287
289
|
const SPECIAL_KEY_MAP = ["fn"];
|
|
288
290
|
const empty$3 = () => {
|
|
289
291
|
};
|
|
290
|
-
function index$
|
|
292
|
+
function index$y(props) {
|
|
291
293
|
const {
|
|
292
294
|
onBack,
|
|
293
295
|
icon,
|
|
@@ -408,7 +410,7 @@ function addEventListener(node, eventName, fn) {
|
|
|
408
410
|
node.removeEventListener(eventName, fn);
|
|
409
411
|
};
|
|
410
412
|
}
|
|
411
|
-
var index$
|
|
413
|
+
var index$x = /* @__PURE__ */ (() => ".pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:700;padding-top:12px;display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:700;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight,.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}\n")();
|
|
412
414
|
class PdaInfoCard$2 extends React.Component {
|
|
413
415
|
constructor(props) {
|
|
414
416
|
super(props);
|
|
@@ -466,7 +468,7 @@ class PdaInfoCard$2 extends React.Component {
|
|
|
466
468
|
}
|
|
467
469
|
}
|
|
468
470
|
PdaInfoCard$2.IMAGE_1 = "https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";
|
|
469
|
-
var index$
|
|
471
|
+
var index$w = /* @__PURE__ */ (() => ".pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:700;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}\n")();
|
|
470
472
|
class PdaListItem extends React.Component {
|
|
471
473
|
constructor(props) {
|
|
472
474
|
super(props);
|
|
@@ -512,7 +514,7 @@ class PdaListItem extends React.Component {
|
|
|
512
514
|
}));
|
|
513
515
|
}
|
|
514
516
|
}
|
|
515
|
-
var index$
|
|
517
|
+
var index$v = /* @__PURE__ */ (() => ".confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}\n")();
|
|
516
518
|
function empty$2() {
|
|
517
519
|
}
|
|
518
520
|
function Confirm(props) {
|
|
@@ -557,7 +559,7 @@ function Confirm(props) {
|
|
|
557
559
|
dataClick: item.dataClick
|
|
558
560
|
}, item.label))) : null));
|
|
559
561
|
}
|
|
560
|
-
var index$
|
|
562
|
+
var index$u = /* @__PURE__ */ (() => ".toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:700}.toast-wrap .toast-message{font-size:32px}.loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n")();
|
|
561
563
|
function WindVaneLog(param) {
|
|
562
564
|
const params = {
|
|
563
565
|
domain: "logger",
|
|
@@ -811,37 +813,39 @@ function confirm(props) {
|
|
|
811
813
|
onClick: onNext
|
|
812
814
|
}));
|
|
813
815
|
}
|
|
814
|
-
var index$
|
|
816
|
+
var index$t = /* @__PURE__ */ (() => ".op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}\n")();
|
|
815
817
|
function getTypeClass(type) {
|
|
816
818
|
return {
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
819
|
+
center: "op-overlay center",
|
|
820
|
+
top: "op-overlay top",
|
|
821
|
+
bottom: "op-overlay bottom"
|
|
820
822
|
}[type] || "op-overlay";
|
|
821
823
|
}
|
|
822
824
|
function Overlay(props) {
|
|
823
|
-
const {
|
|
824
|
-
|
|
825
|
+
const {
|
|
826
|
+
verticalPosition = "center",
|
|
827
|
+
visible = true,
|
|
828
|
+
closable = false,
|
|
829
|
+
onClosed = () => {
|
|
830
|
+
}
|
|
831
|
+
} = props;
|
|
832
|
+
const overlayRef = React.useRef();
|
|
825
833
|
const [hidden, setHidden] = useState(!visible);
|
|
826
834
|
useEffect(() => {
|
|
827
835
|
setHidden(!visible);
|
|
828
836
|
}, [visible]);
|
|
829
|
-
const option = {};
|
|
830
|
-
if (closable) {
|
|
831
|
-
option.onClick = (e) => {
|
|
832
|
-
setHidden(true);
|
|
833
|
-
onClosed();
|
|
834
|
-
};
|
|
835
|
-
}
|
|
836
|
-
useEffect(() => {
|
|
837
|
-
setHidden(!visible);
|
|
838
|
-
}, [visible]);
|
|
839
837
|
return !hidden ? /* @__PURE__ */ React.createElement("div", {
|
|
838
|
+
ref: overlayRef,
|
|
840
839
|
className: getTypeClass(verticalPosition),
|
|
841
|
-
|
|
840
|
+
onClick: (e) => {
|
|
841
|
+
if (e.target === overlayRef.current && closable) {
|
|
842
|
+
setHidden(true);
|
|
843
|
+
onClosed();
|
|
844
|
+
}
|
|
845
|
+
}
|
|
842
846
|
}, props.children) : null;
|
|
843
847
|
}
|
|
844
|
-
var index$
|
|
848
|
+
var index$s = /* @__PURE__ */ (() => ".prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}\n")();
|
|
845
849
|
function Prompt(props) {
|
|
846
850
|
const inputRef = React.useRef();
|
|
847
851
|
const { data = {}, onNext } = props;
|
|
@@ -912,7 +916,7 @@ function splitMessage(message) {
|
|
|
912
916
|
var msg = String(message).split("by Error:");
|
|
913
917
|
return msg[1] || msg[0];
|
|
914
918
|
}
|
|
915
|
-
var index$
|
|
919
|
+
var index$r = /* @__PURE__ */ (() => ".mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}\n")();
|
|
916
920
|
function NotFound(props) {
|
|
917
921
|
return /* @__PURE__ */ React.createElement("div", {
|
|
918
922
|
style: { padding: "20%" }
|
|
@@ -920,7 +924,7 @@ function NotFound(props) {
|
|
|
920
924
|
style: { fontSize: "60%" }
|
|
921
925
|
}, "Not found")), /* @__PURE__ */ React.createElement("div", null, props.action.getPage()));
|
|
922
926
|
}
|
|
923
|
-
var index$
|
|
927
|
+
var index$q = /* @__PURE__ */ (() => ".loading-wrap{position:fixed;z-index:1000;left:0;top:0;background-color:#00000080;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loading-wrap .loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-wrap .loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n")();
|
|
924
928
|
function Loading$1(props) {
|
|
925
929
|
const [showLoading, setShowLoading] = React.useState(props.visible);
|
|
926
930
|
const edgeService = props.edgeService;
|
|
@@ -982,7 +986,7 @@ function Debug() {
|
|
|
982
986
|
console.warn('Please stop using "Debug" Components');
|
|
983
987
|
return null;
|
|
984
988
|
}
|
|
985
|
-
var index$
|
|
989
|
+
var index$p = {
|
|
986
990
|
Alert,
|
|
987
991
|
Start,
|
|
988
992
|
Toast: toast,
|
|
@@ -993,7 +997,7 @@ var index$n = {
|
|
|
993
997
|
Loading: Loading$1,
|
|
994
998
|
PlaySound
|
|
995
999
|
};
|
|
996
|
-
var index$
|
|
1000
|
+
var index$o = /* @__PURE__ */ (() => ".presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999}\n")();
|
|
997
1001
|
function Presentation(props) {
|
|
998
1002
|
const {
|
|
999
1003
|
image = Presentation.IMAGE_1,
|
|
@@ -1015,13 +1019,19 @@ Presentation.IMAGE_1 = "https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGD
|
|
|
1015
1019
|
Presentation.IMAGE_2 = "https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";
|
|
1016
1020
|
Presentation.IMAGE_3 = "https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";
|
|
1017
1021
|
Presentation.IMAGE_4 = "https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";
|
|
1018
|
-
var index$
|
|
1022
|
+
var index$n = /* @__PURE__ */ (() => ".android-pda-list{--base-font-size: 36px}.android-pda-list .default-item{background-color:#282828;font-size:var(--base-font-size);padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#0061a1}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7;line-height:1em}.android-pda-list .default-item .sub-tags{display:flex;margin-top:10px}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#008fed;padding:.3em;font-size:40%;margin-right:5px;border-radius:6px;color:#fff;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}\n")();
|
|
1019
1023
|
function empty$1() {
|
|
1020
1024
|
}
|
|
1021
1025
|
function List$1(props) {
|
|
1022
|
-
const {
|
|
1026
|
+
const {
|
|
1027
|
+
dataSource = [],
|
|
1028
|
+
onClickItem,
|
|
1029
|
+
onItemClick = empty$1,
|
|
1030
|
+
style = {}
|
|
1031
|
+
} = props;
|
|
1023
1032
|
return /* @__PURE__ */ React.createElement("div", {
|
|
1024
|
-
className: "android-pda-list"
|
|
1033
|
+
className: "android-pda-list",
|
|
1034
|
+
style
|
|
1025
1035
|
}, dataSource.map((item, index2) => {
|
|
1026
1036
|
return /* @__PURE__ */ React.createElement(DefaultItem, {
|
|
1027
1037
|
key: item.key || index2,
|
|
@@ -1061,7 +1071,7 @@ function DefaultItem(props) {
|
|
|
1061
1071
|
}, extra));
|
|
1062
1072
|
}
|
|
1063
1073
|
List$1.Item = DefaultItem;
|
|
1064
|
-
var index$
|
|
1074
|
+
var index$m = /* @__PURE__ */ (() => ".baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-top:16px}.baselayout-wrapper .baselayout-footer{padding:16px 0}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);background-repeat:no-repeat;background-position:center;background-size:120px 120px}\n")();
|
|
1065
1075
|
const blankFunc$5 = () => {
|
|
1066
1076
|
};
|
|
1067
1077
|
class BaseLayoutContainer extends React.Component {
|
|
@@ -1418,7 +1428,7 @@ class BaseLayout extends React.Component {
|
|
|
1418
1428
|
});
|
|
1419
1429
|
}
|
|
1420
1430
|
}
|
|
1421
|
-
var index$
|
|
1431
|
+
var index$l = /* @__PURE__ */ (() => ".wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}\n")();
|
|
1422
1432
|
const blankFunc$1 = () => {
|
|
1423
1433
|
};
|
|
1424
1434
|
function Keyborard(props) {
|
|
@@ -1460,7 +1470,7 @@ function Keyborard(props) {
|
|
|
1460
1470
|
onKeyUp: (e) => {
|
|
1461
1471
|
const { code, keyCode } = e;
|
|
1462
1472
|
const value = String(e.target.value).trim();
|
|
1463
|
-
if ((code === "Enter" || keyCode === 13) && value.length >
|
|
1473
|
+
if ((code === "Enter" || keyCode === 13) && value.length > 0) {
|
|
1464
1474
|
e.preventDefault();
|
|
1465
1475
|
onClick(value, e);
|
|
1466
1476
|
onHidden(true);
|
|
@@ -1565,7 +1575,7 @@ class UploadeButton extends Component {
|
|
|
1565
1575
|
}))));
|
|
1566
1576
|
}
|
|
1567
1577
|
}
|
|
1568
|
-
var index$
|
|
1578
|
+
var index$k = /* @__PURE__ */ (() => ".v-mask{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:1;display:unset}.v-mask .image-viewer-content{width:100vw;height:100vh;max-height:-webkit-fill-available;touch-action:none}.v-mask .image-viewer-slides{height:100%;position:relative;z-index:1;cursor:grab;touch-action:none}.v-mask .image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:#e6e6e6;font-size:14px}.v-mask .viewer-image-close{position:absolute;right:6px}.v-mask .viewer-image-close svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:12px;width:24px}.v-mask .image-viewer-slides-inner{height:100%;white-space:nowrap}.v-mask .image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v-mask .image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.v-mask .viewer-image-arrow{position:absolute;top:calc(50% - 10px);z-index:999}.v-mask .viewer-image-arrow svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:18px;width:24px}.v-mask .viewer-prev{left:0}.v-mask .viewer-next{right:0}.v-mask .image-viewer-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d;z-index:998}.v-mask .image-viewer-loading .image-viewer-loading-reactor{animation:PhotoView__delayShow .4s linear both}.v-mask .image-viewer-loading .image-viewer-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}\n")();
|
|
1569
1579
|
const classPrefix$1 = "image-viewer";
|
|
1570
1580
|
class ImageViewer extends Component {
|
|
1571
1581
|
constructor(props) {
|
|
@@ -1861,9 +1871,9 @@ class ImageUploader extends Component {
|
|
|
1861
1871
|
}));
|
|
1862
1872
|
}
|
|
1863
1873
|
}
|
|
1864
|
-
var index$
|
|
1865
|
-
var index$
|
|
1866
|
-
var index$
|
|
1874
|
+
var index$j = /* @__PURE__ */ (() => ".image-uploader-wrap{display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.image-space-item{margin-right:8px;padding-bottom:8px}.image-space-item .image-uploader-cell{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden}.image-space-item .image-uploader-cell-image{width:80px;height:80px}.image-space-item .image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:#fff;cursor:pointer}.image-space-item .image-uploader-cell-delete .uploader-delete-icon{position:absolute;right:2px;top:2px;display:inline-block;object-fit:cover;width:8px;height:8px}.image-space-item .image-uploader-img{object-fit:cover;display:block;width:100%;height:100%}.image-space-item .image-uploader-upload-button-wrap{position:relative}.image-space-item .image-uploader-upload-button-wrap .image-uploader-upload-button{display:flex;justify-content:center;align-items:center;background-color:#a2a2a2;cursor:pointer}.image-space-item .image-uploader-upload-button-wrap .uploader-add-icon{display:inline-block;object-fit:cover;width:32px;height:32px}.image-uploader-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d}.image-uploader-loading .image-uploader-loading-reactor{animation:PhotoView__delayShow .4s linear both}.image-uploader-loading .image-uploader-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}\n")();
|
|
1875
|
+
var index$i = /* @__PURE__ */ (() => "")();
|
|
1876
|
+
var index$h = /* @__PURE__ */ (() => ".pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}\n")();
|
|
1867
1877
|
class PdaInfoCard$1 extends React.Component {
|
|
1868
1878
|
constructor(props) {
|
|
1869
1879
|
super(props);
|
|
@@ -1918,7 +1928,7 @@ class PdaInfoCard extends React.Component {
|
|
|
1918
1928
|
}
|
|
1919
1929
|
}
|
|
1920
1930
|
__publicField(PdaInfoCard, "Step", PdaInfoCard$1);
|
|
1921
|
-
var index$
|
|
1931
|
+
var index$g = /* @__PURE__ */ (() => ".pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}\n")();
|
|
1922
1932
|
class PdaFinishCard extends React.Component {
|
|
1923
1933
|
constructor(props) {
|
|
1924
1934
|
super(props);
|
|
@@ -1961,7 +1971,7 @@ class PdaFinishCard extends React.Component {
|
|
|
1961
1971
|
}
|
|
1962
1972
|
PdaFinishCard.SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";
|
|
1963
1973
|
PdaFinishCard.ERROR_SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";
|
|
1964
|
-
var index$
|
|
1974
|
+
var index$f = /* @__PURE__ */ (() => ".pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}\n")();
|
|
1965
1975
|
class PdaDistanceCard extends React.Component {
|
|
1966
1976
|
constructor(props) {
|
|
1967
1977
|
super(props);
|
|
@@ -1996,7 +2006,7 @@ class PdaDistanceCard extends React.Component {
|
|
|
1996
2006
|
}, /* @__PURE__ */ React.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React.createElement("p", null, "\u8FD1")));
|
|
1997
2007
|
}
|
|
1998
2008
|
}
|
|
1999
|
-
var index$
|
|
2009
|
+
var index$e = /* @__PURE__ */ (() => ".android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:700;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:700;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}\n")();
|
|
2000
2010
|
function SubCard(props) {
|
|
2001
2011
|
const { title, context, name, tag, attrs = [], style } = props;
|
|
2002
2012
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2022,7 +2032,7 @@ function SubCard(props) {
|
|
|
2022
2032
|
}, text);
|
|
2023
2033
|
})));
|
|
2024
2034
|
}
|
|
2025
|
-
var index$
|
|
2035
|
+
var index$d = /* @__PURE__ */ (() => ".select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}\n")();
|
|
2026
2036
|
function SelectCard(props) {
|
|
2027
2037
|
const { title, label, select = true, onClick = (e) => {
|
|
2028
2038
|
} } = props;
|
|
@@ -2035,10 +2045,10 @@ function SelectCard(props) {
|
|
|
2035
2045
|
className: "select-icon"
|
|
2036
2046
|
}) : null, " "));
|
|
2037
2047
|
}
|
|
2038
|
-
var index$
|
|
2048
|
+
var index$c = /* @__PURE__ */ (() => ".pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}\n")();
|
|
2039
2049
|
function empty() {
|
|
2040
2050
|
}
|
|
2041
|
-
function index$
|
|
2051
|
+
function index$b(props) {
|
|
2042
2052
|
const { dataSource = [], onClickItem = empty } = props;
|
|
2043
2053
|
let tabIndex = 1;
|
|
2044
2054
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2066,7 +2076,7 @@ function index$9(props) {
|
|
|
2066
2076
|
})));
|
|
2067
2077
|
}));
|
|
2068
2078
|
}
|
|
2069
|
-
var index$
|
|
2079
|
+
var index$a = /* @__PURE__ */ (() => ".pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}\n")();
|
|
2070
2080
|
function usePersistFn(fn) {
|
|
2071
2081
|
var fnRef = useRef(fn);
|
|
2072
2082
|
fnRef.current = fn;
|
|
@@ -2384,7 +2394,7 @@ function InfiniteScroll(props) {
|
|
|
2384
2394
|
className: "pda-infinite-scroll-view"
|
|
2385
2395
|
}, /* @__PURE__ */ React.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86~")));
|
|
2386
2396
|
}
|
|
2387
|
-
var index$
|
|
2397
|
+
var index$9 = /* @__PURE__ */ (() => ".action-sheet{position:fixed;z-index:1000;width:100%;height:100%;background-color:#00000059;top:0;left:0;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}\n")();
|
|
2388
2398
|
function ActionSheet(props) {
|
|
2389
2399
|
const {
|
|
2390
2400
|
className = "",
|
|
@@ -2432,14 +2442,14 @@ function ActionSheet(props) {
|
|
|
2432
2442
|
}, item.title);
|
|
2433
2443
|
})) : null));
|
|
2434
2444
|
}
|
|
2435
|
-
var index$
|
|
2445
|
+
var index$8 = /* @__PURE__ */ (() => ".pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}\n")();
|
|
2436
2446
|
function Tag(props) {
|
|
2437
2447
|
const { className = void 0, label = "label", type = "success" } = props;
|
|
2438
2448
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2439
2449
|
className: classNames({ [className]: true, "pda-tag": true, ["pda-tag-" + type]: true })
|
|
2440
2450
|
}, label);
|
|
2441
2451
|
}
|
|
2442
|
-
var index$
|
|
2452
|
+
var index$7 = /* @__PURE__ */ (() => ".simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:700;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card.simple-card-dark{background-color:#282828}.simple-card.simple-card-dark .simple-card-title{color:#fff}.simple-card.simple-card-dark .simple-card-content{color:#999}\n")();
|
|
2443
2453
|
function SimpleCard(props) {
|
|
2444
2454
|
const { className = "", title = "", content = "", type = "default", onClick = () => {
|
|
2445
2455
|
} } = props;
|
|
@@ -2452,7 +2462,7 @@ function SimpleCard(props) {
|
|
|
2452
2462
|
className: "simple-card-content"
|
|
2453
2463
|
}, content)) : null;
|
|
2454
2464
|
}
|
|
2455
|
-
var index$
|
|
2465
|
+
var index$6 = /* @__PURE__ */ (() => ".simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;margin-right:12px;margin-top:12px}\n")();
|
|
2456
2466
|
function SimpleCardBlock(props) {
|
|
2457
2467
|
const { className = void 0, dataSource = [], title = "", tag } = props;
|
|
2458
2468
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2474,8 +2484,8 @@ function SimpleCardBlock(props) {
|
|
|
2474
2484
|
});
|
|
2475
2485
|
})) : null);
|
|
2476
2486
|
}
|
|
2477
|
-
var index$
|
|
2478
|
-
function index$
|
|
2487
|
+
var index$5 = /* @__PURE__ */ (() => ".lattice-mouth .lattice-mouth-row{display:flex}.lattice-mouth .lattice-mouth-row .lattice-mouth-item{--font-size: 14px;--color: #ffffff;--background-color: #BFBFBF;color:var(--color);background-color:var(--background-color);font-size:var(--font-size);flex:1;flex-direction:column;display:flex;margin:1%;border-radius:4px;overflow:hidden}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.highlight{--color: #ffffff;--background-color: #008FED}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.active{--color: #ffffff;--background-color: #282828}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.default{--color: #ffffff;--background-color: #BFBFBF}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.complete{--color: #000000;--background-color: #00FF00}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.error{--color: #ffffff;--background-color: #f30f30}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-value{text-align:center;flex:1;font-size:150%;min-height:2em;display:flex;justify-content:center;align-items:center}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-label{background-color:#0000004d;text-align:center;min-height:1em}\n")();
|
|
2488
|
+
function index$4(props) {
|
|
2479
2489
|
const { row = 3, col = 3, dataSource = [] } = props;
|
|
2480
2490
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2481
2491
|
className: "lattice-mouth"
|
|
@@ -2506,10 +2516,10 @@ function renderItem(dataSource, rowIndex, colIndex, col) {
|
|
|
2506
2516
|
function getDataSourceItem(dataSource, rowIndex, colIndex, col) {
|
|
2507
2517
|
return dataSource[rowIndex * col + colIndex];
|
|
2508
2518
|
}
|
|
2509
|
-
var index$
|
|
2519
|
+
var index$3 = /* @__PURE__ */ (() => ".android-op-card{--base-font-size: 20px;--background-color: #ffffff;--color: #282828;--main-color: #008fed;--border-radius: 6px;--progress-background-color: rgba(160, 160, 160, .5);--progress-foreground-color: #008fed;--tag-background-color: #008fed;--tag-color: #ffffff;background-color:var(--background-color);font-size:var(--base-font-size);color:var(--color);border-radius:var(--border-radius);padding:2%;position:relative}.android-op-card .card-h1{color:var(--color);opacity:.7;font-weight:700}.android-op-card .card-content{font-size:calc(var(--base-font-size) * 2.5);color:var(--main-color);font-weight:700;display:flex;align-items:baseline;line-height:1.1em}.android-op-card .card-content small{font-size:50%}.android-op-card .card-progress{background-color:var(--progress-background-color);border-radius:1em;overflow:hidden;height:1em;font-size:calc(var(--base-font-size) * .6);margin-bottom:1em}.android-op-card .card-progress .card-progress-bar{background-color:var(--progress-foreground-color);height:1em;opacity:1.5}.android-op-card .card-main-title{font-size:calc(var(--base-font-size) * 1.6);line-height:1.5em;margin-bottom:.2em}.android-op-card .card-info-list{color:var(--color);opacity:.6}.android-op-card .card-tags{display:flex;margin-top:.5em}.android-op-card .card-tags.top{position:absolute;top:4%;right:1%}.android-op-card .card-tags .card-tags-item{font-size:calc(var(--base-font-size) * .8);color:var(--tag-color);border-radius:.3em;background-color:var(--tag-background-color);padding:.2em .3em;margin-right:.5em}\n")();
|
|
2510
2520
|
const DARK_STYLE = {
|
|
2511
2521
|
"--base-font-size": "20px",
|
|
2512
|
-
"--background-color": "#
|
|
2522
|
+
"--background-color": "#282828",
|
|
2513
2523
|
"--color": "#FFFFFF",
|
|
2514
2524
|
"--main-color": "#FFFFFF",
|
|
2515
2525
|
"--border-radius": "6px",
|
|
@@ -2575,6 +2585,95 @@ function SplitContent(props) {
|
|
|
2575
2585
|
className: "card-content"
|
|
2576
2586
|
}, content[0]);
|
|
2577
2587
|
}
|
|
2588
|
+
var index$2 = /* @__PURE__ */ (() => ".android-pda-picker{--base-font-size: 24px;--border-radius: 6px;position:relative;background-color:#282828;padding:.5em;border-radius:var(--border-radius);font-size:var(--base-font-size)}.android-pda-picker .text{color:#999;min-height:1em;display:block}.android-pda-picker .icon{position:absolute;background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px;height:40%;right:10px;top:30%}.android-pda-picker-overlay{--base-font-size: 24px;display:block;width:100%;background-color:#000}.android-pda-picker-overlay .title{display:flex;align-items:center;color:#000;border-top:1px solid #000000;border-bottom:1px solid #727272;font-size:var(--base-font-size);position:relative;z-index:1;padding:1em}.android-pda-picker-overlay .title .filter-input{font-size:var(--base-font-size);box-sizing:border-box;padding:.5em .5em .5em 2em;background-color:#282828;border:none;color:#fff;border-radius:6px;flex:1}.android-pda-picker-overlay .title .filter-input:focus{background-color:#7e7e7e;outline:1px solid #00ccff}.android-pda-picker-overlay .title .filter-input:focus~.search-icon{color:#fff}.android-pda-picker-overlay .title .filter-input:focus~.cancel{display:block}.android-pda-picker-overlay .title .cancel{display:none;padding:0 1em;color:#fff}.android-pda-picker-overlay .title .search-icon{position:absolute;color:#ababab;top:1.5em;left:1.5em}.android-pda-picker-overlay .android-pda-picker-list{font-size:var(--base-font-size);height:70vh;overflow-y:auto;padding:1em}\n")();
|
|
2589
|
+
function index$1(props) {
|
|
2590
|
+
const { dataSource, defaultValue, placeholder = "\u8BF7\u9009\u62E9", onChange } = props;
|
|
2591
|
+
const inputRef = React.useRef();
|
|
2592
|
+
const [display, setDisplay] = React.useState(false);
|
|
2593
|
+
const [filter, setFilter] = React.useState("");
|
|
2594
|
+
const [selected, setSelected] = React.useState(() => {
|
|
2595
|
+
return dataSource.find((item) => item.value === defaultValue) || {};
|
|
2596
|
+
});
|
|
2597
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
|
|
2598
|
+
className: "android-pda-picker",
|
|
2599
|
+
onClick: () => setDisplay(true)
|
|
2600
|
+
}, /* @__PURE__ */ React.createElement("span", {
|
|
2601
|
+
className: "text"
|
|
2602
|
+
}, defaultValue === void 0 ? placeholder : selected.label), /* @__PURE__ */ React.createElement("span", {
|
|
2603
|
+
className: "icon"
|
|
2604
|
+
})), display ? /* @__PURE__ */ React.createElement(Overlay$1, {
|
|
2605
|
+
verticalPosition: "bottom",
|
|
2606
|
+
closable: true,
|
|
2607
|
+
onClosed: () => setDisplay(false)
|
|
2608
|
+
}, /* @__PURE__ */ React.createElement("div", {
|
|
2609
|
+
className: "android-pda-picker-overlay"
|
|
2610
|
+
}, /* @__PURE__ */ React.createElement("div", {
|
|
2611
|
+
className: "title"
|
|
2612
|
+
}, /* @__PURE__ */ React.createElement("input", {
|
|
2613
|
+
ref: inputRef,
|
|
2614
|
+
placeholder: "\u641C\u7D22",
|
|
2615
|
+
className: "filter-input",
|
|
2616
|
+
onClick: (e) => {
|
|
2617
|
+
e.stopPropagation();
|
|
2618
|
+
e.preventDefault();
|
|
2619
|
+
},
|
|
2620
|
+
onBlur: () => {
|
|
2621
|
+
inputRef.current.value = "";
|
|
2622
|
+
setFilter("");
|
|
2623
|
+
},
|
|
2624
|
+
onChange: (e) => setFilter(e.target.value)
|
|
2625
|
+
}), /* @__PURE__ */ React.createElement("span", {
|
|
2626
|
+
className: "cancel",
|
|
2627
|
+
onClick: (e) => {
|
|
2628
|
+
e.stopPropagation();
|
|
2629
|
+
e.preventDefault();
|
|
2630
|
+
}
|
|
2631
|
+
}, "\u53D6\u6D88"), /* @__PURE__ */ React.createElement(SearchIcon, null)), /* @__PURE__ */ React.createElement("div", {
|
|
2632
|
+
className: "android-pda-picker-list"
|
|
2633
|
+
}, /* @__PURE__ */ React.createElement(List$1, {
|
|
2634
|
+
onClickItem: (item) => {
|
|
2635
|
+
setSelected(dataSource[item.index]);
|
|
2636
|
+
onChange(dataSource[item.index]);
|
|
2637
|
+
setDisplay(false);
|
|
2638
|
+
},
|
|
2639
|
+
dataSource: dataSource.filter((item) => {
|
|
2640
|
+
return new RegExp(filter).test(item.label);
|
|
2641
|
+
}).map((item, index2) => {
|
|
2642
|
+
return {
|
|
2643
|
+
index: index2,
|
|
2644
|
+
title: item.label
|
|
2645
|
+
};
|
|
2646
|
+
})
|
|
2647
|
+
})))) : null);
|
|
2648
|
+
}
|
|
2649
|
+
function SearchIcon() {
|
|
2650
|
+
return /* @__PURE__ */ React.createElement("svg", {
|
|
2651
|
+
className: "search-icon",
|
|
2652
|
+
width: "1em",
|
|
2653
|
+
height: "1em",
|
|
2654
|
+
viewBox: "0 0 48 48"
|
|
2655
|
+
}, /* @__PURE__ */ React.createElement("g", {
|
|
2656
|
+
id: "SearchOutline-SearchOutline",
|
|
2657
|
+
stroke: "none",
|
|
2658
|
+
"stroke-width": "1",
|
|
2659
|
+
fill: "none",
|
|
2660
|
+
fillRule: "evenodd"
|
|
2661
|
+
}, /* @__PURE__ */ React.createElement("g", {
|
|
2662
|
+
id: "SearchOutline-\u7F16\u7EC4"
|
|
2663
|
+
}, /* @__PURE__ */ React.createElement("rect", {
|
|
2664
|
+
id: "SearchOutline-\u77E9\u5F62",
|
|
2665
|
+
fill: "#FFFFFF",
|
|
2666
|
+
opacity: "0",
|
|
2667
|
+
x: "0",
|
|
2668
|
+
y: "0",
|
|
2669
|
+
width: "48",
|
|
2670
|
+
height: "48"
|
|
2671
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
2672
|
+
d: "M10.2434135,10.1505371 C17.2346315,3.28315429 28.5696354,3.28315429 35.5608534,10.1505371 C42.3159331,16.7859644 42.5440954,27.4048667 36.2453405,34.3093889 L43.7095294,41.6422249 C43.8671196,41.7970419 43.8693677,42.0502979 43.7145508,42.2078881 C43.7128864,42.2095822 43.7112069,42.2112616 43.7095126,42.2129259 L42.1705322,43.7246464 C42.014915,43.8775072 41.7655181,43.8775006 41.6099089,43.7246316 L34.0775268,36.3248916 L34.0775268,36.3248916 C27.0485579,41.8551751 16.7593545,41.4200547 10.2434135,35.0195303 C3.25219551,28.1521474 3.25219551,17.0179199 10.2434135,10.1505371 Z M12.3532001,12.2229532 C6.52718516,17.9457722 6.52718516,27.2242951 12.3532001,32.9471142 C18.1792151,38.6699332 27.6250517,38.6699332 33.4510667,32.9471142 C39.2770817,27.2242951 39.2770817,17.9457722 33.4510667,12.2229532 C27.6250517,6.50013419 18.1792151,6.50013419 12.3532001,12.2229532 Z",
|
|
2673
|
+
fill: "currentColor",
|
|
2674
|
+
fillRule: "nonzero"
|
|
2675
|
+
}))));
|
|
2676
|
+
}
|
|
2578
2677
|
function index(props) {
|
|
2579
2678
|
const { visible, text = "LOADING..." } = props;
|
|
2580
2679
|
if (!visible) {
|
|
@@ -2596,4 +2695,4 @@ function index(props) {
|
|
|
2596
2695
|
})), /* @__PURE__ */ React.createElement("div", null, text)));
|
|
2597
2696
|
}
|
|
2598
2697
|
const ListItem = PdaListItem;
|
|
2599
|
-
export { ActionSheet, index$
|
|
2698
|
+
export { ActionSheet, index$b as AppList, BaseLayout, Button, List as Card, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$y as Header, ImageUploader, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, Keyborard, index$4 as LatticeMouth, List$1 as List, ListItem, index as Loading, Overlay$1 as Overlay, index$p as PageFlowSystemPages, index$1 as Picker, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };
|