@pisell/materials 1.0.661 → 1.0.662

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

@@ -34,10 +34,356 @@ __export(WithMode_exports, {
 module.exports = __toCommonJS(WithMode_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_library = require("@zxing/library");
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
+var import_pisellScan = __toESM(require("../../../pisellScan"));
+var import_locales = require("../../../../locales");
+var import_locale = require("../../../../utils/locale");
+var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
+var isDevelopEnv = process.env.NODE_ENV === "development";
 var Input = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ...props, ref: props.innerRef || void 0 });
+  const [scanVisible, setScanVisible] = (0, import_react.useState)(false);
+  const { platform = "pc" } = (0, import_usePisellConfig.default)();
+  const isH5 = platform === "h5";
+  const scanRef = (0, import_react.useRef)(null);
+  const [debugValue, setDebugValue] = (0, import_react.useState)("");
+  const [fullScreenMode, setFullScreenMode] = (0, import_react.useState)(false);
+  const scanContainerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (props.value !== void 0) {
+      if (isDevelopEnv) {
+        console.log("[Input.WithMode] props.value变化:", props.value);
+      }
+      setDebugValue(props.value);
+    }
+  }, [props.value]);
+  const handleChange = (e) => {
+    if (e && e.target) {
+      setDebugValue(e.target.value);
+    } else if (e === "" || e === null || e === void 0) {
+      setDebugValue("");
+    }
+    if (props.onChange) {
+      props.onChange(e);
+    }
+  };
+  const {
+    allowScan = false,
+    // 默认不允许扫描
+    scanCodeType = "all",
+    // 默认扫描全部类型
+    language = (0, import_locale.getCurrentLocale)(),
+    // 默认使用当前语言
+    ...restProps
+  } = props;
+  const formatMap = {
+    all: [import_library.BarcodeFormat.QR_CODE, import_library.BarcodeFormat.EAN_8, import_library.BarcodeFormat.EAN_13, import_library.BarcodeFormat.CODE_128, import_library.BarcodeFormat.CODE_39, import_library.BarcodeFormat.CODE_93],
+    qrcode: [import_library.BarcodeFormat.QR_CODE],
+    barcode: [import_library.BarcodeFormat.EAN_8, import_library.BarcodeFormat.EAN_13, import_library.BarcodeFormat.CODE_128, import_library.BarcodeFormat.CODE_39, import_library.BarcodeFormat.CODE_93]
+  };
+  const formats = (0, import_react.useMemo)(() => {
+    if (scanCodeType === "qrcode") {
+      return formatMap.qrcode;
+    } else if (scanCodeType === "barcode") {
+      return formatMap.barcode;
+    } else {
+      return formatMap.all;
+    }
+  }, [scanCodeType]);
+  const getScanTypeText = (0, import_react.useMemo)(() => {
+    if (isDevelopEnv) {
+      console.log("[Input.WithMode] 当前扫码类型:", scanCodeType);
+    }
+    if (scanCodeType === "qrcode") {
+      return (0, import_locales.getText)("scan.qrcode");
+    } else if (scanCodeType === "barcode") {
+      return (0, import_locales.getText)("scan.barcode");
+    } else {
+      return (0, import_locales.getText)("scan.all");
+    }
+  }, [scanCodeType]);
+  const getBackText = (0, import_locales.getText)("scan.back");
+  const getFromAlbumText = (0, import_locales.getText)("scan.fromAlbum");
+  const handleScan = (value, barcodeFormat, isValidType) => {
+    var _a, _b, _c, _d;
+    if (isDevelopEnv) {
+      console.log("[Input.WithMode] 扫码结果:", value, "码类型:", barcodeFormat, "是否有效类型:", isValidType);
+    }
+    if (!value) {
+      console.warn("[Input.WithMode] 扫码结果为空");
+      return;
+    }
+    if (isValidType === false) {
+      setScanVisible(false);
+      setFullScreenMode(false);
+      (_b = (_a = scanRef.current) == null ? void 0 : _a.codeReader) == null ? void 0 : _b.reset();
+      const errorMsg = scanCodeType === "qrcode" ? (0, import_locales.getText)("scan.qrcodeOnlyError") : (0, import_locales.getText)("scan.barcodeOnlyError");
+      import_antd.message.error(errorMsg || `不符合当前扫码类型要求，请扫描${getScanTypeText}`);
+      return;
+    }
+    setScanVisible(false);
+    setFullScreenMode(false);
+    (_d = (_c = scanRef.current) == null ? void 0 : _c.codeReader) == null ? void 0 : _d.reset();
+    handleChange({ target: { value } });
+  };
+  const exitFullScreenScan = () => {
+    var _a, _b;
+    if (document.exitFullscreen) {
+      document.exitFullscreen().catch((err) => {
+        console.error("退出全屏失败:", err);
+      });
+    }
+    setFullScreenMode(false);
+    setScanVisible(false);
+    (_b = (_a = scanRef.current) == null ? void 0 : _a.codeReader) == null ? void 0 : _b.reset();
+  };
+  const handleScanClick = () => {
+    var _a, _b, _c;
+    if (isDevelopEnv) {
+      console.log("[Input.WithMode] 点击扫码按钮，当前扫码类型:", scanCodeType, "标题:", getScanTypeText);
+    }
+    if (isH5) {
+      if ((_b = (_a = window.webkit) == null ? void 0 : _a.messageHandlers) == null ? void 0 : _b.nativeScan) {
+        window.webkit.messageHandlers.nativeScan.postMessage({
+          scanType: scanCodeType || "all"
+        });
+      } else if ((_c = window.nativeBridge) == null ? void 0 : _c.scan) {
+        window.nativeBridge.scan(scanCodeType || "all");
+      } else {
+        setScanVisible(true);
+        setFullScreenMode(true);
+        setTimeout(() => {
+          if (scanContainerRef.current && scanContainerRef.current.requestFullscreen) {
+            scanContainerRef.current.requestFullscreen().catch((err) => {
+              console.error("进入全屏失败:", err);
+            });
+          }
+        }, 100);
+      }
+    }
+  };
+  const handleImageSelect = async (file) => {
+    if (isDevelopEnv) {
+      console.log("[handleImageSelect] 选择图片:", file);
+    }
+    if (!file.type.includes("image/")) {
+      import_antd.message.error("请选择图片文件");
+      return false;
+    }
+    try {
+      import_antd.message.loading({
+        content: "正在处理图片...",
+        key: "scanLoading",
+        duration: 0
+      });
+      const url = URL.createObjectURL(file);
+      const img = new Image();
+      img.onload = async () => {
+        try {
+          const canvas = document.createElement("canvas");
+          const ctx = canvas.getContext("2d");
+          canvas.width = img.width;
+          canvas.height = img.height;
+          ctx == null ? void 0 : ctx.drawImage(img, 0, 0, img.width, img.height);
+          const imageData = ctx == null ? void 0 : ctx.getImageData(0, 0, canvas.width, canvas.height);
+          if (imageData) {
+            const hints = /* @__PURE__ */ new Map();
+            if (formats && formats.length > 0) {
+              hints.set(2, formats);
+            }
+            const reader = new import_library.BrowserMultiFormatReader(hints);
+            try {
+              const result = await reader.decodeFromImageData(imageData);
+              const barcodeFormat = result.getBarcodeFormat();
+              const isValidType = !formats || formats.length === 0 || formats.includes(barcodeFormat);
+              if (!isValidType) {
+                const errorMsg = scanCodeType === "qrcode" ? (0, import_locales.getText)("scan.qrcodeOnlyError") : (0, import_locales.getText)("scan.barcodeOnlyError");
+                import_antd.message.error({
+                  content: errorMsg || `不符合当前扫码类型要求，请扫描${getScanTypeText}`,
+                  key: "scanLoading"
+                });
+              } else {
+                import_antd.message.success({
+                  content: "识别成功",
+                  key: "scanLoading"
+                });
+                setScanVisible(false);
+                setFullScreenMode(false);
+                handleChange({ target: { value: result.getText() } });
+              }
+            } catch (error) {
+              console.error("[handleImageSelect] 扫描图片失败:", error);
+              import_antd.message.error({
+                content: "未能识别二维码/条形码",
+                key: "scanLoading"
+              });
+            }
+          }
+        } catch (error) {
+          console.error("[handleImageSelect] 扫描图片失败:", error);
+          import_antd.message.error({
+            content: "未能识别二维码/条形码",
+            key: "scanLoading"
+          });
+        }
+        URL.revokeObjectURL(url);
+      };
+      img.onerror = () => {
+        URL.revokeObjectURL(url);
+        import_antd.message.error({
+          content: "图片加载失败",
+          key: "scanLoading"
+        });
+      };
+      img.src = url;
+    } catch (error) {
+      console.error("[handleImageSelect] 处理图片失败:", error);
+      import_antd.message.error({
+        content: "处理图片失败",
+        key: "scanLoading"
+      });
+    }
+    return false;
+  };
+  const CustomInput = () => /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", width: "100%", position: "relative" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      ...restProps,
+      ref: props.innerRef || void 0,
+      style: {
+        ...props.style,
+        flex: 1,
+        ...allowScan && isH5 ? {
+          borderTopRightRadius: 0,
+          borderBottomRightRadius: 0,
+          borderRight: 0
+        } : {}
+      },
+      onChange: handleChange,
+      value: debugValue,
+      allowClear: props.allowClear !== false
+    }
+  ), allowScan && isH5 && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ScanOutlined, null),
+      onClick: handleScanClick,
+      style: {
+        borderTopLeftRadius: 0,
+        borderBottomLeftRadius: 0,
+        height: "auto"
+      }
+    }
+  ));
+  (0, import_react.useEffect)(() => {
+    if (isH5) {
+      if (isDevelopEnv) {
+        console.log("[Input.WithMode] 当前平台: H5");
+        window.__DEBUG_INPUT_PROPS__ = props;
+        window.testPisellScan = () => {
+          console.log("测试扫码功能");
+          setScanVisible(true);
+        };
+        console.log("组件初始化配置:", {
+          allowScan,
+          scanCodeType,
+          formats
+        });
+      }
+      window.handleScanCallback = (result) => {
+        if (isDevelopEnv) {
+          console.log("接收到原生扫码结果:", result);
+        }
+        handleScan(result);
+      };
+    } else {
+      if (isDevelopEnv) {
+        console.log("[Input.WithMode] 当前平台: PC");
+        window.__DEBUG_INPUT_PROPS__ = props;
+      }
+    }
+    return () => {
+      window.handleScanCallback = void 0;
+      window.testPisellScan = void 0;
+    };
+  }, [platform, allowScan, scanCodeType, formats]);
+  (0, import_react.useEffect)(() => {
+    const handleFullscreenChange = () => {
+      var _a, _b;
+      if (!document.fullscreenElement && fullScreenMode) {
+        setFullScreenMode(false);
+        setScanVisible(false);
+        (_b = (_a = scanRef.current) == null ? void 0 : _a.codeReader) == null ? void 0 : _b.reset();
+      }
+    };
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    return () => document.removeEventListener("fullscreenchange", handleFullscreenChange);
+  }, [fullScreenMode]);
+  (0, import_react.useEffect)(() => {
+    if (isDevelopEnv) {
+      console.log("[Input.WithMode] 扫码类型变化:", scanCodeType, "标题文本:", getScanTypeText);
+    }
+  }, [scanCodeType, getScanTypeText]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(CustomInput, null), allowScan && isH5 && scanVisible && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: scanContainerRef,
+      style: {
+        position: fullScreenMode ? "fixed" : "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "#000",
+        zIndex: 9999,
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: {
+      padding: "10px 15px",
+      backgroundColor: "#fff",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
+    } }, /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: "16px", fontWeight: "bold" } }, getScanTypeText || "Scan QR Code/Barcode"), /* @__PURE__ */ import_react.default.createElement("span", { onClick: exitFullScreenScan, style: { cursor: "pointer", fontSize: "24px" } }, "×")),
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, position: "relative" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_pisellScan.default,
+      {
+        width: "100%",
+        height: "100%",
+        onChange: handleScan,
+        timeBetweenScansMillis: 1e3,
+        ref: scanRef,
+        formats,
+        preferFrontCamera: false
+      }
+    )),
+    /* @__PURE__ */ import_react.default.createElement("div", { style: {
+      padding: "15px",
+      backgroundColor: "#fff",
+      display: "flex",
+      justifyContent: "center",
+      borderTop: "1px solid #f0f0f0"
+    } }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Upload,
+      {
+        accept: "image/*",
+        showUploadList: false,
+        beforeUpload: handleImageSelect,
+        style: { marginRight: "15px" }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PictureOutlined, null), style: { marginRight: "15px" } }, getFromAlbumText || "From Album")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowLeftOutlined, null),
+        onClick: exitFullScreenScan
+      },
+      getBackText || "Back"
+    ))
+  ));
 };
-var InputWithMode = (0, import_utils.withMode)(Input, import_ReadPretty.default);
-var WithMode_default = InputWithMode;
+var WithMode_default = (0, import_utils.withMode)(Input, import_ReadPretty.default);

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

@@ -32,6 +32,9 @@ __export(Input_exports, {
   default: () => Input_default
 });
 module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
 var import_Input = __toESM(require("../Input.Json"));
 var import_Input2 = __toESM(require("../Input.Password"));
 var import_Input3 = __toESM(require("../Input.TextArea"));
@@ -40,9 +43,16 @@ var import_Input5 = __toESM(require("../Input.Email"));
 var import_Input6 = __toESM(require("../Input.Phone"));
 var import_Input7 = __toESM(require("../Input.Mobile"));
 var import_Input8 = __toESM(require("../Input.Subdomain"));
-var import_WithMode = __toESM(require("./WithMode"));
-var import_utils = require("../../dataSourceForm/utils");
-var Input = (0, import_utils.withFormItem)(import_WithMode.default);
+var InputWithForm = (0, import_utils.withFormItem)(import_WithMode.default, {
+  innerProps: {
+    // 要传递的属性，移除allowScan
+    scanCodeType: void 0,
+    language: void 0
+  }
+});
+var Input = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(InputWithForm, { ...props });
+};
 Input.JSON = import_Input.default;
 Input.Password = import_Input2.default;
 Input.TextArea = import_Input3.default;

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

@@ -92,8 +92,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) => {
@@ -260,8 +259,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;
@@ -281,8 +279,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: {
@@ -295,8 +292,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.js

@@ -42,8 +42,7 @@ var UploadReadPretty = (props) => {
   const { value, enableMultilingual } = props;
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const normalizedValue = (0, import_react.useMemo)(() => {
-    if (!value)
-      return [];
+    if (!value) return [];
     let processedValue = (0, import_utils.isArr)(value) ? value : [value];
     processedValue = processedValue.map((item) => {
       if (!item) {