@cniot/android-pda-components 0.2.65 → 0.2.68

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.
Files changed (11) hide show
  1. package/build/assets/index.b6249fde.css +1 -0
  2. package/build/assets/index.e8bf244b.js +735 -0
  3. package/build/index.html +2 -3
  4. package/doc/index.jsx +6 -0
  5. package/es/index.cjs.js +3 -3
  6. package/es/index.es.js +126 -106
  7. package/es/style.css +1 -1
  8. package/package.json +1 -1
  9. package/build/assets/index.9009eed8.js +0 -694
  10. package/build/assets/index.afa71a0f.css +0 -1
  11. package/build/assets/vendor.5080796b.js +0 -40
package/es/index.es.js CHANGED
@@ -1,41 +1,12 @@
1
1
  var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
2
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
3
  var __publicField = (obj, key, value) => {
33
4
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
34
5
  return value;
35
6
  };
36
7
  import React, { useState, useEffect, forwardRef, useImperativeHandle, createRef, useRef, Component, cloneElement, useCallback } from "react";
37
8
  import ReactDOM from "react-dom";
38
- var global = "";
9
+ var global = /* @__PURE__ */ (() => "*{margin:0;padding:0}div{box-sizing:border-box}\n")();
39
10
  var _classnames_2_3_1_classnames = { exports: {} };
40
11
  /*!
41
12
  Copyright (c) 2018 Jed Watson.
@@ -84,7 +55,7 @@ var _classnames_2_3_1_classnames = { exports: {} };
84
55
  })();
85
56
  })(_classnames_2_3_1_classnames);
86
57
  var classNames = _classnames_2_3_1_classnames.exports;
87
- var index$y = "";
58
+ var index$z = /* @__PURE__ */ (() => ".op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}\n")();
88
59
  function getTypeClass$2(type) {
89
60
  return {
90
61
  "center": "op-overlay center",
@@ -109,11 +80,12 @@ function Overlay$1(props) {
109
80
  useEffect(() => {
110
81
  setHidden(!visible);
111
82
  }, [visible]);
112
- return !hidden ? /* @__PURE__ */ React.createElement("div", __spreadValues({
113
- className: getTypeClass$2(verticalPosition)
114
- }, option), props.children) : null;
83
+ return !hidden ? /* @__PURE__ */ React.createElement("div", {
84
+ className: getTypeClass$2(verticalPosition),
85
+ ...option
86
+ }, props.children) : null;
115
87
  }
116
- var index$x = "";
88
+ var index$y = /* @__PURE__ */ (() => ".pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px;padding-right:12px}.pda-header .header-click-area{padding-right:16px;height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-header-icon{height:100%;width:65px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon:active{background-color:#d8d8d8}.pda-header .pda-header-icon-back{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);background-size:17px 32px}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png);background-size:34px auto}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png);background-size:36px auto}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png);background-size:35px auto}.pda-header .pda-title-text{font-size:40px;flex:1}.pda-header .pda-header-more{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png);background-size:36px auto}.pda-header .pda-header-config{background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png);background-size:36px auto}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}\n")();
117
89
  const blankFunc$6 = () => {
118
90
  };
119
91
  class PdaTitle extends React.Component {
@@ -292,18 +264,19 @@ var _keycode_2_2_1_keycode = { exports: {} };
292
264
  }
293
265
  })(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
294
266
  var keycode = _keycode_2_2_1_keycode.exports;
295
- var index$w = "";
267
+ var index$x = /* @__PURE__ */ (() => ".pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:40px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}\n")();
296
268
  function Button(props) {
297
269
  const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
298
270
  let opt = {};
299
271
  if (dataClick) {
300
272
  opt["data-click"] = dataClick;
301
273
  }
302
- return /* @__PURE__ */ React.createElement("button", __spreadValues({
274
+ return /* @__PURE__ */ React.createElement("button", {
303
275
  className: `pda-button pda-button-${type} ${className}`,
304
276
  onClick,
305
- tabIndex
306
- }, opt), props.children);
277
+ tabIndex,
278
+ ...opt
279
+ }, props.children);
307
280
  }
308
281
  function ButtonGroup(props) {
309
282
  return /* @__PURE__ */ React.createElement("div", {
@@ -314,7 +287,7 @@ Button.Group = ButtonGroup;
314
287
  const SPECIAL_KEY_MAP = ["fn"];
315
288
  const empty$3 = () => {
316
289
  };
317
- function index$v(props) {
290
+ function index$w(props) {
318
291
  const {
319
292
  onBack,
320
293
  icon,
@@ -346,7 +319,7 @@ function index$v(props) {
346
319
  return onKeyBoradBack(function() {
347
320
  onBack && onBack("back");
348
321
  });
349
- }, []);
322
+ }, [onBack]);
350
323
  React.useEffect(() => {
351
324
  return addEventListener(document, "BarcodeScan", function(e) {
352
325
  onScanBarcode && onScanBarcode(e.param.scanData);
@@ -434,7 +407,7 @@ function addEventListener(node, eventName, fn) {
434
407
  node.removeEventListener(eventName, fn);
435
408
  };
436
409
  }
437
- var index$u = "";
410
+ var index$v = /* @__PURE__ */ (() => ".pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:700;padding-top:12px;display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:700;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight,.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}\n")();
438
411
  class PdaInfoCard$2 extends React.Component {
439
412
  constructor(props) {
440
413
  super(props);
@@ -492,7 +465,7 @@ class PdaInfoCard$2 extends React.Component {
492
465
  }
493
466
  }
494
467
  PdaInfoCard$2.IMAGE_1 = "https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";
495
- var index$t = "";
468
+ var index$u = /* @__PURE__ */ (() => ".pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:700;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}\n")();
496
469
  class PdaListItem extends React.Component {
497
470
  constructor(props) {
498
471
  super(props);
@@ -538,7 +511,7 @@ class PdaListItem extends React.Component {
538
511
  }));
539
512
  }
540
513
  }
541
- var index$s = "";
514
+ var index$t = /* @__PURE__ */ (() => ".confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message,.confirm-wrap .confirm-sub-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}\n")();
542
515
  function empty$2() {
543
516
  }
544
517
  function Confirm(props) {
@@ -583,7 +556,7 @@ function Confirm(props) {
583
556
  dataClick: item.dataClick
584
557
  }, item.label))) : null));
585
558
  }
586
- var index$r = "";
559
+ var index$s = /* @__PURE__ */ (() => ".toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:700}.toast-wrap .toast-message{font-size:32px}.loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n")();
587
560
  function WindVaneLog(param) {
588
561
  const params = {
589
562
  domain: "logger",
@@ -733,13 +706,14 @@ function show(p) {
733
706
  useImperativeHandle(ref2, () => ({
734
707
  close: () => setVisible(false)
735
708
  }));
736
- return /* @__PURE__ */ React.createElement(InternalToast, __spreadProps(__spreadValues({}, props), {
709
+ return /* @__PURE__ */ React.createElement(InternalToast, {
710
+ ...props,
737
711
  getContainer: () => container,
738
712
  visible,
739
713
  afterClose: () => {
740
714
  unmount(container);
741
715
  }
742
- }));
716
+ });
743
717
  });
744
718
  const ref = createRef();
745
719
  ReactDOM.render(/* @__PURE__ */ React.createElement(TempToast, {
@@ -783,13 +757,15 @@ function loading(p = {}) {
783
757
  });
784
758
  }
785
759
  function confirm$1(p = {}) {
786
- const _a = p, { duration = 0 } = _a, props = __objRest(_a, ["duration"]);
760
+ const { duration = 0, ...props } = p;
787
761
  return show({
788
762
  duration,
789
763
  position: "bottom",
790
764
  closable: true,
791
765
  renderContent: function() {
792
- return /* @__PURE__ */ React.createElement(Confirm, __spreadValues({}, props));
766
+ return /* @__PURE__ */ React.createElement(Confirm, {
767
+ ...props
768
+ });
793
769
  }
794
770
  });
795
771
  }
@@ -801,9 +777,10 @@ function Alert(props) {
801
777
  const { data = {}, onNext } = props;
802
778
  return /* @__PURE__ */ React.createElement(Overlay$1, {
803
779
  verticalPosition: "bottom"
804
- }, /* @__PURE__ */ React.createElement(Confirm, __spreadProps(__spreadValues({}, data), {
780
+ }, /* @__PURE__ */ React.createElement(Confirm, {
781
+ ...data,
805
782
  onClick: () => onNext(true)
806
- })));
783
+ }));
807
784
  }
808
785
  function Start(props) {
809
786
  const { action, appManager, service } = props;
@@ -828,11 +805,12 @@ function confirm(props) {
828
805
  const { service, data = {}, onNext } = props;
829
806
  return /* @__PURE__ */ React.createElement(Overlay$1, {
830
807
  verticalPosition: "bottom"
831
- }, /* @__PURE__ */ React.createElement(Confirm, __spreadProps(__spreadValues({}, data), {
808
+ }, /* @__PURE__ */ React.createElement(Confirm, {
809
+ ...data,
832
810
  onClick: onNext
833
- })));
811
+ }));
834
812
  }
835
- var index$q = "";
813
+ var index$r = /* @__PURE__ */ (() => ".op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}\n")();
836
814
  function getTypeClass(type) {
837
815
  return {
838
816
  "center": "op-overlay center",
@@ -857,11 +835,12 @@ function Overlay(props) {
857
835
  useEffect(() => {
858
836
  setHidden(!visible);
859
837
  }, [visible]);
860
- return !hidden ? /* @__PURE__ */ React.createElement("div", __spreadValues({
861
- className: getTypeClass(verticalPosition)
862
- }, option), props.children) : null;
838
+ return !hidden ? /* @__PURE__ */ React.createElement("div", {
839
+ className: getTypeClass(verticalPosition),
840
+ ...option
841
+ }, props.children) : null;
863
842
  }
864
- var index$p = "";
843
+ var index$q = /* @__PURE__ */ (() => ".prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}\n")();
865
844
  function Prompt(props) {
866
845
  const inputRef = React.useRef();
867
846
  const { data = {}, onNext } = props;
@@ -932,7 +911,7 @@ function splitMessage(message) {
932
911
  var msg = String(message).split("by Error:");
933
912
  return msg[1] || msg[0];
934
913
  }
935
- var index$o = "";
914
+ var index$p = /* @__PURE__ */ (() => ".mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}\n")();
936
915
  function NotFound(props) {
937
916
  return /* @__PURE__ */ React.createElement("div", {
938
917
  style: { padding: "20%" }
@@ -940,7 +919,7 @@ function NotFound(props) {
940
919
  style: { fontSize: "60%" }
941
920
  }, "Not found")), /* @__PURE__ */ React.createElement("div", null, props.action.getPage()));
942
921
  }
943
- var index$n = "";
922
+ var index$o = /* @__PURE__ */ (() => ".loading-wrap{position:fixed;z-index:1000;left:0;top:0;background-color:#00000080;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loading-wrap .loading-box{background-color:#fff;border-radius:5%;display:flex;flex-direction:column;align-items:center;padding:10px 20px;margin-top:-10%}.loading-wrap .loading-box svg{width:50px;height:50px;animation:rotate 1.5s linear infinite;margin:10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n")();
944
923
  function Loading$1(props) {
945
924
  const [showLoading, setShowLoading] = React.useState(props.visible);
946
925
  const edgeService = props.edgeService;
@@ -1002,7 +981,7 @@ function Debug() {
1002
981
  console.warn('Please stop using "Debug" Components');
1003
982
  return null;
1004
983
  }
1005
- var index$m = {
984
+ var index$n = {
1006
985
  Alert,
1007
986
  Start,
1008
987
  Toast: toast,
@@ -1013,7 +992,7 @@ var index$m = {
1013
992
  Loading: Loading$1,
1014
993
  PlaySound
1015
994
  };
1016
- var index$l = "";
995
+ var index$m = /* @__PURE__ */ (() => ".presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999}\n")();
1017
996
  function Presentation(props) {
1018
997
  const {
1019
998
  image = Presentation.IMAGE_1,
@@ -1035,7 +1014,7 @@ Presentation.IMAGE_1 = "https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGD
1035
1014
  Presentation.IMAGE_2 = "https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";
1036
1015
  Presentation.IMAGE_3 = "https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";
1037
1016
  Presentation.IMAGE_4 = "https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";
1038
- var index$k = "";
1017
+ var index$l = /* @__PURE__ */ (() => ".android-pda-list .default-item{background-color:#282828;font-size:36px;padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#0061a1}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7;line-height:1em}.android-pda-list .default-item .sub-tags{display:flex;margin-top:10px}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#008fed;padding:.3em;font-size:40%;margin-right:5px;border-radius:6px;color:#fff;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}\n")();
1039
1018
  function empty$1() {
1040
1019
  }
1041
1020
  function List$1(props) {
@@ -1081,7 +1060,7 @@ function DefaultItem(props) {
1081
1060
  }, extra));
1082
1061
  }
1083
1062
  List$1.Item = DefaultItem;
1084
- var index$j = "";
1063
+ var index$k = /* @__PURE__ */ (() => ".baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-top:16px}.baselayout-wrapper .baselayout-footer{padding:16px 0}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);background-repeat:no-repeat;background-position:center;background-size:120px 120px}\n")();
1085
1064
  const blankFunc$5 = () => {
1086
1065
  };
1087
1066
  class BaseLayoutContainer extends React.Component {
@@ -1244,8 +1223,10 @@ class RfidOnce$1 extends React.Component {
1244
1223
  }
1245
1224
  render() {
1246
1225
  const props = this.props;
1247
- const _a = props, { onRfidOnce = blankFunc$4 } = _a, opts = __objRest(_a, ["onRfidOnce"]);
1248
- return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, opts));
1226
+ const { onRfidOnce = blankFunc$4, ...opts } = props;
1227
+ return /* @__PURE__ */ React.createElement(BaseLayoutContainer, {
1228
+ ...opts
1229
+ });
1249
1230
  }
1250
1231
  }
1251
1232
  const blankFunc$3 = () => {
@@ -1333,8 +1314,10 @@ class RfidOnce extends React.Component {
1333
1314
  }
1334
1315
  render() {
1335
1316
  const props = this.props;
1336
- const _a = props, { onRfidScan = blankFunc$3, autoRfidScan } = _a, opts = __objRest(_a, ["onRfidScan", "autoRfidScan"]);
1337
- return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, opts));
1317
+ const { onRfidScan = blankFunc$3, autoRfidScan, ...opts } = props;
1318
+ return /* @__PURE__ */ React.createElement(BaseLayoutContainer, {
1319
+ ...opts
1320
+ });
1338
1321
  }
1339
1322
  }
1340
1323
  __publicField(RfidOnce, "defaultProps", {
@@ -1400,8 +1383,10 @@ class BarcodeScan extends React.Component {
1400
1383
  }
1401
1384
  render() {
1402
1385
  const props = this.props;
1403
- const _a = props, { onBarcodeScan = blankFunc$2 } = _a, opts = __objRest(_a, ["onBarcodeScan"]);
1404
- return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, opts));
1386
+ const { onBarcodeScan = blankFunc$2, ...opts } = props;
1387
+ return /* @__PURE__ */ React.createElement(BaseLayoutContainer, {
1388
+ ...opts
1389
+ });
1405
1390
  }
1406
1391
  }
1407
1392
  class BaseLayout extends React.Component {
@@ -1412,18 +1397,26 @@ class BaseLayout extends React.Component {
1412
1397
  const props = this.props;
1413
1398
  const { onBarcodeScan, onScanBarcode, onRfidOnce, onRfidBoxOnce, onRfidPalletOnce, onRfidScan, onRfidBoxScan, onRfidPalletScan } = props;
1414
1399
  if (onRfidOnce || onRfidBoxOnce || onRfidPalletOnce) {
1415
- return /* @__PURE__ */ React.createElement(RfidOnce$1, __spreadValues({}, props));
1400
+ return /* @__PURE__ */ React.createElement(RfidOnce$1, {
1401
+ ...props
1402
+ });
1416
1403
  }
1417
1404
  if (onRfidScan || onRfidBoxScan || onRfidPalletScan) {
1418
- return /* @__PURE__ */ React.createElement(RfidOnce, __spreadValues({}, props));
1405
+ return /* @__PURE__ */ React.createElement(RfidOnce, {
1406
+ ...props
1407
+ });
1419
1408
  }
1420
1409
  if (onBarcodeScan || onScanBarcode) {
1421
- return /* @__PURE__ */ React.createElement(BarcodeScan, __spreadValues({}, props));
1410
+ return /* @__PURE__ */ React.createElement(BarcodeScan, {
1411
+ ...props
1412
+ });
1422
1413
  }
1423
- return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, props));
1414
+ return /* @__PURE__ */ React.createElement(BaseLayoutContainer, {
1415
+ ...props
1416
+ });
1424
1417
  }
1425
1418
  }
1426
- var index$i = "";
1419
+ var index$j = /* @__PURE__ */ (() => ".wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}\n")();
1427
1420
  const blankFunc$1 = () => {
1428
1421
  };
1429
1422
  function Keyborard(props) {
@@ -1483,10 +1476,10 @@ const blankFunc = () => {
1483
1476
  };
1484
1477
  function WakeKeyborard(props) {
1485
1478
  const [inputVisible, setInputVisible] = useState(props.autoWakeup || false);
1486
- const _a = props, { onClick = blankFunc, onHidden = blankFunc } = _a, keyborardProps = __objRest(_a, ["onClick", "onHidden"]);
1479
+ const { onClick = blankFunc, onHidden = blankFunc, ...keyborardProps } = props;
1487
1480
  return /* @__PURE__ */ React.createElement("div", {
1488
1481
  className: "wakekeyborard"
1489
- }, inputVisible ? /* @__PURE__ */ React.createElement(Keyborard, __spreadValues({
1482
+ }, inputVisible ? /* @__PURE__ */ React.createElement(Keyborard, {
1490
1483
  onClick: (v, e) => {
1491
1484
  onClick(v);
1492
1485
  setInputVisible(!inputVisible);
@@ -1494,8 +1487,9 @@ function WakeKeyborard(props) {
1494
1487
  onHidden: (s) => {
1495
1488
  setInputVisible(false);
1496
1489
  onHidden(s);
1497
- }
1498
- }, keyborardProps)) : null, !inputVisible ? /* @__PURE__ */ React.createElement("div", {
1490
+ },
1491
+ ...keyborardProps
1492
+ }) : null, !inputVisible ? /* @__PURE__ */ React.createElement("div", {
1499
1493
  className: "wakekeyborard-icon",
1500
1494
  onClick: (e) => {
1501
1495
  setInputVisible(!inputVisible);
@@ -1560,7 +1554,7 @@ class UploadeButton extends Component {
1560
1554
  }))));
1561
1555
  }
1562
1556
  }
1563
- var index$h = "";
1557
+ var index$i = /* @__PURE__ */ (() => ".v-mask{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:1;display:unset}.v-mask .image-viewer-content{width:100vw;height:100vh;max-height:-webkit-fill-available;touch-action:none}.v-mask .image-viewer-slides{height:100%;position:relative;z-index:1;cursor:grab;touch-action:none}.v-mask .image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:#e6e6e6;font-size:14px}.v-mask .viewer-image-close{position:absolute;right:6px}.v-mask .viewer-image-close svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:12px;width:24px}.v-mask .image-viewer-slides-inner{height:100%;white-space:nowrap}.v-mask .image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v-mask .image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.v-mask .viewer-image-arrow{position:absolute;top:calc(50% - 10px);z-index:999}.v-mask .viewer-image-arrow svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:18px;width:24px}.v-mask .viewer-prev{left:0}.v-mask .viewer-next{right:0}.v-mask .image-viewer-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d;z-index:998}.v-mask .image-viewer-loading .image-viewer-loading-reactor{animation:PhotoView__delayShow .4s linear both}.v-mask .image-viewer-loading .image-viewer-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}\n")();
1564
1558
  const classPrefix$1 = "image-viewer";
1565
1559
  class ImageViewer extends Component {
1566
1560
  constructor(props) {
@@ -1856,9 +1850,9 @@ class ImageUploader extends Component {
1856
1850
  }));
1857
1851
  }
1858
1852
  }
1859
- var index$g = "";
1860
- var index$f = "";
1861
- var index$e = "";
1853
+ var index$h = /* @__PURE__ */ (() => ".image-uploader-wrap{display:inline-flex;flex-wrap:wrap;margin-bottom:8px}.image-space-item{margin-right:8px;padding-bottom:8px}.image-space-item .image-uploader-cell{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden}.image-space-item .image-uploader-cell-image{width:80px;height:80px}.image-space-item .image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:#fff;cursor:pointer}.image-space-item .image-uploader-cell-delete .uploader-delete-icon{position:absolute;right:2px;top:2px;display:inline-block;object-fit:cover;width:8px;height:8px}.image-space-item .image-uploader-img{object-fit:cover;display:block;width:100%;height:100%}.image-space-item .image-uploader-upload-button-wrap{position:relative}.image-space-item .image-uploader-upload-button-wrap .image-uploader-upload-button{display:flex;justify-content:center;align-items:center;background-color:#a2a2a2;cursor:pointer}.image-space-item .image-uploader-upload-button-wrap .uploader-add-icon{display:inline-block;object-fit:cover;width:32px;height:32px}.image-uploader-loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000009d}.image-uploader-loading .image-uploader-loading-reactor{animation:PhotoView__delayShow .4s linear both}.image-uploader-loading .image-uploader-loading-reactor svg{animation:PhotoView__rotate .6s linear infinite}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes PhotoView__delayShow{0%,50%{opacity:0}to{opacity:1}}\n")();
1854
+ var index$g = /* @__PURE__ */ (() => "")();
1855
+ var index$f = /* @__PURE__ */ (() => ".pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}\n")();
1862
1856
  class PdaInfoCard$1 extends React.Component {
1863
1857
  constructor(props) {
1864
1858
  super(props);
@@ -1898,10 +1892,11 @@ class PdaInfoCard extends React.Component {
1898
1892
  className: classNames({ [className]: true }),
1899
1893
  style
1900
1894
  }, (children || []).map((child, index2) => {
1901
- const childProps = __spreadValues({
1895
+ const childProps = {
1902
1896
  index: index2,
1903
- isLast: index2 === (children || []).length - 1
1904
- }, child.props);
1897
+ isLast: index2 === (children || []).length - 1,
1898
+ ...child.props
1899
+ };
1905
1900
  if (index2 === current) {
1906
1901
  childProps.isActive = true;
1907
1902
  } else {
@@ -1912,7 +1907,7 @@ class PdaInfoCard extends React.Component {
1912
1907
  }
1913
1908
  }
1914
1909
  __publicField(PdaInfoCard, "Step", PdaInfoCard$1);
1915
- var index$d = "";
1910
+ var index$e = /* @__PURE__ */ (() => ".pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}\n")();
1916
1911
  class PdaFinishCard extends React.Component {
1917
1912
  constructor(props) {
1918
1913
  super(props);
@@ -1955,7 +1950,7 @@ class PdaFinishCard extends React.Component {
1955
1950
  }
1956
1951
  PdaFinishCard.SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";
1957
1952
  PdaFinishCard.ERROR_SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";
1958
- var index$c = "";
1953
+ var index$d = /* @__PURE__ */ (() => ".pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}\n")();
1959
1954
  class PdaDistanceCard extends React.Component {
1960
1955
  constructor(props) {
1961
1956
  super(props);
@@ -1990,7 +1985,7 @@ class PdaDistanceCard extends React.Component {
1990
1985
  }, /* @__PURE__ */ React.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React.createElement("p", null, "\u8FD1")));
1991
1986
  }
1992
1987
  }
1993
- var index$b = "";
1988
+ var index$c = /* @__PURE__ */ (() => ".android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:700;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:700;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}\n")();
1994
1989
  function SubCard(props) {
1995
1990
  const { title, context, name, tag, attrs = [], style } = props;
1996
1991
  return /* @__PURE__ */ React.createElement("div", {
@@ -2016,7 +2011,7 @@ function SubCard(props) {
2016
2011
  }, text);
2017
2012
  })));
2018
2013
  }
2019
- var index$a = "";
2014
+ var index$b = /* @__PURE__ */ (() => ".select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}\n")();
2020
2015
  function SelectCard(props) {
2021
2016
  const { title, label, select = true, onClick = (e) => {
2022
2017
  } } = props;
@@ -2029,10 +2024,10 @@ function SelectCard(props) {
2029
2024
  className: "select-icon"
2030
2025
  }) : null, " "));
2031
2026
  }
2032
- var index$9 = "";
2027
+ var index$a = /* @__PURE__ */ (() => ".pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}\n")();
2033
2028
  function empty() {
2034
2029
  }
2035
- function index$8(props) {
2030
+ function index$9(props) {
2036
2031
  const { dataSource = [], onClickItem = empty } = props;
2037
2032
  let tabIndex = 1;
2038
2033
  return /* @__PURE__ */ React.createElement("div", {
@@ -2060,7 +2055,7 @@ function index$8(props) {
2060
2055
  })));
2061
2056
  }));
2062
2057
  }
2063
- var index$7 = "";
2058
+ var index$8 = /* @__PURE__ */ (() => ".pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}\n")();
2064
2059
  function usePersistFn(fn) {
2065
2060
  var fnRef = useRef(fn);
2066
2061
  fnRef.current = fn;
@@ -2378,7 +2373,7 @@ function InfiniteScroll(props) {
2378
2373
  className: "pda-infinite-scroll-view"
2379
2374
  }, /* @__PURE__ */ React.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86~")));
2380
2375
  }
2381
- var index$6 = "";
2376
+ var index$7 = /* @__PURE__ */ (() => ".action-sheet{position:fixed;z-index:1000;width:100%;height:100%;background-color:#00000059;top:0;left:0;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}\n")();
2382
2377
  function ActionSheet(props) {
2383
2378
  const {
2384
2379
  className = "",
@@ -2408,7 +2403,9 @@ function ActionSheet(props) {
2408
2403
  className: "action-sheet-item",
2409
2404
  key: index2
2410
2405
  }, item.title);
2411
- }), infiniteScroll ? /* @__PURE__ */ React.createElement(InfiniteScroll, __spreadValues({}, infiniteScroll)) : null), stickyToBottomActions.length > 0 ? /* @__PURE__ */ React.createElement("div", {
2406
+ }), infiniteScroll ? /* @__PURE__ */ React.createElement(InfiniteScroll, {
2407
+ ...infiniteScroll
2408
+ }) : null), stickyToBottomActions.length > 0 ? /* @__PURE__ */ React.createElement("div", {
2412
2409
  className: classNames({
2413
2410
  "action-sheet-sticky-bottom": true,
2414
2411
  ["action-sheet-sticky-bottom-" + stickyToBottomDirection]: true
@@ -2424,14 +2421,14 @@ function ActionSheet(props) {
2424
2421
  }, item.title);
2425
2422
  })) : null));
2426
2423
  }
2427
- var index$5 = "";
2424
+ var index$6 = /* @__PURE__ */ (() => ".pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}\n")();
2428
2425
  function Tag(props) {
2429
2426
  const { className = void 0, label = "label", type = "success" } = props;
2430
2427
  return /* @__PURE__ */ React.createElement("div", {
2431
2428
  className: classNames({ [className]: true, "pda-tag": true, ["pda-tag-" + type]: true })
2432
2429
  }, label);
2433
2430
  }
2434
- var index$4 = "";
2431
+ var index$5 = /* @__PURE__ */ (() => ".simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:700;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card.simple-card-dark{background-color:#282828}.simple-card.simple-card-dark .simple-card-title{color:#fff}.simple-card.simple-card-dark .simple-card-content{color:#999}\n")();
2435
2432
  function SimpleCard(props) {
2436
2433
  const { className = "", title = "", content = "", type = "default", onClick = () => {
2437
2434
  } } = props;
@@ -2444,7 +2441,7 @@ function SimpleCard(props) {
2444
2441
  className: "simple-card-content"
2445
2442
  }, content)) : null;
2446
2443
  }
2447
- var index$3 = "";
2444
+ var index$4 = /* @__PURE__ */ (() => ".simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;margin-right:12px;margin-top:12px}\n")();
2448
2445
  function SimpleCardBlock(props) {
2449
2446
  const { className = void 0, dataSource = [], title = "", tag } = props;
2450
2447
  return /* @__PURE__ */ React.createElement("div", {
@@ -2455,16 +2452,19 @@ function SimpleCardBlock(props) {
2455
2452
  className: "simple-card-block-title"
2456
2453
  }, title), tag ? /* @__PURE__ */ React.createElement("div", {
2457
2454
  style: { marginLeft: 12 }
2458
- }, /* @__PURE__ */ React.createElement(Tag, __spreadValues({}, tag))) : null), dataSource.length > 0 ? /* @__PURE__ */ React.createElement("div", {
2455
+ }, /* @__PURE__ */ React.createElement(Tag, {
2456
+ ...tag
2457
+ })) : null), dataSource.length > 0 ? /* @__PURE__ */ React.createElement("div", {
2459
2458
  className: "simple-card-block-content"
2460
2459
  }, dataSource.map((item, index2) => {
2461
- return /* @__PURE__ */ React.createElement(SimpleCard, __spreadValues({
2462
- key: index2
2463
- }, item));
2460
+ return /* @__PURE__ */ React.createElement(SimpleCard, {
2461
+ key: index2,
2462
+ ...item
2463
+ });
2464
2464
  })) : null);
2465
2465
  }
2466
- var index$2 = "";
2467
- function index$1(props) {
2466
+ var index$3 = /* @__PURE__ */ (() => ".lattice-mouth .lattice-mouth-row{display:flex}.lattice-mouth .lattice-mouth-row .lattice-mouth-item{--font-size: 14px;--color: #ffffff;--background-color: #BFBFBF;color:var(--color);background-color:var(--background-color);font-size:var(--font-size);flex:1;flex-direction:column;display:flex;margin:1%;border-radius:4px;overflow:hidden}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.highlight{--color: #ffffff;--background-color: #008FED}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.active{--color: #ffffff;--background-color: #282828}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.default{--color: #ffffff;--background-color: #BFBFBF}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.complete{--color: #000000;--background-color: #00FF00}.lattice-mouth .lattice-mouth-row .lattice-mouth-item.error{--color: #ffffff;--background-color: #f30f30}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-value{text-align:center;flex:1;font-size:150%;min-height:2em;display:flex;justify-content:center;align-items:center}.lattice-mouth .lattice-mouth-row .lattice-mouth-item .lattice-mouth-label{background-color:#0000004d;text-align:center;min-height:1em}\n")();
2467
+ function index$2(props) {
2468
2468
  const { row = 3, col = 3, dataSource = [] } = props;
2469
2469
  return /* @__PURE__ */ React.createElement("div", {
2470
2470
  className: "lattice-mouth"
@@ -2495,7 +2495,7 @@ function renderItem(dataSource, rowIndex, colIndex, col) {
2495
2495
  function getDataSourceItem(dataSource, rowIndex, colIndex, col) {
2496
2496
  return dataSource[rowIndex * col + colIndex];
2497
2497
  }
2498
- var index = "";
2498
+ var index$1 = /* @__PURE__ */ (() => ".android-op-card{--base-font-size: 20px;--background-color: #FFFFFF;--color: #000000;--main-color: #008FED;--border-radius: 6px;--progress-background-color: rgba(160, 160, 160, .5);--progress-foreground-color: #008FED;--tag-background-color: #008FED;--tag-color: #ffffff;background-color:var(--background-color);font-size:var(--base-font-size);color:var(--color);border-radius:var(--border-radius);padding:2%;position:relative}.android-op-card .card-h1{color:var(--color);opacity:.7;font-weight:700}.android-op-card .card-content{font-size:calc(var(--base-font-size) * 2.5);color:var(--main-color);font-weight:700;display:flex;align-items:baseline;line-height:1.1em}.android-op-card .card-content small{font-size:50%}.android-op-card .card-progress{background-color:var(--progress-background-color);border-radius:1em;overflow:hidden;height:1em;font-size:calc(var(--base-font-size) * .6);margin-bottom:1em}.android-op-card .card-progress .card-progress-bar{background-color:var(--progress-foreground-color);height:1em;opacity:1.5}.android-op-card .card-main-title{font-size:calc(var(--base-font-size) * 1.6);line-height:1.5em;margin-bottom:.2em}.android-op-card .card-info-list{color:var(--color);opacity:.6}.android-op-card .card-tags{display:flex;margin-top:.5em}.android-op-card .card-tags.top{position:absolute;top:4%;right:1%}.android-op-card .card-tags .card-tags-item{font-size:calc(var(--base-font-size) * .8);color:var(--tag-color);border-radius:.3em;background-color:var(--tag-background-color);padding:.2em .3em;margin-right:.5em}\n")();
2499
2499
  const DARK_STYLE = {
2500
2500
  "--base-font-size": "20px",
2501
2501
  "--background-color": "#000000",
@@ -2564,5 +2564,25 @@ function SplitContent(props) {
2564
2564
  className: "card-content"
2565
2565
  }, content[0]);
2566
2566
  }
2567
+ function index(props) {
2568
+ const { visible, text = "LOADING..." } = props;
2569
+ if (!visible) {
2570
+ return null;
2571
+ }
2572
+ return /* @__PURE__ */ React.createElement("div", {
2573
+ className: "loading-wrap"
2574
+ }, /* @__PURE__ */ React.createElement("div", {
2575
+ className: "loading-box"
2576
+ }, /* @__PURE__ */ React.createElement("svg", {
2577
+ t: "1647243772165",
2578
+ viewBox: "0 0 1024 1024",
2579
+ version: "1.1",
2580
+ xmlns: "http://www.w3.org/2000/svg",
2581
+ "p-id": "2178"
2582
+ }, /* @__PURE__ */ React.createElement("path", {
2583
+ d: "M512 64c247.2 0 448 200.8 448 448h-64c0-212-172-384-384-384V64z m0 832c-212 0-384-172-384-384H64c0 247.2 200.8 448 448 448v-64z",
2584
+ "p-id": "2179"
2585
+ })), /* @__PURE__ */ React.createElement("div", null, text)));
2586
+ }
2567
2587
  const ListItem = PdaListItem;
2568
- export { ActionSheet, index$8 as AppList, BaseLayout, Button, List as Card, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$v as Header, ImageUploader, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, Keyborard, index$1 as LatticeMouth, List$1 as List, ListItem, Overlay$1 as Overlay, index$m as PageFlowSystemPages, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };
2588
+ export { ActionSheet, index$9 as AppList, BaseLayout, Button, List as Card, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$w as Header, ImageUploader, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, Keyborard, index$2 as LatticeMouth, List$1 as List, ListItem, index as Loading, Overlay$1 as Overlay, index$n as PageFlowSystemPages, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };