@opensumi/ide-components 3.8.3-next-1742180589.0 → 3.8.3-next-1742193440.0

package/dist/index.js

@@ -3915,6 +3915,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
 
 /***/ }),
 
+/***/ "./src/image/styles.less":
+/*!*******************************!*\
+  !*** ./src/image/styles.less ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://@opensumi/ide-components/./src/image/styles.less?");
+
+/***/ }),
+
 /***/ "./src/input/input-number.less":
 /*!*************************************!*\
   !*** ./src/input/input-number.less ***!
@@ -4646,6 +4657,303 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "../../node_modules/rc-image/es/Image.js":
+/*!***********************************************!*\
+  !*** ../../node_modules/rc-image/es/Image.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"../../node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ \"../../node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ \"../../node_modules/@babel/runtime/helpers/esm/typeof.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ \"../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var rc_util_es_Dom_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-util/es/Dom/css */ \"../../node_modules/rc-image/node_modules/rc-util/es/Dom/css.js\");\n/* harmony import */ var rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-util/es/hooks/useMergedState */ \"../../node_modules/rc-image/node_modules/rc-util/es/hooks/useMergedState.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _Preview__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Preview */ \"../../node_modules/rc-image/es/Preview.js\");\n/* harmony import */ var _PreviewGroup__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./PreviewGroup */ \"../../node_modules/rc-image/es/PreviewGroup.js\");\n/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./common */ \"../../node_modules/rc-image/es/common.js\");\n/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./context */ \"../../node_modules/rc-image/es/context.js\");\n/* harmony import */ var _hooks_useRegisterImage__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hooks/useRegisterImage */ \"../../node_modules/rc-image/es/hooks/useRegisterImage.js\");\n/* harmony import */ var _hooks_useStatus__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./hooks/useStatus */ \"../../node_modules/rc-image/es/hooks/useStatus.js\");\n\n\n\n\n\n\nvar _excluded = [\"src\", \"alt\", \"onPreviewClose\", \"prefixCls\", \"previewPrefixCls\", \"placeholder\", \"fallback\", \"width\", \"height\", \"style\", \"preview\", \"className\", \"onClick\", \"onError\", \"wrapperClassName\", \"wrapperStyle\", \"rootClassName\"],\n  _excluded2 = [\"src\", \"visible\", \"onVisibleChange\", \"getContainer\", \"mask\", \"maskClassName\", \"movable\", \"icons\", \"scaleStep\", \"minScale\", \"maxScale\", \"imageRender\", \"toolbarRender\"];\n\n\n\n\n\n\n\n\n\n\n\nvar ImageInternal = function ImageInternal(props) {\n  var imgSrc = props.src,\n    alt = props.alt,\n    onInitialPreviewClose = props.onPreviewClose,\n    _props$prefixCls = props.prefixCls,\n    prefixCls = _props$prefixCls === void 0 ? 'rc-image' : _props$prefixCls,\n    _props$previewPrefixC = props.previewPrefixCls,\n    previewPrefixCls = _props$previewPrefixC === void 0 ? \"\".concat(prefixCls, \"-preview\") : _props$previewPrefixC,\n    placeholder = props.placeholder,\n    fallback = props.fallback,\n    width = props.width,\n    height = props.height,\n    style = props.style,\n    _props$preview = props.preview,\n    preview = _props$preview === void 0 ? true : _props$preview,\n    className = props.className,\n    onClick = props.onClick,\n    onError = props.onError,\n    wrapperClassName = props.wrapperClassName,\n    wrapperStyle = props.wrapperStyle,\n    rootClassName = props.rootClassName,\n    otherProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(props, _excluded);\n  var isCustomPlaceholder = placeholder && placeholder !== true;\n  var _ref = (0,_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(preview) === 'object' ? preview : {},\n    previewSrc = _ref.src,\n    _ref$visible = _ref.visible,\n    previewVisible = _ref$visible === void 0 ? undefined : _ref$visible,\n    _ref$onVisibleChange = _ref.onVisibleChange,\n    onPreviewVisibleChange = _ref$onVisibleChange === void 0 ? onInitialPreviewClose : _ref$onVisibleChange,\n    _ref$getContainer = _ref.getContainer,\n    getPreviewContainer = _ref$getContainer === void 0 ? undefined : _ref$getContainer,\n    previewMask = _ref.mask,\n    maskClassName = _ref.maskClassName,\n    movable = _ref.movable,\n    icons = _ref.icons,\n    scaleStep = _ref.scaleStep,\n    minScale = _ref.minScale,\n    maxScale = _ref.maxScale,\n    imageRender = _ref.imageRender,\n    toolbarRender = _ref.toolbarRender,\n    dialogProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(_ref, _excluded2);\n  var src = previewSrc !== null && previewSrc !== void 0 ? previewSrc : imgSrc;\n  var _useMergedState = (0,rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(!!previewVisible, {\n      value: previewVisible,\n      onChange: onPreviewVisibleChange\n    }),\n    _useMergedState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useMergedState, 2),\n    isShowPreview = _useMergedState2[0],\n    setShowPreview = _useMergedState2[1];\n  var _useStatus = (0,_hooks_useStatus__WEBPACK_IMPORTED_MODULE_15__[\"default\"])({\n      src: imgSrc,\n      isCustomPlaceholder: isCustomPlaceholder,\n      fallback: fallback\n    }),\n    _useStatus2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useStatus, 3),\n    getImgRef = _useStatus2[0],\n    srcAndOnload = _useStatus2[1],\n    status = _useStatus2[2];\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(null),\n    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useState, 2),\n    mousePosition = _useState2[0],\n    setMousePosition = _useState2[1];\n  var groupContext = (0,react__WEBPACK_IMPORTED_MODULE_9__.useContext)(_context__WEBPACK_IMPORTED_MODULE_13__.PreviewGroupContext);\n  var canPreview = !!preview;\n  var onPreviewClose = function onPreviewClose() {\n    setShowPreview(false);\n    setMousePosition(null);\n  };\n  var wrapperClass = classnames__WEBPACK_IMPORTED_MODULE_6___default()(prefixCls, wrapperClassName, rootClassName, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({}, \"\".concat(prefixCls, \"-error\"), status === 'error'));\n\n  // ========================= ImageProps =========================\n  var imgCommonProps = (0,react__WEBPACK_IMPORTED_MODULE_9__.useMemo)(function () {\n    var obj = {};\n    _common__WEBPACK_IMPORTED_MODULE_12__.COMMON_PROPS.forEach(function (prop) {\n      if (props[prop] !== undefined) {\n        obj[prop] = props[prop];\n      }\n    });\n    return obj;\n  }, _common__WEBPACK_IMPORTED_MODULE_12__.COMMON_PROPS.map(function (prop) {\n    return props[prop];\n  }));\n\n  // ========================== Register ==========================\n  var registerData = (0,react__WEBPACK_IMPORTED_MODULE_9__.useMemo)(function () {\n    return (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, imgCommonProps), {}, {\n      src: src\n    });\n  }, [src, imgCommonProps]);\n  var imageId = (0,_hooks_useRegisterImage__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(canPreview, registerData);\n\n  // ========================== Preview ===========================\n  var onPreview = function onPreview(e) {\n    var _getOffset = (0,rc_util_es_Dom_css__WEBPACK_IMPORTED_MODULE_7__.getOffset)(e.target),\n      left = _getOffset.left,\n      top = _getOffset.top;\n    if (groupContext) {\n      groupContext.onPreview(imageId, src, left, top);\n    } else {\n      setMousePosition({\n        x: left,\n        y: top\n      });\n      setShowPreview(true);\n    }\n    onClick === null || onClick === void 0 || onClick(e);\n  };\n\n  // =========================== Render ===========================\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9__.createElement(react__WEBPACK_IMPORTED_MODULE_9__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9__.createElement(\"div\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, otherProps, {\n    className: wrapperClass,\n    onClick: canPreview ? onPreview : onClick,\n    style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      width: width,\n      height: height\n    }, wrapperStyle)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9__.createElement(\"img\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, imgCommonProps, {\n    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(\"\".concat(prefixCls, \"-img\"), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({}, \"\".concat(prefixCls, \"-img-placeholder\"), placeholder === true), className),\n    style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n      height: height\n    }, style),\n    ref: getImgRef\n  }, srcAndOnload, {\n    width: width,\n    height: height,\n    onError: onError\n  })), status === 'loading' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9__.createElement(\"div\", {\n    \"aria-hidden\": \"true\",\n    className: \"\".concat(prefixCls, \"-placeholder\")\n  }, placeholder), previewMask && canPreview && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9__.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(\"\".concat(prefixCls, \"-mask\"), maskClassName),\n    style: {\n      display: (style === null || style === void 0 ? void 0 : style.display) === 'none' ? 'none' : undefined\n    }\n  }, previewMask)), !groupContext && canPreview && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9__.createElement(_Preview__WEBPACK_IMPORTED_MODULE_10__[\"default\"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    \"aria-hidden\": !isShowPreview,\n    visible: isShowPreview,\n    prefixCls: previewPrefixCls,\n    onClose: onPreviewClose,\n    mousePosition: mousePosition,\n    src: src,\n    alt: alt,\n    imageInfo: {\n      width: width,\n      height: height\n    },\n    fallback: fallback,\n    getContainer: getPreviewContainer,\n    icons: icons,\n    movable: movable,\n    scaleStep: scaleStep,\n    minScale: minScale,\n    maxScale: maxScale,\n    rootClassName: rootClassName,\n    imageRender: imageRender,\n    imgCommonProps: imgCommonProps,\n    toolbarRender: toolbarRender\n  }, dialogProps)));\n};\nImageInternal.PreviewGroup = _PreviewGroup__WEBPACK_IMPORTED_MODULE_11__[\"default\"];\nif (true) {\n  ImageInternal.displayName = 'Image';\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ImageInternal);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/Image.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/Operations.js":
+/*!****************************************************!*\
+  !*** ../../node_modules/rc-image/es/Operations.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ \"../../node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _rc_component_portal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/portal */ \"../../node_modules/@rc-component/portal/es/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var rc_motion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-motion */ \"../../node_modules/rc-motion/es/index.js\");\n/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-util/es/KeyCode */ \"../../node_modules/rc-image/node_modules/rc-util/es/KeyCode.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ \"../../node_modules/rc-image/es/context.js\");\n\n\n\n\n\n\n\n\n\nvar Operations = function Operations(props) {\n  var visible = props.visible,\n    maskTransitionName = props.maskTransitionName,\n    getContainer = props.getContainer,\n    prefixCls = props.prefixCls,\n    rootClassName = props.rootClassName,\n    icons = props.icons,\n    countRender = props.countRender,\n    showSwitch = props.showSwitch,\n    showProgress = props.showProgress,\n    current = props.current,\n    transform = props.transform,\n    count = props.count,\n    scale = props.scale,\n    minScale = props.minScale,\n    maxScale = props.maxScale,\n    closeIcon = props.closeIcon,\n    onActive = props.onActive,\n    onClose = props.onClose,\n    onZoomIn = props.onZoomIn,\n    onZoomOut = props.onZoomOut,\n    onRotateRight = props.onRotateRight,\n    onRotateLeft = props.onRotateLeft,\n    onFlipX = props.onFlipX,\n    onFlipY = props.onFlipY,\n    onReset = props.onReset,\n    toolbarRender = props.toolbarRender,\n    zIndex = props.zIndex,\n    image = props.image;\n  var groupContext = (0,react__WEBPACK_IMPORTED_MODULE_6__.useContext)(_context__WEBPACK_IMPORTED_MODULE_7__.PreviewGroupContext);\n  var rotateLeft = icons.rotateLeft,\n    rotateRight = icons.rotateRight,\n    zoomIn = icons.zoomIn,\n    zoomOut = icons.zoomOut,\n    close = icons.close,\n    left = icons.left,\n    right = icons.right,\n    flipX = icons.flipX,\n    flipY = icons.flipY;\n  var toolClassName = \"\".concat(prefixCls, \"-operations-operation\");\n  react__WEBPACK_IMPORTED_MODULE_6__.useEffect(function () {\n    var onKeyDown = function onKeyDown(e) {\n      if (e.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_5__[\"default\"].ESC) {\n        onClose();\n      }\n    };\n    if (visible) {\n      window.addEventListener('keydown', onKeyDown);\n    }\n    return function () {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [visible]);\n  var handleActive = function handleActive(e, offset) {\n    e.preventDefault();\n    e.stopPropagation();\n    onActive(offset);\n  };\n  var renderOperation = react__WEBPACK_IMPORTED_MODULE_6__.useCallback(function (_ref) {\n    var type = _ref.type,\n      disabled = _ref.disabled,\n      onClick = _ref.onClick,\n      icon = _ref.icon;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(\"div\", {\n      key: type,\n      className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(toolClassName, \"\".concat(prefixCls, \"-operations-operation-\").concat(type), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, \"\".concat(prefixCls, \"-operations-operation-disabled\"), !!disabled)),\n      onClick: onClick\n    }, icon);\n  }, [toolClassName, prefixCls]);\n  var switchPrevNode = showSwitch ? renderOperation({\n    icon: left,\n    onClick: function onClick(e) {\n      return handleActive(e, -1);\n    },\n    type: 'prev',\n    disabled: current === 0\n  }) : undefined;\n  var switchNextNode = showSwitch ? renderOperation({\n    icon: right,\n    onClick: function onClick(e) {\n      return handleActive(e, 1);\n    },\n    type: 'next',\n    disabled: current === count - 1\n  }) : undefined;\n  var flipYNode = renderOperation({\n    icon: flipY,\n    onClick: onFlipY,\n    type: 'flipY'\n  });\n  var flipXNode = renderOperation({\n    icon: flipX,\n    onClick: onFlipX,\n    type: 'flipX'\n  });\n  var rotateLeftNode = renderOperation({\n    icon: rotateLeft,\n    onClick: onRotateLeft,\n    type: 'rotateLeft'\n  });\n  var rotateRightNode = renderOperation({\n    icon: rotateRight,\n    onClick: onRotateRight,\n    type: 'rotateRight'\n  });\n  var zoomOutNode = renderOperation({\n    icon: zoomOut,\n    onClick: onZoomOut,\n    type: 'zoomOut',\n    disabled: scale <= minScale\n  });\n  var zoomInNode = renderOperation({\n    icon: zoomIn,\n    onClick: onZoomIn,\n    type: 'zoomIn',\n    disabled: scale === maxScale\n  });\n  var toolbarNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-operations\")\n  }, flipYNode, flipXNode, rotateLeftNode, rotateRightNode, zoomOutNode, zoomInNode);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(rc_motion__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    visible: visible,\n    motionName: maskTransitionName\n  }, function (_ref2) {\n    var className = _ref2.className,\n      style = _ref2.style;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_rc_component_portal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      open: true,\n      getContainer: getContainer !== null && getContainer !== void 0 ? getContainer : document.body\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(\"\".concat(prefixCls, \"-operations-wrapper\"), className, rootClassName),\n      style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, style), {}, {\n        zIndex: zIndex\n      })\n    }, closeIcon === null ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(\"button\", {\n      className: \"\".concat(prefixCls, \"-close\"),\n      onClick: onClose\n    }, closeIcon || close), showSwitch && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(react__WEBPACK_IMPORTED_MODULE_6__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(\"\".concat(prefixCls, \"-switch-left\"), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, \"\".concat(prefixCls, \"-switch-left-disabled\"), current === 0)),\n      onClick: function onClick(e) {\n        return handleActive(e, -1);\n      }\n    }, left), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(\"\".concat(prefixCls, \"-switch-right\"), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, \"\".concat(prefixCls, \"-switch-right-disabled\"), current === count - 1)),\n      onClick: function onClick(e) {\n        return handleActive(e, 1);\n      }\n    }, right)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-footer\")\n    }, showProgress && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(\"div\", {\n      className: \"\".concat(prefixCls, \"-progress\")\n    }, countRender ? countRender(current + 1, count) : \"\".concat(current + 1, \" / \").concat(count)), toolbarRender ? toolbarRender(toolbarNode, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n      icons: {\n        prevIcon: switchPrevNode,\n        nextIcon: switchNextNode,\n        flipYIcon: flipYNode,\n        flipXIcon: flipXNode,\n        rotateLeftIcon: rotateLeftNode,\n        rotateRightIcon: rotateRightNode,\n        zoomOutIcon: zoomOutNode,\n        zoomInIcon: zoomInNode\n      },\n      actions: {\n        onActive: onActive,\n        onFlipY: onFlipY,\n        onFlipX: onFlipX,\n        onRotateLeft: onRotateLeft,\n        onRotateRight: onRotateRight,\n        onZoomOut: onZoomOut,\n        onZoomIn: onZoomIn,\n        onReset: onReset,\n        onClose: onClose\n      },\n      transform: transform\n    }, groupContext ? {\n      current: current,\n      total: count\n    } : {}), {}, {\n      image: image\n    })) : toolbarNode)));\n  });\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Operations);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/Operations.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/Preview.js":
+/*!*************************************************!*\
+  !*** ../../node_modules/rc-image/es/Preview.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ \"../../node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"../../node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ \"../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"../../node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var rc_dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-dialog */ \"../../node_modules/rc-dialog/es/index.js\");\n/* harmony import */ var rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-util/es/Dom/addEventListener */ \"../../node_modules/rc-image/node_modules/rc-util/es/Dom/addEventListener.js\");\n/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-util/es/KeyCode */ \"../../node_modules/rc-image/node_modules/rc-util/es/KeyCode.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _Operations__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Operations */ \"../../node_modules/rc-image/es/Operations.js\");\n/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./context */ \"../../node_modules/rc-image/es/context.js\");\n/* harmony import */ var _hooks_useImageTransform__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hooks/useImageTransform */ \"../../node_modules/rc-image/es/hooks/useImageTransform.js\");\n/* harmony import */ var _hooks_useMouseEvent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hooks/useMouseEvent */ \"../../node_modules/rc-image/es/hooks/useMouseEvent.js\");\n/* harmony import */ var _hooks_useStatus__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hooks/useStatus */ \"../../node_modules/rc-image/es/hooks/useStatus.js\");\n/* harmony import */ var _hooks_useTouchEvent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./hooks/useTouchEvent */ \"../../node_modules/rc-image/es/hooks/useTouchEvent.js\");\n/* harmony import */ var _previewConfig__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./previewConfig */ \"../../node_modules/rc-image/es/previewConfig.js\");\n\n\n\n\n\nvar _excluded = [\"fallback\", \"src\", \"imgRef\"],\n  _excluded2 = [\"prefixCls\", \"src\", \"alt\", \"imageInfo\", \"fallback\", \"movable\", \"onClose\", \"visible\", \"icons\", \"rootClassName\", \"closeIcon\", \"getContainer\", \"current\", \"count\", \"countRender\", \"scaleStep\", \"minScale\", \"maxScale\", \"transitionName\", \"maskTransitionName\", \"imageRender\", \"imgCommonProps\", \"toolbarRender\", \"onTransform\", \"onChange\"];\n\n\n\n\n\n\n\n\n\n\n\n\nvar PreviewImage = function PreviewImage(_ref) {\n  var fallback = _ref.fallback,\n    src = _ref.src,\n    imgRef = _ref.imgRef,\n    props = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(_ref, _excluded);\n  var _useStatus = (0,_hooks_useStatus__WEBPACK_IMPORTED_MODULE_14__[\"default\"])({\n      src: src,\n      fallback: fallback\n    }),\n    _useStatus2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useStatus, 2),\n    getImgRef = _useStatus2[0],\n    srcAndOnload = _useStatus2[1];\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(\"img\", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({\n    ref: function ref(_ref2) {\n      imgRef.current = _ref2;\n      getImgRef(_ref2);\n    }\n  }, props, srcAndOnload));\n};\nvar Preview = function Preview(props) {\n  var prefixCls = props.prefixCls,\n    src = props.src,\n    alt = props.alt,\n    imageInfo = props.imageInfo,\n    fallback = props.fallback,\n    _props$movable = props.movable,\n    movable = _props$movable === void 0 ? true : _props$movable,\n    onClose = props.onClose,\n    visible = props.visible,\n    _props$icons = props.icons,\n    icons = _props$icons === void 0 ? {} : _props$icons,\n    rootClassName = props.rootClassName,\n    closeIcon = props.closeIcon,\n    getContainer = props.getContainer,\n    _props$current = props.current,\n    current = _props$current === void 0 ? 0 : _props$current,\n    _props$count = props.count,\n    count = _props$count === void 0 ? 1 : _props$count,\n    countRender = props.countRender,\n    _props$scaleStep = props.scaleStep,\n    scaleStep = _props$scaleStep === void 0 ? 0.5 : _props$scaleStep,\n    _props$minScale = props.minScale,\n    minScale = _props$minScale === void 0 ? 1 : _props$minScale,\n    _props$maxScale = props.maxScale,\n    maxScale = _props$maxScale === void 0 ? 50 : _props$maxScale,\n    _props$transitionName = props.transitionName,\n    transitionName = _props$transitionName === void 0 ? 'zoom' : _props$transitionName,\n    _props$maskTransition = props.maskTransitionName,\n    maskTransitionName = _props$maskTransition === void 0 ? 'fade' : _props$maskTransition,\n    imageRender = props.imageRender,\n    imgCommonProps = props.imgCommonProps,\n    toolbarRender = props.toolbarRender,\n    onTransform = props.onTransform,\n    onChange = props.onChange,\n    restProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(props, _excluded2);\n  var imgRef = (0,react__WEBPACK_IMPORTED_MODULE_9__.useRef)();\n  var groupContext = (0,react__WEBPACK_IMPORTED_MODULE_9__.useContext)(_context__WEBPACK_IMPORTED_MODULE_11__.PreviewGroupContext);\n  var showLeftOrRightSwitches = groupContext && count > 1;\n  var showOperationsProgress = groupContext && count >= 1;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(true),\n    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useState, 2),\n    enableTransition = _useState2[0],\n    setEnableTransition = _useState2[1];\n  var _useImageTransform = (0,_hooks_useImageTransform__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(imgRef, minScale, maxScale, onTransform),\n    transform = _useImageTransform.transform,\n    resetTransform = _useImageTransform.resetTransform,\n    updateTransform = _useImageTransform.updateTransform,\n    dispatchZoomChange = _useImageTransform.dispatchZoomChange;\n  var _useMouseEvent = (0,_hooks_useMouseEvent__WEBPACK_IMPORTED_MODULE_13__[\"default\"])(imgRef, movable, visible, scaleStep, transform, updateTransform, dispatchZoomChange),\n    isMoving = _useMouseEvent.isMoving,\n    onMouseDown = _useMouseEvent.onMouseDown,\n    onWheel = _useMouseEvent.onWheel;\n  var _useTouchEvent = (0,_hooks_useTouchEvent__WEBPACK_IMPORTED_MODULE_15__[\"default\"])(imgRef, movable, visible, minScale, transform, updateTransform, dispatchZoomChange),\n    isTouching = _useTouchEvent.isTouching,\n    onTouchStart = _useTouchEvent.onTouchStart,\n    onTouchMove = _useTouchEvent.onTouchMove,\n    onTouchEnd = _useTouchEvent.onTouchEnd;\n  var rotate = transform.rotate,\n    scale = transform.scale;\n  var wrapClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()((0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, \"\".concat(prefixCls, \"-moving\"), isMoving));\n  (0,react__WEBPACK_IMPORTED_MODULE_9__.useEffect)(function () {\n    if (!enableTransition) {\n      setEnableTransition(true);\n    }\n  }, [enableTransition]);\n  var onAfterClose = function onAfterClose() {\n    resetTransform('close');\n  };\n  var onZoomIn = function onZoomIn() {\n    dispatchZoomChange(_previewConfig__WEBPACK_IMPORTED_MODULE_16__.BASE_SCALE_RATIO + scaleStep, 'zoomIn');\n  };\n  var onZoomOut = function onZoomOut() {\n    dispatchZoomChange(_previewConfig__WEBPACK_IMPORTED_MODULE_16__.BASE_SCALE_RATIO / (_previewConfig__WEBPACK_IMPORTED_MODULE_16__.BASE_SCALE_RATIO + scaleStep), 'zoomOut');\n  };\n  var onRotateRight = function onRotateRight() {\n    updateTransform({\n      rotate: rotate + 90\n    }, 'rotateRight');\n  };\n  var onRotateLeft = function onRotateLeft() {\n    updateTransform({\n      rotate: rotate - 90\n    }, 'rotateLeft');\n  };\n  var onFlipX = function onFlipX() {\n    updateTransform({\n      flipX: !transform.flipX\n    }, 'flipX');\n  };\n  var onFlipY = function onFlipY() {\n    updateTransform({\n      flipY: !transform.flipY\n    }, 'flipY');\n  };\n  var onReset = function onReset() {\n    resetTransform('reset');\n  };\n  var onActive = function onActive(offset) {\n    var position = current + offset;\n    if (!Number.isInteger(position) || position < 0 || position > count - 1) {\n      return;\n    }\n    setEnableTransition(false);\n    resetTransform(offset < 0 ? 'prev' : 'next');\n    onChange === null || onChange === void 0 || onChange(position, current);\n  };\n  var onKeyDown = function onKeyDown(event) {\n    if (!visible || !showLeftOrRightSwitches) return;\n    if (event.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_8__[\"default\"].LEFT) {\n      onActive(-1);\n    } else if (event.keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_8__[\"default\"].RIGHT) {\n      onActive(1);\n    }\n  };\n  var onDoubleClick = function onDoubleClick(event) {\n    if (visible) {\n      if (scale !== 1) {\n        updateTransform({\n          x: 0,\n          y: 0,\n          scale: 1\n        }, 'doubleClick');\n      } else {\n        dispatchZoomChange(_previewConfig__WEBPACK_IMPORTED_MODULE_16__.BASE_SCALE_RATIO + scaleStep, 'doubleClick', event.clientX, event.clientY);\n      }\n    }\n  };\n  (0,react__WEBPACK_IMPORTED_MODULE_9__.useEffect)(function () {\n    var onKeyDownListener = (0,rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(window, 'keydown', onKeyDown, false);\n    return function () {\n      onKeyDownListener.remove();\n    };\n  }, [visible, showLeftOrRightSwitches, current]);\n  var imgNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(PreviewImage, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({}, imgCommonProps, {\n    width: props.width,\n    height: props.height,\n    imgRef: imgRef,\n    className: \"\".concat(prefixCls, \"-img\"),\n    alt: alt,\n    style: {\n      transform: \"translate3d(\".concat(transform.x, \"px, \").concat(transform.y, \"px, 0) scale3d(\").concat(transform.flipX ? '-' : '').concat(scale, \", \").concat(transform.flipY ? '-' : '').concat(scale, \", 1) rotate(\").concat(rotate, \"deg)\"),\n      transitionDuration: (!enableTransition || isTouching) && '0s'\n    },\n    fallback: fallback,\n    src: src,\n    onWheel: onWheel,\n    onMouseDown: onMouseDown,\n    onDoubleClick: onDoubleClick,\n    onTouchStart: onTouchStart,\n    onTouchMove: onTouchMove,\n    onTouchEnd: onTouchEnd,\n    onTouchCancel: onTouchEnd\n  }));\n  var image = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    url: src,\n    alt: alt\n  }, imageInfo);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement((react__WEBPACK_IMPORTED_MODULE_9___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(rc_dialog__WEBPACK_IMPORTED_MODULE_6__[\"default\"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({\n    transitionName: transitionName,\n    maskTransitionName: maskTransitionName,\n    closable: false,\n    keyboard: true,\n    prefixCls: prefixCls,\n    onClose: onClose,\n    visible: visible,\n    classNames: {\n      wrapper: wrapClassName\n    },\n    rootClassName: rootClassName,\n    getContainer: getContainer\n  }, restProps, {\n    afterClose: onAfterClose\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(\"div\", {\n    className: \"\".concat(prefixCls, \"-img-wrapper\")\n  }, imageRender ? imageRender(imgNode, (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    transform: transform,\n    image: image\n  }, groupContext ? {\n    current: current\n  } : {})) : imgNode)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_Operations__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    visible: visible,\n    transform: transform,\n    maskTransitionName: maskTransitionName,\n    closeIcon: closeIcon,\n    getContainer: getContainer,\n    prefixCls: prefixCls,\n    rootClassName: rootClassName,\n    icons: icons,\n    countRender: countRender,\n    showSwitch: showLeftOrRightSwitches,\n    showProgress: showOperationsProgress,\n    current: current,\n    count: count,\n    scale: scale,\n    minScale: minScale,\n    maxScale: maxScale,\n    toolbarRender: toolbarRender,\n    onActive: onActive,\n    onZoomIn: onZoomIn,\n    onZoomOut: onZoomOut,\n    onRotateRight: onRotateRight,\n    onRotateLeft: onRotateLeft,\n    onFlipX: onFlipX,\n    onFlipY: onFlipY,\n    onClose: onClose,\n    onReset: onReset,\n    zIndex: restProps.zIndex !== undefined ? restProps.zIndex + 1 : undefined,\n    image: image\n  }));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Preview);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/Preview.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/PreviewGroup.js":
+/*!******************************************************!*\
+  !*** ../../node_modules/rc-image/es/PreviewGroup.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"../../node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ \"../../node_modules/@babel/runtime/helpers/esm/typeof.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ \"../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\");\n/* harmony import */ var rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-util/es/hooks/useMergedState */ \"../../node_modules/rc-image/node_modules/rc-util/es/hooks/useMergedState.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _Preview__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Preview */ \"../../node_modules/rc-image/es/Preview.js\");\n/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ \"../../node_modules/rc-image/es/context.js\");\n/* harmony import */ var _hooks_usePreviewItems__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks/usePreviewItems */ \"../../node_modules/rc-image/es/hooks/usePreviewItems.js\");\n\n\n\n\nvar _excluded = [\"visible\", \"onVisibleChange\", \"getContainer\", \"current\", \"movable\", \"minScale\", \"maxScale\", \"countRender\", \"closeIcon\", \"onChange\", \"onTransform\", \"toolbarRender\", \"imageRender\"],\n  _excluded2 = [\"src\"];\n\n\n\n\n\n\nvar Group = function Group(_ref) {\n  var _mergedItems$current;\n  var _ref$previewPrefixCls = _ref.previewPrefixCls,\n    previewPrefixCls = _ref$previewPrefixCls === void 0 ? 'rc-image-preview' : _ref$previewPrefixCls,\n    children = _ref.children,\n    _ref$icons = _ref.icons,\n    icons = _ref$icons === void 0 ? {} : _ref$icons,\n    items = _ref.items,\n    preview = _ref.preview,\n    fallback = _ref.fallback;\n  var _ref2 = (0,_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(preview) === 'object' ? preview : {},\n    previewVisible = _ref2.visible,\n    onVisibleChange = _ref2.onVisibleChange,\n    getContainer = _ref2.getContainer,\n    currentIndex = _ref2.current,\n    movable = _ref2.movable,\n    minScale = _ref2.minScale,\n    maxScale = _ref2.maxScale,\n    countRender = _ref2.countRender,\n    closeIcon = _ref2.closeIcon,\n    onChange = _ref2.onChange,\n    onTransform = _ref2.onTransform,\n    toolbarRender = _ref2.toolbarRender,\n    imageRender = _ref2.imageRender,\n    dialogProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_ref2, _excluded);\n\n  // ========================== Items ===========================\n  var _usePreviewItems = (0,_hooks_usePreviewItems__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(items),\n    _usePreviewItems2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_usePreviewItems, 3),\n    mergedItems = _usePreviewItems2[0],\n    register = _usePreviewItems2[1],\n    fromItems = _usePreviewItems2[2];\n\n  // ========================= Preview ==========================\n  // >>> Index\n  var _useMergedState = (0,rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(0, {\n      value: currentIndex\n    }),\n    _useMergedState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useMergedState, 2),\n    current = _useMergedState2[0],\n    setCurrent = _useMergedState2[1];\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(false),\n    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState, 2),\n    keepOpenIndex = _useState2[0],\n    setKeepOpenIndex = _useState2[1];\n\n  // >>> Image\n  var _ref3 = ((_mergedItems$current = mergedItems[current]) === null || _mergedItems$current === void 0 ? void 0 : _mergedItems$current.data) || {},\n    src = _ref3.src,\n    imgCommonProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_ref3, _excluded2);\n  // >>> Visible\n  var _useMergedState3 = (0,rc_util_es_hooks_useMergedState__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(!!previewVisible, {\n      value: previewVisible,\n      onChange: function onChange(val, prevVal) {\n        onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(val, prevVal, current);\n      }\n    }),\n    _useMergedState4 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useMergedState3, 2),\n    isShowPreview = _useMergedState4[0],\n    setShowPreview = _useMergedState4[1];\n\n  // >>> Position\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(null),\n    _useState4 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState3, 2),\n    mousePosition = _useState4[0],\n    setMousePosition = _useState4[1];\n  var onPreviewFromImage = react__WEBPACK_IMPORTED_MODULE_5__.useCallback(function (id, imageSrc, mouseX, mouseY) {\n    var index = fromItems ? mergedItems.findIndex(function (item) {\n      return item.data.src === imageSrc;\n    }) : mergedItems.findIndex(function (item) {\n      return item.id === id;\n    });\n    setCurrent(index < 0 ? 0 : index);\n    setShowPreview(true);\n    setMousePosition({\n      x: mouseX,\n      y: mouseY\n    });\n    setKeepOpenIndex(true);\n  }, [mergedItems, fromItems]);\n\n  // Reset current when reopen\n  react__WEBPACK_IMPORTED_MODULE_5__.useEffect(function () {\n    if (isShowPreview) {\n      if (!keepOpenIndex) {\n        setCurrent(0);\n      }\n    } else {\n      setKeepOpenIndex(false);\n    }\n  }, [isShowPreview]);\n\n  // ========================== Events ==========================\n  var onInternalChange = function onInternalChange(next, prev) {\n    setCurrent(next);\n    onChange === null || onChange === void 0 || onChange(next, prev);\n  };\n  var onPreviewClose = function onPreviewClose() {\n    setShowPreview(false);\n    setMousePosition(null);\n  };\n\n  // ========================= Context ==========================\n  var previewGroupContext = react__WEBPACK_IMPORTED_MODULE_5__.useMemo(function () {\n    return {\n      register: register,\n      onPreview: onPreviewFromImage\n    };\n  }, [register, onPreviewFromImage]);\n\n  // ========================== Render ==========================\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.createElement(_context__WEBPACK_IMPORTED_MODULE_7__.PreviewGroupContext.Provider, {\n    value: previewGroupContext\n  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.createElement(_Preview__WEBPACK_IMPORTED_MODULE_6__[\"default\"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    \"aria-hidden\": !isShowPreview,\n    movable: movable,\n    visible: isShowPreview,\n    prefixCls: previewPrefixCls,\n    closeIcon: closeIcon,\n    onClose: onPreviewClose,\n    mousePosition: mousePosition,\n    imgCommonProps: imgCommonProps,\n    src: src,\n    fallback: fallback,\n    icons: icons,\n    minScale: minScale,\n    maxScale: maxScale,\n    getContainer: getContainer,\n    current: current,\n    count: mergedItems.length,\n    countRender: countRender,\n    onTransform: onTransform,\n    toolbarRender: toolbarRender,\n    imageRender: imageRender,\n    onChange: onInternalChange\n  }, dialogProps)));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Group);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/PreviewGroup.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/common.js":
+/*!************************************************!*\
+  !*** ../../node_modules/rc-image/es/common.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   COMMON_PROPS: () => (/* binding */ COMMON_PROPS)\n/* harmony export */ });\nvar COMMON_PROPS = ['crossOrigin', 'decoding', 'draggable', 'loading', 'referrerPolicy', 'sizes', 'srcSet', 'useMap', 'alt'];\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/common.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/context.js":
+/*!*************************************************!*\
+  !*** ../../node_modules/rc-image/es/context.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PreviewGroupContext: () => (/* binding */ PreviewGroupContext)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\nvar PreviewGroupContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext(null);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/context.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/getFixScaleEleTransPosition.js":
+/*!*********************************************************************!*\
+  !*** ../../node_modules/rc-image/es/getFixScaleEleTransPosition.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ getFixScaleEleTransPosition)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ \"../../node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var rc_util_es_Dom_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-util/es/Dom/css */ \"../../node_modules/rc-image/node_modules/rc-util/es/Dom/css.js\");\n\n\n\nfunction fixPoint(key, start, width, clientWidth) {\n  var startAddWidth = start + width;\n  var offsetStart = (width - clientWidth) / 2;\n  if (width > clientWidth) {\n    if (start > 0) {\n      return (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, key, offsetStart);\n    }\n    if (start < 0 && startAddWidth < clientWidth) {\n      return (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, key, -offsetStart);\n    }\n  } else if (start < 0 || startAddWidth > clientWidth) {\n    return (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, key, start < 0 ? offsetStart : -offsetStart);\n  }\n  return {};\n}\n\n/**\n * Fix positon x,y point when\n *\n * Ele width && height < client\n * - Back origin\n *\n * - Ele width | height > clientWidth | clientHeight\n * - left | top > 0 -> Back 0\n * - left | top + width | height < clientWidth | clientHeight -> Back left | top + width | height === clientWidth | clientHeight\n *\n * Regardless of other\n */\nfunction getFixScaleEleTransPosition(width, height, left, top) {\n  var _getClientSize = (0,rc_util_es_Dom_css__WEBPACK_IMPORTED_MODULE_2__.getClientSize)(),\n    clientWidth = _getClientSize.width,\n    clientHeight = _getClientSize.height;\n  var fixPos = null;\n  if (width <= clientWidth && height <= clientHeight) {\n    fixPos = {\n      x: 0,\n      y: 0\n    };\n  } else if (width > clientWidth || height > clientHeight) {\n    fixPos = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, fixPoint('x', left, width, clientWidth)), fixPoint('y', top, height, clientHeight));\n  }\n  return fixPos;\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/getFixScaleEleTransPosition.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/hooks/useImageTransform.js":
+/*!*****************************************************************!*\
+  !*** ../../node_modules/rc-image/es/hooks/useImageTransform.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useImageTransform)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var rc_util_es_Dom_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-util/es/Dom/css */ \"../../node_modules/rc-image/node_modules/rc-util/es/Dom/css.js\");\n/* harmony import */ var rc_util_es_isEqual__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/es/isEqual */ \"../../node_modules/rc-image/node_modules/rc-util/es/isEqual.js\");\n/* harmony import */ var rc_util_es_raf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-util/es/raf */ \"../../node_modules/rc-image/node_modules/rc-util/es/raf.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n\n\n\n\n\n\nvar initialTransform = {\n  x: 0,\n  y: 0,\n  rotate: 0,\n  scale: 1,\n  flipX: false,\n  flipY: false\n};\nfunction useImageTransform(imgRef, minScale, maxScale, onTransform) {\n  var frame = (0,react__WEBPACK_IMPORTED_MODULE_5__.useRef)(null);\n  var queue = (0,react__WEBPACK_IMPORTED_MODULE_5__.useRef)([]);\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(initialTransform),\n    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState, 2),\n    transform = _useState2[0],\n    setTransform = _useState2[1];\n  var resetTransform = function resetTransform(action) {\n    setTransform(initialTransform);\n    if (!(0,rc_util_es_isEqual__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(initialTransform, transform)) {\n      onTransform === null || onTransform === void 0 || onTransform({\n        transform: initialTransform,\n        action: action\n      });\n    }\n  };\n\n  /** Direct update transform */\n  var updateTransform = function updateTransform(newTransform, action) {\n    if (frame.current === null) {\n      queue.current = [];\n      frame.current = (0,rc_util_es_raf__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(function () {\n        setTransform(function (preState) {\n          var memoState = preState;\n          queue.current.forEach(function (queueState) {\n            memoState = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, memoState), queueState);\n          });\n          frame.current = null;\n          onTransform === null || onTransform === void 0 || onTransform({\n            transform: memoState,\n            action: action\n          });\n          return memoState;\n        });\n      });\n    }\n    queue.current.push((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, transform), newTransform));\n  };\n\n  /** Scale according to the position of centerX and centerY */\n  var dispatchZoomChange = function dispatchZoomChange(ratio, action, centerX, centerY, isTouch) {\n    var _imgRef$current = imgRef.current,\n      width = _imgRef$current.width,\n      height = _imgRef$current.height,\n      offsetWidth = _imgRef$current.offsetWidth,\n      offsetHeight = _imgRef$current.offsetHeight,\n      offsetLeft = _imgRef$current.offsetLeft,\n      offsetTop = _imgRef$current.offsetTop;\n    var newRatio = ratio;\n    var newScale = transform.scale * ratio;\n    if (newScale > maxScale) {\n      newScale = maxScale;\n      newRatio = maxScale / transform.scale;\n    } else if (newScale < minScale) {\n      // For mobile interactions, allow scaling down to the minimum scale.\n      newScale = isTouch ? newScale : minScale;\n      newRatio = newScale / transform.scale;\n    }\n\n    /** Default center point scaling */\n    var mergedCenterX = centerX !== null && centerX !== void 0 ? centerX : innerWidth / 2;\n    var mergedCenterY = centerY !== null && centerY !== void 0 ? centerY : innerHeight / 2;\n    var diffRatio = newRatio - 1;\n    /** Deviation calculated from image size */\n    var diffImgX = diffRatio * width * 0.5;\n    var diffImgY = diffRatio * height * 0.5;\n    /** The difference between the click position and the edge of the document */\n    var diffOffsetLeft = diffRatio * (mergedCenterX - transform.x - offsetLeft);\n    var diffOffsetTop = diffRatio * (mergedCenterY - transform.y - offsetTop);\n    /** Final positioning */\n    var newX = transform.x - (diffOffsetLeft - diffImgX);\n    var newY = transform.y - (diffOffsetTop - diffImgY);\n\n    /**\n     * When zooming the image\n     * When the image size is smaller than the width and height of the window, the position is initialized\n     */\n    if (ratio < 1 && newScale === 1) {\n      var mergedWidth = offsetWidth * newScale;\n      var mergedHeight = offsetHeight * newScale;\n      var _getClientSize = (0,rc_util_es_Dom_css__WEBPACK_IMPORTED_MODULE_2__.getClientSize)(),\n        clientWidth = _getClientSize.width,\n        clientHeight = _getClientSize.height;\n      if (mergedWidth <= clientWidth && mergedHeight <= clientHeight) {\n        newX = 0;\n        newY = 0;\n      }\n    }\n    updateTransform({\n      x: newX,\n      y: newY,\n      scale: newScale\n    }, action);\n  };\n  return {\n    transform: transform,\n    resetTransform: resetTransform,\n    updateTransform: updateTransform,\n    dispatchZoomChange: dispatchZoomChange\n  };\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/hooks/useImageTransform.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/hooks/useMouseEvent.js":
+/*!*************************************************************!*\
+  !*** ../../node_modules/rc-image/es/hooks/useMouseEvent.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useMouseEvent)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-util/es/Dom/addEventListener */ \"../../node_modules/rc-image/node_modules/rc-util/es/Dom/addEventListener.js\");\n/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/es/warning */ \"../../node_modules/rc-image/node_modules/rc-util/es/warning.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _getFixScaleEleTransPosition__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../getFixScaleEleTransPosition */ \"../../node_modules/rc-image/es/getFixScaleEleTransPosition.js\");\n/* harmony import */ var _previewConfig__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../previewConfig */ \"../../node_modules/rc-image/es/previewConfig.js\");\n\n\n\n\n\n\n\nfunction useMouseEvent(imgRef, movable, visible, scaleStep, transform, updateTransform, dispatchZoomChange) {\n  var rotate = transform.rotate,\n    scale = transform.scale,\n    x = transform.x,\n    y = transform.y;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(false),\n    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState, 2),\n    isMoving = _useState2[0],\n    setMoving = _useState2[1];\n  var startPositionInfo = (0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)({\n    diffX: 0,\n    diffY: 0,\n    transformX: 0,\n    transformY: 0\n  });\n  var onMouseDown = function onMouseDown(event) {\n    // Only allow main button\n    if (!movable || event.button !== 0) return;\n    event.preventDefault();\n    event.stopPropagation();\n    startPositionInfo.current = {\n      diffX: event.pageX - x,\n      diffY: event.pageY - y,\n      transformX: x,\n      transformY: y\n    };\n    setMoving(true);\n  };\n  var onMouseMove = function onMouseMove(event) {\n    if (visible && isMoving) {\n      updateTransform({\n        x: event.pageX - startPositionInfo.current.diffX,\n        y: event.pageY - startPositionInfo.current.diffY\n      }, 'move');\n    }\n  };\n  var onMouseUp = function onMouseUp() {\n    if (visible && isMoving) {\n      setMoving(false);\n\n      /** No need to restore the position when the picture is not moved, So as not to interfere with the click */\n      var _startPositionInfo$cu = startPositionInfo.current,\n        transformX = _startPositionInfo$cu.transformX,\n        transformY = _startPositionInfo$cu.transformY;\n      var hasChangedPosition = x !== transformX && y !== transformY;\n      if (!hasChangedPosition) return;\n      var width = imgRef.current.offsetWidth * scale;\n      var height = imgRef.current.offsetHeight * scale;\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      var _imgRef$current$getBo = imgRef.current.getBoundingClientRect(),\n        left = _imgRef$current$getBo.left,\n        top = _imgRef$current$getBo.top;\n      var isRotate = rotate % 180 !== 0;\n      var fixState = (0,_getFixScaleEleTransPosition__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(isRotate ? height : width, isRotate ? width : height, left, top);\n      if (fixState) {\n        updateTransform((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, fixState), 'dragRebound');\n      }\n    }\n  };\n  var onWheel = function onWheel(event) {\n    if (!visible || event.deltaY == 0) return;\n    // Scale ratio depends on the deltaY size\n    var scaleRatio = Math.abs(event.deltaY / 100);\n    // Limit the maximum scale ratio\n    var mergedScaleRatio = Math.min(scaleRatio, _previewConfig__WEBPACK_IMPORTED_MODULE_6__.WHEEL_MAX_SCALE_RATIO);\n    // Scale the ratio each time\n    var ratio = _previewConfig__WEBPACK_IMPORTED_MODULE_6__.BASE_SCALE_RATIO + mergedScaleRatio * scaleStep;\n    if (event.deltaY > 0) {\n      ratio = _previewConfig__WEBPACK_IMPORTED_MODULE_6__.BASE_SCALE_RATIO / ratio;\n    }\n    dispatchZoomChange(ratio, 'wheel', event.clientX, event.clientY);\n  };\n  (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(function () {\n    var onTopMouseUpListener;\n    var onTopMouseMoveListener;\n    var onMouseUpListener;\n    var onMouseMoveListener;\n    if (movable) {\n      onMouseUpListener = (0,rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(window, 'mouseup', onMouseUp, false);\n      onMouseMoveListener = (0,rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(window, 'mousemove', onMouseMove, false);\n      try {\n        // Resolve if in iframe lost event\n        /* istanbul ignore next */\n        if (window.top !== window.self) {\n          onTopMouseUpListener = (0,rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(window.top, 'mouseup', onMouseUp, false);\n          onTopMouseMoveListener = (0,rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(window.top, 'mousemove', onMouseMove, false);\n        }\n      } catch (error) {\n        /* istanbul ignore next */\n        (0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_3__.warning)(false, \"[rc-image] \".concat(error));\n      }\n    }\n    return function () {\n      var _onMouseUpListener, _onMouseMoveListener, _onTopMouseUpListener, _onTopMouseMoveListen;\n      (_onMouseUpListener = onMouseUpListener) === null || _onMouseUpListener === void 0 || _onMouseUpListener.remove();\n      (_onMouseMoveListener = onMouseMoveListener) === null || _onMouseMoveListener === void 0 || _onMouseMoveListener.remove();\n      /* istanbul ignore next */\n      (_onTopMouseUpListener = onTopMouseUpListener) === null || _onTopMouseUpListener === void 0 || _onTopMouseUpListener.remove();\n      /* istanbul ignore next */\n      (_onTopMouseMoveListen = onTopMouseMoveListener) === null || _onTopMouseMoveListen === void 0 || _onTopMouseMoveListen.remove();\n    };\n  }, [visible, isMoving, x, y, rotate, movable]);\n  return {\n    isMoving: isMoving,\n    onMouseDown: onMouseDown,\n    onMouseMove: onMouseMove,\n    onMouseUp: onMouseUp,\n    onWheel: onWheel\n  };\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/hooks/useMouseEvent.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/hooks/usePreviewItems.js":
+/*!***************************************************************!*\
+  !*** ../../node_modules/rc-image/es/hooks/usePreviewItems.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ usePreviewItems)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ \"../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ \"../../node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../common */ \"../../node_modules/rc-image/es/common.js\");\n\n\n\n\n\n\n/**\n * Merge props provided `items` or context collected images\n */\nfunction usePreviewItems(items) {\n  // Context collection image data\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_4__.useState({}),\n    _React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_React$useState, 2),\n    images = _React$useState2[0],\n    setImages = _React$useState2[1];\n  var registerImage = react__WEBPACK_IMPORTED_MODULE_4__.useCallback(function (id, data) {\n    setImages(function (imgs) {\n      return (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({}, imgs), {}, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, id, data));\n    });\n    return function () {\n      setImages(function (imgs) {\n        var cloneImgs = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({}, imgs);\n        delete cloneImgs[id];\n        return cloneImgs;\n      });\n    };\n  }, []);\n\n  // items\n  var mergedItems = react__WEBPACK_IMPORTED_MODULE_4__.useMemo(function () {\n    // use `items` first\n    if (items) {\n      return items.map(function (item) {\n        if (typeof item === 'string') {\n          return {\n            data: {\n              src: item\n            }\n          };\n        }\n        var data = {};\n        Object.keys(item).forEach(function (key) {\n          if (['src'].concat((0,_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_common__WEBPACK_IMPORTED_MODULE_5__.COMMON_PROPS)).includes(key)) {\n            data[key] = item[key];\n          }\n        });\n        return {\n          data: data\n        };\n      });\n    }\n\n    // use registered images secondly\n    return Object.keys(images).reduce(function (total, id) {\n      var _images$id = images[id],\n        canPreview = _images$id.canPreview,\n        data = _images$id.data;\n      if (canPreview) {\n        total.push({\n          data: data,\n          id: id\n        });\n      }\n      return total;\n    }, []);\n  }, [items, images]);\n  return [mergedItems, registerImage, !!items];\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/hooks/usePreviewItems.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/hooks/useRegisterImage.js":
+/*!****************************************************************!*\
+  !*** ../../node_modules/rc-image/es/hooks/useRegisterImage.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useRegisterImage)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context */ \"../../node_modules/rc-image/es/context.js\");\n\n\n\nvar uid = 0;\nfunction useRegisterImage(canPreview, data) {\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_1__.useState(function () {\n      uid += 1;\n      return String(uid);\n    }),\n    _React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_React$useState, 1),\n    id = _React$useState2[0];\n  var groupContext = react__WEBPACK_IMPORTED_MODULE_1__.useContext(_context__WEBPACK_IMPORTED_MODULE_2__.PreviewGroupContext);\n  var registerData = {\n    data: data,\n    canPreview: canPreview\n  };\n\n  // Keep order start\n  // Resolve https://github.com/ant-design/ant-design/issues/28881\n  // Only need unRegister when component unMount\n  react__WEBPACK_IMPORTED_MODULE_1__.useEffect(function () {\n    if (groupContext) {\n      return groupContext.register(id, registerData);\n    }\n  }, []);\n  react__WEBPACK_IMPORTED_MODULE_1__.useEffect(function () {\n    if (groupContext) {\n      groupContext.register(id, registerData);\n    }\n  }, [canPreview, data]);\n  return id;\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/hooks/useRegisterImage.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/hooks/useStatus.js":
+/*!*********************************************************!*\
+  !*** ../../node_modules/rc-image/es/hooks/useStatus.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useStatus)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ \"../../node_modules/rc-image/es/util.js\");\n\n\n\nfunction useStatus(_ref) {\n  var src = _ref.src,\n    isCustomPlaceholder = _ref.isCustomPlaceholder,\n    fallback = _ref.fallback;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(isCustomPlaceholder ? 'loading' : 'normal'),\n    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_useState, 2),\n    status = _useState2[0],\n    setStatus = _useState2[1];\n  var isLoaded = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);\n  var isError = status === 'error';\n\n  // https://github.com/react-component/image/pull/187\n  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n    var isCurrentSrc = true;\n    (0,_util__WEBPACK_IMPORTED_MODULE_2__.isImageValid)(src).then(function (isValid) {\n      // https://github.com/ant-design/ant-design/issues/44948\n      // If src changes, the previous setStatus should not be triggered\n      if (!isValid && isCurrentSrc) {\n        setStatus('error');\n      }\n    });\n    return function () {\n      isCurrentSrc = false;\n    };\n  }, [src]);\n  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n    if (isCustomPlaceholder && !isLoaded.current) {\n      setStatus('loading');\n    } else if (isError) {\n      setStatus('normal');\n    }\n  }, [src]);\n  var onLoad = function onLoad() {\n    setStatus('normal');\n  };\n  var getImgRef = function getImgRef(img) {\n    isLoaded.current = false;\n    if (status === 'loading' && img !== null && img !== void 0 && img.complete && (img.naturalWidth || img.naturalHeight)) {\n      isLoaded.current = true;\n      onLoad();\n    }\n  };\n  var srcAndOnload = isError && fallback ? {\n    src: fallback\n  } : {\n    onLoad: onLoad,\n    src: src\n  };\n  return [getImgRef, srcAndOnload, status];\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/hooks/useStatus.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/hooks/useTouchEvent.js":
+/*!*************************************************************!*\
+  !*** ../../node_modules/rc-image/es/hooks/useTouchEvent.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useTouchEvent)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-util/es/Dom/addEventListener */ \"../../node_modules/rc-image/node_modules/rc-util/es/Dom/addEventListener.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _getFixScaleEleTransPosition__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../getFixScaleEleTransPosition */ \"../../node_modules/rc-image/es/getFixScaleEleTransPosition.js\");\n\n\n\n\n\nfunction getDistance(a, b) {\n  var x = a.x - b.x;\n  var y = a.y - b.y;\n  return Math.hypot(x, y);\n}\nfunction getCenter(oldPoint1, oldPoint2, newPoint1, newPoint2) {\n  // Calculate the distance each point has moved\n  var distance1 = getDistance(oldPoint1, newPoint1);\n  var distance2 = getDistance(oldPoint2, newPoint2);\n\n  // If both distances are 0, return the original points\n  if (distance1 === 0 && distance2 === 0) {\n    return [oldPoint1.x, oldPoint1.y];\n  }\n\n  // Calculate the ratio of the distances\n  var ratio = distance1 / (distance1 + distance2);\n\n  // Calculate the new center point based on the ratio\n  var x = oldPoint1.x + ratio * (oldPoint2.x - oldPoint1.x);\n  var y = oldPoint1.y + ratio * (oldPoint2.y - oldPoint1.y);\n  return [x, y];\n}\nfunction useTouchEvent(imgRef, movable, visible, minScale, transform, updateTransform, dispatchZoomChange) {\n  var rotate = transform.rotate,\n    scale = transform.scale,\n    x = transform.x,\n    y = transform.y;\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false),\n    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState, 2),\n    isTouching = _useState2[0],\n    setIsTouching = _useState2[1];\n  var touchPointInfo = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)({\n    point1: {\n      x: 0,\n      y: 0\n    },\n    point2: {\n      x: 0,\n      y: 0\n    },\n    eventType: 'none'\n  });\n  var updateTouchPointInfo = function updateTouchPointInfo(values) {\n    touchPointInfo.current = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, touchPointInfo.current), values);\n  };\n  var onTouchStart = function onTouchStart(event) {\n    if (!movable) return;\n    event.stopPropagation();\n    setIsTouching(true);\n    var _event$touches = event.touches,\n      touches = _event$touches === void 0 ? [] : _event$touches;\n    if (touches.length > 1) {\n      // touch zoom\n      updateTouchPointInfo({\n        point1: {\n          x: touches[0].clientX,\n          y: touches[0].clientY\n        },\n        point2: {\n          x: touches[1].clientX,\n          y: touches[1].clientY\n        },\n        eventType: 'touchZoom'\n      });\n    } else {\n      // touch move\n      updateTouchPointInfo({\n        point1: {\n          x: touches[0].clientX - x,\n          y: touches[0].clientY - y\n        },\n        eventType: 'move'\n      });\n    }\n  };\n  var onTouchMove = function onTouchMove(event) {\n    var _event$touches2 = event.touches,\n      touches = _event$touches2 === void 0 ? [] : _event$touches2;\n    var _touchPointInfo$curre = touchPointInfo.current,\n      point1 = _touchPointInfo$curre.point1,\n      point2 = _touchPointInfo$curre.point2,\n      eventType = _touchPointInfo$curre.eventType;\n    if (touches.length > 1 && eventType === 'touchZoom') {\n      // touch zoom\n      var newPoint1 = {\n        x: touches[0].clientX,\n        y: touches[0].clientY\n      };\n      var newPoint2 = {\n        x: touches[1].clientX,\n        y: touches[1].clientY\n      };\n      var _getCenter = getCenter(point1, point2, newPoint1, newPoint2),\n        _getCenter2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_getCenter, 2),\n        centerX = _getCenter2[0],\n        centerY = _getCenter2[1];\n      var ratio = getDistance(newPoint1, newPoint2) / getDistance(point1, point2);\n      dispatchZoomChange(ratio, 'touchZoom', centerX, centerY, true);\n      updateTouchPointInfo({\n        point1: newPoint1,\n        point2: newPoint2,\n        eventType: 'touchZoom'\n      });\n    } else if (eventType === 'move') {\n      // touch move\n      updateTransform({\n        x: touches[0].clientX - point1.x,\n        y: touches[0].clientY - point1.y\n      }, 'move');\n      updateTouchPointInfo({\n        eventType: 'move'\n      });\n    }\n  };\n  var onTouchEnd = function onTouchEnd() {\n    if (!visible) return;\n    if (isTouching) {\n      setIsTouching(false);\n    }\n    updateTouchPointInfo({\n      eventType: 'none'\n    });\n    if (minScale > scale) {\n      /** When the scaling ratio is less than the minimum scaling ratio, reset the scaling ratio */\n      return updateTransform({\n        x: 0,\n        y: 0,\n        scale: minScale\n      }, 'touchZoom');\n    }\n    var width = imgRef.current.offsetWidth * scale;\n    var height = imgRef.current.offsetHeight * scale;\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    var _imgRef$current$getBo = imgRef.current.getBoundingClientRect(),\n      left = _imgRef$current$getBo.left,\n      top = _imgRef$current$getBo.top;\n    var isRotate = rotate % 180 !== 0;\n    var fixState = (0,_getFixScaleEleTransPosition__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(isRotate ? height : width, isRotate ? width : height, left, top);\n    if (fixState) {\n      updateTransform((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, fixState), 'dragRebound');\n    }\n  };\n  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {\n    var onTouchMoveListener;\n    if (visible && movable) {\n      onTouchMoveListener = (0,rc_util_es_Dom_addEventListener__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(window, 'touchmove', function (e) {\n        return e.preventDefault();\n      }, {\n        passive: false\n      });\n    }\n    return function () {\n      var _onTouchMoveListener;\n      (_onTouchMoveListener = onTouchMoveListener) === null || _onTouchMoveListener === void 0 || _onTouchMoveListener.remove();\n    };\n  }, [visible, movable]);\n  return {\n    isTouching: isTouching,\n    onTouchStart: onTouchStart,\n    onTouchMove: onTouchMove,\n    onTouchEnd: onTouchEnd\n  };\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/hooks/useTouchEvent.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/index.js":
+/*!***********************************************!*\
+  !*** ../../node_modules/rc-image/es/index.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Image */ \"../../node_modules/rc-image/es/Image.js\");\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Image__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/index.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/previewConfig.js":
+/*!*******************************************************!*\
+  !*** ../../node_modules/rc-image/es/previewConfig.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BASE_SCALE_RATIO: () => (/* binding */ BASE_SCALE_RATIO),\n/* harmony export */   WHEEL_MAX_SCALE_RATIO: () => (/* binding */ WHEEL_MAX_SCALE_RATIO)\n/* harmony export */ });\n/** Scale the ratio base */\nvar BASE_SCALE_RATIO = 1;\n/** The maximum zoom ratio when the mouse zooms in, adjustable */\nvar WHEEL_MAX_SCALE_RATIO = 1;\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/previewConfig.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/es/util.js":
+/*!**********************************************!*\
+  !*** ../../node_modules/rc-image/es/util.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   isImageValid: () => (/* binding */ isImageValid)\n/* harmony export */ });\nfunction isImageValid(src) {\n  return new Promise(function (resolve) {\n    var img = document.createElement('img');\n    img.onerror = function () {\n      return resolve(false);\n    };\n    img.onload = function () {\n      return resolve(true);\n    };\n    img.src = src;\n  });\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/es/util.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/Dom/addEventListener.js":
+/*!***********************************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/Dom/addEventListener.js ***!
+  \***********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ addEventListenerWrap)\n/* harmony export */ });\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n\nfunction addEventListenerWrap(target, eventType, cb, option) {\n  /* eslint camelcase: 2 */\n  var callback = react_dom__WEBPACK_IMPORTED_MODULE_0__.unstable_batchedUpdates ? function run(e) {\n    react_dom__WEBPACK_IMPORTED_MODULE_0__.unstable_batchedUpdates(cb, e);\n  } : cb;\n  if (target !== null && target !== void 0 && target.addEventListener) {\n    target.addEventListener(eventType, callback, option);\n  }\n  return {\n    remove: function remove() {\n      if (target !== null && target !== void 0 && target.removeEventListener) {\n        target.removeEventListener(eventType, callback, option);\n      }\n    }\n  };\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/Dom/addEventListener.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/Dom/canUseDom.js":
+/*!****************************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/Dom/canUseDom.js ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ canUseDom)\n/* harmony export */ });\nfunction canUseDom() {\n  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/Dom/canUseDom.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/Dom/css.js":
+/*!**********************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/Dom/css.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   get: () => (/* binding */ get),\n/* harmony export */   getClientSize: () => (/* binding */ getClientSize),\n/* harmony export */   getDocSize: () => (/* binding */ getDocSize),\n/* harmony export */   getOffset: () => (/* binding */ getOffset),\n/* harmony export */   getOuterHeight: () => (/* binding */ getOuterHeight),\n/* harmony export */   getOuterWidth: () => (/* binding */ getOuterWidth),\n/* harmony export */   getScroll: () => (/* binding */ getScroll),\n/* harmony export */   set: () => (/* binding */ set)\n/* harmony export */ });\n/* eslint-disable no-nested-ternary */\nvar PIXEL_PATTERN = /margin|padding|width|height|max|min|offset/;\nvar removePixel = {\n  left: true,\n  top: true\n};\nvar floatMap = {\n  cssFloat: 1,\n  styleFloat: 1,\n  float: 1\n};\nfunction getComputedStyle(node) {\n  return node.nodeType === 1 ? node.ownerDocument.defaultView.getComputedStyle(node, null) : {};\n}\nfunction getStyleValue(node, type, value) {\n  type = type.toLowerCase();\n  if (value === 'auto') {\n    if (type === 'height') {\n      return node.offsetHeight;\n    }\n    if (type === 'width') {\n      return node.offsetWidth;\n    }\n  }\n  if (!(type in removePixel)) {\n    removePixel[type] = PIXEL_PATTERN.test(type);\n  }\n  return removePixel[type] ? parseFloat(value) || 0 : value;\n}\nfunction get(node, name) {\n  var length = arguments.length;\n  var style = getComputedStyle(node);\n  name = floatMap[name] ? 'cssFloat' in node.style ? 'cssFloat' : 'styleFloat' : name;\n  return length === 1 ? style : getStyleValue(node, name, style[name] || node.style[name]);\n}\nfunction set(node, name, value) {\n  var length = arguments.length;\n  name = floatMap[name] ? 'cssFloat' in node.style ? 'cssFloat' : 'styleFloat' : name;\n  if (length === 3) {\n    if (typeof value === 'number' && PIXEL_PATTERN.test(name)) {\n      value = \"\".concat(value, \"px\");\n    }\n    node.style[name] = value; // Number\n    return value;\n  }\n  for (var x in name) {\n    if (name.hasOwnProperty(x)) {\n      set(node, x, name[x]);\n    }\n  }\n  return getComputedStyle(node);\n}\nfunction getOuterWidth(el) {\n  if (el === document.body) {\n    return document.documentElement.clientWidth;\n  }\n  return el.offsetWidth;\n}\nfunction getOuterHeight(el) {\n  if (el === document.body) {\n    return window.innerHeight || document.documentElement.clientHeight;\n  }\n  return el.offsetHeight;\n}\nfunction getDocSize() {\n  var width = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth);\n  var height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);\n  return {\n    width: width,\n    height: height\n  };\n}\nfunction getClientSize() {\n  var width = document.documentElement.clientWidth;\n  var height = window.innerHeight || document.documentElement.clientHeight;\n  return {\n    width: width,\n    height: height\n  };\n}\nfunction getScroll() {\n  return {\n    scrollLeft: Math.max(document.documentElement.scrollLeft, document.body.scrollLeft),\n    scrollTop: Math.max(document.documentElement.scrollTop, document.body.scrollTop)\n  };\n}\nfunction getOffset(node) {\n  var box = node.getBoundingClientRect();\n  var docElem = document.documentElement;\n\n  // < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft\n  return {\n    left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),\n    top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)\n  };\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/Dom/css.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/KeyCode.js":
+/*!**********************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/KeyCode.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/**\n * @ignore\n * some key-codes definition and utils from closure-library\n * @author yiminghe@gmail.com\n */\n\nvar KeyCode = {\n  /**\n   * MAC_ENTER\n   */\n  MAC_ENTER: 3,\n  /**\n   * BACKSPACE\n   */\n  BACKSPACE: 8,\n  /**\n   * TAB\n   */\n  TAB: 9,\n  /**\n   * NUMLOCK on FF/Safari Mac\n   */\n  NUM_CENTER: 12,\n  // NUMLOCK on FF/Safari Mac\n  /**\n   * ENTER\n   */\n  ENTER: 13,\n  /**\n   * SHIFT\n   */\n  SHIFT: 16,\n  /**\n   * CTRL\n   */\n  CTRL: 17,\n  /**\n   * ALT\n   */\n  ALT: 18,\n  /**\n   * PAUSE\n   */\n  PAUSE: 19,\n  /**\n   * CAPS_LOCK\n   */\n  CAPS_LOCK: 20,\n  /**\n   * ESC\n   */\n  ESC: 27,\n  /**\n   * SPACE\n   */\n  SPACE: 32,\n  /**\n   * PAGE_UP\n   */\n  PAGE_UP: 33,\n  // also NUM_NORTH_EAST\n  /**\n   * PAGE_DOWN\n   */\n  PAGE_DOWN: 34,\n  // also NUM_SOUTH_EAST\n  /**\n   * END\n   */\n  END: 35,\n  // also NUM_SOUTH_WEST\n  /**\n   * HOME\n   */\n  HOME: 36,\n  // also NUM_NORTH_WEST\n  /**\n   * LEFT\n   */\n  LEFT: 37,\n  // also NUM_WEST\n  /**\n   * UP\n   */\n  UP: 38,\n  // also NUM_NORTH\n  /**\n   * RIGHT\n   */\n  RIGHT: 39,\n  // also NUM_EAST\n  /**\n   * DOWN\n   */\n  DOWN: 40,\n  // also NUM_SOUTH\n  /**\n   * PRINT_SCREEN\n   */\n  PRINT_SCREEN: 44,\n  /**\n   * INSERT\n   */\n  INSERT: 45,\n  // also NUM_INSERT\n  /**\n   * DELETE\n   */\n  DELETE: 46,\n  // also NUM_DELETE\n  /**\n   * ZERO\n   */\n  ZERO: 48,\n  /**\n   * ONE\n   */\n  ONE: 49,\n  /**\n   * TWO\n   */\n  TWO: 50,\n  /**\n   * THREE\n   */\n  THREE: 51,\n  /**\n   * FOUR\n   */\n  FOUR: 52,\n  /**\n   * FIVE\n   */\n  FIVE: 53,\n  /**\n   * SIX\n   */\n  SIX: 54,\n  /**\n   * SEVEN\n   */\n  SEVEN: 55,\n  /**\n   * EIGHT\n   */\n  EIGHT: 56,\n  /**\n   * NINE\n   */\n  NINE: 57,\n  /**\n   * QUESTION_MARK\n   */\n  QUESTION_MARK: 63,\n  // needs localization\n  /**\n   * A\n   */\n  A: 65,\n  /**\n   * B\n   */\n  B: 66,\n  /**\n   * C\n   */\n  C: 67,\n  /**\n   * D\n   */\n  D: 68,\n  /**\n   * E\n   */\n  E: 69,\n  /**\n   * F\n   */\n  F: 70,\n  /**\n   * G\n   */\n  G: 71,\n  /**\n   * H\n   */\n  H: 72,\n  /**\n   * I\n   */\n  I: 73,\n  /**\n   * J\n   */\n  J: 74,\n  /**\n   * K\n   */\n  K: 75,\n  /**\n   * L\n   */\n  L: 76,\n  /**\n   * M\n   */\n  M: 77,\n  /**\n   * N\n   */\n  N: 78,\n  /**\n   * O\n   */\n  O: 79,\n  /**\n   * P\n   */\n  P: 80,\n  /**\n   * Q\n   */\n  Q: 81,\n  /**\n   * R\n   */\n  R: 82,\n  /**\n   * S\n   */\n  S: 83,\n  /**\n   * T\n   */\n  T: 84,\n  /**\n   * U\n   */\n  U: 85,\n  /**\n   * V\n   */\n  V: 86,\n  /**\n   * W\n   */\n  W: 87,\n  /**\n   * X\n   */\n  X: 88,\n  /**\n   * Y\n   */\n  Y: 89,\n  /**\n   * Z\n   */\n  Z: 90,\n  /**\n   * META\n   */\n  META: 91,\n  // WIN_KEY_LEFT\n  /**\n   * WIN_KEY_RIGHT\n   */\n  WIN_KEY_RIGHT: 92,\n  /**\n   * CONTEXT_MENU\n   */\n  CONTEXT_MENU: 93,\n  /**\n   * NUM_ZERO\n   */\n  NUM_ZERO: 96,\n  /**\n   * NUM_ONE\n   */\n  NUM_ONE: 97,\n  /**\n   * NUM_TWO\n   */\n  NUM_TWO: 98,\n  /**\n   * NUM_THREE\n   */\n  NUM_THREE: 99,\n  /**\n   * NUM_FOUR\n   */\n  NUM_FOUR: 100,\n  /**\n   * NUM_FIVE\n   */\n  NUM_FIVE: 101,\n  /**\n   * NUM_SIX\n   */\n  NUM_SIX: 102,\n  /**\n   * NUM_SEVEN\n   */\n  NUM_SEVEN: 103,\n  /**\n   * NUM_EIGHT\n   */\n  NUM_EIGHT: 104,\n  /**\n   * NUM_NINE\n   */\n  NUM_NINE: 105,\n  /**\n   * NUM_MULTIPLY\n   */\n  NUM_MULTIPLY: 106,\n  /**\n   * NUM_PLUS\n   */\n  NUM_PLUS: 107,\n  /**\n   * NUM_MINUS\n   */\n  NUM_MINUS: 109,\n  /**\n   * NUM_PERIOD\n   */\n  NUM_PERIOD: 110,\n  /**\n   * NUM_DIVISION\n   */\n  NUM_DIVISION: 111,\n  /**\n   * F1\n   */\n  F1: 112,\n  /**\n   * F2\n   */\n  F2: 113,\n  /**\n   * F3\n   */\n  F3: 114,\n  /**\n   * F4\n   */\n  F4: 115,\n  /**\n   * F5\n   */\n  F5: 116,\n  /**\n   * F6\n   */\n  F6: 117,\n  /**\n   * F7\n   */\n  F7: 118,\n  /**\n   * F8\n   */\n  F8: 119,\n  /**\n   * F9\n   */\n  F9: 120,\n  /**\n   * F10\n   */\n  F10: 121,\n  /**\n   * F11\n   */\n  F11: 122,\n  /**\n   * F12\n   */\n  F12: 123,\n  /**\n   * NUMLOCK\n   */\n  NUMLOCK: 144,\n  /**\n   * SEMICOLON\n   */\n  SEMICOLON: 186,\n  // needs localization\n  /**\n   * DASH\n   */\n  DASH: 189,\n  // needs localization\n  /**\n   * EQUALS\n   */\n  EQUALS: 187,\n  // needs localization\n  /**\n   * COMMA\n   */\n  COMMA: 188,\n  // needs localization\n  /**\n   * PERIOD\n   */\n  PERIOD: 190,\n  // needs localization\n  /**\n   * SLASH\n   */\n  SLASH: 191,\n  // needs localization\n  /**\n   * APOSTROPHE\n   */\n  APOSTROPHE: 192,\n  // needs localization\n  /**\n   * SINGLE_QUOTE\n   */\n  SINGLE_QUOTE: 222,\n  // needs localization\n  /**\n   * OPEN_SQUARE_BRACKET\n   */\n  OPEN_SQUARE_BRACKET: 219,\n  // needs localization\n  /**\n   * BACKSLASH\n   */\n  BACKSLASH: 220,\n  // needs localization\n  /**\n   * CLOSE_SQUARE_BRACKET\n   */\n  CLOSE_SQUARE_BRACKET: 221,\n  // needs localization\n  /**\n   * WIN_KEY\n   */\n  WIN_KEY: 224,\n  /**\n   * MAC_FF_META\n   */\n  MAC_FF_META: 224,\n  // Firefox (Gecko) fires this for the meta key instead of 91\n  /**\n   * WIN_IME\n   */\n  WIN_IME: 229,\n  // ======================== Function ========================\n  /**\n   * whether text and modified key is entered at the same time.\n   */\n  isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e) {\n    var keyCode = e.keyCode;\n    if (e.altKey && !e.ctrlKey || e.metaKey ||\n    // Function keys don't generate text\n    keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {\n      return false;\n    }\n\n    // The following keys are quite harmless, even in combination with\n    // CTRL, ALT or SHIFT.\n    switch (keyCode) {\n      case KeyCode.ALT:\n      case KeyCode.CAPS_LOCK:\n      case KeyCode.CONTEXT_MENU:\n      case KeyCode.CTRL:\n      case KeyCode.DOWN:\n      case KeyCode.END:\n      case KeyCode.ESC:\n      case KeyCode.HOME:\n      case KeyCode.INSERT:\n      case KeyCode.LEFT:\n      case KeyCode.MAC_FF_META:\n      case KeyCode.META:\n      case KeyCode.NUMLOCK:\n      case KeyCode.NUM_CENTER:\n      case KeyCode.PAGE_DOWN:\n      case KeyCode.PAGE_UP:\n      case KeyCode.PAUSE:\n      case KeyCode.PRINT_SCREEN:\n      case KeyCode.RIGHT:\n      case KeyCode.SHIFT:\n      case KeyCode.UP:\n      case KeyCode.WIN_KEY:\n      case KeyCode.WIN_KEY_RIGHT:\n        return false;\n      default:\n        return true;\n    }\n  },\n  /**\n   * whether character is entered.\n   */\n  isCharacterKey: function isCharacterKey(keyCode) {\n    if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {\n      return true;\n    }\n    if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {\n      return true;\n    }\n    if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {\n      return true;\n    }\n\n    // Safari sends zero key code for non-latin characters.\n    if (window.navigator.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {\n      return true;\n    }\n    switch (keyCode) {\n      case KeyCode.SPACE:\n      case KeyCode.QUESTION_MARK:\n      case KeyCode.NUM_PLUS:\n      case KeyCode.NUM_MINUS:\n      case KeyCode.NUM_PERIOD:\n      case KeyCode.NUM_DIVISION:\n      case KeyCode.SEMICOLON:\n      case KeyCode.DASH:\n      case KeyCode.EQUALS:\n      case KeyCode.COMMA:\n      case KeyCode.PERIOD:\n      case KeyCode.SLASH:\n      case KeyCode.APOSTROPHE:\n      case KeyCode.SINGLE_QUOTE:\n      case KeyCode.OPEN_SQUARE_BRACKET:\n      case KeyCode.BACKSLASH:\n      case KeyCode.CLOSE_SQUARE_BRACKET:\n        return true;\n      default:\n        return false;\n    }\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (KeyCode);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/KeyCode.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/hooks/useEvent.js":
+/*!*****************************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/hooks/useEvent.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useEvent)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\nfunction useEvent(callback) {\n  var fnRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef();\n  fnRef.current = callback;\n  var memoFn = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function () {\n    var _fnRef$current;\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    return (_fnRef$current = fnRef.current) === null || _fnRef$current === void 0 ? void 0 : _fnRef$current.call.apply(_fnRef$current, [fnRef].concat(args));\n  }, []);\n  return memoFn;\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/hooks/useEvent.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/hooks/useLayoutEffect.js":
+/*!************************************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/hooks/useLayoutEffect.js ***!
+  \************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   useLayoutUpdateEffect: () => (/* binding */ useLayoutUpdateEffect)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Dom_canUseDom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Dom/canUseDom */ \"../../node_modules/rc-image/node_modules/rc-util/es/Dom/canUseDom.js\");\n\n\n\n/**\n * Wrap `React.useLayoutEffect` which will not throw warning message in test env\n */\nvar useInternalLayoutEffect =  true && (0,_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_1__[\"default\"])() ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;\nvar useLayoutEffect = function useLayoutEffect(callback, deps) {\n  var firstMountRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(true);\n  useInternalLayoutEffect(function () {\n    return callback(firstMountRef.current);\n  }, deps);\n\n  // We tell react that first mount has passed\n  useInternalLayoutEffect(function () {\n    firstMountRef.current = false;\n    return function () {\n      firstMountRef.current = true;\n    };\n  }, []);\n};\nvar useLayoutUpdateEffect = function useLayoutUpdateEffect(callback, deps) {\n  useLayoutEffect(function (firstMount) {\n    if (!firstMount) {\n      return callback();\n    }\n  }, deps);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLayoutEffect);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/hooks/useLayoutEffect.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/hooks/useMergedState.js":
+/*!***********************************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/hooks/useMergedState.js ***!
+  \***********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useMergedState)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _useEvent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useEvent */ \"../../node_modules/rc-image/node_modules/rc-util/es/hooks/useEvent.js\");\n/* harmony import */ var _useLayoutEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useLayoutEffect */ \"../../node_modules/rc-image/node_modules/rc-util/es/hooks/useLayoutEffect.js\");\n/* harmony import */ var _useState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useState */ \"../../node_modules/rc-image/node_modules/rc-util/es/hooks/useState.js\");\n\n\n\n\n/** We only think `undefined` is empty */\nfunction hasValue(value) {\n  return value !== undefined;\n}\n\n/**\n * Similar to `useState` but will use props value if provided.\n * Note that internal use rc-util `useState` hook.\n */\nfunction useMergedState(defaultStateValue, option) {\n  var _ref = option || {},\n    defaultValue = _ref.defaultValue,\n    value = _ref.value,\n    onChange = _ref.onChange,\n    postState = _ref.postState;\n\n  // ======================= Init =======================\n  var _useState = (0,_useState__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(function () {\n      if (hasValue(value)) {\n        return value;\n      } else if (hasValue(defaultValue)) {\n        return typeof defaultValue === 'function' ? defaultValue() : defaultValue;\n      } else {\n        return typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue;\n      }\n    }),\n    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_useState, 2),\n    innerValue = _useState2[0],\n    setInnerValue = _useState2[1];\n  var mergedValue = value !== undefined ? value : innerValue;\n  var postMergedValue = postState ? postState(mergedValue) : mergedValue;\n\n  // ====================== Change ======================\n  var onChangeFn = (0,_useEvent__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(onChange);\n  var _useState3 = (0,_useState__WEBPACK_IMPORTED_MODULE_3__[\"default\"])([mergedValue]),\n    _useState4 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_useState3, 2),\n    prevValue = _useState4[0],\n    setPrevValue = _useState4[1];\n  (0,_useLayoutEffect__WEBPACK_IMPORTED_MODULE_2__.useLayoutUpdateEffect)(function () {\n    var prev = prevValue[0];\n    if (innerValue !== prev) {\n      onChangeFn(innerValue, prev);\n    }\n  }, [prevValue]);\n\n  // Sync value back to `undefined` when it from control to un-control\n  (0,_useLayoutEffect__WEBPACK_IMPORTED_MODULE_2__.useLayoutUpdateEffect)(function () {\n    if (!hasValue(value)) {\n      setInnerValue(value);\n    }\n  }, [value]);\n\n  // ====================== Update ======================\n  var triggerChange = (0,_useEvent__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(function (updater, ignoreDestroy) {\n    setInnerValue(updater, ignoreDestroy);\n    setPrevValue([mergedValue], ignoreDestroy);\n  });\n  return [postMergedValue, triggerChange];\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/hooks/useMergedState.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/hooks/useState.js":
+/*!*****************************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/hooks/useState.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useSafeState)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ \"../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n\n\n/**\n * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.\n * We do not make this auto is to avoid real memory leak.\n * Developer should confirm it's safe to ignore themselves.\n */\nfunction useSafeState(defaultValue) {\n  var destroyRef = react__WEBPACK_IMPORTED_MODULE_1__.useRef(false);\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_1__.useState(defaultValue),\n    _React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(_React$useState, 2),\n    value = _React$useState2[0],\n    setValue = _React$useState2[1];\n  react__WEBPACK_IMPORTED_MODULE_1__.useEffect(function () {\n    destroyRef.current = false;\n    return function () {\n      destroyRef.current = true;\n    };\n  }, []);\n  function safeSetState(updater, ignoreDestroy) {\n    if (ignoreDestroy && destroyRef.current) {\n      return;\n    }\n    setValue(updater);\n  }\n  return [value, safeSetState];\n}\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/hooks/useState.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/isEqual.js":
+/*!**********************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/isEqual.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ \"../../node_modules/@babel/runtime/helpers/esm/typeof.js\");\n/* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./warning */ \"../../node_modules/rc-image/node_modules/rc-util/es/warning.js\");\n\n\n\n/**\n * Deeply compares two object literals.\n * @param obj1 object 1\n * @param obj2 object 2\n * @param shallow shallow compare\n * @returns\n */\nfunction isEqual(obj1, obj2) {\n  var shallow = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n  // https://github.com/mapbox/mapbox-gl-js/pull/5979/files#diff-fde7145050c47cc3a306856efd5f9c3016e86e859de9afbd02c879be5067e58f\n  var refSet = new Set();\n  function deepEqual(a, b) {\n    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n    var circular = refSet.has(a);\n    (0,_warning__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(!circular, 'Warning: There may be circular references');\n    if (circular) {\n      return false;\n    }\n    if (a === b) {\n      return true;\n    }\n    if (shallow && level > 1) {\n      return false;\n    }\n    refSet.add(a);\n    var newLevel = level + 1;\n    if (Array.isArray(a)) {\n      if (!Array.isArray(b) || a.length !== b.length) {\n        return false;\n      }\n      for (var i = 0; i < a.length; i++) {\n        if (!deepEqual(a[i], b[i], newLevel)) {\n          return false;\n        }\n      }\n      return true;\n    }\n    if (a && b && (0,_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(a) === 'object' && (0,_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(b) === 'object') {\n      var keys = Object.keys(a);\n      if (keys.length !== Object.keys(b).length) {\n        return false;\n      }\n      return keys.every(function (key) {\n        return deepEqual(a[key], b[key], newLevel);\n      });\n    }\n    // other\n    return false;\n  }\n  return deepEqual(obj1, obj2);\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (isEqual);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/isEqual.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/raf.js":
+/*!******************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/raf.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nvar raf = function raf(callback) {\n  return +setTimeout(callback, 16);\n};\nvar caf = function caf(num) {\n  return clearTimeout(num);\n};\nif (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {\n  raf = function raf(callback) {\n    return window.requestAnimationFrame(callback);\n  };\n  caf = function caf(handle) {\n    return window.cancelAnimationFrame(handle);\n  };\n}\nvar rafUUID = 0;\nvar rafIds = new Map();\nfunction cleanup(id) {\n  rafIds.delete(id);\n}\nvar wrapperRaf = function wrapperRaf(callback) {\n  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  rafUUID += 1;\n  var id = rafUUID;\n  function callRef(leftTimes) {\n    if (leftTimes === 0) {\n      // Clean up\n      cleanup(id);\n\n      // Trigger\n      callback();\n    } else {\n      // Next raf\n      var realId = raf(function () {\n        callRef(leftTimes - 1);\n      });\n\n      // Bind real raf id\n      rafIds.set(id, realId);\n    }\n  }\n  callRef(times);\n  return id;\n};\nwrapperRaf.cancel = function (id) {\n  var realId = rafIds.get(id);\n  cleanup(id);\n  return caf(realId);\n};\nif (true) {\n  wrapperRaf.ids = function () {\n    return rafIds;\n  };\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (wrapperRaf);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/raf.js?");
+
+/***/ }),
+
+/***/ "../../node_modules/rc-image/node_modules/rc-util/es/warning.js":
+/*!**********************************************************************!*\
+  !*** ../../node_modules/rc-image/node_modules/rc-util/es/warning.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   call: () => (/* binding */ call),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   note: () => (/* binding */ note),\n/* harmony export */   noteOnce: () => (/* binding */ noteOnce),\n/* harmony export */   preMessage: () => (/* binding */ preMessage),\n/* harmony export */   resetWarned: () => (/* binding */ resetWarned),\n/* harmony export */   warning: () => (/* binding */ warning),\n/* harmony export */   warningOnce: () => (/* binding */ warningOnce)\n/* harmony export */ });\n/* eslint-disable no-console */\nvar warned = {};\nvar preWarningFns = [];\n\n/**\n * Pre warning enable you to parse content before console.error.\n * Modify to null will prevent warning.\n */\nvar preMessage = function preMessage(fn) {\n  preWarningFns.push(fn);\n};\n\n/**\n * Warning if condition not match.\n * @param valid Condition\n * @param message Warning message\n * @example\n * ```js\n * warning(false, 'some error'); // print some error\n * warning(true, 'some error'); // print nothing\n * warning(1 === 2, 'some error'); // print some error\n * ```\n */\nfunction warning(valid, message) {\n  if ( true && !valid && console !== undefined) {\n    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {\n      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'warning');\n    }, message);\n    if (finalMessage) {\n      console.error(\"Warning: \".concat(finalMessage));\n    }\n  }\n}\n\n/** @see Similar to {@link warning} */\nfunction note(valid, message) {\n  if ( true && !valid && console !== undefined) {\n    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {\n      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'note');\n    }, message);\n    if (finalMessage) {\n      console.warn(\"Note: \".concat(finalMessage));\n    }\n  }\n}\nfunction resetWarned() {\n  warned = {};\n}\nfunction call(method, valid, message) {\n  if (!valid && !warned[message]) {\n    method(false, message);\n    warned[message] = true;\n  }\n}\n\n/** @see Same as {@link warning}, but only warn once for the same message */\nfunction warningOnce(valid, message) {\n  call(warning, valid, message);\n}\n\n/** @see Same as {@link warning}, but only warn once for the same message */\nfunction noteOnce(valid, message) {\n  call(note, valid, message);\n}\nwarningOnce.preMessage = preMessage;\nwarningOnce.resetWarned = resetWarned;\nwarningOnce.noteOnce = noteOnce;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (warningOnce);\n\n//# sourceURL=webpack://@opensumi/ide-components/../../node_modules/rc-image/node_modules/rc-util/es/warning.js?");
+
+/***/ }),
+
 /***/ "../../node_modules/rc-input-number/es/InputNumber.js":
 /*!************************************************************!*\
   !*** ../../node_modules/rc-input-number/es/InputNumber.js ***!
@@ -5836,7 +6144,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.defaultIconfont = void 0;\n// GENERATE BY ./scripts/download-iconfont.ts\n// DON NOT EDIT IT MANUALLY\nexports.defaultIconfont = {\n    'Gitlab-fill': 'Gitlab-fill',\n    'PR': 'PR',\n    'ab': 'ab',\n    'abl': 'abl',\n    'activate-breakpoints': 'activate-breakpoints',\n    'add-comments': 'add-comments',\n    'afresh': 'afresh',\n    'arrow-down': 'arrow-down',\n    'arrow-right': 'arrow-right',\n    'arrowdown': 'arrowdown',\n    'arrowleft': 'arrowleft',\n    'arrowright': 'arrowright',\n    'arrowup': 'arrowup',\n    'bash': 'bash',\n    'bell': 'bell',\n    'branches': 'branches',\n    'breakpoint-activate': 'breakpoint-activate',\n    'breakpoint-deactivate': 'breakpoint-deactivate',\n    'breakpoint-disabled': 'breakpoint-disabled',\n    'breakpoint-enabled': 'breakpoint-enabled',\n    'breakpoint-stop': 'breakpoint-stop',\n    'breakpoint-stop-before': 'breakpoint-stop-before',\n    'brew': 'brew',\n    'browser-preview': 'browser-preview',\n    'caret-right': 'caret-right',\n    'check': 'check',\n    'check-circle-fill': 'check-circle-fill',\n    'check-close-circle-o': 'check-close-circle-o',\n    'check-square-o': 'check-square-o',\n    'circle-pause': 'circle-pause',\n    'clear': 'clear',\n    'clear-bold': 'clear-bold',\n    'close': 'close',\n    'close-all': 'close-all',\n    'close-circle': 'close-circle',\n    'close-circle-fill': 'close-circle-fill',\n    'close1': 'close1',\n    'close_square': 'close_square',\n    'cloud-download': 'cloud-download',\n    'cloud-server': 'cloud-server',\n    'code': 'code',\n    'codebraces': 'codebraces',\n    'collapse-all': 'collapse-all',\n    'commit': 'commit',\n    'content-search': 'content-search',\n    'continue': 'continue',\n    'control': 'control',\n    'copy': 'copy',\n    'create-pullrequest': 'create-pullrequest',\n    'deactivate-breakpoints': 'deactivate-breakpoints',\n    'debug': 'debug',\n    'debug-alt-small': 'debug-alt-small',\n    'debug-restart-frame': 'debug-restart-frame',\n    'default-menu-icon': 'default-menu-icon',\n    'delete': 'delete',\n    'deploy': 'deploy',\n    'detail': 'detail',\n    'discard': 'discard',\n    'disconnect': 'disconnect',\n    'dock-down': 'dock-down',\n    'dock-right': 'dock-right',\n    'doubleleft': 'doubleleft',\n    'doubleright': 'doubleright',\n    'down': 'down',\n    'down-arrow': 'down-arrow',\n    'download': 'download',\n    'drag': 'drag',\n    'edit': 'edit',\n    'editor': 'editor',\n    'ellipsis': 'ellipsis',\n    'embed': 'embed',\n    'error': 'error',\n    'expand': 'expand',\n    'expand-all': 'expand-all',\n    'experiment': 'experiment',\n    'explorer': 'explorer',\n    'extension': 'extension',\n    'eye': 'eye',\n    'eye-close': 'eye-close',\n    'file': 'file',\n    'file-copy': 'file-copy',\n    'file-default': 'file-default',\n    'file-exclamation': 'file-exclamation',\n    'file-text': 'file-text',\n    'filter': 'filter',\n    'focus': 'focus',\n    'folder': 'folder',\n    'folder-default': 'folder-default',\n    'follow-cursor': 'follow-cursor',\n    'fullescreen': 'fullescreen',\n    'fullscreen': 'fullscreen',\n    'fullscreen-exit': 'fullscreen-exit',\n    'git': 'git',\n    'github-fill': 'github-fill',\n    'gitlab': 'gitlab',\n    'global-search': 'global-search',\n    'go': 'go',\n    'hex': 'hex',\n    'info-circle': 'info-circle',\n    'info-circle-fill': 'info-circle-fill',\n    'insert': 'insert',\n    'java': 'java',\n    'keyboard': 'keyboard',\n    'kotlin': 'kotlin',\n    'layout': 'layout',\n    'layout1': 'layout1',\n    'left': 'left',\n    'left-nav-close': 'left-nav-close',\n    'left-nav-open': 'left-nav-open',\n    'left-right-subfield': 'left-right-subfield',\n    'line': 'line',\n    'link': 'link',\n    'loading': 'loading',\n    'magic-wand': 'magic-wand',\n    'max': 'max',\n    'mcp': 'mcp',\n    'menubar-dashboard-back': 'menubar-dashboard-back',\n    'menubar-edit': 'menubar-edit',\n    'menubar-file': 'menubar-file',\n    'menubar-go': 'menubar-go',\n    'menubar-selection': 'menubar-selection',\n    'menubar-setting': 'menubar-setting',\n    'menubar-tool': 'menubar-tool',\n    'menubar-view': 'menubar-view',\n    'menubar-workspace': 'menubar-workspace',\n    'message': 'message',\n    'min': 'min',\n    'minus': 'minus',\n    'mobile': 'mobile',\n    'mobile-phone': 'mobile-phone',\n    'more': 'more',\n    'new-file': 'new-file',\n    'new-folder': 'new-folder',\n    'node': 'node',\n    'open': 'open',\n    'open-changes': 'open-changes',\n    'openfile': 'openfile',\n    'out-link': 'out-link',\n    'pause': 'pause',\n    'pin': 'pin',\n    'pipeline': 'pipeline',\n    'plus': 'plus',\n    'project-information': 'project-information',\n    'python': 'python',\n    'question-circle': 'question-circle',\n    'question-circle-o': 'question-circle-o',\n    'receive': 'receive',\n    'refresh': 'refresh',\n    'regex': 'regex',\n    'reload': 'reload',\n    'replace': 'replace',\n    'repository': 'repository',\n    'retrieval': 'retrieval',\n    'revoke': 'revoke',\n    'revoke-white': 'revoke-white',\n    'right': 'right',\n    'right-arrow': 'right-arrow',\n    'rollback': 'rollback',\n    'run': 'run',\n    'rust': 'rust',\n    'save-all': 'save-all',\n    'scm': 'scm',\n    'search': 'search',\n    'send': 'send',\n    'send-outlined': 'send-outlined',\n    'send-solid': 'send-solid',\n    'setting': 'setting',\n    'sever': 'sever',\n    'share': 'share',\n    'shrink': 'shrink',\n    'smile': 'smile',\n    'start': 'start',\n    'step': 'step',\n    'step-in': 'step-in',\n    'step-out': 'step-out',\n    'stop': 'stop',\n    'swap': 'swap',\n    'sync': 'sync',\n    'team': 'team',\n    'terminal': 'terminal',\n    'test': 'test',\n    'thumbs': 'thumbs',\n    'thumbs-fill': 'thumbs-fill',\n    'thumbsdown': 'thumbsdown',\n    'thumbsdown-fill': 'thumbsdown-fill',\n    'time-circle': 'time-circle',\n    'toolkit': 'toolkit',\n    'tree': 'tree',\n    'undock': 'undock',\n    'unfullscreen': 'unfullscreen',\n    'unmax': 'unmax',\n    'unorderedlist': 'unorderedlist',\n    'unpin': 'unpin',\n    'up': 'up',\n    'up-down-subfield': 'up-down-subfield',\n    'vim': 'vim',\n    'wait': 'wait',\n    'warning-circle': 'warning-circle',\n    'window': 'window',\n    'window-close': 'window-close',\n    'window-maximize': 'window-maximize',\n    'zsh': 'zsh',\n};\n\n\n//# sourceURL=webpack://@opensumi/ide-components/./src/icon/iconfont/iconMap.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.defaultIconfont = void 0;\n// GENERATE BY ./scripts/download-iconfont.ts\n// DON NOT EDIT IT MANUALLY\nexports.defaultIconfont = {\n    'Gitlab-fill': 'Gitlab-fill',\n    'PR': 'PR',\n    'ab': 'ab',\n    'abl': 'abl',\n    'activate-breakpoints': 'activate-breakpoints',\n    'add-comments': 'add-comments',\n    'afresh': 'afresh',\n    'arrow-down': 'arrow-down',\n    'arrow-right': 'arrow-right',\n    'arrowdown': 'arrowdown',\n    'arrowleft': 'arrowleft',\n    'arrowright': 'arrowright',\n    'arrowup': 'arrowup',\n    'bash': 'bash',\n    'bell': 'bell',\n    'branches': 'branches',\n    'breakpoint-activate': 'breakpoint-activate',\n    'breakpoint-deactivate': 'breakpoint-deactivate',\n    'breakpoint-disabled': 'breakpoint-disabled',\n    'breakpoint-enabled': 'breakpoint-enabled',\n    'breakpoint-stop': 'breakpoint-stop',\n    'breakpoint-stop-before': 'breakpoint-stop-before',\n    'brew': 'brew',\n    'browser-preview': 'browser-preview',\n    'caret-right': 'caret-right',\n    'check': 'check',\n    'check-circle-fill': 'check-circle-fill',\n    'check-close-circle-o': 'check-close-circle-o',\n    'check-square-o': 'check-square-o',\n    'circle-pause': 'circle-pause',\n    'clear': 'clear',\n    'clear-bold': 'clear-bold',\n    'close': 'close',\n    'close-all': 'close-all',\n    'close-circle': 'close-circle',\n    'close-circle-fill': 'close-circle-fill',\n    'close1': 'close1',\n    'close_square': 'close_square',\n    'cloud-download': 'cloud-download',\n    'cloud-server': 'cloud-server',\n    'code': 'code',\n    'codebraces': 'codebraces',\n    'collapse-all': 'collapse-all',\n    'commit': 'commit',\n    'content-search': 'content-search',\n    'continue': 'continue',\n    'control': 'control',\n    'copy': 'copy',\n    'create-pullrequest': 'create-pullrequest',\n    'deactivate-breakpoints': 'deactivate-breakpoints',\n    'debug': 'debug',\n    'debug-alt-small': 'debug-alt-small',\n    'debug-restart-frame': 'debug-restart-frame',\n    'default-menu-icon': 'default-menu-icon',\n    'delete': 'delete',\n    'deploy': 'deploy',\n    'detail': 'detail',\n    'discard': 'discard',\n    'disconnect': 'disconnect',\n    'dock-down': 'dock-down',\n    'dock-right': 'dock-right',\n    'doubleleft': 'doubleleft',\n    'doubleright': 'doubleright',\n    'down': 'down',\n    'down-arrow': 'down-arrow',\n    'download': 'download',\n    'drag': 'drag',\n    'edit': 'edit',\n    'editor': 'editor',\n    'ellipsis': 'ellipsis',\n    'embed': 'embed',\n    'error': 'error',\n    'expand': 'expand',\n    'expand-all': 'expand-all',\n    'experiment': 'experiment',\n    'explorer': 'explorer',\n    'extension': 'extension',\n    'eye': 'eye',\n    'eye-close': 'eye-close',\n    'file': 'file',\n    'file-copy': 'file-copy',\n    'file-default': 'file-default',\n    'file-exclamation': 'file-exclamation',\n    'file-text': 'file-text',\n    'filter': 'filter',\n    'focus': 'focus',\n    'folder': 'folder',\n    'folder-default': 'folder-default',\n    'follow-cursor': 'follow-cursor',\n    'fullescreen': 'fullescreen',\n    'fullscreen': 'fullscreen',\n    'fullscreen-exit': 'fullscreen-exit',\n    'git': 'git',\n    'github-fill': 'github-fill',\n    'gitlab': 'gitlab',\n    'global-search': 'global-search',\n    'go': 'go',\n    'hex': 'hex',\n    'image': 'image',\n    'info-circle': 'info-circle',\n    'info-circle-fill': 'info-circle-fill',\n    'insert': 'insert',\n    'java': 'java',\n    'keyboard': 'keyboard',\n    'kotlin': 'kotlin',\n    'layout': 'layout',\n    'layout1': 'layout1',\n    'left': 'left',\n    'left-nav-close': 'left-nav-close',\n    'left-nav-open': 'left-nav-open',\n    'left-right-subfield': 'left-right-subfield',\n    'line': 'line',\n    'link': 'link',\n    'loading': 'loading',\n    'magic-wand': 'magic-wand',\n    'max': 'max',\n    'mcp': 'mcp',\n    'menubar-dashboard-back': 'menubar-dashboard-back',\n    'menubar-edit': 'menubar-edit',\n    'menubar-file': 'menubar-file',\n    'menubar-go': 'menubar-go',\n    'menubar-selection': 'menubar-selection',\n    'menubar-setting': 'menubar-setting',\n    'menubar-tool': 'menubar-tool',\n    'menubar-view': 'menubar-view',\n    'menubar-workspace': 'menubar-workspace',\n    'message': 'message',\n    'min': 'min',\n    'minus': 'minus',\n    'mobile': 'mobile',\n    'mobile-phone': 'mobile-phone',\n    'more': 'more',\n    'new-file': 'new-file',\n    'new-folder': 'new-folder',\n    'node': 'node',\n    'open': 'open',\n    'open-changes': 'open-changes',\n    'openfile': 'openfile',\n    'out-link': 'out-link',\n    'pause': 'pause',\n    'pin': 'pin',\n    'pipeline': 'pipeline',\n    'plus': 'plus',\n    'project-information': 'project-information',\n    'python': 'python',\n    'question-circle': 'question-circle',\n    'question-circle-o': 'question-circle-o',\n    'receive': 'receive',\n    'refresh': 'refresh',\n    'regex': 'regex',\n    'reload': 'reload',\n    'replace': 'replace',\n    'repository': 'repository',\n    'retrieval': 'retrieval',\n    'revoke': 'revoke',\n    'revoke-white': 'revoke-white',\n    'right': 'right',\n    'right-arrow': 'right-arrow',\n    'rollback': 'rollback',\n    'run': 'run',\n    'rust': 'rust',\n    'save-all': 'save-all',\n    'scm': 'scm',\n    'search': 'search',\n    'send': 'send',\n    'send-outlined': 'send-outlined',\n    'send-solid': 'send-solid',\n    'setting': 'setting',\n    'sever': 'sever',\n    'share': 'share',\n    'shrink': 'shrink',\n    'smile': 'smile',\n    'start': 'start',\n    'step': 'step',\n    'step-in': 'step-in',\n    'step-out': 'step-out',\n    'stop': 'stop',\n    'swap': 'swap',\n    'sync': 'sync',\n    'team': 'team',\n    'terminal': 'terminal',\n    'test': 'test',\n    'thumbs': 'thumbs',\n    'thumbs-fill': 'thumbs-fill',\n    'thumbsdown': 'thumbsdown',\n    'thumbsdown-fill': 'thumbsdown-fill',\n    'time-circle': 'time-circle',\n    'toolkit': 'toolkit',\n    'tree': 'tree',\n    'undock': 'undock',\n    'unfullscreen': 'unfullscreen',\n    'unmax': 'unmax',\n    'unorderedlist': 'unorderedlist',\n    'unpin': 'unpin',\n    'up': 'up',\n    'up-down-subfield': 'up-down-subfield',\n    'vim': 'vim',\n    'wait': 'wait',\n    'warning-circle': 'warning-circle',\n    'window': 'window',\n    'window-close': 'window-close',\n    'window-maximize': 'window-maximize',\n    'zsh': 'zsh',\n};\n\n\n//# sourceURL=webpack://@opensumi/ide-components/./src/icon/iconfont/iconMap.ts?");
 
 /***/ }),
 
@@ -5862,6 +6170,17 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 
 /***/ }),
 
+/***/ "./src/image/index.tsx":
+/*!*****************************!*\
+  !*** ./src/image/index.tsx ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Image = void 0;\nconst tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.mjs\");\nconst rc_image_1 = tslib_1.__importDefault(__webpack_require__(/*! rc-image */ \"../../node_modules/rc-image/es/index.js\"));\nconst react_1 = tslib_1.__importDefault(__webpack_require__(/*! react */ \"../../node_modules/react/index.js\"));\n__webpack_require__(/*! ./styles.less */ \"./src/image/styles.less\");\nconst icon_1 = __webpack_require__(/*! ../icon */ \"./src/icon/index.ts\");\nconst Image = (props) => (react_1.default.createElement(rc_image_1.default, Object.assign({ prefixCls: 'kt-image', preview: {\n        getContainer: () => { var _a; return document.getElementById('main') || ((_a = document.getElementsByTagName('body')) === null || _a === void 0 ? void 0 : _a[0]); },\n        mask: (react_1.default.createElement(\"div\", { className: 'mask' },\n            react_1.default.createElement(icon_1.Icon, { iconClass: 'codicon codicon-eye' }))),\n    } }, props)));\nexports.Image = Image;\n\n\n//# sourceURL=webpack://@opensumi/ide-components/./src/image/index.tsx?");
+
+/***/ }),
+
 /***/ "./src/index.ts":
 /*!**********************!*\
   !*** ./src/index.ts ***!
@@ -5869,7 +6188,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.mjs\");\n__webpack_require__(/*! ./style/index.less */ \"./src/style/index.less\");\ntslib_1.__exportStar(__webpack_require__(/*! ./button */ \"./src/button/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./badge */ \"./src/badge/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./input */ \"./src/input/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./checkbox */ \"./src/checkbox/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./select */ \"./src/select/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./tabs */ \"./src/tabs/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./overlay */ \"./src/overlay/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./dialog */ \"./src/dialog/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./icon */ \"./src/icon/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./notification */ \"./src/notification/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./popover */ \"./src/popover/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./message */ \"./src/message/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./tooltip */ \"./src/tooltip/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./recycle-tree */ \"./src/recycle-tree/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./recycle-list */ \"./src/recycle-list/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./common */ \"./src/common.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./scrollbars */ \"./src/scrollbars/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./loading */ \"./src/loading/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./click-outside */ \"./src/click-outside/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./locale-context-provider */ \"./src/locale-context-provider.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./dropdown */ \"./src/dropdown/index.tsx\"), exports);\n\n\n//# sourceURL=webpack://@opensumi/ide-components/./src/index.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.mjs\");\n__webpack_require__(/*! ./style/index.less */ \"./src/style/index.less\");\ntslib_1.__exportStar(__webpack_require__(/*! ./button */ \"./src/button/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./badge */ \"./src/badge/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./input */ \"./src/input/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./checkbox */ \"./src/checkbox/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./select */ \"./src/select/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./tabs */ \"./src/tabs/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./overlay */ \"./src/overlay/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./dialog */ \"./src/dialog/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./icon */ \"./src/icon/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./image */ \"./src/image/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./notification */ \"./src/notification/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./popover */ \"./src/popover/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./message */ \"./src/message/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./tooltip */ \"./src/tooltip/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./recycle-tree */ \"./src/recycle-tree/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./recycle-list */ \"./src/recycle-list/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./common */ \"./src/common.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./scrollbars */ \"./src/scrollbars/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./loading */ \"./src/loading/index.ts\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./click-outside */ \"./src/click-outside/index.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./locale-context-provider */ \"./src/locale-context-provider.tsx\"), exports);\ntslib_1.__exportStar(__webpack_require__(/*! ./dropdown */ \"./src/dropdown/index.tsx\"), exports);\n\n\n//# sourceURL=webpack://@opensumi/ide-components/./src/index.ts?");
 
 /***/ }),