@cniot/android-pda-components 1.1.2-beta.2 → 1.1.2-beta.4
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.5bbfc9f6.css +1 -0
- package/build/assets/{index.c398a677.js → index.f5764520.js} +69 -51
- package/build/index.html +2 -2
- package/change.md +5 -0
- package/doc/index.jsx +6 -0
- package/es/index.cjs.js +3 -3
- package/es/index.es.js +298 -64
- package/es/style.css +1 -1
- package/package.json +5 -2
- package/build/assets/index.e0ad8d6d.css +0 -1
package/es/index.es.js
CHANGED
|
@@ -57,7 +57,7 @@ var _classnames_2_3_1_classnames = { exports: {} };
|
|
|
57
57
|
})();
|
|
58
58
|
})(_classnames_2_3_1_classnames);
|
|
59
59
|
var classNames = _classnames_2_3_1_classnames.exports;
|
|
60
|
-
var index$
|
|
60
|
+
var index$E = /* @__PURE__ */ (() => '.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;background-color:none}.op-overlay:before{content:"";position:absolute;z-index:1;background-color:#000;opacity:.6;left:0;top:0;width:100vw;height:100vh}.op-overlay>div{position:relative;z-index:2}.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}.op-overlay.bottom .toast-wrap{margin-bottom:10px}\n')();
|
|
61
61
|
function getTypeClass$2(type) {
|
|
62
62
|
return {
|
|
63
63
|
center: "op-overlay center",
|
|
@@ -89,7 +89,7 @@ function Overlay$1(props) {
|
|
|
89
89
|
}
|
|
90
90
|
}, props.children) : null;
|
|
91
91
|
}
|
|
92
|
-
var index$
|
|
92
|
+
var index$D = /* @__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:var(--pda-image-2);background-size:17px 32px}.pda-header .pda-header-icon-scan{background-image:var(--pda-image-3);background-size:34px auto}.pda-header .pda-header-icon-select{background-image:var(--pda-image-4);background-size:36px auto}.pda-header .pda-header-icon-read{background-image:var(--pda-image-5);background-size:35px auto}.pda-header .pda-title-text{font-size:40px;flex:1;line-height:1.25em}.pda-header .pda-header-more{background-image:var(--pda-image-6);background-size:36px auto}.pda-header .pda-header-config{background-image:var(--pda-image-7);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")();
|
|
93
93
|
const blankFunc$6 = () => {
|
|
94
94
|
};
|
|
95
95
|
class PdaTitle extends React.Component {
|
|
@@ -268,7 +268,7 @@ var _keycode_2_2_1_keycode = { exports: {} };
|
|
|
268
268
|
}
|
|
269
269
|
})(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
|
|
270
270
|
var keycode = _keycode_2_2_1_keycode.exports;
|
|
271
|
-
var index$
|
|
271
|
+
var index$C = /* @__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")();
|
|
272
272
|
function Button(props) {
|
|
273
273
|
const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
|
|
274
274
|
let opt = {};
|
|
@@ -291,7 +291,7 @@ Button.Group = ButtonGroup;
|
|
|
291
291
|
const SPECIAL_KEY_MAP = ["fn"];
|
|
292
292
|
const empty$3 = () => {
|
|
293
293
|
};
|
|
294
|
-
function index$
|
|
294
|
+
function index$B(props) {
|
|
295
295
|
const {
|
|
296
296
|
onBack,
|
|
297
297
|
icon,
|
|
@@ -414,7 +414,7 @@ function addEventListener(node, eventName, fn) {
|
|
|
414
414
|
node.removeEventListener(eventName, fn);
|
|
415
415
|
};
|
|
416
416
|
}
|
|
417
|
-
var index$
|
|
417
|
+
var index$A = /* @__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")();
|
|
418
418
|
class PdaInfoCard$2 extends React.Component {
|
|
419
419
|
constructor(props) {
|
|
420
420
|
super(props);
|
|
@@ -493,7 +493,7 @@ class PdaInfoCard$2 extends React.Component {
|
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
495
|
PdaInfoCard$2.IMAGE_1 = `${window.PDA_IMAGE_PATH}O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png`;
|
|
496
|
-
var index$
|
|
496
|
+
var index$z = /* @__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:var(--pda-image-10)}\n")();
|
|
497
497
|
class PdaListItem extends React.Component {
|
|
498
498
|
constructor(props) {
|
|
499
499
|
super(props);
|
|
@@ -539,7 +539,7 @@ class PdaListItem extends React.Component {
|
|
|
539
539
|
}));
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
|
-
var index$
|
|
542
|
+
var index$y = /* @__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:28.8px;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:26.4px;margin-bottom:12px}.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")();
|
|
543
543
|
function empty$2() {
|
|
544
544
|
}
|
|
545
545
|
function Confirm(props) {
|
|
@@ -584,7 +584,7 @@ function Confirm(props) {
|
|
|
584
584
|
dataClick: item.dataClick
|
|
585
585
|
}, item.label))) : null));
|
|
586
586
|
}
|
|
587
|
-
var index$
|
|
587
|
+
var index$x = /* @__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;word-wrap:break-word}.toast-wrap .toast-message{font-size:32px;word-wrap:break-word}.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")();
|
|
588
588
|
function WindVaneLog(param) {
|
|
589
589
|
const params = {
|
|
590
590
|
domain: "logger",
|
|
@@ -840,7 +840,7 @@ function confirm(props) {
|
|
|
840
840
|
onClick: onNext
|
|
841
841
|
}));
|
|
842
842
|
}
|
|
843
|
-
var index$
|
|
843
|
+
var index$w = /* @__PURE__ */ (() => '.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;background-color:none}.op-overlay:before{content:"";position:absolute;z-index:1;background-color:#000;opacity:.6;left:0;top:0;width:100vw;height:100vh}.op-overlay>div{position:relative;z-index:2}.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}.op-overlay.bottom .toast-wrap{margin-bottom:10px}\n')();
|
|
844
844
|
function getTypeClass(type) {
|
|
845
845
|
return {
|
|
846
846
|
center: "op-overlay center",
|
|
@@ -872,7 +872,7 @@ function Overlay(props) {
|
|
|
872
872
|
}
|
|
873
873
|
}, props.children) : null;
|
|
874
874
|
}
|
|
875
|
-
var index$
|
|
875
|
+
var index$v = /* @__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")();
|
|
876
876
|
function Prompt(props) {
|
|
877
877
|
const inputRef = React.useRef();
|
|
878
878
|
const { data = {}, onNext } = props;
|
|
@@ -949,7 +949,7 @@ function splitMessage(message) {
|
|
|
949
949
|
var msg = String(message).split("by Error:");
|
|
950
950
|
return msg[1] || msg[0];
|
|
951
951
|
}
|
|
952
|
-
var index$
|
|
952
|
+
var index$u = /* @__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")();
|
|
953
953
|
function NotFound(props) {
|
|
954
954
|
return /* @__PURE__ */ React.createElement("div", {
|
|
955
955
|
style: { padding: "20%" }
|
|
@@ -957,7 +957,7 @@ function NotFound(props) {
|
|
|
957
957
|
style: { fontSize: "60%" }
|
|
958
958
|
}, "Not found")), /* @__PURE__ */ React.createElement("div", null, props.action.getPage()));
|
|
959
959
|
}
|
|
960
|
-
var index$
|
|
960
|
+
var index$t = /* @__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")();
|
|
961
961
|
function Loading$1(props) {
|
|
962
962
|
const [showLoading, setShowLoading] = React.useState(props.visible);
|
|
963
963
|
const edgeService = props.edgeService;
|
|
@@ -1019,7 +1019,7 @@ function Debug() {
|
|
|
1019
1019
|
console.warn('Please stop using "Debug" Components');
|
|
1020
1020
|
return null;
|
|
1021
1021
|
}
|
|
1022
|
-
var index$
|
|
1022
|
+
var index$s = {
|
|
1023
1023
|
Alert,
|
|
1024
1024
|
Start,
|
|
1025
1025
|
Toast: toast,
|
|
@@ -1030,7 +1030,7 @@ var index$r = {
|
|
|
1030
1030
|
Loading: Loading$1,
|
|
1031
1031
|
PlaySound
|
|
1032
1032
|
};
|
|
1033
|
-
var index$
|
|
1033
|
+
var index$r = /* @__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;word-wrap:break-word}\n")();
|
|
1034
1034
|
function Presentation(props) {
|
|
1035
1035
|
const {
|
|
1036
1036
|
image = Presentation.IMAGE_1,
|
|
@@ -1052,7 +1052,7 @@ Presentation.IMAGE_1 = `${window.PDA_IMAGE_PATH}O1CN019Ivkor1ksy3pMGDsz_!!600000
|
|
|
1052
1052
|
Presentation.IMAGE_2 = `${window.PDA_IMAGE_PATH}O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png`;
|
|
1053
1053
|
Presentation.IMAGE_3 = `${window.PDA_IMAGE_PATH}O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png`;
|
|
1054
1054
|
Presentation.IMAGE_4 = `${window.PDA_IMAGE_PATH}O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif`;
|
|
1055
|
-
var index$
|
|
1055
|
+
var index$q = /* @__PURE__ */ (() => ".android-pda-list{--base-font-size: 36px}.android-pda-list .android-pda-list-title{font-size:calc(var(--base-font-size) * .6);color:#fff;line-height:2em}.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;word-break:break-word}.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;word-wrap:break-word}.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")();
|
|
1056
1056
|
function empty$1() {
|
|
1057
1057
|
}
|
|
1058
1058
|
function List$1(props) {
|
|
@@ -1107,7 +1107,7 @@ function DefaultItem(props) {
|
|
|
1107
1107
|
}, extra));
|
|
1108
1108
|
}
|
|
1109
1109
|
List$1.Item = DefaultItem;
|
|
1110
|
-
var index$
|
|
1110
|
+
var index$p = /* @__PURE__ */ (() => ".baselayout-wrapper{display:flex;flex-direction:column;background-color:#000;padding:85px 0}.baselayout-wrapper .baselayout-header{position:fixed;width:100%;top:0;z-index:2}.baselayout-wrapper .baselayout-footer{position:fixed;bottom:0;width:100%;background-color:#000;z-index:1}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-bottom:16px}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:var(--pda-image-1);background-repeat:no-repeat;background-position:center;background-size:120px 120px}\n")();
|
|
1111
1111
|
const blankFunc$5 = () => {
|
|
1112
1112
|
};
|
|
1113
1113
|
class BaseLayoutContainer extends React.Component {
|
|
@@ -1473,7 +1473,7 @@ class BaseLayout extends React.Component {
|
|
|
1473
1473
|
});
|
|
1474
1474
|
}
|
|
1475
1475
|
}
|
|
1476
|
-
var index$
|
|
1476
|
+
var index$o = /* @__PURE__ */ (() => ".wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:var(--pda-image-11);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33;z-index:10}.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")();
|
|
1477
1477
|
const blankFunc$1 = () => {
|
|
1478
1478
|
};
|
|
1479
1479
|
function Keyborard(props) {
|
|
@@ -1621,7 +1621,7 @@ class UploadeButton extends Component {
|
|
|
1621
1621
|
}))));
|
|
1622
1622
|
}
|
|
1623
1623
|
}
|
|
1624
|
-
var index$
|
|
1624
|
+
var index$n = /* @__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")();
|
|
1625
1625
|
const classPrefix$1 = "image-viewer";
|
|
1626
1626
|
class ImageViewer extends Component {
|
|
1627
1627
|
constructor(props) {
|
|
@@ -1917,9 +1917,9 @@ class ImageUploader extends Component {
|
|
|
1917
1917
|
}));
|
|
1918
1918
|
}
|
|
1919
1919
|
}
|
|
1920
|
-
var index$
|
|
1921
|
-
var index$
|
|
1922
|
-
var index$
|
|
1920
|
+
var index$m = /* @__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")();
|
|
1921
|
+
var index$l = /* @__PURE__ */ (() => "")();
|
|
1922
|
+
var index$k = /* @__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")();
|
|
1923
1923
|
class PdaInfoCard$1 extends React.Component {
|
|
1924
1924
|
constructor(props) {
|
|
1925
1925
|
super(props);
|
|
@@ -1974,7 +1974,7 @@ class PdaInfoCard extends React.Component {
|
|
|
1974
1974
|
}
|
|
1975
1975
|
}
|
|
1976
1976
|
__publicField(PdaInfoCard, "Step", PdaInfoCard$1);
|
|
1977
|
-
var index$
|
|
1977
|
+
var index$j = /* @__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")();
|
|
1978
1978
|
class PdaFinishCard extends React.Component {
|
|
1979
1979
|
constructor(props) {
|
|
1980
1980
|
super(props);
|
|
@@ -2028,7 +2028,7 @@ class PdaFinishCard extends React.Component {
|
|
|
2028
2028
|
}
|
|
2029
2029
|
PdaFinishCard.SUCCESS = `${window.PDA_IMAGE_PATH}O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif`;
|
|
2030
2030
|
PdaFinishCard.ERROR_SUCCESS = `${window.PDA_IMAGE_PATH}O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif`;
|
|
2031
|
-
var index$
|
|
2031
|
+
var index$i = /* @__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")();
|
|
2032
2032
|
class PdaDistanceCard extends React.Component {
|
|
2033
2033
|
constructor(props) {
|
|
2034
2034
|
super(props);
|
|
@@ -2069,7 +2069,7 @@ class PdaDistanceCard extends React.Component {
|
|
|
2069
2069
|
}, /* @__PURE__ */ React.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React.createElement("p", null, "\u8FD1")));
|
|
2070
2070
|
}
|
|
2071
2071
|
}
|
|
2072
|
-
var index$
|
|
2072
|
+
var index$h = /* @__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")();
|
|
2073
2073
|
function SubCard(props) {
|
|
2074
2074
|
const { title, context, name, tag, attrs = [], style } = props;
|
|
2075
2075
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2095,7 +2095,7 @@ function SubCard(props) {
|
|
|
2095
2095
|
}, text);
|
|
2096
2096
|
})));
|
|
2097
2097
|
}
|
|
2098
|
-
var index$
|
|
2098
|
+
var index$g = /* @__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:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}\n")();
|
|
2099
2099
|
function SelectCard(props) {
|
|
2100
2100
|
const { title, label, select = true, onClick = (e) => {
|
|
2101
2101
|
} } = props;
|
|
@@ -2108,10 +2108,10 @@ function SelectCard(props) {
|
|
|
2108
2108
|
className: "select-icon"
|
|
2109
2109
|
}) : null, " "));
|
|
2110
2110
|
}
|
|
2111
|
-
var index$
|
|
2111
|
+
var index$f = /* @__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")();
|
|
2112
2112
|
function empty() {
|
|
2113
2113
|
}
|
|
2114
|
-
function index$
|
|
2114
|
+
function index$e(props) {
|
|
2115
2115
|
const { dataSource = [], onClickItem = empty } = props;
|
|
2116
2116
|
let tabIndex = 1;
|
|
2117
2117
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2139,7 +2139,7 @@ function index$d(props) {
|
|
|
2139
2139
|
})));
|
|
2140
2140
|
}));
|
|
2141
2141
|
}
|
|
2142
|
-
var index$
|
|
2142
|
+
var index$d = /* @__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")();
|
|
2143
2143
|
function usePersistFn(fn) {
|
|
2144
2144
|
var fnRef = useRef(fn);
|
|
2145
2145
|
fnRef.current = fn;
|
|
@@ -2457,7 +2457,7 @@ function InfiniteScroll(props) {
|
|
|
2457
2457
|
className: "pda-infinite-scroll-view"
|
|
2458
2458
|
}, /* @__PURE__ */ React.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86~")));
|
|
2459
2459
|
}
|
|
2460
|
-
var index$
|
|
2460
|
+
var index$c = /* @__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")();
|
|
2461
2461
|
function ActionSheet(props) {
|
|
2462
2462
|
const {
|
|
2463
2463
|
className = "",
|
|
@@ -2505,14 +2505,14 @@ function ActionSheet(props) {
|
|
|
2505
2505
|
}, item.title);
|
|
2506
2506
|
})) : null));
|
|
2507
2507
|
}
|
|
2508
|
-
var index$
|
|
2508
|
+
var index$b = /* @__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")();
|
|
2509
2509
|
function Tag(props) {
|
|
2510
2510
|
const { className = void 0, label = "label", type = "success" } = props;
|
|
2511
2511
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2512
2512
|
className: classNames({ [className]: true, "pda-tag": true, ["pda-tag-" + type]: true })
|
|
2513
2513
|
}, label);
|
|
2514
2514
|
}
|
|
2515
|
-
var index$
|
|
2515
|
+
var index$a = /* @__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")();
|
|
2516
2516
|
function SimpleCard(props) {
|
|
2517
2517
|
const { className = "", title = "", content = "", type = "default", onClick = () => {
|
|
2518
2518
|
} } = props;
|
|
@@ -2525,7 +2525,7 @@ function SimpleCard(props) {
|
|
|
2525
2525
|
className: "simple-card-content"
|
|
2526
2526
|
}, content)) : null;
|
|
2527
2527
|
}
|
|
2528
|
-
var index$
|
|
2528
|
+
var index$9 = /* @__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")();
|
|
2529
2529
|
function SimpleCardBlock(props) {
|
|
2530
2530
|
const { className = void 0, dataSource = [], title = "", tag } = props;
|
|
2531
2531
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -2547,8 +2547,8 @@ function SimpleCardBlock(props) {
|
|
|
2547
2547
|
});
|
|
2548
2548
|
})) : null);
|
|
2549
2549
|
}
|
|
2550
|
-
var index$
|
|
2551
|
-
function index$
|
|
2550
|
+
var index$8 = /* @__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")();
|
|
2551
|
+
function index$7(props) {
|
|
2552
2552
|
const { row = 3, col = 3, dataSource = [] } = props;
|
|
2553
2553
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2554
2554
|
className: "lattice-mouth"
|
|
@@ -2565,7 +2565,7 @@ function renderItem(dataSource, rowIndex, colIndex, col) {
|
|
|
2565
2565
|
value,
|
|
2566
2566
|
label,
|
|
2567
2567
|
style = {}
|
|
2568
|
-
} = getDataSourceItem(dataSource, rowIndex, colIndex, col) || {};
|
|
2568
|
+
} = getDataSourceItem$1(dataSource, rowIndex, colIndex, col) || {};
|
|
2569
2569
|
return /* @__PURE__ */ React.createElement("div", {
|
|
2570
2570
|
className: `lattice-mouth-item ${color}`,
|
|
2571
2571
|
style,
|
|
@@ -2576,10 +2576,10 @@ function renderItem(dataSource, rowIndex, colIndex, col) {
|
|
|
2576
2576
|
className: "lattice-mouth-label"
|
|
2577
2577
|
}, label));
|
|
2578
2578
|
}
|
|
2579
|
-
function getDataSourceItem(dataSource, rowIndex, colIndex, col) {
|
|
2579
|
+
function getDataSourceItem$1(dataSource, rowIndex, colIndex, col) {
|
|
2580
2580
|
return dataSource[rowIndex * col + colIndex];
|
|
2581
2581
|
}
|
|
2582
|
-
var index$
|
|
2582
|
+
var index$6 = /* @__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;word-break:break-word}.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}.android-op-card .actions{margin:10px -2% -2%;display:flex}.android-op-card .actions .btn{border-top:1px solid var(--color);opacity:.5;flex:1;display:flex;cursor:pointer;justify-content:center;align-items:center;line-height:2.5em;border-left:1px solid var(--color);color:var(--main-color)}.android-op-card .actions .btn:first-child{border-left:none}.android-op-card .actions .btn.warning{color:red}.android-op-card .actions .btn:hover,.android-op-card .actions .btn:active{opacity:1}\n")();
|
|
2583
2583
|
const DARK_STYLE = {
|
|
2584
2584
|
"--base-font-size": "20px",
|
|
2585
2585
|
"--background-color": "#282828",
|
|
@@ -2658,37 +2658,32 @@ function SplitContent(props) {
|
|
|
2658
2658
|
className: "card-content"
|
|
2659
2659
|
}, content[0]);
|
|
2660
2660
|
}
|
|
2661
|
-
var index$
|
|
2662
|
-
function index$
|
|
2661
|
+
var index$5 = /* @__PURE__ */ (() => ".android-pda-picker{--base-font-size: 24px;--border-radius: 6px;position:relative;background-color:#282828;display:flex;align-items:center;padding:.5em;border-radius:var(--border-radius);font-size:var(--base-font-size)}.android-pda-picker .label{color:#fff}.android-pda-picker .text{color:#999;min-height:1em;display:flex;flex:1;justify-content:flex-end;margin-right:10px}.android-pda-picker .icon{display:block;background-image:var(--pda-image-8);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px;height:20px}.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 #727272;border-bottom:1px solid #353535;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")();
|
|
2662
|
+
function index$4(props) {
|
|
2663
2663
|
const {
|
|
2664
|
-
|
|
2664
|
+
label = "\u8BF7\u9009\u62E9",
|
|
2665
|
+
dataSource = [],
|
|
2665
2666
|
value,
|
|
2666
2667
|
defaultValue,
|
|
2667
2668
|
placeholder = "\u8BF7\u9009\u62E9",
|
|
2669
|
+
useDetail = true,
|
|
2668
2670
|
onChange,
|
|
2669
2671
|
localSearch = true
|
|
2670
2672
|
} = props;
|
|
2671
2673
|
const [display, setDisplay] = React.useState(false);
|
|
2674
|
+
const [currentValue, setCurrentValue] = React.useState();
|
|
2672
2675
|
const [filter, setFilter] = React.useState("");
|
|
2673
|
-
const isControlled = value !== void 0;
|
|
2674
|
-
const [selected, setSelected] = React.useState(() => {
|
|
2675
|
-
const currentValue = isControlled ? value : defaultValue;
|
|
2676
|
-
return dataSource.find((item) => item.value === currentValue) || {};
|
|
2677
|
-
});
|
|
2678
2676
|
React.useEffect(() => {
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
-
}
|
|
2682
|
-
}, [value]);
|
|
2683
|
-
const currentDataSource = dataSource.filter((item) => {
|
|
2684
|
-
return new RegExp(filter).test(item.label);
|
|
2685
|
-
});
|
|
2677
|
+
setCurrentValue(getDataSourceItem(dataSource, value !== void 0 ? value : defaultValue));
|
|
2678
|
+
}, [dataSource, value]);
|
|
2686
2679
|
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
|
|
2687
2680
|
className: "android-pda-picker",
|
|
2688
2681
|
onClick: () => setDisplay(true)
|
|
2689
2682
|
}, /* @__PURE__ */ React.createElement("span", {
|
|
2683
|
+
className: "label"
|
|
2684
|
+
}, label), /* @__PURE__ */ React.createElement("span", {
|
|
2690
2685
|
className: "text"
|
|
2691
|
-
},
|
|
2686
|
+
}, currentValue ? currentValue.label : placeholder), /* @__PURE__ */ React.createElement("span", {
|
|
2692
2687
|
className: "icon"
|
|
2693
2688
|
})), display ? /* @__PURE__ */ React.createElement(Overlay$1, {
|
|
2694
2689
|
verticalPosition: "bottom",
|
|
@@ -2722,21 +2717,30 @@ function index$3(props) {
|
|
|
2722
2717
|
className: "android-pda-picker-list"
|
|
2723
2718
|
}, /* @__PURE__ */ React.createElement(List$1, {
|
|
2724
2719
|
onClickItem: (item) => {
|
|
2725
|
-
|
|
2726
|
-
setSelected(currentDataSource[item.index]);
|
|
2727
|
-
}
|
|
2720
|
+
const newItem = getDataSourceItem(dataSource, item.value);
|
|
2728
2721
|
setFilter("");
|
|
2729
|
-
|
|
2722
|
+
setCurrentValue(newItem);
|
|
2723
|
+
if (useDetail) {
|
|
2724
|
+
onChange(newItem);
|
|
2725
|
+
} else {
|
|
2726
|
+
onChange(newItem.value);
|
|
2727
|
+
}
|
|
2730
2728
|
setDisplay(false);
|
|
2731
2729
|
},
|
|
2732
|
-
dataSource:
|
|
2730
|
+
dataSource: filterLabel(dataSource, filter).map((item) => {
|
|
2733
2731
|
return {
|
|
2734
|
-
|
|
2735
|
-
|
|
2732
|
+
title: item.label,
|
|
2733
|
+
value: item.value
|
|
2736
2734
|
};
|
|
2737
2735
|
})
|
|
2738
2736
|
})))) : null);
|
|
2739
2737
|
}
|
|
2738
|
+
function filterLabel(dataSource, filter) {
|
|
2739
|
+
return dataSource.filter((item) => new RegExp(filter).test(item.label));
|
|
2740
|
+
}
|
|
2741
|
+
function getDataSourceItem(dataSource, item) {
|
|
2742
|
+
return dataSource.find((it) => it.value === item || it.value == (item == null ? void 0 : item.value));
|
|
2743
|
+
}
|
|
2740
2744
|
function SearchIcon() {
|
|
2741
2745
|
return /* @__PURE__ */ React.createElement("svg", {
|
|
2742
2746
|
className: "search-icon",
|
|
@@ -2765,7 +2769,7 @@ function SearchIcon() {
|
|
|
2765
2769
|
fillRule: "nonzero"
|
|
2766
2770
|
}))));
|
|
2767
2771
|
}
|
|
2768
|
-
function index$
|
|
2772
|
+
function index$3(props) {
|
|
2769
2773
|
const { visible, text = "LOADING..." } = props;
|
|
2770
2774
|
if (!visible) {
|
|
2771
2775
|
return null;
|
|
@@ -2785,7 +2789,7 @@ function index$2(props) {
|
|
|
2785
2789
|
"p-id": "2179"
|
|
2786
2790
|
})), /* @__PURE__ */ React.createElement("div", null, text)));
|
|
2787
2791
|
}
|
|
2788
|
-
var index$
|
|
2792
|
+
var index$2 = /* @__PURE__ */ (() => ".android-op-input-item{--base-font-size: 25px;--color: #ffffff;--background-color: #545454;position:relative;background-color:var(--background-color);border-radius:6px}.android-op-input-item label{display:flex;align-items:center}.android-op-input-item .label-text{font-size:var(--base-font-size);color:var(--color);position:absolute;left:.5em}.android-op-input-item input{background-color:transparent;border:none;flex:1;font-size:calc(var(--base-font-size) * 1.2);padding:.5em;text-align:right;color:var(--color)}.android-op-input-item input:focus{outline:#ffffff}\n")();
|
|
2789
2793
|
function getRightValue(value, max, min) {
|
|
2790
2794
|
if (value !== "") {
|
|
2791
2795
|
if (typeof min === "number") {
|
|
@@ -2799,7 +2803,7 @@ function getRightValue(value, max, min) {
|
|
|
2799
2803
|
return value;
|
|
2800
2804
|
}
|
|
2801
2805
|
}
|
|
2802
|
-
function index(props) {
|
|
2806
|
+
function index$1(props) {
|
|
2803
2807
|
const {
|
|
2804
2808
|
label = "",
|
|
2805
2809
|
autoFocus = true,
|
|
@@ -2868,5 +2872,235 @@ function index(props) {
|
|
|
2868
2872
|
}
|
|
2869
2873
|
})));
|
|
2870
2874
|
}
|
|
2875
|
+
const Apply = Function.prototype.apply;
|
|
2876
|
+
const privateMap = /* @__PURE__ */ new WeakMap();
|
|
2877
|
+
function internal(obj) {
|
|
2878
|
+
if (!privateMap.has(obj)) {
|
|
2879
|
+
privateMap.set(obj, {});
|
|
2880
|
+
}
|
|
2881
|
+
return privateMap.get(obj);
|
|
2882
|
+
}
|
|
2883
|
+
class EventEmitter {
|
|
2884
|
+
constructor(maxListeners = null, localConsole = console) {
|
|
2885
|
+
const self = internal(this);
|
|
2886
|
+
self._events = /* @__PURE__ */ new Set();
|
|
2887
|
+
self._callbacks = {};
|
|
2888
|
+
self._console = localConsole;
|
|
2889
|
+
self._maxListeners = maxListeners === null ? null : parseInt(maxListeners, 10);
|
|
2890
|
+
return this;
|
|
2891
|
+
}
|
|
2892
|
+
_addCallback(eventName, callback, context, weight) {
|
|
2893
|
+
this._getCallbacks(eventName).push({
|
|
2894
|
+
callback,
|
|
2895
|
+
context,
|
|
2896
|
+
weight
|
|
2897
|
+
});
|
|
2898
|
+
this._getCallbacks(eventName).sort((a, b) => a.weight > b.weight);
|
|
2899
|
+
return this;
|
|
2900
|
+
}
|
|
2901
|
+
_getCallbacks(eventName) {
|
|
2902
|
+
return internal(this)._callbacks[eventName];
|
|
2903
|
+
}
|
|
2904
|
+
_getCallbackIndex(eventName, callback) {
|
|
2905
|
+
return this._has(eventName) ? this._getCallbacks(eventName).findIndex((element) => element.callback === callback) : null;
|
|
2906
|
+
}
|
|
2907
|
+
_achieveMaxListener(eventName) {
|
|
2908
|
+
return internal(this)._maxListeners !== null && internal(this)._maxListeners <= this.listenersNumber(eventName);
|
|
2909
|
+
}
|
|
2910
|
+
_callbackIsExists(eventName, callback, context) {
|
|
2911
|
+
const callbackInd = this._getCallbackIndex(eventName, callback);
|
|
2912
|
+
const activeCallback = callbackInd !== -1 ? this._getCallbacks(eventName)[callbackInd] : void 0;
|
|
2913
|
+
return callbackInd !== -1 && activeCallback && activeCallback.context === context;
|
|
2914
|
+
}
|
|
2915
|
+
_has(eventName) {
|
|
2916
|
+
return internal(this)._events.has(eventName);
|
|
2917
|
+
}
|
|
2918
|
+
on(eventName, callback, context = null, weight = 1) {
|
|
2919
|
+
const self = internal(this);
|
|
2920
|
+
if (typeof callback !== "function") {
|
|
2921
|
+
throw new TypeError(`${callback} is not a function`);
|
|
2922
|
+
}
|
|
2923
|
+
if (!this._has(eventName)) {
|
|
2924
|
+
self._events.add(eventName);
|
|
2925
|
+
self._callbacks[eventName] = [];
|
|
2926
|
+
} else {
|
|
2927
|
+
if (this._achieveMaxListener(eventName)) {
|
|
2928
|
+
self._console.warn(`Max listeners (${self._maxListeners}) for event "${eventName}" is reached!`);
|
|
2929
|
+
}
|
|
2930
|
+
if (this._callbackIsExists(...arguments)) {
|
|
2931
|
+
self._console.warn(`Event "${eventName}" already has the callback ${callback}.`);
|
|
2932
|
+
}
|
|
2933
|
+
}
|
|
2934
|
+
this._addCallback(...arguments);
|
|
2935
|
+
return this;
|
|
2936
|
+
}
|
|
2937
|
+
once(eventName, callback, context = null, weight = 1) {
|
|
2938
|
+
const onceCallback = (...args) => {
|
|
2939
|
+
this.off(eventName, onceCallback);
|
|
2940
|
+
return Apply.call(callback, context, args);
|
|
2941
|
+
};
|
|
2942
|
+
return this.on(eventName, onceCallback, context, weight);
|
|
2943
|
+
}
|
|
2944
|
+
off(eventName, callback = null) {
|
|
2945
|
+
const self = internal(this);
|
|
2946
|
+
let callbackInd;
|
|
2947
|
+
if (this._has(eventName)) {
|
|
2948
|
+
if (callback === null) {
|
|
2949
|
+
self._events.delete(eventName);
|
|
2950
|
+
self._callbacks[eventName] = null;
|
|
2951
|
+
} else {
|
|
2952
|
+
callbackInd = this._getCallbackIndex(eventName, callback);
|
|
2953
|
+
if (callbackInd !== -1) {
|
|
2954
|
+
self._callbacks[eventName].splice(callbackInd, 1);
|
|
2955
|
+
this.off(...arguments);
|
|
2956
|
+
}
|
|
2957
|
+
}
|
|
2958
|
+
}
|
|
2959
|
+
return this;
|
|
2960
|
+
}
|
|
2961
|
+
emit(eventName, ...args) {
|
|
2962
|
+
if (this._has(eventName)) {
|
|
2963
|
+
this._getCallbacks(eventName).forEach((element) => Apply.call(element.callback, element.context, args));
|
|
2964
|
+
}
|
|
2965
|
+
return this;
|
|
2966
|
+
}
|
|
2967
|
+
clear() {
|
|
2968
|
+
const self = internal(this);
|
|
2969
|
+
self._events.clear();
|
|
2970
|
+
self._callbacks = {};
|
|
2971
|
+
return this;
|
|
2972
|
+
}
|
|
2973
|
+
listenersNumber(eventName) {
|
|
2974
|
+
return this._has(eventName) ? this._getCallbacks(eventName).length : null;
|
|
2975
|
+
}
|
|
2976
|
+
}
|
|
2977
|
+
class JSONWatch extends EventEmitter {
|
|
2978
|
+
constructor(data) {
|
|
2979
|
+
super();
|
|
2980
|
+
this.data = data || {};
|
|
2981
|
+
}
|
|
2982
|
+
on(a, b) {
|
|
2983
|
+
if (a.indexOf(",") > -1) {
|
|
2984
|
+
a.split(",").forEach((i) => {
|
|
2985
|
+
super.on(i, b);
|
|
2986
|
+
});
|
|
2987
|
+
} else {
|
|
2988
|
+
super.on(a, b);
|
|
2989
|
+
}
|
|
2990
|
+
}
|
|
2991
|
+
off(a, b) {
|
|
2992
|
+
if (a.indexOf(",") > -1) {
|
|
2993
|
+
a.split(",").forEach((i) => {
|
|
2994
|
+
super.off(i, b);
|
|
2995
|
+
});
|
|
2996
|
+
} else {
|
|
2997
|
+
super.off(a, b);
|
|
2998
|
+
}
|
|
2999
|
+
}
|
|
3000
|
+
get(path) {
|
|
3001
|
+
return this.getVariable(path);
|
|
3002
|
+
}
|
|
3003
|
+
getVariable(path) {
|
|
3004
|
+
if (typeof path !== "string") {
|
|
3005
|
+
console.warn("Not string:", path);
|
|
3006
|
+
return "";
|
|
3007
|
+
}
|
|
3008
|
+
if (path === "$ALL") {
|
|
3009
|
+
return this.data;
|
|
3010
|
+
}
|
|
3011
|
+
if (path.indexOf(".") > -1) {
|
|
3012
|
+
path = path.split(".");
|
|
3013
|
+
let ret = this.data;
|
|
3014
|
+
for (let i = 0; i < path.length; i++) {
|
|
3015
|
+
ret = ret[path[i]];
|
|
3016
|
+
if (ret === void 0 || ret === null) {
|
|
3017
|
+
return;
|
|
3018
|
+
}
|
|
3019
|
+
}
|
|
3020
|
+
return ret;
|
|
3021
|
+
}
|
|
3022
|
+
return this.data[path];
|
|
3023
|
+
}
|
|
3024
|
+
set(path, value) {
|
|
3025
|
+
if (path.indexOf(".") > -1) {
|
|
3026
|
+
const paths = path.split(".");
|
|
3027
|
+
let ret = this.data;
|
|
3028
|
+
for (let i = 0; i < paths.length - 1; i++) {
|
|
3029
|
+
if (ret[paths[i]] === void 0) {
|
|
3030
|
+
ret = ret[paths[i]] = {};
|
|
3031
|
+
} else {
|
|
3032
|
+
ret = ret[paths[i]];
|
|
3033
|
+
}
|
|
3034
|
+
}
|
|
3035
|
+
ret[paths[paths.length - 1]] = value;
|
|
3036
|
+
} else {
|
|
3037
|
+
this.data[path] = value;
|
|
3038
|
+
}
|
|
3039
|
+
this.emit(path, value);
|
|
3040
|
+
if (value && Object.keys(value).length) {
|
|
3041
|
+
Object.keys(value).forEach((key) => {
|
|
3042
|
+
this.emit(`${path}.${key}`, value[key]);
|
|
3043
|
+
});
|
|
3044
|
+
}
|
|
3045
|
+
this.emit("$updated", [path, value]);
|
|
3046
|
+
}
|
|
3047
|
+
}
|
|
3048
|
+
__publicField(JSONWatch, "getVariableByJSON", getVariableByJSON);
|
|
3049
|
+
function getVariableByJSON(params, engine) {
|
|
3050
|
+
if (typeof params === "string") {
|
|
3051
|
+
if (/^\$.+/.test(params)) {
|
|
3052
|
+
return engine.getVariable(params);
|
|
3053
|
+
}
|
|
3054
|
+
return params;
|
|
3055
|
+
}
|
|
3056
|
+
if (Array.isArray(params)) {
|
|
3057
|
+
return params.map((i) => getVariableByJSON(i, engine));
|
|
3058
|
+
}
|
|
3059
|
+
if (Object.prototype.toString.call(params) === "[object Object]") {
|
|
3060
|
+
const newParams = {};
|
|
3061
|
+
for (const key in params) {
|
|
3062
|
+
if (Object.prototype.hasOwnProperty.call(params, key)) {
|
|
3063
|
+
newParams[key] = getVariableByJSON(params[key], engine);
|
|
3064
|
+
}
|
|
3065
|
+
}
|
|
3066
|
+
return newParams;
|
|
3067
|
+
}
|
|
3068
|
+
return params;
|
|
3069
|
+
}
|
|
3070
|
+
class Filed extends JSONWatch {
|
|
3071
|
+
constructor(defaultData, validate = {}) {
|
|
3072
|
+
super(defaultData);
|
|
3073
|
+
}
|
|
3074
|
+
getProps(key) {
|
|
3075
|
+
return {
|
|
3076
|
+
value: this.get(key),
|
|
3077
|
+
onChange: (value) => {
|
|
3078
|
+
if (value && value.target && value.preventDefault) {
|
|
3079
|
+
value = value.target.value;
|
|
3080
|
+
}
|
|
3081
|
+
this.set(key, value);
|
|
3082
|
+
}
|
|
3083
|
+
};
|
|
3084
|
+
}
|
|
3085
|
+
getValue(key) {
|
|
3086
|
+
return this.get(key);
|
|
3087
|
+
}
|
|
3088
|
+
getValues() {
|
|
3089
|
+
return this.data;
|
|
3090
|
+
}
|
|
3091
|
+
setValue(key, value) {
|
|
3092
|
+
this.set(key, value);
|
|
3093
|
+
}
|
|
3094
|
+
}
|
|
3095
|
+
function index(defaultData, validate) {
|
|
3096
|
+
const [, forceUpdate] = React.useState({});
|
|
3097
|
+
const [filed] = React.useState(() => {
|
|
3098
|
+
return new Filed(defaultData, validate);
|
|
3099
|
+
});
|
|
3100
|
+
React.useEffect(() => {
|
|
3101
|
+
filed.on("$updated", () => forceUpdate({}));
|
|
3102
|
+
});
|
|
3103
|
+
return filed;
|
|
3104
|
+
}
|
|
2871
3105
|
const ListItem = PdaListItem;
|
|
2872
|
-
export { ActionSheet, index$
|
|
3106
|
+
export { ActionSheet, index$e as AppList, BaseLayout, Button, List as Card, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$B as Header, ImageUploader, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, index$1 as InputItem, Keyborard, index$7 as LatticeMouth, List$1 as List, ListItem, index$3 as Loading, Overlay$1 as Overlay, PDA_IMAGE_PATH, index$s as PageFlowSystemPages, index$4 as Picker, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard, index as useFiled };
|