@cniot/android-pda-components 2.0.0-beta.27 → 2.0.0-beta.28

package/es/index.es.js

@@ -4449,6 +4449,16 @@ class PreviewItem extends Component {
   }
   render() {
     const { src, deletable, onView, box } = this.props;
+    let isVideo = false;
+    if (typeof src === "string") {
+      const videoPattern = /\.(mp4|mov|avi|wmv|webm|ogg|m4v|3gp|m3u8)(\?.*)?$/i;
+      if (videoPattern.test(src)) {
+        isVideo = true;
+      }
+      if (/^data:video\//.test(src)) {
+        isVideo = true;
+      }
+    }
     return /* @__PURE__ */ React__default.createElement("div", {
       className: "image-space-item"
     }, /* @__PURE__ */ React__default.createElement("div", {
@@ -4457,7 +4467,14 @@ class PreviewItem extends Component {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: `${classPrefix$r}-cell-image`,
       style: { width: box, height: box }
-    }, /* @__PURE__ */ React__default.createElement("img", {
+    }, isVideo ? /* @__PURE__ */ React__default.createElement("video", {
+      className: `${classPrefix$r}-video-thumb`,
+      src,
+      style: { width: "100%", height: "100%", objectFit: "cover" },
+      muted: true,
+      preload: "metadata",
+      onClick: onView
+    }) : /* @__PURE__ */ React__default.createElement("img", {
       className: `${classPrefix$r}-img`,
       src,
       fit: "cover",
@@ -4521,28 +4538,37 @@ class ImageViewer extends Component {
       if (e2.target.getAttribute("class") !== "image-viewer-image-wrapper" && e2.target.getAttribute("class") !== "image-viewer-loading")
         return;
       const { afterClose } = this.props;
-      this.setState({
-        visible: false
-      }, () => {
-        afterClose && afterClose();
-      });
+      this.setState(
+        {
+          visible: false
+        },
+        () => {
+          afterClose && afterClose();
+        }
+      );
     });
     __publicField(this, "onClose", () => {
       const { onClose, images } = this.props;
       const { currentIndex } = this.state;
       if (images.length === 0) {
-        this.setState({
-          visible: false
-        }, () => {
-          onClose && onClose(images[currentIndex], currentIndex);
-        });
+        this.setState(
+          {
+            visible: false
+          },
+          () => {
+            onClose && onClose(images[currentIndex], currentIndex);
+          }
+        );
       } else {
-        this.setState({
-          currentIndex: 0,
-          visible: false
-        }, () => {
-          onClose && onClose(images[currentIndex], currentIndex);
-        });
+        this.setState(
+          {
+            currentIndex: 0,
+            visible: false
+          },
+          () => {
+            onClose && onClose(images[currentIndex], currentIndex);
+          }
+        );
       }
     });
     __publicField(this, "onPrev", (e2) => {
@@ -4561,6 +4587,37 @@ class ImageViewer extends Component {
         loading: true
       });
     });
+    __publicField(this, "renderImage", () => {
+      const { currentIndex, visible, loading: loading2 } = this.state;
+      const imageItem = this.props.images[currentIndex];
+      const src = imageItem.url;
+      let isVideo = false;
+      if (typeof src === "string") {
+        const videoPattern = /\.(mp4|mov|avi|wmv|webm|ogg|m4v|3gp|m3u8)(\?.*)?$/i;
+        if (videoPattern.test(src)) {
+          isVideo = true;
+        }
+        if (/^data:video\//.test(src)) {
+          isVideo = true;
+        }
+      }
+      if (isVideo) {
+        return /* @__PURE__ */ React__default.createElement("video", {
+          src,
+          controls: true,
+          autoPlay: true,
+          muted: true,
+          style: { maxWidth: "100%", maxHeight: "100%" },
+          onLoadedData: this.handleImageLoaded
+        });
+      } else {
+        return /* @__PURE__ */ React__default.createElement("img", {
+          src,
+          style: { width: loading2 ? 1 : "auto" },
+          onLoad: this.handleImageLoaded
+        });
+      }
+    });
     this.state = {
       visible: props.defaultVisible || false,
       currentIndex: 0,
@@ -4595,11 +4652,7 @@ class ImageViewer extends Component {
       className: "image-viewer-slides-inner"
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "image-viewer-image-wrapper"
-    }, /* @__PURE__ */ React__default.createElement("img", {
-      src: this.props.images[currentIndex].url,
-      style: { width: loading2 ? 1 : "auto" },
-      onLoad: this.handleImageLoaded
-    }))), images.length > 1 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, currentIndex === 0 ? null : /* @__PURE__ */ React__default.createElement("div", {
+    }, this.renderImage())), images.length > 1 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, currentIndex === 0 ? null : /* @__PURE__ */ React__default.createElement("div", {
       className: "viewer-image-arrow viewer-prev",
       onClick: this.onPrev
     }, /* @__PURE__ */ React__default.createElement("svg", {
@@ -18738,7 +18791,7 @@ class ImageUploader extends Component {
         onError
       } = this.props;
       const isCameraMode = capture && capture === "camera";
-      const uploadPromise = uploadMode === "takePhoto" ? wvCameraTakePhoto(isCameraMode) : takePhotoMethod2(compressSize);
+      const uploadPromise = uploadMode === "takeVideo" ? takeVideo() : uploadMode === "takePhoto" ? wvCameraTakePhoto(isCameraMode) : takePhotoMethod2(compressSize);
       uploadPromise.then((ret) => {
         onBeforeUpload && onBeforeUpload(ret);
         beforeUpload && beforeUpload(ret);
@@ -18889,6 +18942,28 @@ function takePhotoMethod2(compressSize = 200) {
     );
   });
 }
+function takeVideo(maxDuration = 30) {
+  return new Promise((resolve, reject) => {
+    const params = {
+      domain: "camera",
+      method: "takeVideo",
+      params: { maxDuration }
+    };
+    window.WindVane.call(
+      "WindvanePlugin",
+      "invoke",
+      JSON.stringify(params),
+      (e2) => {
+        console.log("\u89C6\u9891\u6210\u529F:", e2);
+        resolve(e2.data);
+      },
+      (e2) => {
+        console.log("\u89C6\u9891\u5931\u8D25:", e2);
+        reject(e2);
+      }
+    );
+  });
+}
 var index$m = "";
 var index$l = "";
 var index$k = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cniot/android-pda-components",
-  "version": "2.0.0-beta.27",
+  "version": "2.0.0-beta.28",
   "description": "",
   "main": "./es/index.cjs.js",
   "module": "./es/index.es.js",