zmdms-webui 1.0.8 → 1.1.0

package/dist/es/button/button.js

@@ -40,13 +40,21 @@ var Button = function (props) {
                     _a.sent();
                     _a.label = 3;
                 case 3:
-                    setLoading(false);
-                    currentBtn.current.canClick = true;
+                    // 防止onClick内部没有开启微任务
+                    // 当连续点击三次按钮：创建了三个任务在队列中
+                    // 如果点击事件中，有同步任务阻塞，但是没有异步任务，那么点击的三个任务还是会依次执行（导致重复点击）
+                    // 此时执行完onClick后 再开启一个宏任务，可以先执行排队中的三个任务，这样 canClick还是false，不会重复执行点击事件
+                    setTimeout(function () {
+                        setLoading(false);
+                        currentBtn.current.canClick = true;
+                    });
                     return [3 /*break*/, 5];
                 case 4:
                     err_1 = _a.sent();
-                    setLoading(false);
-                    currentBtn.current.canClick = true;
+                    setTimeout(function () {
+                        setLoading(false);
+                        currentBtn.current.canClick = true;
+                    });
                     throw err_1;
                 case 5: return [2 /*return*/];
             }

package/dist/es/node_modules/@babel/runtime/helpers/esm/createClass.js

@@ -1,4 +1,4 @@
-import _toPropertyKey from './toPropertyKey.js';
+import toPropertyKey from './toPropertyKey.js';
 
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
@@ -6,7 +6,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {

package/dist/es/node_modules/@babel/runtime/helpers/esm/defineProperty.js

@@ -1,7 +1,7 @@
-import _toPropertyKey from './toPropertyKey.js';
+import toPropertyKey from './toPropertyKey.js';
 
 function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
+  key = toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,

package/dist/es/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js

@@ -1,13 +1,10 @@
 function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
   try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
+    return !!t;
+  })();
 }
 
 export { _isNativeReflectConstruct as default };

package/dist/es/node_modules/@babel/runtime/helpers/esm/toPrimitive.js

@@ -1,14 +1,14 @@
 import _typeof from './typeof.js';
 
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 
-export { _toPrimitive as default };
+export { toPrimitive as default };

package/dist/es/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js

@@ -1,9 +1,9 @@
 import _typeof from './typeof.js';
-import _toPrimitive from './toPrimitive.js';
+import toPrimitive from './toPrimitive.js';
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 
-export { _toPropertyKey as default };
+export { toPropertyKey as default };

package/dist/es/node_modules/antd-img-crop/dist/antd-img-crop.esm.js

@@ -1,4 +1,4 @@
-import { __rest, __awaiter } from '../../../_virtual/_tslib.js';
+import { __awaiter, __rest } from '../../../_virtual/_tslib.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { version } from 'antd';
 import AntModal from 'antd/es/modal';
@@ -176,71 +176,100 @@ const ImgCrop = forwardRef((props, cropperRef) => {
     const [modalImage, setModalImage] = useState('');
     const onCancel = useRef();
     const onOk = useRef();
-    const uploadComponent = useMemo(() => {
-        const upload = Array.isArray(children) ? children[0] : children;
-        const _a = upload.props, { beforeUpload, accept } = _a, restUploadProps = __rest(_a, ["beforeUpload", "accept"]);
-        const innerBeforeUpload = (file, fileList) => {
-            return new Promise((resolve) => __awaiter(void 0, void 0, void 0, function* () {
+    const runBeforeUpload = useCallback(({ beforeUpload, file, resolve, reject, }) => __awaiter(void 0, void 0, void 0, function* () {
+        const rawFile = file;
+        if (typeof beforeUpload !== 'function') {
+            resolve(rawFile);
+            return;
+        }
+        try {
+            // https://ant.design/components/upload-cn#api
+            // https://github.com/ant-design/ant-design/blob/master/components/upload/Upload.tsx#L152-L178
+            const result = yield beforeUpload(file, [file]);
+            if (result === false) {
+                resolve(false);
+            }
+            else {
+                resolve((result !== true && result) || rawFile);
+            }
+        }
+        catch (err) {
+            reject(err);
+        }
+    }), []);
+    const getNewBeforeUpload = useCallback((beforeUpload) => {
+        return ((file, fileList) => {
+            return new Promise((resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
+                let processedFile = file;
                 if (typeof cb.current.beforeCrop === 'function') {
                     try {
                         const result = yield cb.current.beforeCrop(file, fileList);
+                        if (result === false) {
+                            return runBeforeUpload({ beforeUpload, file, resolve, reject }); // not open modal
+                        }
                         if (result !== true) {
-                            return resolve(result);
+                            processedFile = result || file; // will open modal
                         }
                     }
                     catch (err) {
-                        return resolve(err);
+                        return runBeforeUpload({ beforeUpload, file, resolve, reject }); // not open modal
                     }
                 }
-                // get file result
+                // read file
                 const reader = new FileReader();
                 reader.addEventListener('load', () => {
                     if (typeof reader.result === 'string') {
                         setModalImage(reader.result); // open modal
                     }
                 });
-                reader.readAsDataURL(file);
+                reader.readAsDataURL(processedFile);
                 // on modal cancel
                 onCancel.current = () => {
                     var _a, _b;
                     setModalImage('');
                     easyCropRef.current.onReset();
-                    resolve(AntUpload.LIST_IGNORE);
-                    (_b = (_a = cb.current).onModalCancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    let hasResolveCalled = false;
+                    (_b = (_a = cb.current).onModalCancel) === null || _b === void 0 ? void 0 : _b.call(_a, (LIST_IGNORE) => {
+                        resolve(LIST_IGNORE);
+                        hasResolveCalled = true;
+                    });
+                    if (!hasResolveCalled) {
+                        resolve(AntUpload.LIST_IGNORE);
+                    }
                 };
                 // on modal confirm
                 onOk.current = (event) => __awaiter(void 0, void 0, void 0, function* () {
                     setModalImage('');
                     easyCropRef.current.onReset();
                     const canvas = getCropCanvas(event.target);
-                    const { type, name, uid } = file;
+                    const { type, name, uid } = processedFile;
                     canvas.toBlob((blob) => __awaiter(void 0, void 0, void 0, function* () {
-                        var _a, _b, _c, _d, _e, _f;
                         const newFile = new File([blob], name, { type });
                         Object.assign(newFile, { uid });
-                        if (typeof beforeUpload !== 'function') {
-                            resolve(newFile);
-                            (_b = (_a = cb.current).onModalOk) === null || _b === void 0 ? void 0 : _b.call(_a, newFile);
-                            return;
-                        }
-                        try {
-                            // https://github.com/ant-design/ant-design/blob/master/components/upload/Upload.tsx#L128-L148
-                            // https://ant.design/components/upload-cn#api
-                            const result = yield beforeUpload(newFile, [newFile]);
-                            const value = result === true ? newFile : result;
-                            resolve(value);
-                            (_d = (_c = cb.current).onModalOk) === null || _d === void 0 ? void 0 : _d.call(_c, value);
-                        }
-                        catch (err) {
-                            resolve(err);
-                            (_f = (_e = cb.current).onModalOk) === null || _f === void 0 ? void 0 : _f.call(_e, err);
-                        }
+                        runBeforeUpload({
+                            beforeUpload,
+                            file: newFile,
+                            resolve: (file) => {
+                                var _a, _b;
+                                resolve(file);
+                                (_b = (_a = cb.current).onModalOk) === null || _b === void 0 ? void 0 : _b.call(_a, file);
+                            },
+                            reject: (err) => {
+                                var _a, _b;
+                                reject(err);
+                                (_b = (_a = cb.current).onModalOk) === null || _b === void 0 ? void 0 : _b.call(_a, err);
+                            },
+                        });
                     }), type, quality);
                 });
             }));
-        };
-        return Object.assign(Object.assign({}, upload), { props: Object.assign(Object.assign({}, restUploadProps), { accept: accept || 'image/*', beforeUpload: innerBeforeUpload }) });
-    }, [children, getCropCanvas, quality]);
+        });
+    }, [getCropCanvas, quality, runBeforeUpload]);
+    const getNewUpload = useCallback((children) => {
+        const upload = Array.isArray(children) ? children[0] : children;
+        const _a = upload.props, { beforeUpload, accept } = _a, restUploadProps = __rest(_a, ["beforeUpload", "accept"]);
+        return Object.assign(Object.assign({}, upload), { props: Object.assign(Object.assign({}, restUploadProps), { accept: accept || 'image/*', beforeUpload: getNewBeforeUpload(beforeUpload) }) });
+    }, [getNewBeforeUpload]);
     /**
      * modal
      */
@@ -259,7 +288,7 @@ const ImgCrop = forwardRef((props, cropperRef) => {
     const isCN = lang === 'zh-CN';
     const title = modalTitle || (isCN ? '编辑图片' : 'Edit image');
     const resetBtnText = resetText || (isCN ? '重置' : 'Reset');
-    return (jsxs(Fragment, { children: [uploadComponent, modalImage && (jsx(AntModal, Object.assign({}, modalProps, modalBaseProps, { [openProp]: true, title: title, onCancel: onCancel.current, onOk: onOk.current, wrapClassName: wrapClassName, maskClosable: false, destroyOnClose: true, children: jsx(EasyCrop$1, { ref: easyCropRef, cropperRef: cropperRef, zoomSlider: zoomSlider, rotationSlider: rotationSlider, aspectSlider: aspectSlider, showReset: showReset, resetBtnText: resetBtnText, modalImage: modalImage, aspect: aspect, minZoom: minZoom, maxZoom: maxZoom, cropShape: cropShape, showGrid: showGrid, cropperProps: cropperProps }) })))] }));
+    return (jsxs(Fragment, { children: [getNewUpload(children), modalImage && (jsx(AntModal, Object.assign({}, modalProps, modalBaseProps, { [openProp]: true, title: title, onCancel: onCancel.current, onOk: onOk.current, wrapClassName: wrapClassName, maskClosable: false, destroyOnClose: true, children: jsx(EasyCrop$1, { ref: easyCropRef, cropperRef: cropperRef, zoomSlider: zoomSlider, rotationSlider: rotationSlider, aspectSlider: aspectSlider, showReset: showReset, resetBtnText: resetBtnText, modalImage: modalImage, aspect: aspect, minZoom: minZoom, maxZoom: maxZoom, cropShape: cropShape, showGrid: showGrid, cropperProps: cropperProps }) })))] }));
 });
 
 export { ImgCrop as default };

package/dist/es/node_modules/classnames/index.js

@@ -14,39 +14,57 @@ import { __module as classnames } from '../../_virtual/index.js';
 
 		var hasOwn = {}.hasOwnProperty;
 
-		function classNames() {
-			var classes = [];
+		function classNames () {
+			var classes = '';
 
 			for (var i = 0; i < arguments.length; i++) {
 				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
+				if (arg) {
+					classes = appendClass(classes, parseValue(arg));
 				}
 			}
 
-			return classes.join(' ');
+			return classes;
+		}
+
+		function parseValue (arg) {
+			if (typeof arg === 'string' || typeof arg === 'number') {
+				return arg;
+			}
+
+			if (typeof arg !== 'object') {
+				return '';
+			}
+
+			if (Array.isArray(arg)) {
+				return classNames.apply(null, arg);
+			}
+
+			if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+				return arg.toString();
+			}
+
+			var classes = '';
+
+			for (var key in arg) {
+				if (hasOwn.call(arg, key) && arg[key]) {
+					classes = appendClass(classes, key);
+				}
+			}
+
+			return classes;
+		}
+
+		function appendClass (value, newClass) {
+			if (!newClass) {
+				return value;
+			}
+		
+			if (value) {
+				return value + ' ' + newClass;
+			}
+		
+			return value + newClass;
 		}
 
 		if (module.exports) {

package/dist/es/node_modules/rc-resize-observer/es/Collection.js

@@ -20,12 +20,13 @@ function Collection(_ref) {
     });
     Promise.resolve().then(function () {
       if (currentId === resizeIdRef.current) {
-        onBatchResize === null || onBatchResize === void 0 ? void 0 : onBatchResize(resizeInfosRef.current);
+        onBatchResize === null || onBatchResize === void 0 || onBatchResize(resizeInfosRef.current);
         resizeInfosRef.current = [];
       }
     });
+
     // Continue bubbling if parent exist
-    onCollectionResize === null || onCollectionResize === void 0 ? void 0 : onCollectionResize(size, element, data);
+    onCollectionResize === null || onCollectionResize === void 0 || onCollectionResize(size, element, data);
   }, [onBatchResize, onCollectionResize]);
   return /*#__PURE__*/React.createElement(CollectionContext.Provider, {
     value: onResize

package/dist/es/node_modules/rc-resize-observer/es/SingleObserver/index.js

@@ -1,10 +1,11 @@
 import _objectSpread2 from '../../../@babel/runtime/helpers/esm/objectSpread2.js';
-import { supportRef, composeRef } from '../../../rc-util/es/ref.js';
-import * as React from 'react';
+import _typeof from '../../../@babel/runtime/helpers/esm/typeof.js';
 import findDOMNode from '../../../rc-util/es/Dom/findDOMNode.js';
+import { supportRef, useComposeRef } from '../../../rc-util/es/ref.js';
+import * as React from 'react';
+import { CollectionContext } from '../Collection.js';
 import { observe, unobserve } from '../utils/observerUtil.js';
 import DomWrapper from './DomWrapper.js';
-import { CollectionContext } from '../Collection.js';
 
 function SingleObserver(props, ref) {
   var children = props.children,
@@ -12,9 +13,11 @@ function SingleObserver(props, ref) {
   var elementRef = React.useRef(null);
   var wrapperRef = React.useRef(null);
   var onCollectionResize = React.useContext(CollectionContext);
+
   // =========================== Children ===========================
   var isRenderProps = typeof children === 'function';
   var mergedChildren = isRenderProps ? children(elementRef) : children;
+
   // ============================= Size =============================
   var sizeRef = React.useRef({
     width: -1,
@@ -22,21 +25,25 @@ function SingleObserver(props, ref) {
     offsetWidth: -1,
     offsetHeight: -1
   });
+
   // ============================= Ref ==============================
   var canRef = !isRenderProps && /*#__PURE__*/React.isValidElement(mergedChildren) && supportRef(mergedChildren);
   var originRef = canRef ? mergedChildren.ref : null;
-  var mergedRef = React.useMemo(function () {
-    return composeRef(originRef, elementRef);
-  }, [originRef, elementRef]);
+  var mergedRef = useComposeRef(originRef, elementRef);
   var getDom = function getDom() {
-    return findDOMNode(elementRef.current) || findDOMNode(wrapperRef.current);
+    var _elementRef$current;
+    return findDOMNode(elementRef.current) || (
+    // Support `nativeElement` format
+    elementRef.current && _typeof(elementRef.current) === 'object' ? findDOMNode((_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.nativeElement) : null) || findDOMNode(wrapperRef.current);
   };
   React.useImperativeHandle(ref, function () {
     return getDom();
   });
+
   // =========================== Observe ============================
   var propsRef = React.useRef(props);
   propsRef.current = props;
+
   // Handler
   var onInternalResize = React.useCallback(function (target) {
     var _propsRef$current = propsRef.current,
@@ -47,6 +54,7 @@ function SingleObserver(props, ref) {
       height = _target$getBoundingCl.height;
     var offsetWidth = target.offsetWidth,
       offsetHeight = target.offsetHeight;
+
     /**
      * Resize observer trigger when content size changed.
      * In most case we just care about element size,
@@ -62,6 +70,7 @@ function SingleObserver(props, ref) {
         offsetHeight: offsetHeight
       };
       sizeRef.current = size;
+
       // IE is strange, right?
       var mergedOffsetWidth = offsetWidth === Math.round(width) ? width : offsetWidth;
       var mergedOffsetHeight = offsetHeight === Math.round(height) ? height : offsetHeight;
@@ -69,8 +78,9 @@ function SingleObserver(props, ref) {
         offsetWidth: mergedOffsetWidth,
         offsetHeight: mergedOffsetHeight
       });
+
       // Let collection know what happened
-      onCollectionResize === null || onCollectionResize === void 0 ? void 0 : onCollectionResize(sizeInfo, target, data);
+      onCollectionResize === null || onCollectionResize === void 0 || onCollectionResize(sizeInfo, target, data);
       if (onResize) {
         // defer the callback but not defer to next frame
         Promise.resolve().then(function () {
@@ -79,6 +89,7 @@ function SingleObserver(props, ref) {
       }
     }
   }, []);
+
   // Dynamic observe
   React.useEffect(function () {
     var currentElement = getDom();
@@ -89,6 +100,7 @@ function SingleObserver(props, ref) {
       return unobserve(currentElement, onInternalResize);
     };
   }, [elementRef.current, disabled]);
+
   // ============================ Render ============================
   return /*#__PURE__*/React.createElement(DomWrapper, {
     ref: wrapperRef

package/dist/es/node_modules/rc-resize-observer/es/utils/observerUtil.js

@@ -6,16 +6,19 @@ function onResize(entities) {
   entities.forEach(function (entity) {
     var _elementListeners$get;
     var target = entity.target;
-    (_elementListeners$get = elementListeners.get(target)) === null || _elementListeners$get === void 0 ? void 0 : _elementListeners$get.forEach(function (listener) {
+    (_elementListeners$get = elementListeners.get(target)) === null || _elementListeners$get === void 0 || _elementListeners$get.forEach(function (listener) {
       return listener(target);
     });
   });
 }
+
 // Note: ResizeObserver polyfill not support option to measure border-box resize
 var resizeObserver = new index(onResize);
+
 // Dev env only
 process.env.NODE_ENV !== 'production' ? elementListeners : null; // eslint-disable-line
 process.env.NODE_ENV !== 'production' ? onResize : null; // eslint-disable-line
+
 // ============================== Observe ==============================
 function observe(element, callback) {
   if (!elementListeners.has(element)) {

package/dist/es/node_modules/rc-util/es/Dom/dynamicCSS.js

@@ -1,3 +1,4 @@
+import _objectSpread2 from '../../../@babel/runtime/helpers/esm/objectSpread2.js';
 import canUseDom from './canUseDom.js';
 import contains from './contains.js';
 
@@ -60,7 +61,7 @@ function injectCSS(css) {
   if (prepend) {
     // If is queue `prepend`, it will prepend first style and then append rest style
     if (isPrependQueue) {
-      var existStyle = findStyles(container).filter(function (node) {
+      var existStyle = (option.styles || findStyles(container)).filter(function (node) {
         // Ignore style which not injected by rc-util with prepend
         if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {
           return false;
@@ -86,7 +87,7 @@ function injectCSS(css) {
 function findExistNode(key) {
   var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var container = getContainer(option);
-  return findStyles(container).find(function (node) {
+  return (option.styles || findStyles(container)).find(function (node) {
     return node.getAttribute(getMark(option)) === key;
   });
 }
@@ -106,8 +107,12 @@ function syncRealContainer(container, option) {
   }
 }
 function updateCSS(css, key) {
-  var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var container = getContainer(option);
+  var originOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var container = getContainer(originOption);
+  var styles = findStyles(container);
+  var option = _objectSpread2(_objectSpread2({}, originOption), {}, {
+    styles: styles
+  });
 
   // Sync real parent
   syncRealContainer(container, option);

package/dist/es/node_modules/rc-util/es/hooks/useMemo.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+function useMemo(getValue, condition, shouldUpdate) {
+  var cacheRef = React.useRef({});
+  if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
+    cacheRef.current.value = getValue();
+    cacheRef.current.condition = condition;
+  }
+  return cacheRef.current.value;
+}
+
+export { useMemo as default };

package/dist/es/node_modules/rc-util/es/raf.js

@@ -43,8 +43,13 @@ var wrapperRaf = function wrapperRaf(callback) {
 };
 wrapperRaf.cancel = function (id) {
   var realId = rafIds.get(id);
-  cleanup(realId);
+  cleanup(id);
   return caf(realId);
 };
+if (process.env.NODE_ENV !== 'production') {
+  wrapperRaf.ids = function () {
+    return rafIds;
+  };
+}
 
 export { wrapperRaf as default };

package/dist/es/node_modules/rc-util/es/ref.js

@@ -1,6 +1,7 @@
 import _typeof from '../../@babel/runtime/helpers/esm/typeof.js';
 import 'react';
 import { r as reactIsExports } from '../../react-is/index.js';
+import useMemo from './hooks/useMemo.js';
 
 function fillRef(ref, node) {
   if (typeof ref === 'function') {
@@ -29,21 +30,33 @@ function composeRef() {
     });
   };
 }
+function useComposeRef() {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+  return useMemo(function () {
+    return composeRef.apply(void 0, refs);
+  }, refs, function (prev, next) {
+    return prev.length !== next.length || prev.every(function (ref, i) {
+      return ref !== next[i];
+    });
+  });
+}
 function supportRef(nodeOrComponent) {
   var _type$prototype, _nodeOrComponent$prot;
   var type = reactIsExports.isMemo(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;
 
   // Function component node
-  if (typeof type === 'function' && !((_type$prototype = type.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render)) {
+  if (typeof type === 'function' && !((_type$prototype = type.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render) && type.$$typeof !== reactIsExports.ForwardRef) {
     return false;
   }
 
   // Class component
-  if (typeof nodeOrComponent === 'function' && !((_nodeOrComponent$prot = nodeOrComponent.prototype) !== null && _nodeOrComponent$prot !== void 0 && _nodeOrComponent$prot.render)) {
+  if (typeof nodeOrComponent === 'function' && !((_nodeOrComponent$prot = nodeOrComponent.prototype) !== null && _nodeOrComponent$prot !== void 0 && _nodeOrComponent$prot.render) && nodeOrComponent.$$typeof !== reactIsExports.ForwardRef) {
     return false;
   }
   return true;
 }
 /* eslint-enable */
 
-export { composeRef, fillRef, supportRef };
+export { composeRef, fillRef, supportRef, useComposeRef };

package/dist/es/node_modules/rc-util/es/warning.js

@@ -9,8 +9,19 @@ var preWarningFns = [];
 var preMessage = function preMessage(fn) {
   preWarningFns.push(fn);
 };
+
+/**
+ * Warning if condition not match.
+ * @param valid Condition
+ * @param message Warning message
+ * @example
+ * ```js
+ * warning(false, 'some error'); // print some error
+ * warning(true, 'some error'); // print nothing
+ * warning(1 === 2, 'some error'); // print some error
+ * ```
+ */
 function warning(valid, message) {
-  // Support uglify
   if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
     var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
       return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'warning');
@@ -20,8 +31,9 @@ function warning(valid, message) {
     }
   }
 }
+
+/** @see Similar to {@link warning} */
 function note(valid, message) {
-  // Support uglify
   if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
     var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
       return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'note');
@@ -40,15 +52,18 @@ function call(method, valid, message) {
     warned[message] = true;
   }
 }
+
+/** @see Same as {@link warning}, but only warn once for the same message */
 function warningOnce(valid, message) {
   call(warning, valid, message);
 }
+
+/** @see Same as {@link warning}, but only warn once for the same message */
 function noteOnce(valid, message) {
   call(note, valid, message);
 }
 warningOnce.preMessage = preMessage;
 warningOnce.resetWarned = resetWarned;
 warningOnce.noteOnce = noteOnce;
-/* eslint-enable */
 
 export { call, warningOnce as default, note, noteOnce, preMessage, resetWarned, warning, warningOnce };

package/dist/es/node_modules/react-easy-crop/index.module.js

@@ -246,7 +246,8 @@ var Cropper = /** @class */function (_super) {
     _this.resizeObserver = null;
     _this.state = {
       cropSize: null,
-      hasWheelJustStarted: false
+      hasWheelJustStarted: false,
+      mediaObjectFit: undefined
     };
     _this.initResizeObserver = function () {
       if (typeof window.ResizeObserver === 'undefined' || !_this.containerRef) {
@@ -326,8 +327,7 @@ var Cropper = /** @class */function (_super) {
         // However, for this to work, the container should not be rotated
         var renderedMediaSize = void 0;
         if (isMediaScaledDown) {
-          var objectFit = _this.getObjectFit();
-          switch (objectFit) {
+          switch (_this.state.mediaObjectFit) {
             default:
             case 'contain':
               renderedMediaSize = containerAspect > mediaAspect ? {
@@ -683,6 +683,12 @@ var Cropper = /** @class */function (_super) {
     if (prevProps.video !== this.props.video) {
       (_j = this.videoRef.current) === null || _j === void 0 ? void 0 : _j.load();
     }
+    var objectFit = this.getObjectFit();
+    if (objectFit !== this.state.mediaObjectFit) {
+      this.setState({
+        mediaObjectFit: objectFit
+      }, this.computeSizes);
+    }
   };
   Cropper.prototype.getAspect = function () {
     var _a = this.props,
@@ -759,7 +765,7 @@ var Cropper = /** @class */function (_super) {
       containerClassName = _d.containerClassName,
       cropAreaClassName = _d.cropAreaClassName,
       mediaClassName = _d.mediaClassName;
-    var objectFit = this.getObjectFit();
+    var objectFit = this.state.mediaObjectFit;
     return React__default.createElement("div", {
       onMouseDown: this.onMouseDown,
       onTouchStart: this.onTouchStart,

package/dist/es/node_modules/react-is/cjs/react-is.development.js

@@ -1,6 +1,7 @@
 import { __exports as reactIs_development } from '../../../_virtual/react-is.development.js';
 
-/** @license React v16.13.1
+/**
+ * @license React
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -15,38 +16,67 @@ function requireReactIs_development () {
 	if (hasRequiredReactIs_development) return reactIs_development;
 	hasRequiredReactIs_development = 1;
 
-
-
 	if (process.env.NODE_ENV !== "production") {
 	  (function() {
 
-	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
-	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
-	// (unstable) APIs that have been removed. Can we remove the symbols?
-
-	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
-	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
-	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
-	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
-	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
-	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
-	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-	var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
-	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
-	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
-	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+	// ATTENTION
+	// When adding new symbols to this file,
+	// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+	// The Symbol used to tag the ReactElement-like types.
+	var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+	var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+	var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+	var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+	var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+	var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+	var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+	var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+	var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+	var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+	var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+	var REACT_MEMO_TYPE = Symbol.for('react.memo');
+	var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+	var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+
+	// -----------------------------------------------------------------------------
+
+	var enableScopeAPI = false; // Experimental Create Event Handle API.
+	var enableCacheElement = false;
+	var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+	var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+	// stuff. Intended to enable React core members to more easily debug scheduling
+	// issues in DEV builds.
+
+	var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
+
+	var REACT_MODULE_REFERENCE;
+
+	{
+	  REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
+	}
 
 	function isValidElementType(type) {
-	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+	  if (typeof type === 'string' || typeof type === 'function') {
+	    return true;
+	  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+	  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
+	    return true;
+	  }
+
+	  if (typeof type === 'object' && type !== null) {
+	    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+	    // types supported by any Flight configuration anywhere since
+	    // we don't know which Flight build this will end up being used
+	    // with.
+	    type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
+	      return true;
+	    }
+	  }
+
+	  return false;
 	}
 
 	function typeOf(object) {
@@ -58,18 +88,18 @@ function requireReactIs_development () {
 	        var type = object.type;
 
 	        switch (type) {
-	          case REACT_ASYNC_MODE_TYPE:
-	          case REACT_CONCURRENT_MODE_TYPE:
 	          case REACT_FRAGMENT_TYPE:
 	          case REACT_PROFILER_TYPE:
 	          case REACT_STRICT_MODE_TYPE:
 	          case REACT_SUSPENSE_TYPE:
+	          case REACT_SUSPENSE_LIST_TYPE:
 	            return type;
 
 	          default:
 	            var $$typeofType = type && type.$$typeof;
 
 	            switch ($$typeofType) {
+	              case REACT_SERVER_CONTEXT_TYPE:
 	              case REACT_CONTEXT_TYPE:
 	              case REACT_FORWARD_REF_TYPE:
 	              case REACT_LAZY_TYPE:
@@ -89,10 +119,7 @@ function requireReactIs_development () {
 	  }
 
 	  return undefined;
-	} // AsyncMode is deprecated along with isAsyncMode
-
-	var AsyncMode = REACT_ASYNC_MODE_TYPE;
-	var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+	}
 	var ContextConsumer = REACT_CONTEXT_TYPE;
 	var ContextProvider = REACT_PROVIDER_TYPE;
 	var Element = REACT_ELEMENT_TYPE;
@@ -104,21 +131,31 @@ function requireReactIs_development () {
 	var Profiler = REACT_PROFILER_TYPE;
 	var StrictMode = REACT_STRICT_MODE_TYPE;
 	var Suspense = REACT_SUSPENSE_TYPE;
-	var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
+	var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
+	var hasWarnedAboutDeprecatedIsAsyncMode = false;
+	var hasWarnedAboutDeprecatedIsConcurrentMode = false; // AsyncMode should be deprecated
 
 	function isAsyncMode(object) {
 	  {
 	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
 	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
 
-	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
 	    }
 	  }
 
-	  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+	  return false;
 	}
 	function isConcurrentMode(object) {
-	  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+	  {
+	    if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
+	      hasWarnedAboutDeprecatedIsConcurrentMode = true; // Using console['warn'] to evade Babel and ESLint
+
+	      console['warn']('The ReactIs.isConcurrentMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
+	    }
+	  }
+
+	  return false;
 	}
 	function isContextConsumer(object) {
 	  return typeOf(object) === REACT_CONTEXT_TYPE;
@@ -153,9 +190,10 @@ function requireReactIs_development () {
 	function isSuspense(object) {
 	  return typeOf(object) === REACT_SUSPENSE_TYPE;
 	}
+	function isSuspenseList(object) {
+	  return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
+	}
 
-	reactIs_development.AsyncMode = AsyncMode;
-	reactIs_development.ConcurrentMode = ConcurrentMode;
 	reactIs_development.ContextConsumer = ContextConsumer;
 	reactIs_development.ContextProvider = ContextProvider;
 	reactIs_development.Element = Element;
@@ -167,6 +205,7 @@ function requireReactIs_development () {
 	reactIs_development.Profiler = Profiler;
 	reactIs_development.StrictMode = StrictMode;
 	reactIs_development.Suspense = Suspense;
+	reactIs_development.SuspenseList = SuspenseList;
 	reactIs_development.isAsyncMode = isAsyncMode;
 	reactIs_development.isConcurrentMode = isConcurrentMode;
 	reactIs_development.isContextConsumer = isContextConsumer;
@@ -180,6 +219,7 @@ function requireReactIs_development () {
 	reactIs_development.isProfiler = isProfiler;
 	reactIs_development.isStrictMode = isStrictMode;
 	reactIs_development.isSuspense = isSuspense;
+	reactIs_development.isSuspenseList = isSuspenseList;
 	reactIs_development.isValidElementType = isValidElementType;
 	reactIs_development.typeOf = typeOf;
 	  })();

package/dist/es/node_modules/react-is/cjs/react-is.production.min.js

@@ -1,6 +1,7 @@
 import { __exports as reactIs_production_min } from '../../../_virtual/react-is.production.min.js';
 
-/** @license React v16.13.1
+/**
+ * @license React
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -14,12 +15,11 @@ var hasRequiredReactIs_production_min;
 function requireReactIs_production_min () {
 	if (hasRequiredReactIs_production_min) return reactIs_production_min;
 	hasRequiredReactIs_production_min = 1;
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
-	reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
-	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
-	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
+var b=Symbol.for("react.element"),c=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen"),u;u=Symbol.for("react.module.reference");
+	function v(a){if("object"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=g;reactIs_production_min.Element=b;reactIs_production_min.ForwardRef=l;reactIs_production_min.Fragment=d;reactIs_production_min.Lazy=q;reactIs_production_min.Memo=p;reactIs_production_min.Portal=c;reactIs_production_min.Profiler=f;reactIs_production_min.StrictMode=e;reactIs_production_min.Suspense=m;
+	reactIs_production_min.SuspenseList=n;reactIs_production_min.isAsyncMode=function(){return !1};reactIs_production_min.isConcurrentMode=function(){return !1};reactIs_production_min.isContextConsumer=function(a){return v(a)===h};reactIs_production_min.isContextProvider=function(a){return v(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return v(a)===l};reactIs_production_min.isFragment=function(a){return v(a)===d};reactIs_production_min.isLazy=function(a){return v(a)===q};reactIs_production_min.isMemo=function(a){return v(a)===p};
+	reactIs_production_min.isPortal=function(a){return v(a)===c};reactIs_production_min.isProfiler=function(a){return v(a)===f};reactIs_production_min.isStrictMode=function(a){return v(a)===e};reactIs_production_min.isSuspense=function(a){return v(a)===m};reactIs_production_min.isSuspenseList=function(a){return v(a)===n};
+	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};reactIs_production_min.typeOf=v;
 	return reactIs_production_min;
 }
 

package/dist/es/select/hooks.js

@@ -34,8 +34,12 @@ var concatHandle = function (arr1, _a) {
     });
 };
 function createRenderItem(item, options) {
-    var _a = options.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = options.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = options.joinKey, _c = options.joinStr, joinStr = _c === void 0 ? "-" : _c, lineFeedKey = options.lineFeedKey, _d = options.lineFeedStr, lineFeedStr = _d === void 0 ? "-" : _d;
-    var key = item[dataKey];
+    var _a = options.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = options.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = options.joinKey, _c = options.joinStr, joinStr = _c === void 0 ? "-" : _c, lineFeedKey = options.lineFeedKey, _d = options.lineFeedStr, lineFeedStr = _d === void 0 ? "-" : _d, createKey = options.createKey, createId = options.createId, index = options.index;
+    // 自定义id值
+    if (createId) {
+        item[dataKey] = createId(item, index);
+    }
+    var key = createKey ? createKey(item, index) : item[dataKey];
     var value = item[dataKey];
     var title = unescapeString(item[titleKey]);
     // 处理拼接展示的数据
@@ -74,7 +78,7 @@ function createRenderItem(item, options) {
     };
 }
 function useRenderChildren(props) {
-    var list = props.list, defaultList = props.defaultList, _a = props.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = props.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = props.joinKey, joinStr = props.joinStr, lineFeedKey = props.lineFeedKey, lineFeedStr = props.lineFeedStr, showAll = props.showAll, children = props.children, disabledValues = props.disabledValues;
+    var list = props.list, defaultList = props.defaultList, _a = props.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = props.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = props.joinKey, joinStr = props.joinStr, lineFeedKey = props.lineFeedKey, lineFeedStr = props.lineFeedStr, showAll = props.showAll, children = props.children, disabledValues = props.disabledValues, createKey = props.createKey, createId = props.createId;
     var resultList = useMemo(function () {
         return concatHandle(list, {
             arr2: defaultList,
@@ -99,6 +103,9 @@ function useRenderChildren(props) {
                             joinStr: joinStr,
                             lineFeedKey: lineFeedKey,
                             lineFeedStr: lineFeedStr,
+                            createKey: createKey,
+                            createId: createId,
+                            index: index,
                         }), key = _a.key, value = _a.value, title = _a.title, joinTitleStr = _a.joinTitleStr, resultTitle = _a.resultTitle, linefeedTitle = _a.linefeedTitle;
                         // 处理是否禁用
                         var disabled = item === null || item === void 0 ? void 0 : item.disabled;
@@ -106,11 +113,11 @@ function useRenderChildren(props) {
                             disabledValues.includes(value)) {
                             disabled = true;
                         }
-                        return (jsxs(MemoSelect.Option
-                        // key={`${key}${index}`}
-                        , __assign({ value: value, 
+                        return (jsxs(MemoSelect.Option, __assign({ 
+                            // key={key}
+                            value: value, 
                             // 原本传入需要显示的title
-                            oldTitle: title, joinTitle: joinTitleStr, title: resultTitle, disabled: disabled }, { children: [resultTitle, Array.isArray(linefeedTitle) && linefeedTitle.length > 0 ? (jsx("div", __assign({ className: "ztxk-select--feed-item" }, { children: linefeedTitle === null || linefeedTitle === void 0 ? void 0 : linefeedTitle.join(lineFeedStr) }))) : ("")] }), key));
+                            oldTitle: title, joinTitle: joinTitleStr, title: resultTitle, disabled: disabled }, { children: [resultTitle, Array.isArray(linefeedTitle) && linefeedTitle.length > 0 ? (jsx("div", __assign({ className: "ztxk-select--feed-item" }, { children: linefeedTitle === null || linefeedTitle === void 0 ? void 0 : linefeedTitle.join(lineFeedStr) }))) : ("")] }), "".concat(key).concat(index)));
                     })] }));
         }
         return null;

package/dist/es/select/interface.d.ts

@@ -11,6 +11,14 @@ interface ISelectProps extends SelectProps {
      * 默认渲染的列表
      */
     defaultList?: any[];
+    /**
+     * 遍历数据的key值
+     */
+    createKey?: (data: any, index?: number) => string;
+    /**
+     * 自定义id键值
+     */
+    createId?: (data: any, index?: number) => string;
     /**
      * data key
      */

package/dist/es/select/select.js

@@ -24,7 +24,7 @@ function textContent(children) {
     return "";
 }
 var Select = function (props, ref) {
-    var list = props.list, defaultList = props.defaultList, _a = props.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = props.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = props.joinKey, _c = props.joinStr, joinStr = _c === void 0 ? "-" : _c, lineFeedKey = props.lineFeedKey, _d = props.lineFeedStr, lineFeedStr = _d === void 0 ? "-" : _d, showAll = props.showAll, children = props.children, disabledValues = props.disabledValues, _e = props.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _e === void 0 ? 100 : _e, onChange = props.onChange, onSearch = props.onSearch, isRemoteSearch = props.isRemoteSearch, dropdownButton = props.dropdownButton, dropdownRender = props.dropdownRender, resetProps = __rest(props, ["list", "defaultList", "dataKey", "titleKey", "joinKey", "joinStr", "lineFeedKey", "lineFeedStr", "showAll", "children", "disabledValues", "dropdownMatchSelectWidth", "onChange", "onSearch", "isRemoteSearch", "dropdownButton", "dropdownRender"]);
+    var list = props.list, defaultList = props.defaultList, createKey = props.createKey, createId = props.createId, _a = props.dataKey, dataKey = _a === void 0 ? "id" : _a, _b = props.titleKey, titleKey = _b === void 0 ? "name" : _b, joinKey = props.joinKey, _c = props.joinStr, joinStr = _c === void 0 ? "-" : _c, lineFeedKey = props.lineFeedKey, _d = props.lineFeedStr, lineFeedStr = _d === void 0 ? "-" : _d, showAll = props.showAll, children = props.children, disabledValues = props.disabledValues, _e = props.dropdownMatchSelectWidth, dropdownMatchSelectWidth = _e === void 0 ? 100 : _e, onChange = props.onChange, onSearch = props.onSearch, isRemoteSearch = props.isRemoteSearch, dropdownButton = props.dropdownButton, dropdownRender = props.dropdownRender, resetProps = __rest(props, ["list", "defaultList", "createKey", "createId", "dataKey", "titleKey", "joinKey", "joinStr", "lineFeedKey", "lineFeedStr", "showAll", "children", "disabledValues", "dropdownMatchSelectWidth", "onChange", "onSearch", "isRemoteSearch", "dropdownButton", "dropdownRender"]);
     // 记录当前选中项 只有当多选模式下 才需要用到这个选项
     var _f = useRemeberCheckedValues(), parseCheckedValues = _f.parseCheckedValues, currentCheckedValuesRef = _f.currentCheckedValuesRef;
     /**
@@ -44,6 +44,8 @@ var Select = function (props, ref) {
         disabledValues: disabledValues,
         value: resetProps.value,
         mode: resetProps.mode,
+        createKey: createKey,
+        createId: createId,
     }), renderChildren = _g.renderChildren, resultList = _g.resultList;
     // 非change触发记录下选中项
     var _h = useInitRemeberCheckedValues({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-webui",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "private": false,
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
@@ -70,13 +70,15 @@
     "@rollup/plugin-terser": "^0.4.0",
     "@rollup/plugin-url": "^8.0.1",
     "@storybook/addon-essentials": "^7.6.16",
-    "@storybook/addon-interactions": "^7.6.16",
+    "@storybook/addon-interactions": "^7.6.17",
     "@storybook/addon-links": "^7.6.16",
     "@storybook/addon-onboarding": "1.0.11",
     "@storybook/blocks": "^7.6.16",
+    "@storybook/jest": "^0.2.3",
     "@storybook/react": "^7.6.16",
     "@storybook/react-webpack5": "^7.6.16",
     "@storybook/test": "^7.6.16",
+    "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
@@ -124,7 +126,7 @@
     "storybook": "^7.6.16",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4",
-    "zmdms-utils": "^0.0.56"
+    "zmdms-utils": "^0.0.62"
   },
   "resolutions": {
     "rc-virtual-list": "3.11.3"