@cniot/android-pda-components 0.2.39 → 0.2.42

package/es/index.es.js

@@ -33,7 +33,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import React, { useState, useEffect, useRef, cloneElement, useCallback } from "react";
+import React, { useState, useEffect, useRef, Component, cloneElement, useCallback } from "react";
 import ReactDOM from "react-dom";
 var global = "";
 var _classnames_2_3_1_classnames = { exports: {} };
@@ -84,7 +84,7 @@ var _classnames_2_3_1_classnames = { exports: {} };
   })();
 })(_classnames_2_3_1_classnames);
 var classNames = _classnames_2_3_1_classnames.exports;
-var index$t = "";
+var index$v = "";
 function getTypeClass$2(type) {
   return {
     "center": "op-overlay center",
@@ -113,7 +113,7 @@ function Overlay$1(props) {
     className: getTypeClass$2(verticalPosition)
   }, option), props.children) : null;
 }
-var index$s = "";
+var index$u = "";
 const blankFunc$6 = () => {
 };
 class PdaTitle extends React.Component {
@@ -281,7 +281,7 @@ var _keycode_2_2_1_keycode = { exports: {} };
   }
 })(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
 var keycode = _keycode_2_2_1_keycode.exports;
-var index$r = "";
+var index$t = "";
 function Button(props) {
   const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
   let opt = {};
@@ -303,7 +303,7 @@ Button.Group = ButtonGroup;
 const SPECIAL_KEY_MAP = ["fn"];
 const empty$3 = () => {
 };
-function index$q(props) {
+function index$s(props) {
   const {
     onBack,
     icon,
@@ -422,7 +422,7 @@ function addEventListener(node, eventName, fn) {
     node.removeEventListener(eventName, fn);
   };
 }
-var index$p = "";
+var index$r = "";
 class PdaInfoCard$2 extends React.Component {
   constructor(props) {
     super(props);
@@ -480,7 +480,7 @@ class PdaInfoCard$2 extends React.Component {
   }
 }
 PdaInfoCard$2.IMAGE_1 = "https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";
-var index$o = "";
+var index$q = "";
 class PdaListItem extends React.Component {
   constructor(props) {
     super(props);
@@ -526,7 +526,7 @@ class PdaListItem extends React.Component {
     }));
   }
 }
-var index$n = "";
+var index$p = "";
 function empty$2() {
 }
 function Confirm(props) {
@@ -571,7 +571,7 @@ function Confirm(props) {
     dataClick: item.dataClick
   }, item.label))) : null));
 }
-var index$m = "";
+var index$o = "";
 function WindVaneLog(param) {
   const params = {
     domain: "logger",
@@ -755,7 +755,7 @@ function confirm(props) {
     onClick: onNext
   })));
 }
-var index$l = "";
+var index$n = "";
 function getTypeClass(type) {
   return {
     "center": "op-overlay center",
@@ -784,7 +784,7 @@ function Overlay(props) {
     className: getTypeClass(verticalPosition)
   }, option), props.children) : null;
 }
-var index$k = "";
+var index$m = "";
 function Prompt(props) {
   const inputRef = React.useRef();
   const { data = {}, onNext } = props;
@@ -855,7 +855,7 @@ function splitMessage(message) {
   var msg = String(message).split("by Error:");
   return msg[1] || msg[0];
 }
-var index$j = "";
+var index$l = "";
 function NotFound(props) {
   return /* @__PURE__ */ React.createElement("div", {
     style: { padding: "20%" }
@@ -863,199 +863,9 @@ function NotFound(props) {
     style: { fontSize: "60%" }
   }, "Not found")), /* @__PURE__ */ React.createElement("div", null, props.action.getPage()));
 }
-function _extends() {
-  _extends = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-var r, B = r || (r = {});
-B.Pop = "POP";
-B.Push = "PUSH";
-B.Replace = "REPLACE";
-var C = function(b) {
-  return b;
-};
-function E(b) {
-  b.preventDefault();
-  b.returnValue = "";
-}
-function F() {
-  var b = [];
-  return { get length() {
-    return b.length;
-  }, push: function(h) {
-    b.push(h);
-    return function() {
-      b = b.filter(function(k) {
-        return k !== h;
-      });
-    };
-  }, call: function(h) {
-    b.forEach(function(k) {
-      return k && k(h);
-    });
-  } };
-}
-function H() {
-  return Math.random().toString(36).substr(2, 8);
-}
-function I(b) {
-  var h = b.pathname, k = b.search;
-  b = b.hash;
-  return (h === void 0 ? "/" : h) + (k === void 0 ? "" : k) + (b === void 0 ? "" : b);
-}
-function J(b) {
-  var h = {};
-  if (b) {
-    var k = b.indexOf("#");
-    0 <= k && (h.hash = b.substr(k), b = b.substr(0, k));
-    k = b.indexOf("?");
-    0 <= k && (h.search = b.substr(k), b = b.substr(0, k));
-    b && (h.pathname = b);
-  }
-  return h;
-}
-function createHashHistory(b) {
-  function h() {
-    var a = J(m.location.hash.substr(1)), e = a.pathname, l = a.search;
-    a = a.hash;
-    var g = u.state || {};
-    return [g.idx, C({ pathname: e === void 0 ? "/" : e, search: l === void 0 ? "" : l, hash: a === void 0 ? "" : a, state: g.usr || null, key: g.key || "default" })];
-  }
-  function k() {
-    if (t)
-      c.call(t), t = null;
-    else {
-      var a = r.Pop, e = h(), l = e[0];
-      e = e[1];
-      if (c.length)
-        if (l != null) {
-          var g = q - l;
-          g && (t = { action: a, location: e, retry: function() {
-            p(-1 * g);
-          } }, p(g));
-        } else
-          ;
-      else
-        A(a);
-    }
-  }
-  function x(a) {
-    var e = document.querySelector("base"), l = "";
-    e && e.getAttribute("href") && (e = m.location.href, l = e.indexOf("#"), l = l === -1 ? e : e.slice(0, l));
-    return l + "#" + (typeof a === "string" ? a : I(a));
-  }
-  function z(a, e) {
-    e === void 0 && (e = null);
-    return C(_extends({ pathname: d.pathname, hash: "", search: "" }, typeof a === "string" ? J(a) : a, { state: e, key: H() }));
-  }
-  function A(a) {
-    v = a;
-    a = h();
-    q = a[0];
-    d = a[1];
-    f.call({ action: v, location: d });
-  }
-  function y(a, e) {
-    function l() {
-      y(a, e);
-    }
-    var g = r.Push, n = z(a, e);
-    if (!c.length || (c.call({ action: g, location: n, retry: l }), false)) {
-      var G = [{ usr: n.state, key: n.key, idx: q + 1 }, x(n)];
-      n = G[0];
-      G = G[1];
-      try {
-        u.pushState(n, "", G);
-      } catch (K) {
-        m.location.assign(G);
-      }
-      A(g);
-    }
-  }
-  function w(a, e) {
-    function l() {
-      w(a, e);
-    }
-    var g = r.Replace, n = z(a, e);
-    c.length && (c.call({ action: g, location: n, retry: l }), 1) || (n = [{ usr: n.state, key: n.key, idx: q }, x(n)], u.replaceState(n[0], "", n[1]), A(g));
-  }
-  function p(a) {
-    u.go(a);
-  }
-  b === void 0 && (b = {});
-  b = b.window;
-  var m = b === void 0 ? document.defaultView : b, u = m.history, t = null;
-  m.addEventListener("popstate", k);
-  m.addEventListener("hashchange", function() {
-    var a = h()[1];
-    I(a) !== I(d) && k();
-  });
-  var v = r.Pop;
-  b = h();
-  var q = b[0], d = b[1], f = F(), c = F();
-  q == null && (q = 0, u.replaceState(_extends({}, u.state, { idx: q }), ""));
-  return {
-    get action() {
-      return v;
-    },
-    get location() {
-      return d;
-    },
-    createHref: x,
-    push: y,
-    replace: w,
-    go: p,
-    back: function() {
-      p(-1);
-    },
-    forward: function() {
-      p(1);
-    },
-    listen: function(a) {
-      return f.push(a);
-    },
-    block: function(a) {
-      var e = c.push(a);
-      c.length === 1 && m.addEventListener("beforeunload", E);
-      return function() {
-        e();
-        c.length || m.removeEventListener("beforeunload", E);
-      };
-    }
-  };
-}
-var index$i = "";
-function Debug(props) {
-  const { appManager } = props;
-  const pages = Array.from(appManager.pageManager.keys()).reverse();
-  React.useEffect(function() {
-    const history = createHashHistory();
-    const unListen = history.listen(({ action, location }) => {
-      const pathname = location.pathname;
-      appManager.mockToPage(pathname, {});
-    });
-    return unListen;
-  }, []);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "local-debug-side"
-  }, /* @__PURE__ */ React.createElement("ul", null, pages.map((pathname) => /* @__PURE__ */ React.createElement("li", {
-    key: pathname
-  }, /* @__PURE__ */ React.createElement("a", {
-    href: `#${pathname}`
-  }, pathname)))));
-}
+var index$k = "";
 function Loading$1(props) {
-  const [showLoading, setShowLoading] = React.useState(false);
+  const [showLoading, setShowLoading] = React.useState(props.visible);
   const edgeService = props.edgeService;
   React.useEffect(function() {
     let currentLoading = false;
@@ -1084,8 +894,19 @@ function Loading$1(props) {
     };
   }, [edgeService]);
   return showLoading ? /* @__PURE__ */ React.createElement("div", {
-    style: { position: "absolute", left: 0, top: 0, zIndex: 100 }
-  }, "LOADING...") : null;
+    className: "loading-wrap"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "loading-box"
+  }, /* @__PURE__ */ React.createElement("svg", {
+    t: "1647243772165",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "2178"
+  }, /* @__PURE__ */ React.createElement("path", {
+    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",
+    "p-id": "2179"
+  })), /* @__PURE__ */ React.createElement("div", null, "LOADING..."))) : null;
 }
 function PlaySound({ data, service, action }) {
   const { sound } = data;
@@ -1100,7 +921,11 @@ function PlaySound({ data, service, action }) {
   service.onNext({});
   return null;
 }
-var index$h = {
+function Debug() {
+  console.warn('Please stop using "Debug" Components');
+  return null;
+}
+var index$j = {
   Alert,
   Start,
   Toast: toast,
@@ -1111,7 +936,7 @@ var index$h = {
   Loading: Loading$1,
   PlaySound
 };
-var index$g = "";
+var index$i = "";
 function Presentation(props) {
   const {
     image = Presentation.IMAGE_1,
@@ -1133,7 +958,7 @@ Presentation.IMAGE_1 = "https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGD
 Presentation.IMAGE_2 = "https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";
 Presentation.IMAGE_3 = "https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";
 Presentation.IMAGE_4 = "https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";
-var index$f = "";
+var index$h = "";
 function empty$1() {
 }
 function List(props) {
@@ -1179,7 +1004,7 @@ function DefaultItem(props) {
   }, extra));
 }
 List.Item = DefaultItem;
-var index$e = "";
+var index$g = "";
 const blankFunc$5 = () => {
 };
 class BaseLayoutContainer extends React.Component {
@@ -1521,7 +1346,7 @@ class BaseLayout extends React.Component {
     return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, props));
   }
 }
-var index$d = "";
+var index$f = "";
 const blankFunc$1 = () => {
 };
 function Keyborard(props) {
@@ -1597,6 +1422,351 @@ function WakeKeyborard(props) {
   }) : null);
 }
 WakeKeyborard.Keyborard = Keyborard;
+const classPrefix$3 = "image-uploader";
+class PreviewItem extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+  renderDelete() {
+    return /* @__PURE__ */ React.createElement("span", {
+      className: `${classPrefix$3}-cell-delete`,
+      onClick: this.props.onDelete
+    }, /* @__PURE__ */ React.createElement("img", {
+      className: "uploader-delete-icon",
+      alt: "close",
+      src: "https://img.alicdn.com/imgextra/i2/O1CN01MInPNX1FWIOjjrlea_!!6000000000494-2-tps-32-32.png"
+    }));
+  }
+  render() {
+    const { src, deletable, onView, box } = this.props;
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "image-space-item"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix$3}-cell`,
+      style: { width: box, height: box }
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix$3}-cell-image`,
+      style: { width: box, height: box }
+    }, /* @__PURE__ */ React.createElement("img", {
+      className: `${classPrefix$3}-img`,
+      src,
+      fit: "cover",
+      onClick: onView
+    })), deletable && this.renderDelete()));
+  }
+}
+const classPrefix$2 = "image-uploader";
+class UploadeButton extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+  render() {
+    const { box } = this.props;
+    return /* @__PURE__ */ React.createElement("div", {
+      className: `image-space-item`
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix$2}-upload-button-wrap`,
+      onClick: this.props.onUpload
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: `${classPrefix$2}-upload-button image-uploader-cell`,
+      style: { width: box, height: box }
+    }, /* @__PURE__ */ React.createElement("img", {
+      className: "uploader-add-icon",
+      alt: "add",
+      src: "https://img.alicdn.com/imgextra/i1/O1CN01RipHZ11yVyprbUP5B_!!6000000006585-2-tps-32-32.png"
+    }))));
+  }
+}
+var index$e = "";
+const classPrefix$1 = "image-viewer";
+class ImageViewer extends Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "onShow", (index2 = 0) => {
+      const { props } = this;
+      let newIdx = 0;
+      if (typeof index2 !== "number") {
+        newIdx = 0;
+      } else {
+        newIdx = index2 > props.images.length - 1 ? 0 : index2;
+      }
+      this.setState({
+        visible: true,
+        currentIndex: newIdx,
+        loading: true
+      });
+    });
+    __publicField(this, "onHide", () => {
+      this.setState({
+        visible: false
+      });
+    });
+    __publicField(this, "handleImageLoaded", (e) => {
+      this.setState({
+        loading: false
+      });
+    });
+    __publicField(this, "onClickMask", (e) => {
+      if (e.target.getAttribute("class") !== "image-viewer-image-wrapper" && e.target.getAttribute("class") !== "image-viewer-loading")
+        return;
+      const { afterClose } = this.props;
+      this.setState({
+        visible: false
+      }, () => {
+        afterClose && afterClose();
+      });
+    });
+    __publicField(this, "onClose", () => {
+      const { onDelete, images } = this.props;
+      const { currentIndex } = this.state;
+      if (images.length === 0) {
+        this.setState({
+          visible: false
+        }, () => {
+          onDelete && onDelete(images[currentIndex], currentIndex);
+        });
+      } else {
+        this.setState({
+          currentIndex: 0,
+          visible: false
+        }, () => {
+          onDelete && onDelete(images[currentIndex], currentIndex);
+        });
+      }
+    });
+    __publicField(this, "onPrev", (e) => {
+      e.stopPropagation();
+      const { currentIndex } = this.state;
+      this.setState({
+        currentIndex: currentIndex - 1,
+        loading: true
+      });
+    });
+    __publicField(this, "onNext", (e) => {
+      e.stopPropagation();
+      const { currentIndex } = this.state;
+      this.setState({
+        currentIndex: currentIndex + 1,
+        loading: true
+      });
+    });
+    this.state = {
+      visible: false,
+      currentIndex: 0,
+      loading: false
+    };
+  }
+  render() {
+    const { currentIndex, visible, loading } = this.state;
+    const { images } = this.props;
+    return /* @__PURE__ */ React.createElement("div", null, visible ? /* @__PURE__ */ React.createElement("div", {
+      className: "v-mask",
+      onClick: this.onClickMask
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `v-mask-content`
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix$1}-content`
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix$1}-slides`
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "image-viewer-indicator"
+    }, currentIndex + 1, " / ", images.length), /* @__PURE__ */ React.createElement("div", {
+      className: "viewer-image-close",
+      onClick: this.onClose
+    }, /* @__PURE__ */ React.createElement("svg", {
+      width: "44",
+      height: "44",
+      viewBox: "0 0 768 768"
+    }, /* @__PURE__ */ React.createElement("path", {
+      fill: "#FFF",
+      d: "M607.5 205.5l-178.5 178.5 178.5 178.5-45 45-178.5-178.5-178.5 178.5-45-45 178.5-178.5-178.5-178.5 45-45 178.5 178.5 178.5-178.5z"
+    }))), /* @__PURE__ */ React.createElement("div", {
+      className: "image-viewer-slides-inner"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "image-viewer-image-wrapper"
+    }, /* @__PURE__ */ React.createElement("img", {
+      src: this.props.images[currentIndex].url,
+      style: { width: loading ? 1 : "auto" },
+      onLoad: this.handleImageLoaded
+    }))), images.length > 1 ? /* @__PURE__ */ React.createElement(React.Fragment, null, currentIndex === 0 ? null : /* @__PURE__ */ React.createElement("div", {
+      className: "viewer-image-arrow viewer-prev",
+      onClick: this.onPrev
+    }, /* @__PURE__ */ React.createElement("svg", {
+      width: "44",
+      height: "44",
+      viewBox: "0 0 768 768"
+    }, /* @__PURE__ */ React.createElement("path", {
+      d: "M640.5 352.5v63h-390l178.5 180-45 45-256.5-256.5 256.5-256.5 45 45-178.5 180h390z"
+    }))), currentIndex === images.length - 1 ? null : /* @__PURE__ */ React.createElement("div", {
+      className: "viewer-image-arrow viewer-next",
+      onClick: this.onNext
+    }, /* @__PURE__ */ React.createElement("svg", {
+      width: "44",
+      height: "44",
+      viewBox: "0 0 768 768"
+    }, /* @__PURE__ */ React.createElement("path", {
+      d: "M384 127.5l256.5 256.5-256.5 256.5-45-45 178.5-180h-390v-63h390l-178.5-180z"
+    })))) : null))), loading ? /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix$1}-loading`,
+      onClick: this.onClose
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix$1}-loading-reactor`
+    }, /* @__PURE__ */ React.createElement("svg", {
+      viewBox: "0 0 32 32",
+      width: "36",
+      height: "36",
+      fill: "white"
+    }, /* @__PURE__ */ React.createElement("path", {
+      opacity: ".25",
+      d: "M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"
+    }), /* @__PURE__ */ React.createElement("path", {
+      d: "M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"
+    })))) : null) : null);
+  }
+}
+const classPrefix = "image-uploader";
+class ImageUploader extends Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "onViewImage", (index2) => {
+      this.imgRef.onShow(index2);
+    });
+    __publicField(this, "onClickAdd", () => {
+      const { capture } = this.props;
+      const self = this;
+      const isCameraMode = capture && capture === "camera";
+      const params = {
+        type: "0",
+        mode: isCameraMode ? "camera" : "photo"
+      };
+      const p = {
+        ios: "taobao://",
+        android: "com.taobao.taobao"
+      };
+      window.WindVane.call("Base", "isInstall", p, function() {
+        self.handlerUpload(params);
+      }, function() {
+        self.handlerUploadNavigator();
+      });
+    });
+    __publicField(this, "handlerUploadNavigator", () => {
+      const { beforeUpload } = this.props;
+      const dom = document.querySelector("#inputFile");
+      dom.click();
+      dom.onchange = (e) => {
+        let fileData = e.target.files[0];
+        const reader = new FileReader();
+        reader.readAsDataURL(fileData);
+        reader.onload = (event) => {
+          const base64 = event.target.result;
+          beforeUpload && beforeUpload({
+            data: base64
+          });
+        };
+        const windowURL = window.URL || window.webkitURL;
+        const imgSrc = windowURL.createObjectURL(fileData);
+        const { images } = this.state;
+        const uid = (Math.random() * 1e4).toFixed(0);
+        this.setState({
+          images: [...images, { id: uid, url: imgSrc }]
+        });
+      };
+    });
+    __publicField(this, "handlerUpload", (params) => {
+      const { beforeUpload } = this.props;
+      window.WindVane.call("WVCamera", "takePhoto", params, function(e) {
+        const plugin = {
+          domain: "camera",
+          method: "getBase64",
+          params: {
+            filePath: e.localPath
+          }
+        };
+        window.WindVane.call("WindvanePlugin", "invoke", JSON.stringify(plugin), function(res) {
+          beforeUpload && beforeUpload(res.data);
+        }, function(err) {
+          console.log("failure " + JSON.stringify(err));
+        });
+      }, function(err) {
+        console.log("takePhoto failure: " + JSON.stringify(err));
+      });
+    });
+    __publicField(this, "onDelete", (item, index2) => {
+      const { onDelete } = this.props;
+      onDelete && onDelete(item, index2);
+    });
+    __publicField(this, "_showLoading", () => {
+      this.setState({
+        loading: true
+      });
+    });
+    __publicField(this, "_hideLoading", () => {
+      setTimeout(() => {
+        this.setState({
+          loading: false
+        });
+      }, 10 * 1e3);
+    });
+    this.state = {
+      images: [],
+      loading: false
+    };
+  }
+  componentDidMount() {
+    this.setState({
+      images: this.props.value
+    });
+  }
+  render() {
+    const { value, loading = false } = this.props;
+    const { maxCount = 1, deletable = false, capture = "camera", box = 80 } = this.props;
+    const { images } = this.state;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix}`
+    }, /* @__PURE__ */ React.createElement("input", {
+      type: "file",
+      name: "file",
+      accept: "image/*",
+      id: "inputFile",
+      style: { display: "none" }
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix}-wrap`
+    }, images && images.map((item, index2) => {
+      return /* @__PURE__ */ React.createElement(PreviewItem, {
+        src: item.url,
+        key: item.url,
+        box,
+        deletable,
+        onDelete: () => this.onDelete(item, index2),
+        onView: () => this.onViewImage(index2)
+      });
+    }), images && images.length < maxCount ? /* @__PURE__ */ React.createElement(UploadeButton, {
+      box,
+      onUpload: this.onClickAdd
+    }) : null)), loading ? /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix}-loading`
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `${classPrefix}-loading-reactor`
+    }, /* @__PURE__ */ React.createElement("svg", {
+      viewBox: "0 0 32 32",
+      width: "36",
+      height: "36",
+      fill: "white"
+    }, /* @__PURE__ */ React.createElement("path", {
+      opacity: ".25",
+      d: "M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"
+    }), /* @__PURE__ */ React.createElement("path", {
+      d: "M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"
+    })))) : null, /* @__PURE__ */ React.createElement(ImageViewer, {
+      ref: (ref) => this.imgRef = ref,
+      images: value,
+      onDelete: this.onDelete
+    }));
+  }
+}
+var index$d = "";
 var index$c = "";
 var index$b = "";
 class PdaInfoCard$1 extends React.Component {
@@ -1939,10 +2109,10 @@ var __read = globalThis && globalThis.__read || function(o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m)
     return o;
-  var i = m.call(o), r2, ar = [], e;
+  var i = m.call(o), r, ar = [], e;
   try {
-    while ((n === void 0 || n-- > 0) && !(r2 = i.next()).done) {
-      ar.push(r2.value);
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
     }
   } catch (error) {
     e = {
@@ -1950,7 +2120,7 @@ var __read = globalThis && globalThis.__read || function(o, n) {
     };
   } finally {
     try {
-      if (r2 && !r2.done && (m = i["return"]))
+      if (r && !r.done && (m = i["return"]))
         m.call(i);
     } finally {
       if (e)
@@ -2208,4 +2378,4 @@ function SimpleCardBlock(props) {
   })) : null);
 }
 const ListItem = PdaListItem;
-export { ActionSheet, index$5 as AppList, BaseLayout, Button, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$q as Header, InfiniteScroll, PdaInfoCard$2 as InfoCard, Keyborard, List, ListItem, Overlay$1 as Overlay, index$h as PageFlowSystemPages, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };
+export { ActionSheet, index$5 as AppList, BaseLayout, Button, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$s as Header, ImageUploader, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, Keyborard, List, ListItem, Overlay$1 as Overlay, index$j as PageFlowSystemPages, Presentation, SelectCard, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, Tag, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };