@pisell/materials 6.0.3 → 6.0.5

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -109,15 +109,17 @@ var PhoneInput = function PhoneInput(_ref) {
     },
     onBlur: handleBlur,
     popupMatchSelectWidth: false,
-    optionLabelProp: "label",
-    showSearch: true
-  }, countries.map(function (country) {
-    return /*#__PURE__*/React.createElement(Option, {
-      key: country.code,
-      value: country.code,
-      label: country.prefix
-    }, translationOriginal(country.name), " (", country.prefix, ")");
-  })), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    optionLabelProp: "inputValue",
+    optionFilterProp: "label",
+    showSearch: true,
+    options: countries.map(function (country) {
+      return {
+        value: country.code,
+        label: "".concat(translationOriginal(country.name), " (").concat(country.prefix, ")"),
+        inputValue: country.prefix
+      };
+    })
+  }), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     status: status,
     type: "tel",
     value: phoneNumber,

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

@@ -22,7 +22,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useState, useMemo, useCallback, useEffect } from 'react';
+import React, { useState, useMemo, useCallback, useEffect, useRef } from 'react';
 import { PlusOutlined } from '@ant-design/icons';
 import { Upload, Image } from 'antd';
 import { useDebounceFn, useMemoizedFn } from 'ahooks';
@@ -34,7 +34,7 @@ import PisellUpload from "../../../pisellUpload";
 import useEngineContext from "../../../../hooks/useEngineContext";
 import { getText } from "../../../../locales";
 import { DEFAULT_MAX_COUNT, SUPPORTED_LANGUAGES } from "./constants";
-import { getPointSuffix, checkFileCount, getFileType, getMediaMetadata, getFileMetadataParams, getDefaultFileList, createMultilingualData, createMultilingualFileList } from "./utils";
+import { getPointSuffix, checkFileCount, getFileType, getMediaMetadata, getFileMetadataParams, getDefaultFileList, createMultilingualData, createMultilingualFileList, isValueEqual } from "./utils";
 import fallback from "./fallback.png";
 import "./index.less";
 var BaseUpload = function BaseUpload(props) {
@@ -77,6 +77,10 @@ var BaseUpload = function BaseUpload(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     errorImageMap = _useState12[0],
     setErrorImageMap = _useState12[1];
+  var fileListRef = useRef([]);
+  useEffect(function () {
+    fileListRef.current = fileList;
+  }, [fileList]);
   var _useEngineContext = useEngineContext(),
     appHelper = _useEngineContext.appHelper;
   var _appHelper$constants = appHelper === null || appHelper === void 0 ? void 0 : appHelper.constants,
@@ -117,7 +121,7 @@ var BaseUpload = function BaseUpload(props) {
               _context.next = 5;
               break;
             }
-            return _context.abrupt("return", "");
+            return _context.abrupt("return", '');
           case 5:
             _context.prev = 5;
             _context.next = 8;
@@ -149,13 +153,36 @@ var BaseUpload = function BaseUpload(props) {
     };
   }(), [errorImageMap]);
   useEffect(function () {
-    var fileList = getDefaultFileList(value, {
-      enableMultilingual: !!enableMultilingual,
-      multiple: !!multiple
-    });
-    setFileList(fileList);
-    setErrorImageMap({});
+    // 只在 value 变化且不是由内部 onChange 触发时才更新 fileList
+    var currentValue = getValueFromFileList(fileListRef.current);
+    if (!fileListRef.current.length || !isValueEqual(value, currentValue)) {
+      var newFileList = getDefaultFileList(value, {
+        enableMultilingual: !!enableMultilingual,
+        multiple: !!multiple
+      });
+      setFileList(newFileList);
+      setErrorImageMap({});
+    }
   }, [value, enableMultilingual, multiple]);
+  var getValueFromFileList = function getValueFromFileList(fileList) {
+    if (!fileList.length) return multiple ? [] : '';
+    if (enableMultilingual) {
+      var multilingualValues = fileList.filter(function (file) {
+        return file.status === 'done';
+      }).map(function (file) {
+        var _file$response2, _file$response2$data;
+        return file.multilingual || createMultilingualData(((_file$response2 = file.response) === null || _file$response2 === void 0 ? void 0 : (_file$response2$data = _file$response2.data) === null || _file$response2$data === void 0 ? void 0 : _file$response2$data.url) || file.url || '');
+      });
+      return multiple ? multilingualValues : multilingualValues[0];
+    }
+    var urls = fileList.filter(function (file) {
+      return file.status === 'done';
+    }).map(function (file) {
+      var _file$response3, _file$response3$data;
+      return ((_file$response3 = file.response) === null || _file$response3 === void 0 ? void 0 : (_file$response3$data = _file$response3.data) === null || _file$response3$data === void 0 ? void 0 : _file$response3$data.url) || file.url || '';
+    });
+    return multiple ? urls : urls[0] || '';
+  };
   var calcMaxCount = useMemo(function () {
     return multiple ? maxCount || DEFAULT_MAX_COUNT : 1;
   }, [maxCount, multiple]);
@@ -184,55 +211,68 @@ var BaseUpload = function BaseUpload(props) {
   }, {
     wait: 500
   });
+  var fileDoneSetMultilingualFileList = useMemoizedFn(function () {
+    setFileList(function (prev) {
+      return prev.map(function (item) {
+        var _item$response, _item$response$data, _item$response2, _item$response2$data;
+        return _objectSpread(_objectSpread({}, item), {}, {
+          multilingualFileList: item.multilingualFileList || createMultilingualFileList(((_item$response = item.response) === null || _item$response === void 0 ? void 0 : (_item$response$data = _item$response.data) === null || _item$response$data === void 0 ? void 0 : _item$response$data.url) || item.url || ''),
+          multilingual: item.multilingual || createMultilingualData(((_item$response2 = item.response) === null || _item$response2 === void 0 ? void 0 : (_item$response2$data = _item$response2.data) === null || _item$response2$data === void 0 ? void 0 : _item$response2$data.url) || item.url || '')
+        });
+      });
+    });
+  });
   var handleChange = useCallback(function (_ref2) {
-    var _file$response2, _file$response5, _file$response6;
+    var _file$response4, _file$response7, _file$response8;
     var file = _ref2.file,
       newFileList = _ref2.fileList;
     var updatedFileList = newFileList.map(function (item) {
-      var _item$response;
+      var _item$response3;
       return _objectSpread(_objectSpread({}, item), {}, {
-        status: item.status === 'done' && item.response && !((_item$response = item.response) !== null && _item$response !== void 0 && _item$response.status) ? 'error' : item.status
+        status: item.status === 'done' && item.response && !((_item$response3 = item.response) !== null && _item$response3 !== void 0 && _item$response3.status) ? 'error' : item.status
       });
     });
     setFileList(updatedFileList);
-    if (file.status === 'done' && (_file$response2 = file.response) !== null && _file$response2 !== void 0 && _file$response2.status) {
+    if (file.status === 'done' && (_file$response4 = file.response) !== null && _file$response4 !== void 0 && _file$response4.status) {
       if (multiple) {
         if (enableMultilingual) {
           var multilingualUrls = updatedFileList.filter(function (item) {
             return item.status === 'done';
           }).map(function (item) {
-            var _item$response2, _item$response2$data;
-            return item.multilingual || createMultilingualData(((_item$response2 = item.response) === null || _item$response2 === void 0 ? void 0 : (_item$response2$data = _item$response2.data) === null || _item$response2$data === void 0 ? void 0 : _item$response2$data.url) || item.url || '');
+            var _item$response4, _item$response4$data;
+            return item.multilingual || createMultilingualData(((_item$response4 = item.response) === null || _item$response4 === void 0 ? void 0 : (_item$response4$data = _item$response4.data) === null || _item$response4$data === void 0 ? void 0 : _item$response4$data.url) || item.url || '');
           });
+          fileDoneSetMultilingualFileList();
           onChange === null || onChange === void 0 ? void 0 : onChange(multilingualUrls);
         } else {
           var urls = updatedFileList.filter(function (item) {
             return item.status === 'done';
           }).map(function (item) {
-            var _item$response3, _item$response3$data;
-            return ((_item$response3 = item.response) === null || _item$response3 === void 0 ? void 0 : (_item$response3$data = _item$response3.data) === null || _item$response3$data === void 0 ? void 0 : _item$response3$data.url) || item.url || '';
+            var _item$response5, _item$response5$data;
+            return ((_item$response5 = item.response) === null || _item$response5 === void 0 ? void 0 : (_item$response5$data = _item$response5.data) === null || _item$response5$data === void 0 ? void 0 : _item$response5$data.url) || item.url || '';
           });
           onChange === null || onChange === void 0 ? void 0 : onChange(urls);
         }
       } else {
         if (enableMultilingual) {
-          var _file$response3, _file$response3$data;
-          var multilingualData = createMultilingualData(((_file$response3 = file.response) === null || _file$response3 === void 0 ? void 0 : (_file$response3$data = _file$response3.data) === null || _file$response3$data === void 0 ? void 0 : _file$response3$data.url) || '');
+          var _file$response5, _file$response5$data;
+          var multilingualData = createMultilingualData(((_file$response5 = file.response) === null || _file$response5 === void 0 ? void 0 : (_file$response5$data = _file$response5.data) === null || _file$response5$data === void 0 ? void 0 : _file$response5$data.url) || '');
+          fileDoneSetMultilingualFileList();
           onChange === null || onChange === void 0 ? void 0 : onChange(multilingualData);
         } else {
-          var _file$response4, _file$response4$data;
-          onChange === null || onChange === void 0 ? void 0 : onChange(((_file$response4 = file.response) === null || _file$response4 === void 0 ? void 0 : (_file$response4$data = _file$response4.data) === null || _file$response4$data === void 0 ? void 0 : _file$response4$data.url) || '');
+          var _file$response6, _file$response6$data;
+          onChange === null || onChange === void 0 ? void 0 : onChange(((_file$response6 = file.response) === null || _file$response6 === void 0 ? void 0 : (_file$response6$data = _file$response6.data) === null || _file$response6$data === void 0 ? void 0 : _file$response6$data.url) || '');
         }
       }
-    } else if (file.status === 'error' || isBoolean((_file$response5 = file.response) === null || _file$response5 === void 0 ? void 0 : _file$response5.status) && ((_file$response6 = file.response) === null || _file$response6 === void 0 ? void 0 : _file$response6.status) === false) {
+    } else if (file.status === 'error' || isBoolean((_file$response7 = file.response) === null || _file$response7 === void 0 ? void 0 : _file$response7.status) && ((_file$response8 = file.response) === null || _file$response8 === void 0 ? void 0 : _file$response8.status) === false) {
       PisellToast({
         content: getText('pisell-upload-error')(file.name)
       });
     }
   }, [multiple, enableMultilingual, onChange]);
   var handlePreview = useCallback(function (file) {
-    var _file$response7, _file$response7$data;
-    setPreviewImage(file.url || ((_file$response7 = file.response) === null || _file$response7 === void 0 ? void 0 : (_file$response7$data = _file$response7.data) === null || _file$response7$data === void 0 ? void 0 : _file$response7$data.url) || '');
+    var _file$response9, _file$response9$data;
+    setPreviewImage(file.url || ((_file$response9 = file.response) === null || _file$response9 === void 0 ? void 0 : (_file$response9$data = _file$response9.data) === null || _file$response9$data === void 0 ? void 0 : _file$response9$data.url) || '');
     setPreviewOpen(true);
   }, []);
   var handleEditMultilingual = useCallback(function (file) {
@@ -254,8 +294,8 @@ var BaseUpload = function BaseUpload(props) {
           onChange === null || onChange === void 0 ? void 0 : onChange(multilingualUrls);
         } else {
           var urls = val.map(function (item) {
-            var _item$response4, _item$response4$data;
-            return ((_item$response4 = item.response) === null || _item$response4 === void 0 ? void 0 : (_item$response4$data = _item$response4.data) === null || _item$response4$data === void 0 ? void 0 : _item$response4$data.url) || item.url || '';
+            var _item$response6, _item$response6$data;
+            return ((_item$response6 = item.response) === null || _item$response6 === void 0 ? void 0 : (_item$response6$data = _item$response6.data) === null || _item$response6$data === void 0 ? void 0 : _item$response6$data.url) || item.url || '';
           });
           onChange === null || onChange === void 0 ? void 0 : onChange(urls);
         }
@@ -287,9 +327,9 @@ var BaseUpload = function BaseUpload(props) {
       if (!prev) return null;
       var newFile = _objectSpread({}, prev);
       newFile.multilingualFileList[lang] = info.fileList.map(function (item) {
-        var _item$response5;
+        var _item$response7;
         return _objectSpread(_objectSpread({}, item), {}, {
-          status: item.status === 'done' && !((_item$response5 = item.response) !== null && _item$response5 !== void 0 && _item$response5.status) ? 'error' : item.status
+          status: item.status === 'done' && !((_item$response7 = item.response) !== null && _item$response7 !== void 0 && _item$response7.status) ? 'error' : item.status
         });
       });
       if (info.file.status === 'done') {

package/es/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -14,3 +14,4 @@ export declare const getDefaultFileList: (value: UploadValue | undefined, option
 export declare const getFileMetadataParams: (file: RcFile & {
     metadata?: MediaMetadata;
 }) => Record<string, any>;
+export declare const isValueEqual: (value: any, fileListValue: any) => boolean;

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

@@ -259,4 +259,28 @@ export var getFileMetadataParams = function getFileMetadataParams(file) {
     }
   });
   return metadataParams;
+};
+export var isValueEqual = function isValueEqual(value, fileListValue) {
+  // 处理空值情况
+  if (!value && !fileListValue) return true;
+  if (!value || !fileListValue) return false;
+
+  // 数组情况
+  if (Array.isArray(value) && Array.isArray(fileListValue)) {
+    if (value.length !== fileListValue.length) return false;
+    return value.every(function (v, i) {
+      if (_typeof(v) === 'object') {
+        return JSON.stringify(v) === JSON.stringify(fileListValue[i]);
+      }
+      return v === fileListValue[i];
+    });
+  }
+
+  // 对象情况(多语言单文件)
+  if (_typeof(value) === 'object' && _typeof(fileListValue) === 'object') {
+    return JSON.stringify(value) === JSON.stringify(fileListValue);
+  }
+
+  // 字符串情况(单文件)
+  return value === fileListValue;
 };

package/es/components/select/index.js

@@ -41,7 +41,7 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     setSearchValue = _useState2[1];
   var filteredOptions = useMemo(function () {
     if (!searchValue) return options;
-    return options.filter(function (option) {
+    return (options || []).filter(function (option) {
       var _option$optionFilterP;
       var optionValue = ((_option$optionFilterP = option[optionFilterProp]) === null || _option$optionFilterP === void 0 ? void 0 : _option$optionFilterP.toString().toLowerCase()) || '';
       return optionValue.includes(searchValue.toLowerCase());

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

@@ -111,21 +111,15 @@ var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) =>
       style: { width: "90px" },
       onBlur: handleBlur,
       popupMatchSelectWidth: false,
-      optionLabelProp: "label",
-      showSearch: true
-    },
-    countries.map((country) => /* @__PURE__ */ import_react.default.createElement(
-      Option,
-      {
-        key: country.code,
+      optionLabelProp: "inputValue",
+      optionFilterProp: "label",
+      showSearch: true,
+      options: countries.map((country) => ({
         value: country.code,
-        label: country.prefix
-      },
-      translationOriginal(country.name),
-      " (",
-      country.prefix,
-      ")"
-    ))
+        label: `${translationOriginal(country.name)} (${country.prefix})`,
+        inputValue: country.prefix
+      }))
+    }
   ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {

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

@@ -70,7 +70,13 @@ var BaseUpload = (props) => {
   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 [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) => {
@@ -87,36 +93,60 @@ var BaseUpload = (props) => {
       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
-        }));
+  const getItemUrl = (0, import_react.useCallback)(
+    async (file) => {
+      var _a, _b;
+      if (errorImageMap[file.uid]) {
         return import_fallback.default;
       }
-      return url;
-    } catch (error) {
-      return import_fallback.default;
-    }
-  }, [errorImageMap]);
+      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 fileList2 = (0, import_utils2.getDefaultFileList)(value, {
-      enableMultilingual: !!enableMultilingual,
-      multiple: !!multiple
-    });
-    setFileList(fileList2);
-    setErrorImageMap({});
+    const currentValue = getValueFromFileList(fileListRef.current);
+    if (!fileListRef.current.length || !(0, import_utils2.isValueEqual)(value, currentValue)) {
+      const newFileList = (0, import_utils2.getDefaultFileList)(value, {
+        enableMultilingual: !!enableMultilingual,
+        multiple: !!multiple
+      });
+      setFileList(newFileList);
+      setErrorImageMap({});
+    }
   }, [value, enableMultilingual, multiple]);
+  const getValueFromFileList = (fileList2) => {
+    if (!fileList2.length)
+      return multiple ? [] : "";
+    if (enableMultilingual) {
+      const multilingualValues = fileList2.filter((file) => file.status === "done").map(
+        (file) => {
+          var _a, _b;
+          return file.multilingual || (0, import_utils2.createMultilingualData)(((_b = (_a = file.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url) || file.url || "");
+        }
+      );
+      return multiple ? multilingualValues : multilingualValues[0];
+    }
+    const urls = fileList2.filter((file) => file.status === "done").map((file) => {
+      var _a, _b;
+      return ((_b = (_a = file.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url) || file.url || "";
+    });
+    return multiple ? urls : urls[0] || "";
+  };
   const calcMaxCount = (0, import_react.useMemo)(
     () => multiple ? maxCount || import_constants.DEFAULT_MAX_COUNT : 1,
     [maxCount, multiple]
@@ -140,6 +170,22 @@ var BaseUpload = (props) => {
     (msg) => (0, import_pisellToast.default)({ content: msg }),
     { wait: 500 }
   );
+  const fileDoneSetMultilingualFileList = (0, import_ahooks.useMemoizedFn)(() => {
+    setFileList((prev) => {
+      return prev.map((item) => {
+        var _a, _b, _c, _d;
+        return {
+          ...item,
+          multilingualFileList: item.multilingualFileList || (0, import_utils2.createMultilingualFileList)(
+            ((_b = (_a = item.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url) || item.url || ""
+          ),
+          multilingual: item.multilingual || (0, import_utils2.createMultilingualData)(
+            ((_d = (_c = item.response) == null ? void 0 : _c.data) == null ? void 0 : _d.url) || item.url || ""
+          )
+        };
+      });
+    });
+  });
   const handleChange = (0, import_react.useCallback)(
     ({ file, fileList: newFileList }) => {
       var _a, _b, _c, _d, _e, _f, _g;
@@ -156,10 +202,15 @@ var BaseUpload = (props) => {
           if (enableMultilingual) {
             const multilingualUrls = updatedFileList.filter(
               (item) => item.status === "done"
-            ).map((item) => {
-              var _a2, _b2;
-              return item.multilingual || (0, import_utils2.createMultilingualData)(((_b2 = (_a2 = item.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.url) || item.url || "");
-            });
+            ).map(
+              (item) => {
+                var _a2, _b2;
+                return item.multilingual || (0, import_utils2.createMultilingualData)(
+                  ((_b2 = (_a2 = item.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.url) || item.url || ""
+                );
+              }
+            );
+            fileDoneSetMultilingualFileList();
             onChange == null ? void 0 : onChange(multilingualUrls);
           } else {
             const urls = updatedFileList.filter((item) => item.status === "done").map((item) => {
@@ -170,7 +221,10 @@ var BaseUpload = (props) => {
           }
         } else {
           if (enableMultilingual) {
-            const multilingualData = (0, import_utils2.createMultilingualData)(((_c = (_b = file.response) == null ? void 0 : _b.data) == null ? void 0 : _c.url) || "");
+            const multilingualData = (0, import_utils2.createMultilingualData)(
+              ((_c = (_b = file.response) == null ? void 0 : _b.data) == null ? void 0 : _c.url) || ""
+            );
+            fileDoneSetMultilingualFileList();
             onChange == null ? void 0 : onChange(multilingualData);
           } else {
             onChange == null ? void 0 : onChange(((_e = (_d = file.response) == null ? void 0 : _d.data) == null ? void 0 : _e.url) || "");
@@ -378,31 +432,36 @@ 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 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 uploadProps = {
     ...restProps,
     multiple,
@@ -472,27 +531,25 @@ var BaseUpload = (props) => {
       onCancel: handleEditMultilingualCancel,
       onOk: handleEditMultilingualOk
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-container" }, import_constants.SUPPORTED_LANGUAGES.map(
-      (lang) => {
-        var _a, _b, _c;
-        return /* @__PURE__ */ import_react.default.createElement("div", { key: lang, className: "pisell-upload-multilingual-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-item-title" }, (0, import_locales.getText)(`pisell-upload-multilingual-item-title-${lang}`)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-item-content" }, /* @__PURE__ */ import_react.default.createElement(
-          import_pisellUpload.default,
-          {
-            ...uploadProps,
-            showUploadList: {
-              showRemoveIcon: true,
-              showPreviewIcon: true,
-              showDownloadIcon: false
-            },
-            fileList: ((_a = editMultilingualFile == null ? void 0 : editMultilingualFile.multilingualFileList) == null ? void 0 : _a[lang]) || [],
-            onRemove: (file) => handleEditMultilingualRemove(file, lang),
-            onChange: (info) => handleEditMultilingualChange(info, lang),
-            multiple: false
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-container" }, import_constants.SUPPORTED_LANGUAGES.map((lang) => {
+      var _a, _b, _c;
+      return /* @__PURE__ */ import_react.default.createElement("div", { key: lang, className: "pisell-upload-multilingual-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-item-title" }, (0, import_locales.getText)(`pisell-upload-multilingual-item-title-${lang}`)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-upload-multilingual-item-content" }, /* @__PURE__ */ import_react.default.createElement(
+        import_pisellUpload.default,
+        {
+          ...uploadProps,
+          showUploadList: {
+            showRemoveIcon: true,
+            showPreviewIcon: true,
+            showDownloadIcon: false
           },
-          ((_c = (_b = editMultilingualFile == null ? void 0 : editMultilingualFile.multilingualFileList) == null ? void 0 : _b[lang]) == null ? void 0 : _c.length) ? null : renderUploadButton(false)
-        )));
-      }
-    ))
+          fileList: ((_a = editMultilingualFile == null ? void 0 : editMultilingualFile.multilingualFileList) == null ? void 0 : _a[lang]) || [],
+          onRemove: (file) => handleEditMultilingualRemove(file, lang),
+          onChange: (info) => handleEditMultilingualChange(info, lang),
+          multiple: false
+        },
+        ((_c = (_b = editMultilingualFile == null ? void 0 : editMultilingualFile.multilingualFileList) == null ? void 0 : _b[lang]) == null ? void 0 : _c.length) ? null : renderUploadButton(false)
+      )));
+    }))
   ), previewImage && /* @__PURE__ */ import_react.default.createElement(
     import_antd.Image,
     {

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

@@ -14,3 +14,4 @@ export declare const getDefaultFileList: (value: UploadValue | undefined, option
 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

@@ -30,7 +30,8 @@ __export(utils_exports, {
   getFileType: () => getFileType,
   getMediaMetadata: () => getMediaMetadata,
   getPointSuffix: () => getPointSuffix,
-  getSuffix: () => getSuffix
+  getSuffix: () => getSuffix,
+  isValueEqual: () => isValueEqual
 });
 module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
@@ -236,6 +237,26 @@ var getFileMetadataParams = (file) => {
   });
   return metadataParams;
 };
+var isValueEqual = (value, fileListValue) => {
+  if (!value && !fileListValue)
+    return true;
+  if (!value || !fileListValue)
+    return false;
+  if (Array.isArray(value) && Array.isArray(fileListValue)) {
+    if (value.length !== fileListValue.length)
+      return false;
+    return value.every((v, i) => {
+      if (typeof v === "object") {
+        return JSON.stringify(v) === JSON.stringify(fileListValue[i]);
+      }
+      return v === fileListValue[i];
+    });
+  }
+  if (typeof value === "object" && typeof fileListValue === "object") {
+    return JSON.stringify(value) === JSON.stringify(fileListValue);
+  }
+  return value === fileListValue;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   checkFileCount,
@@ -249,5 +270,6 @@ var getFileMetadataParams = (file) => {
   getFileType,
   getMediaMetadata,
   getPointSuffix,
-  getSuffix
+  getSuffix,
+  isValueEqual
 });

package/lib/components/select/index.js

@@ -63,7 +63,7 @@ var SelectBase = (0, import_react.forwardRef)((props, ref) => {
   const filteredOptions = (0, import_react.useMemo)(() => {
     if (!searchValue)
       return options;
-    return options.filter(
+    return (options || []).filter(
       (option) => {
         var _a;
         const optionValue = ((_a = option[optionFilterProp]) == null ? void 0 : _a.toString().toLowerCase()) || "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.3",
+  "version": "6.0.5",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -65,9 +65,9 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
-    "@pisell/date-picker": "1.0.100",
+    "@pisell/utils": "1.0.42",
     "@pisell/icon": "0.0.11",
-    "@pisell/utils": "1.0.42"
+    "@pisell/date-picker": "1.0.100"
   },
   "peerDependencies": {
     "react": "^18.0.0",