@pisell/materials 6.0.19 → 6.0.20

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,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.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,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.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,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/Input.Url/ReadPretty.less

@@ -3,6 +3,8 @@
   font-size: 16px;
   font-weight: 600;
   line-height: 24px; /* 150% */
+  height: auto;
+  padding: 0;
 }
 
 .pisell-url-read-pretty-table-view {

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

@@ -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,59 +69,18 @@ var BaseUpload = (props) => {
     getHeaders: propsGetHeaders,
     ...restProps
   } = props;
+  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)) {
@@ -128,12 +89,10 @@ var BaseUpload = (props) => {
         multiple: !!multiple
       });
       setFileList(newFileList);
-      setErrorImageMap({});
     }
   }, [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 +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;
@@ -321,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: {
@@ -335,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;
@@ -424,36 +380,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,
@@ -488,7 +457,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,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;

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) {

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;

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

@@ -34,10 +34,12 @@ __export(serve_exports, {
   useMediaTypes: () => useMediaTypes
 });
 module.exports = __toCommonJS(serve_exports);
+var import_react = require("react");
 var import_ahooks = require("ahooks");
 var import_utils = require("./utils");
 var import_utils2 = require("../../../table/utils");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_usePlatform = require("../../hooks/usePlatform");
 var getMediaTypeList = async () => {
   const { data } = await import_utils2.request.getRequest().get(
     `/media_type:list`,
@@ -64,13 +66,20 @@ var useMediaConfig = (mediaConfig) => {
   };
 };
 var useMediaTypes = () => {
-  const { data } = (0, import_ahooks.useRequest)(getMediaTypeList, {
+  const isShop = (0, import_usePlatform.useIsShop)();
+  const { data, run } = (0, import_ahooks.useRequest)(getMediaTypeList, {
     cacheKey: "media-type",
     staleTime: 1e3 * 60 * 5,
     // 5分钟后数据过期
-    cacheTime: 1e3 * 60 * 60
+    cacheTime: 1e3 * 60 * 60,
     // 1小时后清除缓存
+    manual: true
   });
+  (0, import_react.useEffect)(() => {
+    if (!isShop) {
+      run();
+    }
+  }, [isShop]);
   const getExtensionsByIds = (ids) => {
     const extensions = [];
     (data || []).forEach((item) => {