@pisell/materials 6.0.18 → 6.0.19

package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -40,16 +40,16 @@ export declare const withFormItem: <P extends object>(WrappedComponent: React.Co
 } | undefined) => React.FC<P & WithFormItemProps>;
 export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     dataSource?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
-export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
+export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => React.JSX.Element | null;
 export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
 export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
 export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];

package/lib/components/dataSourceComponents/dataSourceForm/utils.js

@@ -269,7 +269,8 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         case "subdomain":
           rules.push({
             validator: (_, value) => {
-              if (!value) return Promise.resolve();
+              if (!value)
+                return Promise.resolve();
               const subdomain = value.split(".")[0];
               if (!/^[a-z0-9-]+$/.test(subdomain)) {
                 return Promise.reject(
@@ -298,7 +299,8 @@ var withFormItem = (WrappedComponent, overlayProps) => {
         case "appIdentifier":
           rules.push({
             validator: (_, value) => {
-              if (!value) return Promise.resolve();
+              if (!value)
+                return Promise.resolve();
               if (!/^[a-z0-9\-\._]+$/.test(value)) {
                 return Promise.reject(
                   new Error(
@@ -524,7 +526,8 @@ var getNestedValue = (obj, path) => {
   const keys = path.split(".");
   let value = obj;
   for (const k of keys) {
-    if (!value) break;
+    if (!value)
+      break;
     value = value[k];
   }
   return value;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -1,2 +1,3 @@
-declare const DataSourceImage: (props: import("../utils").ParsedProps) => JSX.Element;
+import React from 'react';
+declare const DataSourceImage: (props: import("../utils").ParsedProps) => React.JSX.Element;
 export default DataSourceImage;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,2 +1,3 @@
-declare const DataSourceQRCode: (props: any) => JSX.Element;
+/// <reference types="react" />
+declare const DataSourceQRCode: (props: any) => import("react").JSX.Element;
 export default DataSourceQRCode;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.d.ts

@@ -4,7 +4,7 @@ interface DataSourceTypographyProps {
     children: React.ReactNode;
 }
 declare const DataSourceTypography: {
-    (props: DataSourceTypographyProps): JSX.Element;
-    Text: (props: import("../utils").ParsedProps) => JSX.Element;
+    (props: DataSourceTypographyProps): React.JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => React.JSX.Element;
 };
 export default DataSourceTypography;

package/lib/components/dataSourceComponents/dataSourceShow/utils.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export interface ParsedProps {
     [key: string]: unknown;
 }
-declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => JSX.Element;
+declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => React.JSX.Element;
 export default withParseVariables;

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 interface BaseFilterItem {
     name?: string;
@@ -22,5 +23,5 @@ interface FilterProps {
         key: string;
     };
 }
-declare const Filter: (props: FilterProps) => JSX.Element;
+declare const Filter: (props: FilterProps) => React.JSX.Element;
 export default Filter;

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;
-export declare const field2Cpt: (field: Field, item: any, otherProps?: any) => JSX.Element | null;
-export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (JSX.Element | null)[];
+export declare const field2Cpt: (field: Field, item: any, otherProps?: any) => React.JSX.Element | null;
+export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (React.JSX.Element | null)[];
 export declare const getStoredFilterOrder: (componentId: string) => any;
 export declare const saveFilterOrder: (componentId: string, order: any) => void;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useColumns.js

@@ -59,14 +59,16 @@ var useColumns = ({
   actionsColumns
 }) => {
   const fieldMap = (0, import_react.useMemo)(() => {
-    if (!fields) return {};
+    if (!fields)
+      return {};
     return fields.reduce((acc, field) => {
       acc[field.name] = field;
       return acc;
     }, {});
   }, [fields]);
   return (0, import_react.useMemo)(() => {
-    if (Object.keys(fieldMap).length === 0) return [];
+    if (Object.keys(fieldMap).length === 0)
+      return [];
     return columns.map((column) => {
       var _a;
       const field = fieldMap[column == null ? void 0 : column.dataIndex];

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.js

@@ -36,7 +36,8 @@ var useDesignMode = (props, { registerValueVariable, openDrawer, closeDrawer, da
     if (__designMode === "design" && (items == null ? void 0 : items.length) && ((_a = prevItemsRef.current) == null ? void 0 : _a.length)) {
       const changedItem = items.find((item) => {
         const prevItem = prevItemsRef.current.find((prev) => prev.key === item.key);
-        if (!prevItem) return false;
+        if (!prevItem)
+          return false;
         if (item.actionType !== prevItem.actionType) {
           return true;
         }

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Drawer } from 'antd';
 import { OperationItem } from '../type';
 declare const useDrawerState: (operationContent?: {
@@ -9,7 +10,7 @@ declare const useDrawerState: (operationContent?: {
     closeDrawer: () => void;
     drawerContent: import("react").ReactNode;
     Container: {
-        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
+        (props: import("../../../pisellModal").PisellModalProps): import("react").JSX.Element;
         confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
             destroy: () => void;
             update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
@@ -31,7 +32,7 @@ declare const useDrawerState: (operationContent?: {
             destroy: () => void;
             update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
         };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
+        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => import("react").JSX.Element;
     } | typeof Drawer;
     containerProps: {};
 };

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -143,7 +143,8 @@ var formatFilter = (filterValue, fields) => {
   return JSON.stringify(filterCondition);
 };
 var formatSort = (sortValue) => {
-  if (!sortValue) return void 0;
+  if (!sortValue)
+    return void 0;
   const [field, order] = sortValue.split(":");
   const prefix = order === "desc" ? "-" : "";
   return [`${prefix}${field}`];

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -26,9 +26,9 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
-    filter: JSX.Element | null;
+    filter: React.JSX.Element | null;
     onRow: (record: any) => any;
     actionButtons: any[] | null;
     titleButtons?: {
@@ -52,7 +52,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "link" | "button";
+        type: "button" | "link";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -70,7 +70,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/lib/components/dataSourceComponents/dataSourceWrapper/BaseWrapper.d.ts

@@ -3,5 +3,5 @@ interface BaseWrapperProps {
     children: React.ReactNode;
     [key: string]: any;
 }
-declare const BaseWrapper: (props: BaseWrapperProps) => JSX.Element;
+declare const BaseWrapper: (props: BaseWrapperProps) => React.JSX.Element;
 export default BaseWrapper;

package/lib/components/dataSourceComponents/dataSourceWrapper/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DataSourceContextProps } from '../provider/dataSource/DataSourceContext';
-declare const DataSourceWrapper: (props: DataSourceContextProps) => JSX.Element;
+declare const DataSourceWrapper: (props: DataSourceContextProps) => React.JSX.Element;
 export default DataSourceWrapper;

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

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

package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.js

@@ -61,7 +61,8 @@ var DatePickerReadPretty = ({ value, renderMode, showTime }) => {
     return DEFAULT_FORMAT;
   }, [locale, showTime]);
   const formattedDate = (0, import_react.useMemo)(() => {
-    if (!value) return "";
+    if (!value)
+      return "";
     try {
       return (0, import_dayjs.default)(value).format(dateFormat);
     } catch (error) {

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

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

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

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

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

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

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

@@ -47,6 +47,8 @@ var Input = (props) => {
     // 明确解构，避免通过restProps传递
     innerRef,
     // 明确解构
+    className,
+    // 明确解构className
     ...restProps
   } = props;
   const [inputValue, setInputValue] = (0, import_react.useState)(propValue || "");
@@ -103,11 +105,30 @@ var Input = (props) => {
   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: innerRef || void 0,
+      className: `${className || ""} ${enableQRScanner ? "pisell-input-with-scanner" : ""}`,
       addonAfter: scanSuffix,
       value: inputValue,
       onChange: handleInputChange

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

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

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

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

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

@@ -40,13 +40,15 @@ 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,7 +51,8 @@ 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,4 +1,5 @@
+import React from 'react';
 import { PasswordProps } from './type';
 import './ReadPretty.less';
-declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;
+declare const PasswordReadPretty: (props: PasswordProps) => React.JSX.Element;
 export default PasswordReadPretty;

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

@@ -40,13 +40,15 @@ 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,7 +51,8 @@ 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,4 +1,5 @@
+import React from 'react';
 import { InputProps } from './type';
 import './ReadPretty.less';
-declare const InputReadPretty: (props: InputProps) => JSX.Element;
+declare const InputReadPretty: (props: InputProps) => React.JSX.Element;
 export default InputReadPretty;

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

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

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

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

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

@@ -39,7 +39,8 @@ 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,7 +45,8 @@ 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, ",");
@@ -57,7 +58,8 @@ 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,7 +31,8 @@ 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,
@@ -50,7 +51,8 @@ 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,3 +1,4 @@
+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;
@@ -6,5 +7,5 @@ declare const SelectWithDataSource: (props: import("antd").SelectProps<any, impo
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default SelectWithDataSource;

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

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

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

@@ -57,8 +57,10 @@ 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 {
@@ -66,8 +68,10 @@ 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,4 +1,5 @@
+import React from 'react';
 import { TranslationProps } from './type';
 import './ReadPretty.less';
-declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;
+declare const TranslationReadPretty: (props: TranslationProps) => React.JSX.Element;
 export default TranslationReadPretty;

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

@@ -102,7 +102,8 @@ 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) {
@@ -131,7 +132,8 @@ 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) => {
@@ -298,7 +300,8 @@ 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;
@@ -318,7 +321,8 @@ var BaseUpload = (props) => {
   const handleEditMultilingualRemove = (0, import_react.useCallback)(
     (file, lang) => {
       setEditMultilingualFile((prev) => {
-        if (!prev) return null;
+        if (!prev)
+          return null;
         return {
           ...prev,
           multilingual: {
@@ -331,7 +335,8 @@ 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,4 +1,5 @@
+import React from 'react';
 import { UploadProps } from './type';
 import './ReadPretty.less';
-declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;
+declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element | null;
 export default UploadReadPretty;

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

@@ -42,7 +42,8 @@ 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) {