@arco-design/mobile-react 2.25.4 → 2.27.0

package/umd/image/index.js

@@ -14,13 +14,17 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = _exports.BaseImage = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _loading = _interopRequireDefault(_loading);
+
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
   /**
    * 增强版的 img 标签，提供多种图片填充模式，支持图片加载中提示、加载失败提示。
    * @en Enhanced img tag, provides a variety of image filling modes, and supports image loading prompts and loading failure prompts.
@@ -31,18 +35,23 @@
    */
   var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var system = (0, _helpers.useSystem)();
+
     var _useWindowSize = (0, _helpers.useWindowSize)(),
-      windowWidth = _useWindowSize.windowWidth,
-      windowHeight = _useWindowSize.windowHeight;
+        windowWidth = _useWindowSize.windowWidth,
+        windowHeight = _useWindowSize.windowHeight;
+
     var _useMountedState = (0, _helpers.useMountedState)('init'),
-      imageStatus = _useMountedState[0],
-      setImageStatus = _useMountedState[1];
+        imageStatus = _useMountedState[0],
+        setImageStatus = _useMountedState[1];
+
     var _useMountedState2 = (0, _helpers.useMountedState)(''),
-      wrapClass = _useMountedState2[0],
-      setWrapClass = _useMountedState2[1];
+        wrapClass = _useMountedState2[0],
+        setWrapClass = _useMountedState2[1];
+
     var _useMountedState3 = (0, _helpers.useMountedState)(false),
-      staticRetrying = _useMountedState3[0],
-      setStaticRetrying = _useMountedState3[1];
+        staticRetrying = _useMountedState3[0],
+        setStaticRetrying = _useMountedState3[1];
+
     var imageRef = (0, _react.useRef)(null);
     var imageDomRef = (0, _react.useRef)(null);
     var wrapRef = (0, _react.useRef)(null);
@@ -50,57 +59,56 @@
     var loadingImageRef = (0, _react.useRef)(null);
     var hasLoadedRef = (0, _react.useRef)(false);
     var style = props.style,
-      className = props.className,
-      status = props.status,
-      src = props.src,
-      width = props.width,
-      height = props.height,
-      _props$alt = props.alt,
-      alt = _props$alt === void 0 ? '' : _props$alt,
-      _props$fit = props.fit,
-      fit = _props$fit === void 0 ? 'cover' : _props$fit,
-      _props$position = props.position,
-      position = _props$position === void 0 ? 'center' : _props$position,
-      radius = props.radius,
-      bordered = props.bordered,
-      loadingArea = props.loadingArea,
-      errorArea = props.errorArea,
-      showLoading = props.showLoading,
-      showError = props.showError,
-      _props$animateDuratio = props.animateDuration,
-      animateDuration = _props$animateDuratio === void 0 ? 200 : _props$animateDuratio,
-      _props$retryTime = props.retryTime,
-      retryTime = _props$retryTime === void 0 ? 0 : _props$retryTime,
-      forceHttps = props.forceHttps,
-      _props$boxWidth = props.boxWidth,
-      boxWidth = _props$boxWidth === void 0 ? 0 : _props$boxWidth,
-      _props$boxHeight = props.boxHeight,
-      boxHeight = _props$boxHeight === void 0 ? 0 : _props$boxHeight,
-      topOverlap = props.topOverlap,
-      bottomOverlap = props.bottomOverlap,
-      _props$showImage = props.showImage,
-      showImage = _props$showImage === void 0 ? true : _props$showImage,
-      staticLabel = props.staticLabel,
-      _props$nativeProps = props.nativeProps,
-      nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
-      onChange = props.onChange,
-      onClick = props.onClick,
-      _onLoad = props.onLoad,
-      onError = props.onError,
-      onAutoRetry = props.onAutoRetry;
+        className = props.className,
+        status = props.status,
+        src = props.src,
+        width = props.width,
+        height = props.height,
+        _props$alt = props.alt,
+        alt = _props$alt === void 0 ? '' : _props$alt,
+        _props$fit = props.fit,
+        fit = _props$fit === void 0 ? 'cover' : _props$fit,
+        _props$position = props.position,
+        position = _props$position === void 0 ? 'center' : _props$position,
+        radius = props.radius,
+        bordered = props.bordered,
+        loadingArea = props.loadingArea,
+        errorArea = props.errorArea,
+        showLoading = props.showLoading,
+        showError = props.showError,
+        _props$animateDuratio = props.animateDuration,
+        animateDuration = _props$animateDuratio === void 0 ? 200 : _props$animateDuratio,
+        _props$retryTime = props.retryTime,
+        retryTime = _props$retryTime === void 0 ? 0 : _props$retryTime,
+        forceHttps = props.forceHttps,
+        _props$boxWidth = props.boxWidth,
+        boxWidth = _props$boxWidth === void 0 ? 0 : _props$boxWidth,
+        _props$boxHeight = props.boxHeight,
+        boxHeight = _props$boxHeight === void 0 ? 0 : _props$boxHeight,
+        topOverlap = props.topOverlap,
+        bottomOverlap = props.bottomOverlap,
+        _props$showImage = props.showImage,
+        showImage = _props$showImage === void 0 ? true : _props$showImage,
+        staticLabel = props.staticLabel,
+        _props$nativeProps = props.nativeProps,
+        nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
+        onChange = props.onChange,
+        onClick = props.onClick,
+        _onLoad = props.onLoad,
+        onError = props.onError,
+        onAutoRetry = props.onAutoRetry;
     var isPreview = Boolean(fit.indexOf('preview') >= 0);
     var actualBoxWidth = boxWidth || windowWidth;
     var actualBoxHeight = boxHeight || windowHeight;
     var validStatus = status === undefined ? imageStatus : status;
     var attrs = (0, _react.useMemo)(function () {
       var imageStyle = {};
-      if (radius) {
-        imageStyle.borderRadius = (0, _mobileUtils.handleUnit)(radius);
-      }
+
       if (!isPreview) {
         imageStyle.objectFit = fit;
         imageStyle.objectPosition = position;
       }
+
       return {
         alt: alt,
         src: forceHttps ? src.replace('http://', 'https://') : src,
@@ -108,9 +116,11 @@
         style: imageStyle
       };
     }, [alt, bordered, fit, forceHttps, isPreview, position, radius, src, system]);
+
     function retry() {
       loadImage(true);
     }
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: wrapRef.current,
@@ -122,21 +132,26 @@
       retryCountRef.current = 0;
       loadImage();
     }, [attrs, width, height, showImage, staticLabel]);
+
     function changeStatus(newStatus) {
       setImageStatus(newStatus);
       onChange && onChange(newStatus);
     }
+
     function replaceChild(newChild) {
       var dom = imageRef.current;
+
       if (!dom) {
         return;
       }
+
       if (dom.children && dom.children.length) {
         dom.replaceChild(newChild, dom.children[0]);
       } else {
         dom.appendChild(newChild);
       }
     }
+
     function loadImage(isFromRetry) {
       // 如果在加载图片前发现上一个图片还没加载完，则抛弃上一个图片的加载
       // @en Abort last image before starting loading new image
@@ -144,9 +159,11 @@
         loadingImageRef.current.src = '';
         loadingImageRef.current = null;
       }
+
       if (!showImage || staticLabel) {
         return;
       }
+
       changeStatus('loading');
       var image = new Image();
       Object.keys(nativeProps).forEach(function (key) {
@@ -156,19 +173,22 @@
       Object.keys(attrs.style).forEach(function (key) {
         image.style[key] = attrs.style[key];
       });
+
       image.onload = function (evt) {
         loadingImageRef.current = null;
         imageDomRef.current = image;
         hasLoadedRef.current = true;
         changeStatus('loaded');
         var _image$width = image.width,
-          imageWidth = _image$width === void 0 ? 0 : _image$width,
-          _image$height = image.height,
-          imageHeight = _image$height === void 0 ? 0 : _image$height;
+            imageWidth = _image$width === void 0 ? 0 : _image$width,
+            _image$height = image.height,
+            imageHeight = _image$height === void 0 ? 0 : _image$height;
         var extraClass = '';
+
         if (isPreview) {
           var scale = imageWidth / imageHeight;
           var windowScale = actualBoxWidth / actualBoxHeight;
+
           if (fit === 'preview-y') {
             if (scale < windowScale) {
               image.style.width = actualBoxWidth + "px";
@@ -187,13 +207,16 @@
             }
           }
         }
+
         extraClass && image.classList.add(extraClass);
         setWrapClass(extraClass ? extraClass + "-container" : '');
         replaceChild(image);
         _onLoad && _onLoad(evt, image);
       };
+
       image.onerror = function (evt) {
         loadingImageRef.current = null;
+
         if (isFromRetry || retryCountRef.current >= retryTime) {
           changeStatus('error');
           var placeholder = document.createElement('div');
@@ -205,27 +228,31 @@
           loadImage();
         }
       };
+
       (0, _mobileUtils.nextTick)(function () {
         image.src = attrs.src;
         image.alt = attrs.alt;
         loadingImageRef.current = image;
       });
     }
+
     function handleStaticImageError(e) {
       var evt = e.nativeEvent;
+
       if (retryCountRef.current >= retryTime) {
         onError && onError(evt);
       } else {
         retryCountRef.current += 1;
-        onAutoRetry && onAutoRetry(evt);
-        // 强制刷新一下<img>使其重新加载
+        onAutoRetry && onAutoRetry(evt); // 强制刷新一下<img>使其重新加载
         // @en Force refresh <img> to reload
+
         setStaticRetrying(true);
         (0, _mobileUtils.nextTick)(function () {
           setStaticRetrying(false);
         });
       }
     }
+
     function getImageStyle() {
       if (isPreview) {
         var overflow = fit === 'preview-x' ? {
@@ -238,15 +265,17 @@
           height: actualBoxHeight
         }, overflow);
       }
+
       return {
         width: Number(width) || width,
         height: Number(height) || height
       };
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls,
-        _ref$locale = _ref.locale,
-        locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
+          _ref$locale = _ref.locale,
+          locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-image all-border-box", {
           preview: isPreview
@@ -267,6 +296,7 @@
           'has-loaded': hasLoadedRef.current
         }),
         style: (0, _helpers.getStyleWithVendor)({
+          borderRadius: radius,
           transitionDuration: animateDuration + "ms"
         }),
         onClick: onClick,

package/umd/image/style/css/index.css

@@ -63,6 +63,7 @@
   font-size: 0;
   opacity: 0;
   z-index: 1;
+  overflow: hidden;
 }
 .arco-image .image-container.static-label,
 .arco-image .image-container.loaded,

package/umd/image/style/index.less

@@ -63,6 +63,7 @@
         font-size: 0;
         opacity: 0;
         z-index: 1;
+        overflow: hidden;
 
         &.static-label,
         &.loaded,

package/umd/image-picker/add-icon.js

@@ -14,9 +14,11 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = AddIcon;
   _react = _interopRequireDefault(_react);
+
   function AddIcon() {
     return /*#__PURE__*/_react.default.createElement("svg", {
       width: "30",

package/umd/image-picker/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -28,50 +29,53 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
+
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
   var ImagePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$accept = props.accept,
-      accept = _props$accept === void 0 ? 'image/*' : _props$accept,
-      _props$multiple = props.multiple,
-      multiple = _props$multiple === void 0 ? false : _props$multiple,
-      capture = props.capture,
-      _props$columns = props.columns,
-      columns = _props$columns === void 0 ? 3 : _props$columns,
-      _props$gutter = props.gutter,
-      gutter = _props$gutter === void 0 ? 8 : _props$gutter,
-      _props$limit = props.limit,
-      limit = _props$limit === void 0 ? 0 : _props$limit,
-      _props$images = props.images,
-      images = _props$images === void 0 ? [] : _props$images,
-      maxSize = props.maxSize,
-      disabled = props.disabled,
-      deleteIcon = props.deleteIcon,
-      selectIcon = props.selectIcon,
-      _props$hideDelete = props.hideDelete,
-      hideDelete = _props$hideDelete === void 0 ? false : _props$hideDelete,
-      _props$hideSelect = props.hideSelect,
-      hideSelect = _props$hideSelect === void 0 ? false : _props$hideSelect,
-      _props$alwaysShowSele = props.alwaysShowSelect,
-      alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
-      imageProps = props.imageProps,
-      renderLoading = props.renderLoading,
-      renderError = props.renderError,
-      onLongPress = props.onLongPress,
-      onClick = props.onClick,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? function () {
-        return null;
-      } : _props$onChange,
-      onMaxSizeExceed = props.onMaxSizeExceed,
-      onLimitExceed = props.onLimitExceed,
-      upload = props.upload,
-      selectAdapter = props.selectAdapter,
-      onSelectClick = props.onSelectClick,
-      onDeleteClick = props.onDeleteClick;
+        className = _props$className === void 0 ? '' : _props$className,
+        style = props.style,
+        _props$accept = props.accept,
+        accept = _props$accept === void 0 ? 'image/*' : _props$accept,
+        _props$multiple = props.multiple,
+        multiple = _props$multiple === void 0 ? false : _props$multiple,
+        capture = props.capture,
+        _props$columns = props.columns,
+        columns = _props$columns === void 0 ? 3 : _props$columns,
+        _props$gutter = props.gutter,
+        gutter = _props$gutter === void 0 ? 8 : _props$gutter,
+        _props$limit = props.limit,
+        limit = _props$limit === void 0 ? 0 : _props$limit,
+        _props$images = props.images,
+        images = _props$images === void 0 ? [] : _props$images,
+        maxSize = props.maxSize,
+        disabled = props.disabled,
+        deleteIcon = props.deleteIcon,
+        selectIcon = props.selectIcon,
+        _props$hideDelete = props.hideDelete,
+        hideDelete = _props$hideDelete === void 0 ? false : _props$hideDelete,
+        _props$hideSelect = props.hideSelect,
+        hideSelect = _props$hideSelect === void 0 ? false : _props$hideSelect,
+        _props$alwaysShowSele = props.alwaysShowSelect,
+        alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
+        imageProps = props.imageProps,
+        renderLoading = props.renderLoading,
+        renderError = props.renderError,
+        onLongPress = props.onLongPress,
+        onClick = props.onClick,
+        _props$onChange = props.onChange,
+        onChange = _props$onChange === void 0 ? function () {
+      return null;
+    } : _props$onChange,
+        onMaxSizeExceed = props.onMaxSizeExceed,
+        onLimitExceed = props.onLimitExceed,
+        upload = props.upload,
+        selectAdapter = props.selectAdapter,
+        onSelectClick = props.onSelectClick,
+        onDeleteClick = props.onDeleteClick;
     var domRef = (0, _react.useRef)(null);
     var fileRef = (0, _react.useRef)(null);
     var cacheRef = (0, _react.useRef)([]);
@@ -80,27 +84,35 @@
         dom: domRef.current
       };
     });
+
     var parseFile = function parseFile(file) {
       return new _es6Promise.Promise(function (resolve, reject) {
         if (file.url) {
           resolve(file.url);
         } else {
           var reader = new FileReader();
+
           reader.onload = function (e) {
             var _e$target;
+
             var dataURL = (_e$target = e.target) == null ? void 0 : _e$target.result;
+
             if (!dataURL) {
               reject(new Error('file parse error'));
             }
+
             resolve(dataURL);
           };
+
           reader.onerror = function () {
             reject(new Error('file parse error'));
           };
+
           reader.readAsDataURL(file);
         }
       });
     };
+
     var handleChange = function handleChange(event, fromAdapter) {
       var files = Array.prototype.filter.call(event.target.files || [], function (file) {
         // 过滤maxSize
@@ -108,17 +120,21 @@
           onMaxSizeExceed && onMaxSizeExceed(file);
           return false;
         }
+
         return true;
       }) || [];
+
       if (!fromAdapter) {
         event.target.value = '';
-      }
-      // 截断limit
+      } // 截断limit
+
+
       if (limit !== 0 && files.length + images.length > limit) {
         onLimitExceed && onLimitExceed(files);
         files.length = limit - images.length;
-      }
-      // 解析文件生成预览
+      } // 解析文件生成预览
+
+
       _es6Promise.Promise.all(files.map(function (file) {
         return parseFile(file);
       })).then(function (parseFiles) {
@@ -130,8 +146,8 @@
           };
         });
         cacheRef.current = [].concat(images, res);
-        onChange([].concat(cacheRef.current));
-        // 执行upload
+        onChange([].concat(cacheRef.current)); // 执行upload
+
         if (typeof upload === 'function') {
           files.forEach(function (_file) {
             upload(cacheRef.current.find(function (_ref) {
@@ -158,30 +174,36 @@
         }
       });
     };
+
     var handleDelete = function handleDelete(index) {
       onDeleteClick && onDeleteClick(index);
       onChange(images.filter(function (_i, j) {
         return j !== index;
       }));
-    };
+    }; // click && longPress
+
 
-    // click && longPress
     var timeOutEvent;
+
     var handleTouchStart = function handleTouchStart(e, image, index) {
       timeOutEvent = setTimeout(function () {
         timeOutEvent = 0;
         onLongPress == null ? void 0 : onLongPress(e, image, index);
       }, 750);
     };
+
     var handleClick = function handleClick(e, image, index) {
       clearTimeout(timeOutEvent);
+
       if (timeOutEvent !== 0) {
         onClick == null ? void 0 : onClick(e, image, index);
       }
     };
+
     var handleSelect = function handleSelect(e) {
       if (e.target !== fileRef.current) {
         var _fileRef$current;
+
         onSelectClick && onSelectClick();
         selectAdapter ? selectAdapter().then(function (_ref4) {
           var files = _ref4.files;
@@ -193,24 +215,29 @@
         }) : (_fileRef$current = fileRef.current) == null ? void 0 : _fileRef$current.click();
       }
     };
+
     var getGridData = function getGridData(prefixCls, locale) {
       var errorNode = function errorNode(index) {
         if (renderError) {
           return typeof renderError === 'function' ? renderError(index) : renderError;
         }
+
         return /*#__PURE__*/_react.default.createElement("div", {
           className: prefixCls + "-image-picker-error"
         }, /*#__PURE__*/_react.default.createElement("p", null, locale.ImagePicker.loadError));
       };
+
       var loadingNode = function loadingNode(index) {
         if (renderLoading) {
           return typeof renderLoading === 'function' ? renderLoading(index) : renderLoading;
         }
+
         return null;
       };
+
       var data = (limit && limit < images.length ? images.slice(0, limit) : images).map(function (image, index) {
         var url = image.url,
-          status = image.status;
+            status = image.status;
         return {
           img: /*#__PURE__*/_react.default.createElement("div", {
             key: index + "-" + url,
@@ -246,8 +273,10 @@
       });
       var showSelect = !hideSelect && images.length < (limit || Infinity);
       var disableSelect = disabled || alwaysShowSelect && !showSelect;
+
       if (showSelect || alwaysShowSelect) {
         var _cls;
+
         data.push({
           img: /*#__PURE__*/_react.default.createElement("div", {
             className: (0, _mobileUtils.cls)(prefixCls + "-image-picker-add", (_cls = {}, _cls[prefixCls + "-image-picker-add-disabled"] = disableSelect, _cls)),
@@ -269,13 +298,16 @@
           title: ''
         });
       }
+
       return data;
     };
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref5) {
       var _cls2;
+
       var prefixCls = _ref5.prefixCls,
-        _ref5$locale = _ref5.locale,
-        locale = _ref5$locale === void 0 ? _mobileUtils.defaultLocale : _ref5$locale;
+          _ref5$locale = _ref5.locale,
+          locale = _ref5$locale === void 0 ? _mobileUtils.defaultLocale : _ref5$locale;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-image-picker", className, (_cls2 = {}, _cls2[prefixCls + "-image-picker-disabled"] = disabled, _cls2)),
         style: style,
@@ -289,7 +321,6 @@
       })));
     });
   });
-
   /**
    * 图片选择器组件
    * @en ImagePicker Component
@@ -299,6 +330,8 @@
    * @name_en ImagePicker
    * @displayName ImagePicker
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(ImagePicker, 'ImagePicker');
+
   _exports.default = _default;
 });

package/umd/image-picker/style/css/index.d.ts

@@ -1,3 +1,4 @@
 import '../../../../style/css/public.css';
 import '../../../grid/style/css';
+import '../../../image/style/css';
 import './index.css';

package/umd/image-picker/style/css/index.js

@@ -1,15 +1,15 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["../../../../style/css/public.css", "../../../grid/style/css", "./index.css"], factory);
+    define(["../../../../style/css/public.css", "../../../grid/style/css", "../../../image/style/css", "./index.css"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(require("../../../../style/css/public.css"), require("../../../grid/style/css"), require("./index.css"));
+    factory(require("../../../../style/css/public.css"), require("../../../grid/style/css"), require("../../../image/style/css"), require("./index.css"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(global._public, global.style, global.index);
+    factory(global._public, global.style, global.style, global.index);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _index) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _index) {
   "use strict";
 });

package/umd/image-picker/style/index.d.ts

@@ -1,3 +1,4 @@
 import '../../../style/public.less';
 import '../../grid/style';
+import '../../image/style';
 import './index.less';