@pisell/materials 1.0.679 → 1.0.681

package/es/components/time-picker/index.d.ts

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

package/es/components/upload/index.d.ts

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

package/es/components/versionSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {

package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

package/es/components/virtual-keyboard/Number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;

package/es/components/virtual-keyboard/Time/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppVersionControlProps } from './types';
 import './index.less';
 declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;

package/lib/components/auto-complete-number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BadgeProps as OriginalBadgeprops } from 'antd';
 import './index.less';
 export interface Badgeprops extends OriginalBadgeprops {

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => JSX.Element | null;

package/lib/components/batch-editor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPickerProps } from 'antd';
 declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
 export default ColorPicker;

package/lib/components/config-provider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Drawer } from 'antd';
 import { OperationItem } from '../type';
 declare const useDrawerState: (operationContent?: {

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

@@ -70,7 +70,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openContentSize: "small" | "large" | "middle";
         openTitle: string;
         key: string;
     } | undefined;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
 declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
 declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
 declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
 declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;

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

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/dataSourceComponents/fields/Input.Mobile/serve.ts
@@ -23,8 +33,11 @@ __export(serve_exports, {
   useCountries: () => useCountries
 });
 module.exports = __toCommonJS(serve_exports);
+var import_react = require("react");
 var import_ahooks = require("ahooks");
 var import_utils = require("../../../table/utils");
+var import_usePlatform = require("../../hooks/usePlatform");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var getCountryDataList = async () => {
   const { data } = await import_utils.request.getRequest().get(`/country:list`, {}, {
     isNocobase: true,
@@ -39,14 +52,35 @@ var getCountryDataList = async () => {
   }));
 };
 var useCountries = () => {
-  const { data } = (0, import_ahooks.useRequest)(getCountryDataList, {
+  const isShop = (0, import_usePlatform.useIsShop)();
+  const { appHelper } = (0, import_useEngineContext.default)();
+  const { data, run } = (0, import_ahooks.useRequest)(getCountryDataList, {
     cacheKey: "phone-countries",
     staleTime: 1e3 * 60 * 5,
     // 5分钟后数据过期
-    cacheTime: 1e3 * 60 * 60
+    cacheTime: 1e3 * 60 * 60,
     // 1小时后清除缓存
+    manual: true
   });
-  return { data };
+  (0, import_react.useEffect)(() => {
+    if (!isShop) {
+      run();
+    }
+  }, [isShop]);
+  const currentData = (0, import_react.useMemo)(() => {
+    var _a, _b, _c, _d;
+    if (isShop) {
+      const codeList = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.store) == null ? void 0 : _b.getState()) == null ? void 0 : _c.global) == null ? void 0 : _d.codeList;
+      if (codeList) {
+        return codeList.map((item) => ({
+          ...item,
+          prefix: `+${item.calling_code}`
+        }));
+      }
+    }
+    return data;
+  }, [isShop, data]);
+  return { data: currentData };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PasswordProps } from './type';
 import './ReadPretty.less';
 declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;

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

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/dataSourceComponents/fields/Input.Phone/serve.ts
@@ -23,8 +33,11 @@ __export(serve_exports, {
   useCountries: () => useCountries
 });
 module.exports = __toCommonJS(serve_exports);
+var import_react = require("react");
 var import_ahooks = require("ahooks");
 var import_utils = require("../../../table/utils");
+var import_usePlatform = require("../../hooks/usePlatform");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var getCountryDataList = async () => {
   const { data } = await import_utils.request.getRequest().get(`/country:list`, {}, {
     isNocobase: true,
@@ -39,14 +52,35 @@ var getCountryDataList = async () => {
   }));
 };
 var useCountries = () => {
-  const { data } = (0, import_ahooks.useRequest)(getCountryDataList, {
+  const isShop = (0, import_usePlatform.useIsShop)();
+  const { appHelper } = (0, import_useEngineContext.default)();
+  const { data, run } = (0, import_ahooks.useRequest)(getCountryDataList, {
     cacheKey: "phone-countries",
     staleTime: 1e3 * 60 * 5,
     // 5分钟后数据过期
-    cacheTime: 1e3 * 60 * 60
+    cacheTime: 1e3 * 60 * 60,
     // 1小时后清除缓存
+    manual: true
   });
-  return { data };
+  (0, import_react.useEffect)(() => {
+    if (!isShop) {
+      run();
+    }
+  }, [isShop]);
+  const currentData = (0, import_react.useMemo)(() => {
+    var _a, _b, _c, _d;
+    if (isShop) {
+      const codeList = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.store) == null ? void 0 : _b.getState()) == null ? void 0 : _c.global) == null ? void 0 : _d.codeList;
+      if (codeList) {
+        return codeList.map((item) => ({
+          ...item,
+          prefix: `+${item.calling_code}`
+        }));
+      }
+    }
+    return data;
+  }, [isShop, data]);
+  return { data: currentData };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: "custom" | "saas" | "xzero";
+    rootDomain: "custom" | "xzero" | "saas";
     customDomain?: string | undefined;
     value?: string | undefined;
     tenantId: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
 declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;

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

@@ -1,4 +1,3 @@
-/// <reference types="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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TranslationProps } from './type';
 import './ReadPretty.less';
 declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;

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

@@ -44,7 +44,9 @@ var import_pisellUpload = __toESM(require("../../../pisellUpload"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_locales = require("../../../../locales");
 var import_constants = require("./constants");
+var import_usePlatform = require("../../hooks/usePlatform");
 var import_utils2 = require("./utils");
+var import_shopUploadServe = require("./shopUploadServe");
 var import_fallback = __toESM(require("./fallback.png"));
 var import_index = require("./index.less");
 var BaseUpload = (props) => {
@@ -67,58 +69,19 @@ var BaseUpload = (props) => {
     getHeaders: propsGetHeaders,
     ...restProps
   } = props;
+  console.log(typeMaxSizeMap, "typeMaxSizeMap");
+  const isShop = (0, import_usePlatform.useIsShop)();
   const [fileList, setFileList] = (0, import_react.useState)([]);
   const [previewImage, setPreviewImage] = (0, import_react.useState)("");
   const [previewOpen, setPreviewOpen] = (0, import_react.useState)(false);
   const [open, setOpen] = (0, import_react.useState)(false);
   const [editMultilingualFile, setEditMultilingualFile] = (0, import_react.useState)(null);
-  const [errorImageMap, setErrorImageMap] = (0, import_react.useState)(
-    {}
-  );
   const fileListRef = (0, import_react.useRef)([]);
   (0, import_react.useEffect)(() => {
     fileListRef.current = fileList;
   }, [fileList]);
   const { appHelper } = (0, import_useEngineContext.default)();
   const { mediaUploadUrl, getHeaders } = (appHelper == null ? void 0 : appHelper.constants) || {};
-  const handleImageError = (0, import_react.useCallback)((file) => {
-    setErrorImageMap((prev) => ({
-      ...prev,
-      [file.uid]: true
-    }));
-  }, []);
-  const checkImageUrl = (0, import_react.useCallback)((url) => {
-    return new Promise((resolve) => {
-      const img = document.createElement("img");
-      img.onload = () => resolve(true);
-      img.onerror = () => resolve(false);
-      img.src = url;
-    });
-  }, []);
-  const getItemUrl = (0, import_react.useCallback)(
-    async (file) => {
-      var _a, _b;
-      if (errorImageMap[file.uid]) {
-        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 "";
-      try {
-        const isValid = await checkImageUrl(url);
-        if (!isValid) {
-          setErrorImageMap((prev) => ({
-            ...prev,
-            [file.uid]: true
-          }));
-          return import_fallback.default;
-        }
-        return url;
-      } catch (error) {
-        return import_fallback.default;
-      }
-    },
-    [errorImageMap]
-  );
   (0, import_react.useEffect)(() => {
     const currentValue = getValueFromFileList(fileListRef.current);
     if (!fileListRef.current.length || !(0, import_utils2.isValueEqual)(value, currentValue)) {
@@ -127,7 +90,6 @@ var BaseUpload = (props) => {
         multiple: !!multiple
       });
       setFileList(newFileList);
-      setErrorImageMap({});
     }
   }, [value, enableMultilingual, multiple]);
   const getValueFromFileList = (fileList2) => {
@@ -419,36 +381,49 @@ var BaseUpload = (props) => {
     ),
     [restProps.disabled, handleGlobeIconClick]
   );
-  const itemRender = (0, import_ahooks.useMemoizedFn)(
-    (originNode, file) => {
-      const [itemUrl, setItemUrl] = (0, import_react.useState)("");
-      (0, import_react.useEffect)(() => {
-        getItemUrl(file).then(setItemUrl);
-      }, [file]);
-      const newNode = import_react.default.cloneElement(originNode, {
-        children: import_react.default.Children.map(originNode.props.children, (child) => {
-          if ((child == null ? void 0 : child.type) === "a") {
-            return import_react.default.cloneElement(child, {
-              children: import_react.default.Children.map(
-                child.props.children,
-                (grandChild) => {
-                  if ((grandChild == null ? void 0 : grandChild.type) === "img") {
-                    return import_react.default.cloneElement(grandChild, {
-                      src: itemUrl,
-                      onError: () => handleImageError(file)
-                    });
-                  }
-                  return grandChild;
-                }
-              )
-            });
-          }
-          return child;
-        })
-      });
-      return newNode;
+  const customRequest = (0, import_react.useMemo)(() => {
+    if (!isShop) {
+      return {};
     }
-  );
+    const handleUpload = (options) => {
+      const { onSuccess, onError, onProgress, file } = options;
+      const fileSize = file.size;
+      const baseTime = (0, import_utils2.getBaseTime)(fileSize);
+      let progress = 0;
+      setTimeout(() => {
+        onProgress == null ? void 0 : onProgress({ percent: 1 });
+      }, 200);
+      const timer = setInterval(() => {
+        if (progress < 30) {
+          progress += 5;
+        } else if (progress < 60) {
+          progress += 3;
+        } else if (progress < 80) {
+          progress += 2;
+        } else if (progress < 90) {
+          progress += 0.5;
+        }
+        if (progress >= 90) {
+          clearInterval(timer);
+        }
+        onProgress == null ? void 0 : onProgress({ percent: Math.min(90, progress) });
+      }, baseTime / 30);
+      (0, import_shopUploadServe.uploadFile)(file).then((res) => {
+        clearInterval(timer);
+        onProgress == null ? void 0 : onProgress({ percent: 95 });
+        setTimeout(() => {
+          onProgress == null ? void 0 : onProgress({ percent: 100 });
+          onSuccess == null ? void 0 : onSuccess(res);
+        }, 200);
+      }).catch((err) => {
+        clearInterval(timer);
+        onError == null ? void 0 : onError(err);
+      });
+    };
+    return {
+      customRequest: handleUpload
+    };
+  }, [isShop]);
   const uploadProps = {
     ...restProps,
     multiple,
@@ -483,7 +458,8 @@ var BaseUpload = (props) => {
     }),
     headers: (propsGetHeaders == null ? void 0 : propsGetHeaders()) || (getHeaders == null ? void 0 : getHeaders()),
     beforeUpload,
-    className: "pisell-data-source-upload"
+    className: "pisell-data-source-upload",
+    ...customRequest
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_pisellUpload.default, { ...uploadProps, fileList }, fileList.length >= calcMaxCount ? null : renderUploadButton(!!enableMultilingual)), /* @__PURE__ */ import_react.default.createElement(
     import_pisellModal.default,

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UploadProps } from './type';
 import './ReadPretty.less';
 declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;

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

@@ -33,33 +33,35 @@ __export(WithMode_exports, {
 });
 module.exports = __toCommonJS(WithMode_exports);
 var import_react = __toESM(require("react"));
-var import_utils = require("../../dataSourceForm/utils");
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("../../dataSourceForm/utils");
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_BaseUpload = __toESM(require("./BaseUpload"));
 var import_serve = require("./serve");
-var import_utils2 = require("@pisell/utils");
+var import_usePlatform = require("../../hooks/usePlatform");
 var Upload = (props) => {
-  const { presetType, mediaConfig: propsMediaConfig } = props;
+  const isShop = (0, import_usePlatform.useIsShop)();
+  const { presetType, mediaConfig: propsMediaConfig, presetTypeString: propsPresetTypeString } = props;
   const { getExtensionsByIds, getMaxSizeByIds } = (0, import_serve.useMediaTypes)();
   const { data: mediaConfig } = (0, import_serve.useMediaConfig)(propsMediaConfig);
-  const presetTypeString = getExtensionsByIds(presetType || []);
+  const presetTypeString = isShop ? propsPresetTypeString : getExtensionsByIds(presetType || []);
   const maxSizeMap = getMaxSizeByIds(presetType || []);
   const maxCount = (0, import_react.useMemo)(() => {
     const minArr = [];
-    if ((0, import_utils2.isNumber)(mediaConfig == null ? void 0 : mediaConfig.upload_onetime_limit)) {
+    if ((0, import_utils.isNumber)(mediaConfig == null ? void 0 : mediaConfig.upload_onetime_limit)) {
       minArr.push(mediaConfig == null ? void 0 : mediaConfig.upload_onetime_limit);
     }
-    if ((0, import_utils2.isNumber)(props.maxCount)) {
+    if ((0, import_utils.isNumber)(props.maxCount)) {
       minArr.push(props.maxCount);
     }
     return Math.min(...minArr);
   }, [mediaConfig, props.maxCount]);
   const maxSize = (0, import_react.useMemo)(() => {
     const minArr = [];
-    if ((0, import_utils2.isNumber)(mediaConfig == null ? void 0 : mediaConfig.upload_maxsize)) {
+    if ((0, import_utils.isNumber)(mediaConfig == null ? void 0 : mediaConfig.upload_maxsize)) {
       minArr.push(mediaConfig == null ? void 0 : mediaConfig.upload_maxsize);
     }
-    if ((0, import_utils2.isNumber)(props.maxSize)) {
+    if ((0, import_utils.isNumber)(props.maxSize)) {
       minArr.push(props.maxSize);
     }
     return Math.min(...minArr);
@@ -75,5 +77,5 @@ var Upload = (props) => {
     }
   );
 };
-var UploadWithMode = (0, import_utils.withMode)(Upload, import_ReadPretty.default);
+var UploadWithMode = (0, import_utils2.withMode)(Upload, import_ReadPretty.default);
 var WithMode_default = UploadWithMode;