@pisell/materials 6.0.17 → 6.0.18

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

@@ -34,13 +34,21 @@ __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,
+    // 明确解构
+    ...restProps
+  } = props;
   const [inputValue, setInputValue] = (0, import_react.useState)(propValue || "");
   (0, import_react.useEffect)(() => {
     if (propValue !== void 0 && propValue !== inputValue) {
@@ -48,10 +56,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 +85,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 +100,26 @@ 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 });
+  }
   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,
       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/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { InputProps } from './type';
 import './ReadPretty.less';
-declare const InputReadPretty: (props: InputProps) => React.JSX.Element;
+declare const InputReadPretty: (props: InputProps) => JSX.Element;
 export default InputReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
-declare const JsonReadPretty: (props: JsonProps) => React.JSX.Element | null;
+declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;
 export default JsonReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.js

@@ -40,15 +40,13 @@ var ReadPretty = ({
   value,
   renderMode
 }) => {
-  if (!value)
-    return null;
+  if (!value) return null;
   const className = (0, import_classnames.default)("pisell-phone-read-pretty", {
     "pisell-phone-read-pretty-table-view": renderMode === "tableView"
   });
   try {
     const phoneNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value);
-    if (!phoneNumber)
-      return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+    if (!phoneNumber) return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
     const formattedValue = `(${phoneNumber.formatInternational().split(" ")[0]}) ${phoneNumber.formatNational()}`;
     return /* @__PURE__ */ import_react.default.createElement("span", { className }, formattedValue);
   } catch (error) {

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

@@ -51,8 +51,7 @@ var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
     return propsValue;
   }, [propsValue]);
   const parseExternalValue = (val) => {
-    if (!val)
-      return { countryCode: "AU", phoneNumber: "" };
+    if (!val) return { countryCode: "AU", phoneNumber: "" };
     const matchedPrefix = countries.find(
       (country) => val.startsWith(country.prefix)
     );

package/lib/components/dataSourceComponents/fields/Input.Password/ReadPretty.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { PasswordProps } from './type';
 import './ReadPretty.less';
-declare const PasswordReadPretty: (props: PasswordProps) => React.JSX.Element;
+declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;
 export default PasswordReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Phone/ReadPretty.js

@@ -40,15 +40,13 @@ var ReadPretty = ({
   value,
   renderMode
 }) => {
-  if (!value)
-    return null;
+  if (!value) return null;
   const className = (0, import_classnames.default)("pisell-phone-read-pretty", {
     "pisell-phone-read-pretty-table-view": renderMode === "tableView"
   });
   try {
     const phoneNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value);
-    if (!phoneNumber)
-      return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+    if (!phoneNumber) return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
     const formattedValue = `(${phoneNumber.formatInternational().split(" ")[0]}) ${phoneNumber.formatNational()}`;
     return /* @__PURE__ */ import_react.default.createElement("span", { className }, formattedValue);
   } catch (error) {

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

@@ -51,8 +51,7 @@ var PhoneNumberInput = ({ value: propsValue, onChange, disabled, ...props }) =>
     return propsValue;
   }, [propsValue]);
   const parseExternalValue = (val) => {
-    if (!val)
-      return { countryCode: "AU", phoneNumber: "" };
+    if (!val) return { countryCode: "AU", phoneNumber: "" };
     const matchedPrefix = countries.find(
       (country) => val.startsWith(country.prefix)
     );

package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { InputProps } from './type';
 import './ReadPretty.less';
-declare const InputReadPretty: (props: InputProps) => React.JSX.Element;
+declare const InputReadPretty: (props: InputProps) => JSX.Element;
 export default InputReadPretty;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
-declare const TextAreaReadPretty: (props: TextAreaProps) => React.JSX.Element;
+declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;
 export default TextAreaReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;
-declare const UrlReadPretty: (props: UrlProps) => React.JSX.Element;
+declare const UrlReadPretty: (props: UrlProps) => JSX.Element;
 export default UrlReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.js

@@ -39,8 +39,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_ReadPretty = require("./ReadPretty.less");
 var { Link } = import_antd.Typography;
 var formatUrl = (url) => {
-  if (!url)
-    return "";
+  if (!url) return "";
   if (url.startsWith("http://") || url.startsWith("https://")) {
     return url;
   }

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

@@ -45,8 +45,7 @@ var InputNumber = (props) => {
   } = props;
   const formatter = (0, import_react.useCallback)(
     (value, info) => {
-      if (!value)
-        return "";
+      if (!value) return "";
       if (useThousandsSeparator) {
         const parts = value.toString().split(".");
         parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
@@ -58,8 +57,7 @@ var InputNumber = (props) => {
   );
   const parser = (0, import_react.useCallback)(
     (value) => {
-      if (!value)
-        return null;
+      if (!value) return null;
       if (useThousandsSeparator) {
         return value.replace(/,/g, "");
       }

package/lib/components/dataSourceComponents/fields/InputNumber/utils.js

@@ -31,8 +31,7 @@ var getUnitText = (key) => {
   return (0, import_locales.getText)(textKey);
 };
 var formatNumberWithUnit = (value, precision = 0, previewFormatter) => {
-  if (!value)
-    return "0";
+  if (!value) return "0";
   const units = {
     billion: {
       value: BILLION,
@@ -51,8 +50,7 @@ var formatNumberWithUnit = (value, precision = 0, previewFormatter) => {
     return value.toFixed(precision);
   }
   const unit = units[previewFormatter];
-  if (!unit)
-    return value.toFixed(precision);
+  if (!unit) return value.toFixed(precision);
   const convertedValue = value / unit.value;
   const suffix = unit.getText();
   return `${convertedValue.toFixed(precision)}${suffix}`;

package/lib/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;
@@ -7,5 +6,5 @@ declare const SelectWithDataSource: (props: import("antd").SelectProps<any, impo
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default SelectWithDataSource;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
-declare const TimePickerReadPretty: (props: TimePickerProps) => React.JSX.Element;
+declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;
 export default TimePickerReadPretty;

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

@@ -57,10 +57,8 @@ var TimePicker = (props) => {
     defaultValue: propsDefaultValue
   } = props;
   const normalizedValue = (0, import_react.useMemo)(() => {
-    if (!value)
-      return void 0;
-    if (import_dayjs.default.isDayjs(value))
-      return value;
+    if (!value) return void 0;
+    if (import_dayjs.default.isDayjs(value)) return value;
     try {
       return (0, import_dayjs.default)(String(value), format);
     } catch {
@@ -68,10 +66,8 @@ var TimePicker = (props) => {
     }
   }, [value, format]);
   const defaultValue = (0, import_react.useMemo)(() => {
-    if (!propsDefaultValue)
-      return void 0;
-    if (import_dayjs.default.isDayjs(propsDefaultValue))
-      return propsDefaultValue;
+    if (!propsDefaultValue) return void 0;
+    if (import_dayjs.default.isDayjs(propsDefaultValue)) return propsDefaultValue;
     try {
       return (0, import_dayjs.default)(String(propsDefaultValue), format);
     } catch {

package/lib/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { TranslationProps } from './type';
 import './ReadPretty.less';
-declare const TranslationReadPretty: (props: TranslationProps) => React.JSX.Element;
+declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;
 export default TranslationReadPretty;

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.js

@@ -102,8 +102,7 @@ var BaseUpload = (props) => {
         return import_fallback.default;
       }
       const url = file.url || ((_b = (_a = file.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url) || "";
-      if (!url)
-        return "";
+      if (!url) return "";
       try {
         const isValid = await checkImageUrl(url);
         if (!isValid) {
@@ -132,8 +131,7 @@ var BaseUpload = (props) => {
     }
   }, [value, enableMultilingual, multiple]);
   const getValueFromFileList = (fileList2) => {
-    if (!fileList2.length)
-      return multiple ? [] : "";
+    if (!fileList2.length) return multiple ? [] : "";
     if (enableMultilingual) {
       const multilingualValues = fileList2.filter((file) => file.status === "done").map(
         (file) => {
@@ -300,8 +298,7 @@ var BaseUpload = (props) => {
     (info, lang) => {
       setEditMultilingualFile((prev) => {
         var _a, _b;
-        if (!prev)
-          return null;
+        if (!prev) return null;
         const newFile = { ...prev };
         newFile.multilingualFileList[lang] = info.fileList.map((item) => {
           var _a2;
@@ -321,8 +318,7 @@ var BaseUpload = (props) => {
   const handleEditMultilingualRemove = (0, import_react.useCallback)(
     (file, lang) => {
       setEditMultilingualFile((prev) => {
-        if (!prev)
-          return null;
+        if (!prev) return null;
         return {
           ...prev,
           multilingual: {
@@ -335,8 +331,7 @@ var BaseUpload = (props) => {
     []
   );
   const handleEditMultilingualOk = (0, import_react.useCallback)(() => {
-    if (!editMultilingualFile)
-      return;
+    if (!editMultilingualFile) return;
     const { uid } = editMultilingualFile;
     setFileList((prev) => {
       var _a;

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { UploadProps } from './type';
 import './ReadPretty.less';
-declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element | null;
+declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;
 export default UploadReadPretty;