@pisell/materials 1.0.627 → 1.0.628

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/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,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)) {
@@ -128,7 +90,6 @@ var BaseUpload = (props) => {
         multiple: !!multiple
       });
       setFileList(newFileList);
-      setErrorImageMap({});
     }
   }, [value, enableMultilingual, multiple]);
   const getValueFromFileList = (fileList2) => {
@@ -434,36 +395,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,
@@ -498,32 +472,8 @@ var BaseUpload = (props) => {
     }),
     headers: (propsGetHeaders == null ? void 0 : propsGetHeaders()) || (getHeaders == null ? void 0 : getHeaders()),
     beforeUpload,
-    className: "pisell-data-source-upload"
-    // itemRender: (originNode: React.ReactElement, file: UploadFile) => {
-    //   const [itemUrl, setItemUrl] = useState<string>('');
-    //   useEffect(() => {
-    //     getItemUrl(file).then(setItemUrl);
-    //   }, [file]);
-    //   const newNode = React.cloneElement(originNode, {
-    //     children: React.Children.map(originNode.props.children, child => {
-    //       if (child?.type === 'a') {
-    //         return React.cloneElement(child, {
-    //           children: React.Children.map(child.props.children, grandChild => {
-    //             if (grandChild?.type === 'img') {
-    //               return React.cloneElement(grandChild, {
-    //                 src: itemUrl,
-    //                 onError: () => handleImageError(file)
-    //               });
-    //             }
-    //             return grandChild;
-    //           })
-    //         });
-    //       }
-    //       return child;
-    //     })
-    //   });
-    //   return newNode;
-    // }
+    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) => {

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

@@ -0,0 +1,56 @@
+import { RcFile } from 'antd/es/upload';
+export declare const filetypes: Record<string, any>;
+/**
+ * @Title: 获取 阿里云 Signature
+ * @Describe:
+ * @Author: Wzw
+ */
+export declare const getPolicy: () => Promise<any>;
+export declare const getPolicyFile: () => Promise<any>;
+/**
+ * @Title: 获取图片尺寸
+ * @Describe:
+ * @Author: Wzw
+ * @param {*} async
+ */
+export declare const getImageWidth: (file: any) => Promise<{
+    width: number;
+    height: number;
+}>;
+/**
+ * @Title: 重新生成文件名
+ * @Describe:
+ * @Author: Wzw
+ * @param {string} file
+ */
+export declare const formatFileName: (file?: any) => Promise<string>;
+export declare const uploadFileAli: (file: any) => Promise<any>;
+/**
+ * @Title: base64转file
+ * @Describe:
+ * @Author: Wzw
+ * @param {any} dataurl
+ * @param {string} filename
+ */
+export declare const dataURLtoFile: (dataurl: any, filename: string) => File;
+/**
+ * @Title: 获取视频封面
+ * @Describe:
+ * @Author: Wzw
+ * @param {any} file
+ */
+export declare const getVideoCover: (file: any) => Promise<unknown>;
+/**
+ * @Title: 获取腾讯云 Signature
+ * @Describe:
+ * @Author: Wzw
+ */
+export declare const getSignature: () => Promise<any>;
+/**
+ * @Title: 上传到腾讯云
+ * @Describe:
+ * @Author: Wzw
+ * @param {any} file
+ */
+export declare const uploadFileTencent: (file: any) => Promise<unknown>;
+export declare const uploadFile: (file: RcFile) => Promise<any>;