@pisell/materials 1.0.669 → 1.0.670

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

@@ -44,9 +44,7 @@ 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) => {
@@ -69,18 +67,58 @@ 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)) {
@@ -89,6 +127,7 @@ var BaseUpload = (props) => {
         multiple: !!multiple
       });
       setFileList(newFileList);
+      setErrorImageMap({});
     }
   }, [value, enableMultilingual, multiple]);
   const getValueFromFileList = (fileList2) => {
@@ -380,49 +419,36 @@ var BaseUpload = (props) => {
     ),
     [restProps.disabled, handleGlobeIconClick]
   );
-  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);
+  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 {
-      customRequest: handleUpload
-    };
-  }, [isShop]);
+      return newNode;
+    }
+  );
   const uploadProps = {
     ...restProps,
     multiple,
@@ -457,8 +483,7 @@ var BaseUpload = (props) => {
     }),
     headers: (propsGetHeaders == null ? void 0 : propsGetHeaders()) || (getHeaders == null ? void 0 : getHeaders()),
     beforeUpload,
-    className: "pisell-data-source-upload",
-    ...customRequest
+    className: "pisell-data-source-upload"
   };
   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

@@ -0,0 +1,4 @@
+import { UploadProps } from './type';
+import './ReadPretty.less';
+declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;
+export default UploadReadPretty;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { UploadProps } from './type';
+declare const UploadWithMode: React.FC<UploadProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default UploadWithMode;

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

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

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

@@ -34,12 +34,10 @@ __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`,
@@ -66,20 +64,13 @@ var useMediaConfig = (mediaConfig) => {
   };
 };
 var useMediaTypes = () => {
-  const isShop = (0, import_usePlatform.useIsShop)();
-  const { data, run } = (0, import_ahooks.useRequest)(getMediaTypeList, {
+  const { data } = (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/utils.d.ts

@@ -0,0 +1,17 @@
+import { RcFile, UploadFile } from 'antd/es/upload/interface';
+import type { MediaMetadata, FileCountValidation, ValidationResult, MultilingualFile, FileListOptions, UploadValue, SingleMultilingualValue } from './types';
+export declare const generateUid: () => string;
+export declare const getSuffix: (name: string) => string;
+export declare const getPointSuffix: (name: string) => string;
+export declare const getFileType: (name: string) => string;
+export declare const getFileName: (url: string) => string;
+export declare const checkFileCount: ({ multiple, minCount, maxCount, valueLength, }: FileCountValidation) => ValidationResult;
+export declare const getMediaMetadata: (file: RcFile) => Promise<MediaMetadata | null>;
+export declare const genFileListByString: (value: string) => UploadFile[];
+export declare const createMultilingualData: (value: string) => SingleMultilingualValue;
+export declare const createMultilingualFileList: (value: string) => Record<string, UploadFile<any>[]>;
+export declare const getDefaultFileList: (value: UploadValue | undefined, options: FileListOptions) => MultilingualFile[];
+export declare const getFileMetadataParams: (file: RcFile & {
+    metadata?: MediaMetadata;
+}) => Record<string, any>;
+export declare const isValueEqual: (value: any, fileListValue: any) => boolean;

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

@@ -24,7 +24,6 @@ __export(utils_exports, {
   createMultilingualFileList: () => createMultilingualFileList,
   genFileListByString: () => genFileListByString,
   generateUid: () => generateUid,
-  getBaseTime: () => getBaseTime,
   getDefaultFileList: () => getDefaultFileList,
   getFileMetadataParams: () => getFileMetadataParams,
   getFileName: () => getFileName,
@@ -70,19 +69,14 @@ var checkFileCount = ({
   return { success: true };
 };
 var createVideoMetadata = async (file) => {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
     const video = document.createElement("video");
     const canvas = document.createElement("canvas");
     video.preload = "metadata";
     let hasMetadata = false;
     let hasSeeked = false;
     const tryResolve = () => {
-      if (!hasMetadata || !hasSeeked) {
-        reject();
-        console.log("没有元数据或没有seeked");
-        return;
-      }
-      ;
+      if (!hasMetadata || !hasSeeked) return;
       canvas.width = video.videoWidth;
       canvas.height = video.videoHeight;
       const ctx = canvas.getContext("2d");
@@ -254,14 +248,6 @@ var isValueEqual = (value, fileListValue) => {
   }
   return value === fileListValue;
 };
-var getBaseTime = (size) => {
-  const KB = 1024;
-  const MB = KB * 1024;
-  if (size < MB) return 1e3;
-  if (size < 5 * MB) return 2e3;
-  if (size < 20 * MB) return 4e3;
-  return 8e3;
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   checkFileCount,
@@ -269,7 +255,6 @@ var getBaseTime = (size) => {
   createMultilingualFileList,
   genFileListByString,
   generateUid,
-  getBaseTime,
   getDefaultFileList,
   getFileMetadataParams,
   getFileName,

package/lib/components/dataSourceComponents/hooks/useValueMap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 将 options 转换为 valueMap
+ * 使用在 ReadPretty Select Radio Checkbox 组件中
+ * @param options
+ * @returns
+ */
+declare const useValueMap: (options: any[]) => any;
+export default useValueMap;

package/lib/components/dataSourceComponents/provider/dataSource/DataSourceProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DataSourceContextProps } from './DataSourceContext';
+/**
+ * @title: DataSource Provider
+ * @description: 提供页面配置的数据源，支持外部传入Promise接口、自动调用配置和直接数据
+ */
+declare const DataSourceProvider: React.FC<DataSourceContextProps>;
+export default DataSourceProvider;

package/lib/components/date-picker/datePickerCpt.d.ts

@@ -0,0 +1,8 @@
+import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
+import { Dayjs } from 'dayjs';
+import './index.less';
+interface DatePickerCptProps extends PickerDateProps<Dayjs> {
+    showTime: any;
+}
+declare const DatePickerCpt: (props: DatePickerCptProps) => JSX.Element;
+export default DatePickerCpt;

package/lib/components/drag-sort-tree/index.js

@@ -37,6 +37,7 @@ var import_core = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
 var import_TreeItem = __toESM(require("./TreeItem"));
 var import_modifiers = require("@dnd-kit/modifiers");
+var import_index = require("./index.less");
 var DragSortTree = (props) => {
   const { value, rowKey, tabKey, hiddenKeys, onChange } = props;
   const [items, setItems] = (0, import_react.useState)(value || []);

package/lib/components/pisellAlert/index.js

@@ -41,8 +41,7 @@ var iconMap = {
   success: "pisell2-check-circle",
   warning: "pisell2-alert-circle",
   error: "pisell2-alert-circle",
-  info: "pisell2-alert-circle",
-  default: "pisell2-alert-circle"
+  info: "pisell2-alert-circle"
 };
 var PisellAlert = (props) => {
   const {
@@ -61,9 +60,6 @@ var PisellAlert = (props) => {
     ...others
   } = props;
   const [visible, setVisible] = (0, import_react.useState)(true);
-  (0, import_react.useEffect)(() => {
-    document.body.id = "body";
-  }, []);
   return visible && /* @__PURE__ */ import_react.default.createElement(
     import_antd.Alert,
     {

package/lib/components/pisellAlert/index.less

@@ -2,7 +2,6 @@
   border-radius: 12px;
   padding: 16px;
   position: relative;
-
   .pisell-lowcode-alert-close-icon {
     font-size: 18px;
     padding: 9px;
@@ -10,17 +9,14 @@
     top: 8px;
     right: 8px;
     color: inherit;
-
     .anticon-close {
       color: inherit;
     }
   }
-
   .pisell-alert-type-icon {
     font-size: 20px;
     top: 4px;
     margin-right: 16px;
-
     &:before {
       position: absolute;
       content: '';
@@ -35,7 +31,6 @@
       top: -4px;
       left: -4px;
     }
-
     &:after {
       position: absolute;
       z-index: 2;
@@ -51,34 +46,17 @@
       left: -8px;
     }
   }
-
   .pisell-lowcode-alert-message {
-    color: var(--Gray-700, #344054);
-
-    /* Text sm/Semibold */
-    font-family: Inter;
-    font-size: 14px;
-    font-style: normal;
+    color: inherit;
     font-weight: 600;
-    line-height: 20px; /* 142.857% */
   }
-
   .pisell-lowcode-alert-description {
-    color: var(--Gray-600, #475467);
-
-    /* Text sm/Regular */
-    font-family: Inter;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px; /* 142.857% */
+    color: inherit;
   }
-
   .pisell-alert-action-wrap {
     margin-top: 12px;
     display: flex;
     gap: 12px;
-
     .pisell-action-item {
       cursor: pointer;
       font-weight: 600;
@@ -90,19 +68,16 @@
   border: 1px solid var(--Success-600, #079455);
   background: var(--Success-25, #f6fef9);
   color: var(--Success-700, #067647);
-
   .pisell-alert-type-icon {
     color: #079455;
     line-height: 1;
     position: relative;
   }
-
   .pisell-alert-action-wrap {
     .pisell-action-item.pisell-action-dismiss {
       color: var(--Success-600, #079455);
     }
   }
-
   .pisell-lowcode-alert-close-icon {
     .anticon-close {
       color: #17B26A;
@@ -114,19 +89,16 @@
   border: 1px solid var(--Blue-300, #84caff);
   background: var(--Blue-50, #eff8ff);
   color: var(--Blue-700, #175CD3);
-
   .pisell-alert-type-icon {
     color: #1570ef;
     line-height: 1;
     position: relative;
   }
-
   .pisell-alert-action-wrap {
     .pisell-action-item.pisell-action-dismiss {
       color: var(--Blue-600, #1570EF);
     }
   }
-
   .pisell-lowcode-alert-close-icon {
     .anticon-close {
       color: #2E90FA
@@ -138,19 +110,16 @@
   border: 1px solid var(--Warning-300, #fec84b);
   background: var(--Warning-25, #fffcf5);
   color: var(--Warning-700, #B54708);
-
   .pisell-alert-type-icon {
     color: #dc6803;
     line-height: 1;
     position: relative;
   }
-
   .pisell-alert-action-wrap {
     .pisell-action-item.pisell-action-dismiss {
       color: var(--Warning-600, #DC6803);
     }
   }
-
   .pisell-lowcode-alert-close-icon {
     .anticon-close {
       color: #F79009
@@ -162,45 +131,19 @@
   border: 1px solid var(--Error-300, #fda29b);
   background: var(--Error-25, #fffbfa);
   color: var(--Error-700, #B42318);
-
   .pisell-alert-type-icon {
     color: #d92d20;
     line-height: 1;
     position: relative;
   }
-
   .pisell-alert-action-wrap {
     .pisell-action-item.pisell-action-dismiss {
       color: var(--Error-600, #D92D20);
     }
   }
-
   .pisell-lowcode-alert-close-icon {
     .anticon-close {
       color: #F04438
     }
   }
 }
-
-.pisell-lowcode-alert-default {
-  border-radius: 12px;
-  border: 1px solid var(--Gray-300, #D0D5DD);
-  background: var(--Gray-25, #FCFCFD);
-  .pisell-alert-type-icon {
-    color: #667085;
-    line-height: 1;
-    position: relative;
-  }
-
-  .pisell-alert-action-wrap {
-    .pisell-action-item.pisell-action-dismiss {
-      color: var(--Gray-600, #475467);
-    }
-  }
-
-  .pisell-lowcode-alert-close-icon {
-    .anticon-close {
-      color: #667085
-    }
-  }
-}

package/lib/components/pisellAvatar/index.js

@@ -80,7 +80,7 @@ var PisellAvatar = ({
     ...style,
     width: sizeMap[size],
     height: sizeMap[size],
-    fontSize: fontSizeMap[size],
+    fontSize: children || icon ? fontSizeMap[size] : void 0,
     lineHeight: `${sizeMap[size]}px`,
     borderRadius: shape === "square" ? `${borderRadius}px` : "50%"
   };
@@ -88,7 +88,7 @@ var PisellAvatar = ({
     if (useTextAvatar && children) {
       return children;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-user-01", className: "pisell-avatar-icon" });
+    return /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-user-01" });
   }, [useTextAvatar, children]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Avatar,

package/lib/components/pisellAvatar/index.less

@@ -14,7 +14,6 @@
 
   .anticon {
     font-size: inherit !important;
-    color: var(--Gray-600, #475467) !important;
   }
 
   // 文本头像样式

package/lib/components/pisellCard/index.js

@@ -37,35 +37,12 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var PisellCard = (props) => {
-  const {
-    borderRadius = 12,
-    padding = 16,
-    loading = false,
-    selected = false,
-    bordered = true,
-    disabled = false,
-    style,
-    className,
-    isClickable = true
-  } = props;
-  (0, import_react.useEffect)(() => {
-    document.body.id = "body";
-  }, []);
-  const cardProps = {
-    ...props,
-    style: {
-      "--card-padding": `${padding}px`,
-      "--card-borderRadius": `${borderRadius}px`,
-      ...style
-    },
-    className: (0, import_classnames.default)(
-      "pisell-card-wrap",
-      selected && "pisell-card-wrap-selected",
-      disabled && "pisell-card-wrap-disabled",
-      !isClickable && "pisell-card-wrap-clickable",
-      className
-    )
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { ...cardProps });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Card,
+    {
+      ...props,
+      className: (0, import_classnames.default)("pisell-card-wrap", props.className)
+    }
+  );
 };
 var pisellCard_default = PisellCard;