@pisell/materials 6.0.18 → 6.0.20

package/lib/components/cardPro/index.less

@@ -0,0 +1,55 @@
+.pisell-cardPro-wrap {
+  border-radius: 12px;
+
+  &.pisell-cardPro-wrap-with-cover {
+    .pisell-lowcode-card-body {
+      padding-top: 0;
+      padding-left: 0;
+      padding-right: 0;
+      padding-bottom: 24px;
+    }
+
+    .pisell-cardPro-head,
+    .pisell-cardPro-content {
+      padding: 0 24px;
+    }
+  }
+
+  .pisell-cardPro-cover {
+    position: relative;
+
+    .pisell-cardPro-badge {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+  }
+
+  .pisell-cardPro-head {
+    padding: 0;
+    .pisell-cardPro-head-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1a2029;
+    }
+
+    .pisell-cardPro-head-subtitle {
+      font-size: 12px;
+      color: #6e8098;
+    }
+
+    .pisell-cardPro-head-extra {
+      width: 150px;
+    }
+  }
+
+  .pisell-cardPro-content {
+    overflow-y: auto;
+    margin-top: 20px;
+  }
+
+  .pisell-cardPro-content {
+    overflow-y: auto;
+    margin-top: 20px;
+  }
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CropPhoto: React.FC;
+export default CropPhoto;

package/lib/components/cropPhoto/index.js

@@ -0,0 +1,70 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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/cropPhoto/index.tsx
+var cropPhoto_exports = {};
+__export(cropPhoto_exports, {
+  default: () => cropPhoto_default
+});
+module.exports = __toCommonJS(cropPhoto_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_antd_img_crop = __toESM(require("antd-img-crop"));
+var CropPhoto = (props) => {
+  const { cropShape } = props;
+  const [fileList, setFileList] = (0, import_react.useState)([]);
+  const onChange = ({ fileList: newFileList }) => {
+    setFileList(newFileList);
+  };
+  const onPreview = async (file) => {
+    let src = file.url;
+    if (!src) {
+      src = await new Promise((resolve) => {
+        const reader = new FileReader();
+        reader.readAsDataURL(file.originFileObj);
+        reader.onload = () => resolve(reader.result);
+      });
+    }
+    const image = new Image();
+    image.src = src;
+    const imgWindow = window.open(src);
+    imgWindow == null ? void 0 : imgWindow.document.write(image.outerHTML);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd_img_crop.default, { rotationSlider: true, aspectSlider: true, cropShape }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Upload,
+    {
+      action: "https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload",
+      listType: "picture-card",
+      fileList,
+      onChange,
+      onPreview
+    },
+    fileList.length < 5 && "+ Upload"
+  ));
+};
+var cropPhoto_default = CropPhoto;

package/lib/components/cropPhoto/index.less

@@ -0,0 +1,15 @@
+.pisell-upload-wapper {
+  .ant-upload-drag-icon {
+    font-size: 16px;
+  }
+  .ant-upload-title {
+    font-size: 16px;
+    font-weight: bold;
+  }
+  .ant-upload-text {
+    font-size: 14px;
+  }
+  .ant-upload-text2 {
+    font-size: 14px;
+  }
+}

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -1,2 +1,8 @@
-declare const _default: any;
-export default _default;
+import React from 'react';
+import { PisellMenuProps } from '../../pisellMenu/types';
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+declare const DataSourceMenu: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<any>>;
+export default DataSourceMenu;

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.js

@@ -37,7 +37,7 @@ var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext")
 var import_pisellMenu = __toESM(require("../../pisellMenu"));
 var DataSourceMenu = (0, import_react.forwardRef)(
   (props, ref) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { appHelper } = (0, import_useEngineContext.default)();
     const {
       menuItems,
@@ -47,6 +47,15 @@ var DataSourceMenu = (0, import_react.forwardRef)(
       getShowChildren,
       handleClick
     } = (_d = (_c = (_b = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.menuManager) == null ? void 0 : _d.useMenu();
+    const translation = ((_h = (_g = (_f = (_e = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _e.getApp) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.locales) == null ? void 0 : _h.translation) || ((str) => {
+      if (!str) {
+        return "";
+      }
+      if (typeof str === "string") {
+        return str;
+      }
+      return JSON.stringify(str);
+    });
     const renderMenuItems = (items) => {
       return items.map((item) => {
         if (item.hide) {
@@ -58,14 +67,14 @@ var DataSourceMenu = (0, import_react.forwardRef)(
             import_pisellMenu.default.SubMenu,
             {
               key: item.key,
-              title: item.label,
+              title: translation(item.label),
               icon: item.icon,
               router: item.path
             },
             renderMenuItems(_children)
           );
         }
-        return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default.Item, { key: item.key, icon: item.icon, router: item.path }, item.label);
+        return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default.Item, { key: item.key, icon: item.icon, router: item.path }, translation(item.label));
       });
     };
     return /* @__PURE__ */ import_react.default.createElement(

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

@@ -1,2 +1,8 @@
-declare const _default: any;
-export default _default;
+import React from 'react';
+import { PisellMenuProps } from '../../pisellMenu/types';
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => JSX.Element;
+export default DataSourceMenu;

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.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.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/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.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/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,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)) {
@@ -127,7 +89,6 @@ var BaseUpload = (props) => {
         multiple: !!multiple
       });
       setFileList(newFileList);
-      setErrorImageMap({});
     }
   }, [value, enableMultilingual, multiple]);
   const getValueFromFileList = (fileList2) => {
@@ -419,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,
@@ -483,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/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) => {