@pisell/materials 6.0.17 → 6.0.19

package/es/components/pisellQRScanner/index.less

@@ -0,0 +1,71 @@
+/* 全屏扫码容器 */
+.pisell-qr-scanner-fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+  z-index: 9999;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+/* 视频容器 */
+.scan-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+/* 视频元素 */
+.scan-video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+/* 关闭按钮 */
+.scan-close-left {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 10000;
+  font-size: 24px;
+  color: #fff;
+  cursor: pointer;
+  background-color: rgba(255, 255, 255, 0.15);
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+}
+
+/* 上传按钮 */
+.scan-upload {
+  position: fixed;
+  right: 30px;
+  bottom: 60px;
+  width: 88px;
+  height: 88px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10000;
+  font-size: 48px;
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.15);
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+/* 隐藏的文件输入框 */
+.scan-file-input {
+  display: none;
+} 

package/es/index.d.ts

@@ -76,6 +76,8 @@ export { default as PisellLoading } from './components/pisellLoading';
 export { default as PisellMenu } from './components/pisellMenu';
 export type { PisellMenuProps } from './components/pisellMenu/types';
 export { default as PisellModal } from './components/pisellModal';
+export { default as PisellQRScanner } from './components/pisellQRScanner';
+export type { PisellQRScannerProps } from './components/pisellQRScanner';
 export { default as PisellRow } from './components/pisellRow';
 export { default as PisellScan } from './components/pisellScan';
 export { default as PisellStatisticList } from './components/pisellStatisticList';

package/es/index.js

@@ -75,6 +75,7 @@ export { default as PisellSider } from "./components/pisellLayout/sider";
 export { default as PisellLoading } from "./components/pisellLoading";
 export { default as PisellMenu } from "./components/pisellMenu";
 export { default as PisellModal } from "./components/pisellModal";
+export { default as PisellQRScanner } from "./components/pisellQRScanner";
 export { default as PisellRow } from "./components/pisellRow";
 export { default as PisellScan } from "./components/pisellScan";
 export { default as PisellStatisticList } from "./components/pisellStatisticList";

package/es/locales/en-US.d.ts

@@ -210,5 +210,18 @@ declare const _default: {
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
     'pisell-data-source-form-app-identifier-consecutive-special': string;
+    'pisell-group-permissions-rule-required': string;
+    'pisell-group-permissions-rule-limit': string;
+    'pisell-data-source-form-app-identifier-letters-only': string;
+    'pisell-data-source-form-app-identifier-alphanumeric': string;
+    "qrscanner-loading": string;
+    "qrscanner-success": string;
+    "qrscanner-success-qrcode": string;
+    "qrscanner-success-barcode": string;
+    "qrscanner-error-upload-image": string;
+    "qrscanner-error-load-failed": string;
+    "qrscanner-error-no-code": string;
+    "qrscanner-error-camera-init": string;
+    "qrscanner-error-process-image": string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -1,4 +1,9 @@
-export default {
+var _tableFilterSearch$;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+export default (_tableFilterSearch$ = {
   "table-filter-search": "Search",
   "table-filter-clear": "Clear",
   "table-filter-filter": "Filter",
@@ -266,5 +271,11 @@ export default {
   'pisell-data-source-form-app-identifier-pattern': 'Can only contain lowercase letters, numbers, hyphens, dots, and underscores',
   'pisell-data-source-form-app-identifier-start-with-letter': 'Must start with a letter',
   'pisell-data-source-form-app-identifier-special-ends': 'Cannot end with a hyphen, dot, or underscore',
-  'pisell-data-source-form-app-identifier-consecutive-special': 'Cannot contain consecutive hyphens, dots, or underscores'
-};
+  'pisell-data-source-form-app-identifier-consecutive-special': 'Cannot contain consecutive hyphens, dots, or underscores',
+  // TODO(reilly): Added new properties to `zh-CN.ts`, so adding them here to avoid errors.
+  // Please update these translations as needed
+  'pisell-group-permissions-rule-required': 'Required',
+  'pisell-group-permissions-rule-limit': 'Maximum {{num}} characters',
+  'pisell-data-source-form-app-identifier-letters-only': 'Must start with a letter',
+  'pisell-data-source-form-app-identifier-alphanumeric': 'Can only contain letters, numbers, hyphens, dots, and underscores'
+}, _defineProperty(_tableFilterSearch$, "pisell-data-source-form-app-identifier-special-ends", 'Cannot end with a hyphen, dot, or underscore'), _defineProperty(_tableFilterSearch$, "pisell-data-source-form-app-identifier-consecutive-special", 'Cannot contain consecutive hyphens, dots, or underscores'), _defineProperty(_tableFilterSearch$, "qrscanner-loading", "Recognizing QR code..."), _defineProperty(_tableFilterSearch$, "qrscanner-success", "Successfully recognized: "), _defineProperty(_tableFilterSearch$, "qrscanner-success-qrcode", "QR code successfully recognized: "), _defineProperty(_tableFilterSearch$, "qrscanner-success-barcode", "Barcode successfully recognized: "), _defineProperty(_tableFilterSearch$, "qrscanner-error-upload-image", "Please upload an image file"), _defineProperty(_tableFilterSearch$, "qrscanner-error-load-failed", "Failed to read file"), _defineProperty(_tableFilterSearch$, "qrscanner-error-no-code", "No QR code or barcode detected."), _defineProperty(_tableFilterSearch$, "qrscanner-error-camera-init", "Cannot start camera. Please make sure it's authorized."), _defineProperty(_tableFilterSearch$, "qrscanner-error-process-image", "Error processing image"), _tableFilterSearch$);

package/es/locales/zh-CN.d.ts

@@ -209,5 +209,14 @@ declare const _default: {
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
     'pisell-data-source-form-app-identifier-consecutive-special': string;
+    "qrscanner-loading": string;
+    "qrscanner-success": string;
+    "qrscanner-success-qrcode": string;
+    "qrscanner-success-barcode": string;
+    "qrscanner-error-upload-image": string;
+    "qrscanner-error-load-failed": string;
+    "qrscanner-error-no-code": string;
+    "qrscanner-error-camera-init": string;
+    "qrscanner-error-process-image": string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -263,5 +263,15 @@ export default {
   'pisell-data-source-form-app-identifier-pattern': '只能包含小写字母、数字、连字符、点和下划线',
   'pisell-data-source-form-app-identifier-start-with-letter': '必须以字母开头',
   'pisell-data-source-form-app-identifier-special-ends': '不能以连字符、点或下划线结尾',
-  'pisell-data-source-form-app-identifier-consecutive-special': '不能包含连续的连字符、点或下划线'
+  'pisell-data-source-form-app-identifier-consecutive-special': '不能包含连续的连字符、点或下划线',
+  // QR Scanner 相关文案
+  "qrscanner-loading": "正在识别二维码...",
+  "qrscanner-success": "识别成功: ",
+  "qrscanner-success-qrcode": "二维码识别成功: ",
+  "qrscanner-success-barcode": "条形码识别成功: ",
+  "qrscanner-error-upload-image": "请上传图片文件",
+  "qrscanner-error-load-failed": "读取文件失败",
+  "qrscanner-error-no-code": "未检测到二维码或条形码",
+  "qrscanner-error-camera-init": "无法启动摄像头，请确保已授权",
+  "qrscanner-error-process-image": "处理图像时出错"
 };

package/es/locales/zh-TW.d.ts

@@ -209,5 +209,14 @@ declare const _default: {
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
     'pisell-data-source-form-app-identifier-consecutive-special': string;
+    "qrscanner-loading": string;
+    "qrscanner-success": string;
+    "qrscanner-success-qrcode": string;
+    "qrscanner-success-barcode": string;
+    "qrscanner-error-upload-image": string;
+    "qrscanner-error-load-failed": string;
+    "qrscanner-error-no-code": string;
+    "qrscanner-error-camera-init": string;
+    "qrscanner-error-process-image": string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -265,5 +265,15 @@ export default {
   'pisell-data-source-form-app-identifier-pattern': '只能包含小寫字母、數字、連字符、點和下劃線',
   'pisell-data-source-form-app-identifier-start-with-letter': '必須以字母開頭',
   'pisell-data-source-form-app-identifier-special-ends': '不能以連字符、點或下劃線結尾',
-  'pisell-data-source-form-app-identifier-consecutive-special': '不能包含連續的連字符、點或下劃線'
+  'pisell-data-source-form-app-identifier-consecutive-special': '不能包含連續的連字符、點或下劃線',
+  // QR Scanner 相關文案
+  "qrscanner-loading": "正在識別二維碼...",
+  "qrscanner-success": "識別成功: ",
+  "qrscanner-success-qrcode": "二維碼識別成功: ",
+  "qrscanner-success-barcode": "條形碼識別成功: ",
+  "qrscanner-error-upload-image": "請上傳圖片文件",
+  "qrscanner-error-load-failed": "讀取文件失敗",
+  "qrscanner-error-no-code": "未檢測到二維碼或條形碼",
+  "qrscanner-error-camera-init": "無法啟動攝像頭，請確保已授權",
+  "qrscanner-error-process-image": "處理圖像時出錯"
 };

package/lib/components/dataSourceComponents/fields/Input/WithMode.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import { InputProps } from './type';
-import './WithMode.less';
 declare const InputWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
 export default InputWithMode;

package/lib/components/dataSourceComponents/fields/Input/WithMode.js

@@ -34,13 +34,23 @@ __export(WithMode_exports, {
 module.exports = __toCommonJS(WithMode_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var import_library = require("@zxing/library");
 var import_iconfont = __toESM(require("./../../../../components/iconfont"));
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
-var import_WithMode = require("./WithMode.less");
+var import_pisellQRScanner = __toESM(require("../../../../components/pisellQRScanner"));
 var Input = (props) => {
-  const { enableQRScanner, value: propValue, onChange, ...restProps } = props;
+  const {
+    enableQRScanner,
+    value: propValue,
+    onChange,
+    renderMode,
+    // 明确解构，避免通过restProps传递
+    innerRef,
+    // 明确解构
+    className,
+    // 明确解构className
+    ...restProps
+  } = props;
   const [inputValue, setInputValue] = (0, import_react.useState)(propValue || "");
   (0, import_react.useEffect)(() => {
     if (propValue !== void 0 && propValue !== inputValue) {
@@ -48,10 +58,6 @@ var Input = (props) => {
     }
   }, [propValue]);
   const [scanVisible, setScanVisible] = (0, import_react.useState)(false);
-  const [uploading, setUploading] = (0, import_react.useState)(false);
-  const videoRef = (0, import_react.useRef)(null);
-  const fileInputRef = (0, import_react.useRef)(null);
-  const codeReaderRef = (0, import_react.useRef)(null);
   const setValue = (value) => {
     console.log("设置输入框值:", value);
     setInputValue(value);
@@ -81,233 +87,11 @@ var Input = (props) => {
   const handleScanClick = () => {
     setScanVisible(true);
   };
+  const handleScanComplete = (value) => {
+    setValue(value);
+  };
   const handleScanClose = () => {
-    var _a;
     setScanVisible(false);
-    (_a = codeReaderRef.current) == null ? void 0 : _a.reset();
-    if (videoRef.current && videoRef.current.srcObject) {
-      const stream = videoRef.current.srcObject;
-      const tracks = stream.getTracks();
-      tracks.forEach((track) => {
-        track.stop();
-      });
-      videoRef.current.srcObject = null;
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    return () => {
-      var _a;
-      (_a = codeReaderRef.current) == null ? void 0 : _a.reset();
-    };
-  }, []);
-  const handleUploadClick = () => {
-    var _a;
-    (_a = fileInputRef.current) == null ? void 0 : _a.click();
-  };
-  const handleFileChange = async (event) => {
-    const files = event.target.files;
-    if (!files || files.length === 0)
-      return;
-    setUploading(true);
-    try {
-      const file = files[0];
-      if (!file.type.startsWith("image/")) {
-        import_antd.message.error("请上传图片文件");
-        setUploading(false);
-        return;
-      }
-      const reader = new FileReader();
-      reader.onload = async (e) => {
-        if (!e.target || !e.target.result)
-          return;
-        try {
-          const img = document.createElement("img");
-          img.style.position = "absolute";
-          img.style.top = "-9999px";
-          img.style.left = "-9999px";
-          const canvas = document.createElement("canvas");
-          canvas.style.position = "absolute";
-          canvas.style.top = "-9999px";
-          canvas.style.left = "-9999px";
-          document.body.appendChild(img);
-          document.body.appendChild(canvas);
-          await new Promise((resolve, reject) => {
-            var _a;
-            img.onload = resolve;
-            img.onerror = reject;
-            img.src = ((_a = e.target) == null ? void 0 : _a.result) || "";
-          });
-          try {
-            const hints = /* @__PURE__ */ new Map();
-            hints.set(2, true);
-            if (!codeReaderRef.current) {
-              codeReaderRef.current = new import_library.BrowserMultiFormatReader(hints, 500);
-            }
-            let result;
-            try {
-              result = await codeReaderRef.current.decodeFromImageElement(img);
-            } catch (directError) {
-              console.log("直接解码失败，尝试预处理图像...");
-              const width = img.naturalWidth || img.width;
-              const height = img.naturalHeight || img.height;
-              canvas.width = width;
-              canvas.height = height;
-              const ctx = canvas.getContext("2d");
-              if (!ctx)
-                throw new Error("无法创建Canvas上下文");
-              ctx.drawImage(img, 0, 0, width, height);
-              const imageData = ctx.getImageData(0, 0, width, height);
-              const data = imageData.data;
-              for (let i = 0; i < data.length; i += 4) {
-                data[i] = data[i] < 128 ? 0 : 255;
-                data[i + 1] = data[i + 1] < 128 ? 0 : 255;
-                data[i + 2] = data[i + 2] < 128 ? 0 : 255;
-              }
-              ctx.putImageData(imageData, 0, 0);
-              try {
-                const dataUrl = canvas.toDataURL("image/png");
-                const canvasImg = document.createElement("img");
-                document.body.appendChild(canvasImg);
-                await new Promise((resolve, reject) => {
-                  canvasImg.onload = resolve;
-                  canvasImg.onerror = reject;
-                  canvasImg.src = dataUrl;
-                });
-                result = await codeReaderRef.current.decodeFromImageElement(canvasImg);
-                document.body.removeChild(canvasImg);
-              } catch (canvasError) {
-                console.log("Canvas增强解码失败，尝试最后方法...");
-                const newImg = document.createElement("img");
-                document.body.appendChild(newImg);
-                await new Promise((resolve, reject) => {
-                  newImg.onload = resolve;
-                  newImg.onerror = reject;
-                  newImg.src = canvas.toDataURL("image/png");
-                });
-                result = await codeReaderRef.current.decodeFromImageElement(newImg);
-                document.body.removeChild(newImg);
-              }
-            }
-            if (result && result.getText) {
-              const text = result.getText();
-              setValue(text);
-              handleScanClose();
-            } else {
-              throw new Error("未能获取有效的二维码文本");
-            }
-          } catch (decodeError) {
-            console.error("二维码识别失败", decodeError);
-            import_antd.message.error("无法识别二维码，请上传清晰的二维码图片");
-          } finally {
-            if (document.body.contains(img)) {
-              document.body.removeChild(img);
-            }
-            if (document.body.contains(canvas)) {
-              document.body.removeChild(canvas);
-            }
-          }
-        } catch (imgError) {
-          console.error("图片加载失败", imgError);
-          import_antd.message.error("图片加载失败");
-        } finally {
-          setUploading(false);
-          if (fileInputRef.current) {
-            fileInputRef.current.value = "";
-          }
-        }
-      };
-      reader.onerror = () => {
-        import_antd.message.error("读取文件失败");
-        setUploading(false);
-      };
-      reader.readAsDataURL(file);
-    } catch (error) {
-      console.error("处理图片出错", error);
-      setUploading(false);
-      import_antd.message.error("处理图片时出错");
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    if (scanVisible && videoRef.current) {
-      initCamera();
-    }
-  }, [scanVisible]);
-  const initCamera = async () => {
-    try {
-      if (codeReaderRef.current) {
-        try {
-          codeReaderRef.current.reset();
-        } catch (err) {
-          console.log("重置之前的实例出错", err);
-        }
-      }
-      codeReaderRef.current = new import_library.BrowserMultiFormatReader(void 0, 100);
-      console.log("创建二维码阅读器实例成功");
-      const constraints = {
-        video: {
-          facingMode: "environment"
-        }
-      };
-      console.log("正在请求摄像头权限...");
-      const stream = await navigator.mediaDevices.getUserMedia(constraints);
-      console.log("获取摄像头流成功");
-      if (videoRef.current) {
-        videoRef.current.srcObject = stream;
-        await new Promise((resolve) => {
-          if (!videoRef.current) {
-            resolve();
-            return;
-          }
-          videoRef.current.onloadedmetadata = () => {
-            if (!videoRef.current)
-              return;
-            console.log("视频元数据加载完成");
-            videoRef.current.play().then(() => {
-              console.log("视频开始播放成功");
-              resolve();
-            }).catch((err) => {
-              console.error("视频播放失败", err);
-              import_antd.message.error("摄像头播放失败");
-              resolve();
-            });
-          };
-          setTimeout(resolve, 3e3);
-        });
-        console.log("准备开始扫描...");
-        if (codeReaderRef.current && videoRef.current) {
-          try {
-            codeReaderRef.current.decodeFromVideoDevice(
-              null,
-              videoRef.current,
-              (result, error) => {
-                if (result) {
-                  const text = result.getText();
-                  console.log("扫描成功:", text);
-                  try {
-                    setValue(text);
-                    setTimeout(() => handleScanClose(), 500);
-                  } catch (e) {
-                    console.error("设置值出错", e);
-                    handleScanClose();
-                  }
-                }
-              }
-            );
-            console.log("扫描器初始化完成，等待二维码...");
-          } catch (e) {
-            console.error("初始化扫描器失败", e);
-            import_antd.message.error("初始化二维码扫描失败");
-            handleScanClose();
-          }
-        }
-      } else {
-        throw new Error("视频元素不存在");
-      }
-    } catch (err) {
-      console.error("摄像头初始化错误", err);
-      import_antd.message.error("无法启动摄像头，请确保已授权");
-      handleScanClose();
-    }
   };
   const scanSuffix = enableQRScanner ? /* @__PURE__ */ import_react.default.createElement(
     import_iconfont.default,
@@ -318,108 +102,45 @@ var Input = (props) => {
       onClick: handleScanClick
     }
   ) : null;
-  const fullscreenStyle = {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100vw",
-    height: "100vh",
-    backgroundColor: "#000",
-    zIndex: 9999,
-    overflow: "hidden",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  };
-  const videoContainerStyle = {
-    position: "relative",
-    width: "100%",
-    height: "100%",
-    overflow: "hidden"
-  };
-  const videoStyle = {
-    width: "100%",
-    height: "100%",
-    objectFit: "cover"
-  };
-  const closeButtonStyle = {
-    position: "fixed",
-    top: 20,
-    left: 20,
-    zIndex: 9999,
-    fontSize: 24,
-    color: "#fff",
-    cursor: "pointer",
-    backgroundColor: "rgba(255, 255, 255, 0.15)",
-    width: 44,
-    height: 44,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "50%"
-  };
-  const uploadButtonStyle = {
-    position: "fixed",
-    right: 30,
-    bottom: 60,
-    width: 88,
-    height: 88,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 9999,
-    fontSize: 48,
-    color: "#fff",
-    backgroundColor: "rgba(255, 255, 255, 0.15)",
-    borderRadius: "50%",
-    cursor: "pointer"
-  };
+  if (renderMode === "view" || renderMode === "tableView") {
+    return /* @__PURE__ */ import_react.default.createElement(import_ReadPretty.default, { ...props });
+  }
+  (0, import_react.useEffect)(() => {
+    if (enableQRScanner) {
+      const styleEl = document.createElement("style");
+      styleEl.id = "pisell-qr-scanner-style";
+      styleEl.innerHTML = `
+        .pisell-input-with-scanner .pisell-lowcode-input-group .pisell-lowcode-input-group-addon {
+          background-color: var(--primary-600, #7F56D9);
+        }
+      `;
+      document.head.appendChild(styleEl);
+      return () => {
+        const existingStyle = document.getElementById("pisell-qr-scanner-style");
+        if (existingStyle) {
+          document.head.removeChild(existingStyle);
+        }
+      };
+    }
+  }, [enableQRScanner]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
       ...restProps,
-      ref: props.innerRef || void 0,
+      ref: innerRef || void 0,
+      className: `${className || ""} ${enableQRScanner ? "pisell-input-with-scanner" : ""}`,
       addonAfter: scanSuffix,
       value: inputValue,
       onChange: handleInputChange
     }
-  ), scanVisible && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-fullscreen", style: fullscreenStyle }, /* @__PURE__ */ import_react.default.createElement("div", { style: videoContainerStyle }, /* @__PURE__ */ import_react.default.createElement(
-    "video",
-    {
-      ref: videoRef,
-      className: "scan-video",
-      style: videoStyle,
-      autoPlay: true,
-      playsInline: true,
-      muted: true
-    }
-  )), /* @__PURE__ */ import_react.default.createElement(
-    import_iconfont.default,
-    {
-      type: "pisell2-arrow-left",
-      className: "scan-close-left",
-      style: closeButtonStyle,
-      onClick: handleScanClose
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_iconfont.default,
-    {
-      type: "pisell2-image-01",
-      className: "scan-upload",
-      style: uploadButtonStyle,
-      onClick: handleUploadClick
-    }
   ), /* @__PURE__ */ import_react.default.createElement(
-    "input",
+    import_pisellQRScanner.default,
     {
-      type: "file",
-      ref: fileInputRef,
-      onChange: handleFileChange,
-      accept: "image/*",
-      className: "scan-file-input",
-      style: { display: "none" }
+      visible: scanVisible,
+      onClose: handleScanClose,
+      onScan: handleScanComplete
     }
-  )));
+  ));
 };
 var InputWithMode = (0, import_utils.withMode)(Input, import_ReadPretty.default);
 var WithMode_default = InputWithMode;

package/lib/components/pisellQRScanner/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import './index.less';
+import type { DetailedHTMLProps, HTMLAttributes, VideoHTMLAttributes, InputHTMLAttributes } from 'react';
+declare type ExtendedDetailedHTMLProps<T extends HTMLAttributes<E>, E extends HTMLElement> = DetailedHTMLProps<T, E> & {
+    children?: React.ReactNode;
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            div: ExtendedDetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+            video: DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
+            input: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+        }
+    }
+}
+export interface PisellQRScannerProps {
+    /** 是否可见 */
+    visible: boolean;
+    /** 是否显示上传图片按钮 */
+    showUpload?: boolean;
+    /** 关闭回调 */
+    onClose: () => void;
+    /** 扫码成功回调 */
+    onScan: (value: string) => void;
+    /**
+     * 样式属性，可选
+     * 注意: 不应传入renderMode等不必要属性
+     */
+    style?: React.CSSProperties;
+    /** 类名，可选 */
+    className?: string;
+}
+/**
+ * 二维码扫描组件
+ */
+declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
+export default PisellQRScanner;