@opensumi/ide-components 3.8.3-next-1741943877.0 → 3.8.3-next-1741949132.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 ***!
@@ -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?");
 
 /***/ }),
 
@@ -6298,7 +6617,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.CompositeTreeNode = exports.TreeNode = exports.BranchOperatorStatus = void 0;\nexports.spliceArray = spliceArray;\nconst tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.mjs\");\n/* eslint-disable @typescript-eslint/prefer-for-of */\nconst ide_utils_1 = __webpack_require__(/*! @opensumi/ide-utils */ \"../utils/lib/index.js\");\nconst types_1 = __webpack_require__(/*! ../types */ \"./src/recycle-tree/types/index.ts\");\nconst { Path } = ide_utils_1.path;\n/**\n * 裁剪数组\n *\n * @param arr 裁剪数组\n * @param start 起始位置\n * @param deleteCount 删除或替换位置\n * @param items 插入的数组\n */\nfunction spliceArray(arr, start, deleteCount = 0, items) {\n    const a = arr.slice(0);\n    a.splice(start, deleteCount, ...(items || []));\n    return a;\n}\nvar BranchOperatorStatus;\n(function (BranchOperatorStatus) {\n    BranchOperatorStatus[BranchOperatorStatus[\"EXPANDED\"] = 1] = \"EXPANDED\";\n    BranchOperatorStatus[BranchOperatorStatus[\"SHRINKED\"] = 2] = \"SHRINKED\";\n})(BranchOperatorStatus || (exports.BranchOperatorStatus = BranchOperatorStatus = {}));\nclass TreeNode {\n    static is(node) {\n        return !!node && 'depth' in node && 'name' in node && 'path' in node && 'id' in node;\n    }\n    static getTreeNodeById(id) {\n        return TreeNode.idToTreeNode.get(id);\n    }\n    static getTreeNodeByPath(path) {\n        return TreeNode.pathToTreeNode.get(path);\n    }\n    static setTreeNode(id, path, node) {\n        TreeNode.idToTreeNode.set(id, node);\n        TreeNode.pathToTreeNode.set(path, node);\n    }\n    static removeTreeNode(id, path) {\n        TreeNode.idToTreeNode.delete(id);\n        TreeNode.pathToTreeNode.delete(path);\n    }\n    static getIdByPath(path) {\n        return TreeNode.pathToId.get(path);\n    }\n    static setIdByPath(path, id) {\n        return TreeNode.pathToId.set(path, id);\n    }\n    static getGlobalTreeState(path) {\n        let state = TreeNode.pathToGlobalTreeState.get(path);\n        if (!state) {\n            state = {\n                isExpanding: false,\n                isLoadingPath: false,\n                isRefreshing: false,\n                refreshCancelToken: new ide_utils_1.CancellationTokenSource(),\n                loadPathCancelToken: new ide_utils_1.CancellationTokenSource(),\n            };\n        }\n        return state;\n    }\n    static setGlobalTreeState(path, updateState) {\n        let state = TreeNode.pathToGlobalTreeState.get(path);\n        if (!state) {\n            state = {\n                isExpanding: false,\n                isLoadingPath: false,\n                isRefreshing: false,\n                refreshCancelToken: new ide_utils_1.CancellationTokenSource(),\n                loadPathCancelToken: new ide_utils_1.CancellationTokenSource(),\n            };\n        }\n        state = Object.assign(Object.assign({}, state), updateState);\n        TreeNode.pathToGlobalTreeState.set(path, state);\n        return state;\n    }\n    constructor(tree, parent, watcher, optionalMetadata) {\n        this._uid = TreeNode.nextId();\n        this._parent = parent;\n        this._tree = tree;\n        this._disposed = false;\n        this._visible = true;\n        this._metadata = Object.assign({}, (optionalMetadata || {}));\n        this._depth = parent ? parent.depth + 1 : 0;\n        if (watcher) {\n            this._watcher = watcher;\n        }\n        else if (parent) {\n            this._watcher = parent.watcher;\n        }\n    }\n    get disposed() {\n        return this._disposed;\n    }\n    /**\n     * 获取基础信息\n     */\n    get depth() {\n        return this._depth;\n    }\n    get parent() {\n        return this._parent;\n    }\n    set parent(node) {\n        this._parent = node;\n        // 节点 `parent` 变化，更新当前节点的 `path` 属性\n        this._path = '';\n    }\n    get type() {\n        return types_1.TreeNodeType.TreeNode;\n    }\n    get id() {\n        return this._uid;\n    }\n    set id(id) {\n        this._uid = id;\n    }\n    get displayName() {\n        return this.name;\n    }\n    /**\n     * 由于 Tree 对于唯一路径的 path 的依赖\n     * 在传入 `name` 值时必须保证其在路径上的唯一性\n     * 一般不建议手动管理 `name`，采用默认值即可\n     */\n    get name() {\n        if (!this.parent) {\n            return `root_${this.id}`;\n        }\n        return this.getMetadata('name') || String(this.id);\n    }\n    set name(name) {\n        this.addMetadata('name', name);\n        // 节点 `name` 变化，更新当前节点的 `path` 属性\n        this._path = '';\n    }\n    // 节点绝对路径\n    get path() {\n        if (!this._path) {\n            if (!this.parent) {\n                this._path = this.name.startsWith(Path.separator) ? this.name : `${Path.separator}${this.name}`;\n            }\n            else {\n                this._path = this.name.startsWith(Path.separator)\n                    ? `${this.parent.path}${this.name}`\n                    : `${this.parent.path}${Path.separator}${this.name}`;\n            }\n        }\n        return this._path;\n    }\n    get checkboxInfo() {\n        return {\n            checked: false,\n            tooltip: '',\n            accessibilityInformation: this.accessibilityInformation,\n        };\n    }\n    get accessibilityInformation() {\n        return {\n            label: this.name,\n            role: 'treeitem',\n        };\n    }\n    getMetadata(withKey) {\n        if (withKey === 'name' && !this._metadata[withKey]) {\n            this._metadata[withKey] = String(TreeNode.nextId());\n        }\n        return this._metadata[withKey];\n    }\n    addMetadata(withKey, value) {\n        if (!(withKey in this._metadata)) {\n            this._metadata[withKey] = value;\n            this._watcher.notifyDidChangeMetadata(this, {\n                type: types_1.MetadataChangeType.Added,\n                key: withKey,\n                prevValue: void 0,\n                value,\n            });\n        }\n        else {\n            const prevValue = this._metadata[withKey];\n            this._metadata[withKey] = value;\n            this._watcher.notifyDidChangeMetadata(this, { type: types_1.MetadataChangeType.Updated, key: withKey, prevValue, value });\n        }\n    }\n    removeMetadata(withKey) {\n        if (withKey in this._metadata) {\n            const prevValue = this._metadata[withKey];\n            delete this._metadata[withKey];\n            this._watcher.notifyDidChangeMetadata(this, {\n                type: types_1.MetadataChangeType.Removed,\n                key: withKey,\n                prevValue,\n                value: void 0,\n            });\n        }\n    }\n    /**\n     * 这里的move操作可能为移动，也可能为重命名\n     *\n     * @param {ICompositeTreeNode} to\n     * @param {string} [name=this.name]\n     * @returns\n     * @memberof TreeNode\n     */\n    mv(to, name = this.name) {\n        // 一个普通节点必含有父节点，根节点不允许任何操作\n        const prevParent = this._parent;\n        if (to === null || !CompositeTreeNode.is(to)) {\n            this.parent = undefined;\n            this.dispose();\n            return;\n        }\n        const didChangeParent = prevParent !== to;\n        const prevPath = this.path;\n        this._depth = to.depth + 1;\n        if (didChangeParent || name !== this.name) {\n            this.name = name;\n            if (didChangeParent) {\n                this._watcher.notifyWillChangeParent(this, prevParent, to);\n            }\n            if (this.parent) {\n                this.parent.unlinkItem(this, true);\n                this.parent = to;\n                this.parent.insertItem(this);\n            }\n            if (didChangeParent) {\n                this._watcher.notifyDidChangeParent(this, prevParent, to);\n            }\n        }\n        if (this.path !== prevPath) {\n            this._watcher.notifyDidChangePath(this);\n        }\n    }\n    get visible() {\n        return this._visible;\n    }\n    setVisible(b) {\n        this._visible = b;\n        return this;\n    }\n    dispose() {\n        if (this._disposed) {\n            return;\n        }\n        TreeNode.removeTreeNode(this.id, this.path);\n        this._disposed = true;\n        this._watcher.notifyDidDispose(this);\n    }\n}\nexports.TreeNode = TreeNode;\nTreeNode.nextId = (() => {\n    let id = 0;\n    return () => id++;\n})();\nTreeNode.idToTreeNode = new Map();\nTreeNode.pathToTreeNode = new Map();\nTreeNode.pathToId = new Map();\n// 每颗树都只会在根节点上绑定一个可取消的对象，即同个时间点只能存在一个改变树数据结构的事情\nTreeNode.pathToGlobalTreeState = new Map();\nclass CompositeTreeNode extends TreeNode {\n    static defaultSortComparator(a, b) {\n        if (a.constructor === b.constructor) {\n            return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;\n        }\n        return CompositeTreeNode.is(a) ? -1 : CompositeTreeNode.is(b) ? 1 : 0;\n    }\n    static is(node) {\n        return !!node && 'children' in node;\n    }\n    static isRoot(node) {\n        return CompositeTreeNode.is(node) && !node.parent;\n    }\n    generatorWatcher() {\n        const emitter = new ide_utils_1.Emitter();\n        const onEventChanges = emitter.event;\n        const disposeCollection = new ide_utils_1.DisposableCollection();\n        const terminateWatch = (path) => {\n            this.watchEvents.delete(path);\n        };\n        const watcher = {\n            notifyWillProcessWatchEvent: (target, event) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.WillProcessWatchEvent, args: [target, event] });\n            },\n            notifyWillChangeParent: (target, prevParent, newParent) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.WillChangeParent, args: [target, prevParent, newParent] });\n            },\n            notifyDidChangeParent: (target, prevParent, newParent) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidChangeParent, args: [target, prevParent, newParent] });\n            },\n            notifyDidDispose: (target) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidDispose, args: [target] });\n            },\n            notifyDidProcessWatchEvent: (target, event) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidProcessWatchEvent, args: [target, event] });\n            },\n            notifyDidChangePath: (target) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidChangePath, args: [target] });\n            },\n            notifyWillChangeExpansionState: (target, nowExpanded) => {\n                const isVisible = this.isItemVisibleAtSurface(target);\n                emitter.fire({ type: types_1.TreeNodeEvent.WillChangeExpansionState, args: [target, nowExpanded, isVisible] });\n            },\n            notifyDidChangeExpansionState: (target, nowExpanded) => {\n                const isVisible = this.isItemVisibleAtSurface(target);\n                emitter.fire({ type: types_1.TreeNodeEvent.DidChangeExpansionState, args: [target, nowExpanded, isVisible] });\n            },\n            notifyDidChangeMetadata: (target, change) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidChangeMetadata, args: [target, change] });\n            },\n            notifyDidUpdateBranch: () => {\n                emitter.fire({ type: types_1.TreeNodeEvent.BranchDidUpdate, args: [] });\n            },\n            notifyWillResolveChildren: (target, nowExpanded) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.WillResolveChildren, args: [target, nowExpanded] });\n            },\n            notifyDidResolveChildren: (target, nowExpanded) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidResolveChildren, args: [target, nowExpanded] });\n            },\n            // 监听所有事件\n            on: (event, callback) => {\n                const dispose = onEventChanges((data) => {\n                    if (data.type === event) {\n                        callback(...data.args);\n                    }\n                });\n                disposeCollection.push(dispose);\n                return dispose;\n            },\n            // 监听Watch事件变化\n            onWatchEvent: (path, callback) => {\n                const terminator = terminateWatch;\n                this.watchEvents.set(path, { terminator, callback });\n                return terminator;\n            },\n            dispose: disposeCollection,\n        };\n        return watcher;\n    }\n    // parent 为undefined即表示该节点为根节点\n    constructor(tree, parent, watcher, optionalMetadata) {\n        super(tree, parent, watcher, optionalMetadata);\n        this._children = null;\n        this._lock = false;\n        this.refreshThrottler = new ide_utils_1.ThrottledDelayer(CompositeTreeNode.REFRESH_DELAY);\n        this.toRefreshPathQueue = new Set();\n        /**\n         * 处理 Watch 事件，同时可通过外部手动调 g用节点更新函数进行节点替换，这里为通用的事件管理\n         * 如： transferItem，insertItem, unlinkItem等\n         * @private\n         * @memberof CompositeTreeNode\n         */\n        this.handleWatchEvent = (event) => tslib_1.__awaiter(this, void 0, void 0, function* () {\n            this.watcher.notifyWillProcessWatchEvent(this, event);\n            switch (event.type) {\n                case types_1.WatchEvent.Moved: {\n                    const { oldPath, newPath } = event;\n                    if (typeof oldPath !== 'string') {\n                        throw new TypeError('Expected oldPath to be a string');\n                    }\n                    if (typeof newPath !== 'string') {\n                        throw new TypeError('Expected newPath to be a string');\n                    }\n                    if (Path.isRelative(oldPath)) {\n                        throw new TypeError('oldPath must be absolute');\n                    }\n                    if (Path.isRelative(newPath)) {\n                        throw new TypeError('newPath must be absolute');\n                    }\n                    this.transferItem(oldPath, newPath);\n                    break;\n                }\n                case types_1.WatchEvent.Added: {\n                    const { node } = event;\n                    if (!TreeNode.is(node)) {\n                        throw new TypeError('Expected node to be a TreeNode');\n                    }\n                    this.insertItem(node);\n                    break;\n                }\n                case types_1.WatchEvent.Removed: {\n                    const { path } = event;\n                    const pathObject = new Path(path);\n                    const dirName = pathObject.dir.toString();\n                    const name = pathObject.base.toString();\n                    if (dirName === this.path && !!this.children) {\n                        const item = this.children.find((c) => c.name === name);\n                        if (item) {\n                            this.unlinkItem(item);\n                        }\n                    }\n                    break;\n                }\n                default:\n                    // 如果当前变化的节点已在数据视图（并非滚动到不可见区域）中不可见，则将该节点折叠，待下次更新即可，\n                    if (!this.isItemVisibleAtRootSurface(this)) {\n                        this.isExpanded = false;\n                        this._children = null;\n                    }\n                    else {\n                        yield this.refresh();\n                    }\n                    break;\n            }\n            this.watcher.notifyDidProcessWatchEvent(this, event);\n        });\n        this.isExpanded = parent ? false : true;\n        this._branchSize = 0;\n        if (!parent) {\n            this.watchEvents = new Map();\n            // 为根节点创建监听器\n            this._watcher = this.generatorWatcher();\n            this._root = this;\n            TreeNode.setTreeNode(this.id, this.path, this);\n        }\n        else {\n            this._watcher = parent.watcher;\n        }\n    }\n    // 重载 name 的 getter/setter，路径改变时需要重新监听文件节点变化\n    set name(name) {\n        const prevPath = this.path;\n        if (!CompositeTreeNode.isRoot(this) && typeof this.watchTerminator === 'function') {\n            this.watchTerminator(prevPath);\n            this.addMetadata('name', name);\n            this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n        }\n        else {\n            this.addMetadata('name', name);\n        }\n        // 节点 `name` 变化，更新当前节点的 `path` 属性\n        this._path = '';\n    }\n    get name() {\n        // 根节点保证路径不重复\n        if (!this.parent) {\n            return `root_${this.id}`;\n        }\n        return this.getMetadata('name');\n    }\n    // 作为根节点唯一的watcher需要在生成新节点的时候传入\n    get watcher() {\n        return this._watcher;\n    }\n    get type() {\n        return types_1.TreeNodeType.CompositeTreeNode;\n    }\n    get children() {\n        return this._children;\n    }\n    get expanded() {\n        return this.isExpanded;\n    }\n    /**\n     * 当前可见的分支数量\n     *\n     * 当节点为展开状态时，其整个分支（递归展平）由上一级的分支（根（位于数据层可见）或处于折叠状态的分支）拥有\n     * 当节点为折叠状态时，其整个分支（递归展平）由其上一级父目录展开该节点\n     *\n     * @readonly\n     * @memberof CompositeTreeNode\n     */\n    get branchSize() {\n        return this._branchSize;\n    }\n    /**\n     * 获取当前节点的分支数，一般为顶层节点，如Root上获取\n     *\n     * @readonly\n     * @memberof CompositeTreeNode\n     */\n    get flattenedBranch() {\n        return this._flattenedBranch;\n    }\n    get lock() {\n        return this._lock;\n    }\n    get root() {\n        if ((0, ide_utils_1.isUndefined)(this._root)) {\n            this._root = this.getRoot() || null;\n        }\n        return this._root;\n    }\n    getRoot() {\n        let root = this.parent;\n        while (root && root.parent) {\n            root = root.parent;\n        }\n        return root;\n    }\n    /**\n     * 确保此“目录”的子级已加载（不影响“展开”状态）\n     * 如果子级已经加载，则返回的Promise将立即解决\n     * 否则，将发出重新加载请求并返回Promise\n     * 一旦返回的Promise.resolve，“CompositeTreeNode＃children” 便可以访问到对于节点\n     */\n    ensureLoaded(token) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            if (this._children) {\n                return;\n            }\n            return yield this.hardReloadChildren(token);\n        });\n    }\n    // 展开节点\n    setExpanded() {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (ensureVisible = true, quiet = false, isOwner = true, token) {\n            if (this.disposed) {\n                return;\n            }\n            // 根节点不可折叠\n            if (CompositeTreeNode.isRoot(this)) {\n                return;\n            }\n            if (this.isExpanded) {\n                return;\n            }\n            if (isOwner) {\n                const state = TreeNode.getGlobalTreeState(this.path);\n                state.loadPathCancelToken.cancel();\n                state.refreshCancelToken.cancel();\n                TreeNode.setGlobalTreeState(this.path, {\n                    isExpanding: true,\n                });\n            }\n            this.isExpanded = true;\n            if (this._children === null) {\n                this._watcher.notifyWillResolveChildren(this, this.isExpanded);\n                yield this.hardReloadChildren(token);\n                this._watcher.notifyDidResolveChildren(this, this.isExpanded);\n                // 检查其是否展开；可能同时执行了 setCollapsed 方法\n                if (!this.isExpanded || (token === null || token === void 0 ? void 0 : token.isCancellationRequested)) {\n                    if (isOwner) {\n                        TreeNode.setGlobalTreeState(this.path, {\n                            isExpanding: false,\n                        });\n                    }\n                    return;\n                }\n            }\n            if (ensureVisible && this.parent && CompositeTreeNode.is(this.parent)) {\n                /**\n                 * 在传入 ensureVisible = true 时，这里传入的 token 不能取消所有副作用\n                 * 故在使用 ensureVisible = true 时必须保证 `setExpanded` 与 `setCollapsed` 的独立性\n                 * 如需要 `await node.setExpanded(true)` 后再执行 `node.setCollapsed()`\n                 */\n                yield this.parent.setExpanded(true, !quiet, false, token);\n            }\n            if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                if (isOwner) {\n                    TreeNode.setGlobalTreeState(this.path, {\n                        isExpanding: false,\n                    });\n                }\n                return;\n            }\n            if (this.isExpanded) {\n                this._watcher.notifyWillChangeExpansionState(this, true);\n                // 与根节点合并分支\n                this.expandBranch(this, quiet);\n                this._watcher.notifyDidChangeExpansionState(this, true);\n            }\n            if (isOwner) {\n                TreeNode.setGlobalTreeState(this.path, {\n                    isExpanding: false,\n                });\n                TreeNode.setTreeNode(this.id, this.path, this);\n            }\n        });\n    }\n    // 获取当前节点下所有展开的节点路径\n    getAllExpandedNodePath() {\n        var _a, _b;\n        const paths = [];\n        let start = 0;\n        if (!CompositeTreeNode.isRoot(this)) {\n            // 找到节点位置下标，向下进一步查找展开目录\n            start = ((_a = this.root) === null || _a === void 0 ? void 0 : _a.getIndexAtTreeNodeId(this.id)) + 1;\n        }\n        const end = start + this.branchSize;\n        for (let i = start; i < end; i++) {\n            const node = (_b = this.root) === null || _b === void 0 ? void 0 : _b.getTreeNodeAtIndex(i);\n            if (CompositeTreeNode.is(node) && node.expanded) {\n                paths.push(node.path);\n            }\n        }\n        return paths;\n    }\n    // 获取当前节点下所有折叠的节点路径\n    getAllCollapsedNodePath() {\n        let paths = [];\n        if (this.children) {\n            for (let i = 0; i < this.children.length; i++) {\n                const child = this.children[i];\n                if (!CompositeTreeNode.is(child)) {\n                    continue;\n                }\n                if (child.isExpanded) {\n                    paths = paths.concat(child.getAllCollapsedNodePath());\n                }\n                else {\n                    paths.push(child.path);\n                }\n            }\n            return paths;\n        }\n        else {\n            return paths;\n        }\n    }\n    /**\n     * 处理节点数据，让节点重新加载子节点及初始化 flattenedBranch\n     * @param token CancellationToken\n     */\n    resolveChildrens(token) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            var _a, _b, _c;\n            let childrens = this.children;\n            let expandedPaths = [];\n            try {\n                childrens = (yield this._tree.resolveChildren(this)) || [];\n            }\n            catch (e) {\n                childrens = [];\n            }\n            if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                return false;\n            }\n            const flatTree = new Array(childrens.length);\n            this._children = Array(childrens.length);\n            for (let i = 0; i < childrens.length; i++) {\n                const child = childrens[i];\n                // 如果存在上一次缓存的节点，则使用缓存节点的 ID\n                child.id = TreeNode.getIdByPath(child.path) || child.id;\n                this._children[i] = child;\n                TreeNode.setIdByPath(child.path, child.id);\n            }\n            (_a = this._children) === null || _a === void 0 ? void 0 : _a.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n            for (let i = 0; i < childrens.length; i++) {\n                flatTree[i] = this._children[i].id;\n            }\n            const expandedChilds = [];\n            for (let i = 0, len = ((_b = this.children) === null || _b === void 0 ? void 0 : _b.length) || 0; i < len; i++) {\n                const subChild = (_c = this.children) === null || _c === void 0 ? void 0 : _c[i];\n                if (CompositeTreeNode.is(subChild) && subChild.expanded) {\n                    const paths = yield subChild.resolveChildrens(token);\n                    if (paths) {\n                        expandedPaths = expandedPaths.concat(paths);\n                    }\n                    if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                        return;\n                    }\n                    expandedChilds.push(subChild);\n                }\n            }\n            this._branchSize = flatTree.length;\n            this.setFlattenedBranch(flatTree);\n            for (let i = 0; i < expandedChilds.length; i++) {\n                const child = expandedChilds[i];\n                child.expandBranch(child, true);\n            }\n            return expandedPaths.concat(expandedChilds.map((child) => child.path.toString()));\n        });\n    }\n    updateTreeNodeCache(child) {\n        var _a;\n        TreeNode.setTreeNode(child.id, child.path, child);\n        if (CompositeTreeNode.is(child) && child.expanded && ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)) {\n            for (let i = 0; i < child.children.length; i++) {\n                const subChild = child.children[i];\n                this.updateTreeNodeCache(subChild);\n            }\n        }\n    }\n    /**\n     * 静默刷新子节点, 即不触发分支更新事件\n     * @param toExpandPaths 待展开的路径\n     * @param token CancellationToken\n     * @param origin 当 this === origin 时，说明此节点为调用的源头节点\n     */\n    refreshTreeNodeByPaths() {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (toExpandPaths = this.getAllExpandedNodePath(), token, origin) {\n            if (!CompositeTreeNode.is(this)) {\n                return;\n            }\n            // 如果某次刷新操作被取消，则下次刷新依旧使用上一次刷新的展开目录进行刷新\n            let toExpandPath;\n            const originChildren = this.children;\n            let childrens = this.children || [];\n            if (this.expanded) {\n                if (this === origin) {\n                    try {\n                        childrens = (yield this._tree.resolveChildren(this)) || [];\n                    }\n                    catch (e) {\n                        childrens = [];\n                    }\n                    if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                        return;\n                    }\n                    if (!this.expanded) {\n                        // 当请求刷新节点时，如果该节点已经不应该被处理，则清理 Children\n                        // 下次再被展开时便会自动更新 Children 最新内容\n                        if (this.children) {\n                            // 清理子节点，等待下次展开时更新\n                            if (!!this.children && this.parent) {\n                                for (let i = 0; i < this.children.length; i++) {\n                                    const child = this.children[i];\n                                    child.dispose();\n                                }\n                                this._children = null;\n                            }\n                        }\n                        return;\n                    }\n                }\n                while ((toExpandPath = toExpandPaths.shift())) {\n                    const isRelative = toExpandPath.indexOf(`${this.path}${Path.separator}`) > -1;\n                    if (!isRelative) {\n                        if (toExpandPath === this.path) {\n                            toExpandPath = undefined;\n                        }\n                        break;\n                    }\n                    const child = childrens === null || childrens === void 0 ? void 0 : childrens.find((child) => child.path === toExpandPath);\n                    // 对于压缩情况的路径需要额外处理一下\n                    // 如果这里加载的路径是 a/b/c, 有可能目前只加载到 a/b\n                    if (!child) {\n                        if (!childrens || childrens.length === 0) {\n                            break;\n                        }\n                        for (let i = 0; i < childrens.length; i++) {\n                            const child = childrens[i];\n                            const isInclude = toExpandPath.indexOf(`${child.path}${Path.separator}`) === 0; // 展开路径包含子节点路径\n                            if (isInclude && CompositeTreeNode.is(child)) {\n                                // 包含压缩节点的情况\n                                if (!CompositeTreeNode.is(child)) {\n                                    // 说明此节点为非折叠节点时不处理\n                                    continue;\n                                }\n                                child.isExpanded = true;\n                                // 加载路径包含当前判断路径，尝试加载该节点再匹配\n                                const extraExpandedPaths = yield child.resolveChildrens(token);\n                                if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                    return;\n                                }\n                                if (extraExpandedPaths) {\n                                    toExpandPaths = toExpandPaths.filter((path) => !extraExpandedPaths.find((a) => a === path));\n                                }\n                                if (child.path !== toExpandPath && !toExpandPaths.includes(child.path)) {\n                                    toExpandPaths.unshift(toExpandPath);\n                                }\n                                if (toExpandPaths.length > 0) {\n                                    // 不需要重新加载压缩节点的子节点内容\n                                    toExpandPaths =\n                                        (yield child.refreshTreeNodeByPaths([...toExpandPaths], token, origin)) || [];\n                                    if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                        return;\n                                    }\n                                }\n                                break;\n                            }\n                        }\n                    }\n                    else if (CompositeTreeNode.is(child)) {\n                        // 如果节点默认展开，则忽略后续操作\n                        if (!child.expanded) {\n                            child.isExpanded = true;\n                            const extraExpandedPaths = yield child.resolveChildrens(token);\n                            if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                return;\n                            }\n                            if (extraExpandedPaths) {\n                                toExpandPaths = toExpandPaths.filter((path) => !extraExpandedPaths.find((a) => a.includes(path)));\n                            }\n                            if (toExpandPaths.length > 0 && !(token === null || token === void 0 ? void 0 : token.isCancellationRequested)) {\n                                toExpandPaths =\n                                    (yield child.refreshTreeNodeByPaths([...toExpandPaths], token, origin)) || [];\n                                if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                    return;\n                                }\n                            }\n                        }\n                    }\n                }\n                if (toExpandPath) {\n                    // 仍然存在需要进一步处理的待展开路径\n                    toExpandPaths.unshift(toExpandPath);\n                    if (this === origin) {\n                        // 说明待展开的路径已经不存在，直接处理子节点\n                        if (originChildren) {\n                            this.shrinkBranch(this, true);\n                            for (let i = 0; i < originChildren.length; i++) {\n                                const child = originChildren[i];\n                                child === null || child === void 0 ? void 0 : child.dispose();\n                            }\n                        }\n                        const expandedChilds = [];\n                        const flatTree = new Array(childrens.length);\n                        this._children = Array(childrens.length);\n                        for (let i = 0; i < childrens.length; i++) {\n                            const child = childrens[i];\n                            // 如果存在上一次缓存的节点，则使用缓存节点的 ID\n                            child.id = TreeNode.getIdByPath(child.path) || child.id;\n                            this._children[i] = child;\n                            TreeNode.setIdByPath(child.path, child.id);\n                            if (CompositeTreeNode.is(child) && child.expanded) {\n                                expandedChilds.push(child);\n                            }\n                        }\n                        this._children.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n                        for (let i = 0; i < childrens.length; i++) {\n                            flatTree[i] = this._children[i].id;\n                        }\n                        this._branchSize = flatTree.length;\n                        this.setFlattenedBranch(flatTree, true);\n                        this.watcher.notifyDidUpdateBranch();\n                    }\n                    if (this.parent !== origin) {\n                        // 将所有子节点合并至第二层 Children 上，减少后续递归拼接带来额外成本\n                        this.expandBranch(this, true);\n                    }\n                    return toExpandPaths;\n                }\n                else if (CompositeTreeNode.isRoot(this)) {\n                    if (this.children) {\n                        this.shrinkBranch(this, true);\n                        for (let i = 0; i < this.children.length; i++) {\n                            const child = this.children[i];\n                            child === null || child === void 0 ? void 0 : child.dispose();\n                        }\n                    }\n                    const expandedChilds = [];\n                    const otherChilds = [];\n                    const flatTree = new Array(childrens.length);\n                    this._children = Array(childrens.length);\n                    for (let i = 0; i < childrens.length; i++) {\n                        const child = childrens[i];\n                        // 如果存在上一次缓存的节点，则使用缓存节点的 ID\n                        child.id = TreeNode.getIdByPath(child.path) || child.id;\n                        this._children[i] = child;\n                        TreeNode.setIdByPath(child.path, child.id);\n                        if (CompositeTreeNode.is(child) && child.expanded) {\n                            if (!child.children) {\n                                yield child.resolveChildrens(token);\n                                if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                    return;\n                                }\n                            }\n                            expandedChilds.push(child);\n                        }\n                        else {\n                            otherChilds.push(child);\n                        }\n                    }\n                    this._children.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n                    for (let i = 0; i < childrens.length; i++) {\n                        flatTree[i] = this._children[i].id;\n                    }\n                    this._branchSize = flatTree.length;\n                    this.setFlattenedBranch(flatTree, true);\n                    for (let i = 0; i < expandedChilds.length; i++) {\n                        const child = expandedChilds[i];\n                        child.expandBranch(child, true);\n                        this.updateTreeNodeCache(child);\n                    }\n                    for (let i = 0; i < otherChilds.length; i++) {\n                        const child = otherChilds[i];\n                        this.updateTreeNodeCache(child);\n                    }\n                    // 清理上一次监听函数\n                    if (typeof this.watchTerminator === 'function') {\n                        this.watchTerminator(this.path);\n                    }\n                    this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n                    this.watcher.notifyDidUpdateBranch();\n                }\n                else {\n                    // 非根节点刷新的情况\n                    const expandedChilds = [];\n                    if (this === origin) {\n                        // 通知节点更新\n                        if (this.children) {\n                            // 重置旧的节点分支\n                            this.shrinkBranch(this, true);\n                        }\n                        if (this.children) {\n                            for (let i = 0, len = this.children.length; i < len; i++) {\n                                const child = this.children[i];\n                                child.dispose();\n                            }\n                        }\n                        const flatTree = new Array(childrens.length);\n                        this._children = Array(childrens.length);\n                        for (let i = 0, len = childrens.length; i < len; i++) {\n                            const child = childrens[i];\n                            child.id = TreeNode.getIdByPath(child.path) || child.id;\n                            this._children[i] = child;\n                            TreeNode.setIdByPath(child.path, child.id);\n                            if (CompositeTreeNode.is(child) && child.expanded) {\n                                expandedChilds.push(child);\n                            }\n                            this.updateTreeNodeCache(child);\n                        }\n                        this._children.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n                        for (let i = 0; i < childrens.length; i++) {\n                            flatTree[i] = this._children[i].id;\n                        }\n                        this._branchSize = flatTree.length;\n                        this.setFlattenedBranch(flatTree);\n                        for (let i = 0; i < expandedChilds.length; i++) {\n                            const child = expandedChilds[i];\n                            child.expandBranch(child, true);\n                        }\n                    }\n                    else {\n                        for (let i = 0; i < childrens.length; i++) {\n                            const child = childrens[i];\n                            if (child.expanded) {\n                                expandedChilds.push(child);\n                            }\n                        }\n                    }\n                    for (let i = 0; i < expandedChilds.length; i++) {\n                        const child = expandedChilds[i];\n                        child.expandBranch(child, true);\n                    }\n                    if (typeof this.watchTerminator === 'function') {\n                        this.watchTerminator(this.path);\n                    }\n                    this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n                    if (this === origin) {\n                        this.expandBranch(this);\n                    }\n                }\n            }\n            else {\n                // 仅需处理存在子节点的情况，否则将会影响刷新后的节点长度\n                if (this.children) {\n                    // 清理子节点，等待下次展开时更新\n                    if (!!this.children && this.parent) {\n                        // eslint-disable-next-line @typescript-eslint/prefer-for-of\n                        for (let i = 0, len = this.children.length; i < len; i++) {\n                            const child = this.children[i];\n                            child.dispose();\n                        }\n                        this._children = null;\n                    }\n                }\n                return;\n            }\n        });\n    }\n    expandedAll() {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (collapsedPaths = this.getAllCollapsedNodePath()) {\n            // 仅根节点使用\n            if (!CompositeTreeNode.isRoot(this)) {\n                return;\n            }\n            collapsedPaths = collapsedPaths.sort((a, b) => Path.pathDepth(a) - Path.pathDepth(b));\n            let path;\n            while (collapsedPaths.length > 0) {\n                path = collapsedPaths.pop();\n                const item = TreeNode.getTreeNodeByPath(path);\n                if (CompositeTreeNode.is(item)) {\n                    yield item.setExpanded(false, true);\n                }\n            }\n            // 通知分支树已更新\n            this.watcher.notifyDidUpdateBranch();\n        });\n    }\n    collapsedAll() {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (expandedPaths = this.getAllExpandedNodePath()) {\n            // 仅根节点使用\n            if (!CompositeTreeNode.isRoot(this)) {\n                return;\n            }\n            expandedPaths = expandedPaths.sort((a, b) => Path.pathDepth(a) - Path.pathDepth(b));\n            let path;\n            while (expandedPaths.length > 0) {\n                path = expandedPaths.pop();\n                const item = TreeNode.getTreeNodeByPath(path);\n                if (CompositeTreeNode.is(item)) {\n                    item.setCollapsed(true);\n                }\n            }\n            // 通知分支树已更新\n            this.watcher.notifyDidUpdateBranch();\n        });\n    }\n    // 折叠节点\n    setCollapsed(quiet = false) {\n        // 根节点不可折叠\n        if (CompositeTreeNode.isRoot(this) || this.disposed) {\n            return;\n        }\n        if (!this.isExpanded) {\n            return;\n        }\n        const state = TreeNode.getGlobalTreeState(this.path);\n        if (state.isExpanding) {\n            // 当节点处于加载子节点过程时，尽管为展开状态，但此时不应该支持折叠节点\n            return;\n        }\n        state.loadPathCancelToken.cancel();\n        state.refreshCancelToken.cancel();\n        this._watcher.notifyWillChangeExpansionState(this, false);\n        if (this._children && this.parent) {\n            // 从根节点裁剪分支\n            this.shrinkBranch(this, quiet);\n        }\n        this.isExpanded = false;\n        TreeNode.setTreeNode(this.id, this.path, this);\n        this._watcher.notifyDidChangeExpansionState(this, false);\n    }\n    mv(to, name = this.name) {\n        const prevPath = this.path;\n        super.mv(to, name);\n        if (typeof this.watchTerminator === 'function') {\n            this.watchTerminator(prevPath);\n            this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n        }\n        // 同时移动过子节点\n        if (this.children) {\n            for (let i = 0; i < this.children.length; i++) {\n                const child = this.children[i];\n                child.mv(child.parent, child.name);\n            }\n        }\n    }\n    /**\n     * 在节点中插入新的节点\n     *\n     * 直接调用此方法将不会触发onWillHandleWatchEvent和onDidHandleWatchEvent事件\n     */\n    insertItem(item) {\n        if (item.parent !== this) {\n            item.mv(this, item.name);\n            return;\n        }\n        if (this.children) {\n            for (let i = 0; i < this.children.length; i++) {\n                // path / id 是节点唯一标识\n                if (this.children[i].path === item.path) {\n                    this.children[i] = item;\n                    return;\n                }\n            }\n        }\n        const branchSizeIncrease = 1 + (item instanceof CompositeTreeNode && item.expanded ? item._branchSize : 0);\n        if (this._children) {\n            this._children.push(item);\n            this._children.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n        }\n        this._branchSize += branchSizeIncrease;\n        let master = this;\n        // 如果该节点无叶子节点，则继续往上查找合适的插入位置\n        while (!master._flattenedBranch) {\n            if (master.parent) {\n                master = master.parent;\n                master._branchSize += branchSizeIncrease;\n            }\n        }\n        if (!this._children) {\n            return;\n        }\n        let relativeInsertionIndex = this._children.indexOf(item);\n        let absInsertionIndex;\n        const leadingSibling = this._children[relativeInsertionIndex - 1];\n        if (leadingSibling) {\n            const siblingIdx = master._flattenedBranch.indexOf(leadingSibling.id);\n            relativeInsertionIndex =\n                siblingIdx +\n                    (leadingSibling instanceof CompositeTreeNode && leadingSibling.expanded ? leadingSibling._branchSize : 0);\n        }\n        else {\n            relativeInsertionIndex = master._flattenedBranch.indexOf(this.id);\n        }\n        if (relativeInsertionIndex === -1) {\n            if (this._branchSize === 1) {\n                // 在空Tree中插入节点时，相对插入位置为0\n                relativeInsertionIndex = 0;\n            }\n        }\n        // 非空Tree情况下需要+1，为了容纳自身节点位置，在插入节点下方插入新增节点\n        absInsertionIndex = relativeInsertionIndex + 1;\n        // 空 Tree 情况下需要重置为 0，避免设置 Uint32Array 时超出范围\n        if (master._flattenedBranch.length === 0) {\n            absInsertionIndex = 0;\n        }\n        let branch = [item.id];\n        if (item instanceof CompositeTreeNode && item.expanded && item._flattenedBranch) {\n            branch = branch.concat(item._flattenedBranch);\n            item.setFlattenedBranch(null);\n        }\n        master.setFlattenedBranch(spliceArray(master._flattenedBranch, absInsertionIndex, 0, branch));\n        TreeNode.setTreeNode(item.id, item.path, item);\n        return item;\n    }\n    /**\n     * 从父节点中移除节点\n     *\n     * 直接调用此方法将不会触发onWillHandleWatchEvent和onDidHandleWatchEvent事件\n     */\n    unlinkItem(item, reparenting) {\n        var _a;\n        if (!this._children) {\n            return;\n        }\n        const idx = this._children.indexOf(item);\n        if (idx === -1) {\n            return;\n        }\n        // 当删除时父节点已不存在界面上时，跳过插入操作\n        if (!this.isItemVisibleAtRootSurface(this)) {\n            return;\n        }\n        (_a = this._children) === null || _a === void 0 ? void 0 : _a.splice(idx, 1);\n        const branchSizeDecrease = 1 + (item instanceof CompositeTreeNode && item.expanded ? item._branchSize : 0);\n        this._branchSize -= branchSizeDecrease;\n        // 逐级往上查找节点的父节点，并沿途裁剪分支数\n        let master = this;\n        while (!master._flattenedBranch) {\n            if (master.parent) {\n                master = master.parent;\n                master._branchSize -= branchSizeDecrease;\n            }\n        }\n        const removalBeginIdx = master._flattenedBranch.indexOf(item.id);\n        if (removalBeginIdx === -1) {\n            return;\n        }\n        if (item instanceof CompositeTreeNode && item.expanded) {\n            item.setFlattenedBranch(master._flattenedBranch.slice(removalBeginIdx + 1, removalBeginIdx + branchSizeDecrease));\n        }\n        master.setFlattenedBranch(spliceArray(master._flattenedBranch, removalBeginIdx, branchSizeDecrease));\n        if (!reparenting && item.parent === this) {\n            item.mv(null);\n        }\n    }\n    /**\n     * 转换节点路径\n     */\n    transferItem(oldPath, newPath) {\n        var _a;\n        const oldP = new Path(oldPath);\n        const from = oldP.dir.toString();\n        if (from !== this.path) {\n            return;\n        }\n        const name = oldP.base.toString();\n        const item = (_a = this._children) === null || _a === void 0 ? void 0 : _a.find((c) => c.name === name);\n        if (!item) {\n            return;\n        }\n        const newP = new Path(newPath);\n        const to = newP.dir.toString();\n        const destDir = to === from ? this : TreeNode.getTreeNodeByPath(to);\n        if (!CompositeTreeNode.is(destDir)) {\n            this.unlinkItem(item);\n            return;\n        }\n        item.mv(destDir, newP.base.toString());\n        return item;\n    }\n    dispose() {\n        // 如果存在对应文件路径下的监听，同样需要清理掉\n        if (this.watchEvents) {\n            const watcher = this.watchEvents.get(this.path);\n            if (watcher) {\n                watcher.terminator();\n            }\n            this.watchEvents.clear();\n        }\n        if (this._children) {\n            // 移除后应该折叠，因为下次初始化默认值为折叠，否则将会导致下次插入异常\n            this.isExpanded = false;\n            this._children.forEach((child) => {\n                child.dispose();\n            });\n            this._children = null;\n            this._flattenedBranch = null;\n        }\n        super.dispose();\n    }\n    /**\n     * 设置扁平化的分支信息\n     */\n    setFlattenedBranch(leaves, withoutNotify) {\n        this._flattenedBranch = leaves;\n        // Root节点才通知更新\n        if (CompositeTreeNode.isRoot(this) && !withoutNotify) {\n            this.watcher.notifyDidUpdateBranch();\n        }\n    }\n    /**\n     * 展开分支节点\n     * @param branch 分支节点\n     */\n    expandBranch(branch, withoutNotify) {\n        if (this !== branch) {\n            // 但节点为展开状态时进行裁剪\n            if (branch._flattenedBranch) {\n                this._branchSize += branch._branchSize;\n            }\n        }\n        // 当前节点为折叠状态，更新分支信息\n        if (this !== branch && this._flattenedBranch) {\n            const injectionStartIdx = this._flattenedBranch.indexOf(branch.id) + 1;\n            if (injectionStartIdx === 0) {\n                // 中途发生了branch更新事件，此时的_flattenedBranch可能已被更新，即查找不到branch.id\n                // 这种情况在父节点发生了多路径目录的创建定位动作下更易复现\n                // 例：文件树在执行a/b/c定位操作时需要请求三次数据，而更新操作可能只需要一次\n                // 导致就算更新操作后置执行，也可能比定位操作先执行完，同时将_flattenedBranch更新\n                // 最终导致此处查询不到对应节点，下面的shrinkBranch同样可能有相同问题，如点击折叠全部功能时\n                return;\n            }\n            this.setFlattenedBranch(spliceArray(this._flattenedBranch, injectionStartIdx, 0, branch._flattenedBranch), withoutNotify);\n            // 取消展开分支对于分支的所有权，即最终只会有顶部Root拥有所有分支信息\n            branch.setFlattenedBranch(null, withoutNotify);\n        }\n        else if (this.parent) {\n            this.parent.expandBranch(branch, withoutNotify);\n        }\n    }\n    /**\n     * 清理分支节点\n     * @param branch 分支节点\n     */\n    shrinkBranch(branch, withoutNotify) {\n        if (this !== branch) {\n            // 这里的`this`实际上为父节点\n            // `this`的分支大小没有改变，仍然具有相同数量的叶子，但是从父级参照系（即根节点）来看，其分支缩小了\n            this._branchSize -= branch._branchSize;\n        }\n        if (this !== branch && this._flattenedBranch) {\n            const removalStartIdx = this._flattenedBranch.indexOf(branch.id) + 1;\n            if (removalStartIdx === 0) {\n                // 中途发生了branch更新事件，此时的_flattenedBranch可能已被更新，即查找不到branch.id\n                return;\n            }\n            // 返回分支对于分支信息所有权，即将折叠的节点信息再次存储于折叠了的节点中\n            branch.setFlattenedBranch(this._flattenedBranch.slice(removalStartIdx, removalStartIdx + branch._branchSize), withoutNotify);\n            this.setFlattenedBranch(spliceArray(this._flattenedBranch, removalStartIdx, branch._flattenedBranch ? branch._flattenedBranch.length : 0), withoutNotify);\n        }\n        else if (this.parent) {\n            this.parent.shrinkBranch(branch, withoutNotify);\n        }\n    }\n    /**\n     * 加载子节点信息\n     * 当返回值为 true 时，正常加载完子节点并同步到数据结构中\n     * 返回值为 false 时，加载节点的过程被中断\n     *\n     * @memberof CompositeTreeNode\n     */\n    hardReloadChildren(token) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            let rawItems;\n            const oldPath = this.path;\n            try {\n                // ! `this.path` maybe changed after `resolveChildren` in file tree compact mode\n                rawItems = (yield this._tree.resolveChildren(this)) || [];\n            }\n            catch (e) {\n                rawItems = [];\n            }\n            // 当获取到新的子节点时，如果当前节点正处于非展开状态时，忽略后续裁切逻辑\n            // 后续的 expandBranch 也不应该被响应\n            if (!this.expanded || (token === null || token === void 0 ? void 0 : token.isCancellationRequested)) {\n                return false;\n            }\n            if (this.path !== oldPath) {\n                // do some clean up\n                TreeNode.setGlobalTreeState(oldPath, {\n                    isExpanding: false,\n                    isLoadingPath: false,\n                    isRefreshing: false,\n                });\n            }\n            const expandedChilds = [];\n            const flatTree = new Array(rawItems.length);\n            const tempChildren = new Array(rawItems.length);\n            for (let i = 0; i < rawItems.length; i++) {\n                const child = rawItems[i];\n                child.id = TreeNode.getIdByPath(child.path) || child.id;\n                tempChildren[i] = child;\n                TreeNode.setIdByPath(child.path, child.id);\n                if (CompositeTreeNode.is(child) && child.expanded) {\n                    if (!child.children) {\n                        yield child.resolveChildrens(token);\n                    }\n                    if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                        return false;\n                    }\n                    expandedChilds.push(child);\n                }\n            }\n            tempChildren.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n            for (let i = 0; i < rawItems.length; i++) {\n                flatTree[i] = tempChildren[i].id;\n            }\n            if (this.children) {\n                this.shrinkBranch(this);\n            }\n            if (this.children) {\n                for (let i = 0; i < this.children.length; i++) {\n                    const child = this.children[i];\n                    // The Child maybe `undefined`.\n                    child === null || child === void 0 ? void 0 : child.dispose();\n                }\n            }\n            for (let i = 0; i < tempChildren.length; i++) {\n                this.updateTreeNodeCache(tempChildren[i]);\n            }\n            this._children = tempChildren;\n            this._branchSize = flatTree.length;\n            this.setFlattenedBranch(flatTree);\n            for (let i = 0; i < expandedChilds.length; i++) {\n                const child = expandedChilds[i];\n                child.expandBranch(child, true);\n            }\n            // 清理上一次监听函数\n            if (typeof this.watchTerminator === 'function') {\n                this.watchTerminator(this.path);\n            }\n            this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n            return true;\n        });\n    }\n    moveNode(oldPath, newPath) {\n        if (typeof oldPath !== 'string') {\n            throw new TypeError('Expected oldPath to be a string');\n        }\n        if (typeof newPath !== 'string') {\n            throw new TypeError('Expected newPath to be a string');\n        }\n        if (Path.isRelative(oldPath)) {\n            throw new TypeError('oldPath must be absolute');\n        }\n        if (Path.isRelative(newPath)) {\n            throw new TypeError('newPath must be absolute');\n        }\n        return this.transferItem(oldPath, newPath);\n    }\n    addNode(node) {\n        if (!TreeNode.is(node)) {\n            throw new TypeError('Expected node to be a TreeNode');\n        }\n        return this.insertItem(node);\n    }\n    removeNode(path) {\n        const pathObject = new Path(path);\n        const dirName = pathObject.dir.toString();\n        const name = pathObject.base.toString();\n        if (dirName === this.path && !!this.children) {\n            const item = this.children.find((c) => c.name === name);\n            if (item) {\n                this.unlinkItem(item);\n            }\n        }\n    }\n    // 当没有传入具体路径时，使用当前展开目录作为刷新路径\n    refresh(tokenSource, target) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            if (!CompositeTreeNode.isRoot(this)) {\n                // 刷新操作只能从根节点进行，便于对重复的刷新操作进行合并\n                return yield this.root.refresh(tokenSource, this);\n            }\n            const state = TreeNode.getGlobalTreeState(this.path);\n            if (state.isLoadingPath || state.isExpanding) {\n                return;\n            }\n            let token;\n            if (tokenSource && !tokenSource.token.isCancellationRequested) {\n                TreeNode.setGlobalTreeState(this.path, {\n                    isRefreshing: true,\n                    refreshCancelToken: tokenSource,\n                });\n                token = tokenSource.token;\n            }\n            else {\n                if (state.refreshCancelToken.token.isCancellationRequested) {\n                    const refreshCancelToken = new ide_utils_1.CancellationTokenSource();\n                    TreeNode.setGlobalTreeState(this.path, {\n                        isRefreshing: true,\n                        refreshCancelToken,\n                    });\n                    token = refreshCancelToken.token;\n                }\n                else {\n                    token = state.refreshCancelToken.token;\n                }\n            }\n            this.toRefreshPathQueue.add((target || this).path);\n            yield this.refreshThrottler.trigger(() => this.doRefresh(token));\n            TreeNode.setGlobalTreeState(this.path, {\n                isRefreshing: false,\n            });\n        });\n    }\n    doRefresh(token) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            const target = this.getRefreshNode() || this;\n            if (!CompositeTreeNode.is(target)) {\n                return;\n            }\n            const paths = target.getAllExpandedNodePath();\n            yield target.refreshTreeNodeByPaths(paths, token, target);\n        });\n    }\n    getRefreshNode() {\n        let paths = Array.from(this.toRefreshPathQueue);\n        this.toRefreshPathQueue.clear();\n        if (!paths.length) {\n            return this.root;\n        }\n        // 根据路径层级深度进行排序\n        paths = paths.sort((a, b) => {\n            const depthA = Path.pathDepth(a);\n            const depthB = Path.pathDepth(b);\n            return depthA - depthB;\n        });\n        if (paths.length === 1 || Path.pathDepth(paths[0]) === 1) {\n            // 说明刷新队列中包含根节点，直接返回根节点进行刷新\n            return TreeNode.getTreeNodeByPath(paths[0]);\n        }\n        const sortedPaths = paths.map((p) => new Path(p));\n        let rootPath = sortedPaths[0];\n        for (let i = 1, len = sortedPaths.length; i < len; i++) {\n            if (rootPath.isEqualOrParent(sortedPaths[i])) {\n                continue;\n            }\n            else {\n                while (!rootPath.isRoot) {\n                    rootPath = rootPath.dir;\n                    if (!rootPath || rootPath.isEqualOrParent(sortedPaths[i])) {\n                        break;\n                    }\n                }\n            }\n        }\n        if (rootPath) {\n            return TreeNode.getTreeNodeByPath(rootPath.toString());\n        }\n        return this.root;\n    }\n    isItemVisibleAtRootSurface(node) {\n        let parent = node;\n        while (parent.parent) {\n            parent = parent.parent;\n        }\n        return parent.isItemVisibleAtSurface(node);\n    }\n    /**\n     * 检查节点是否可见，而不是被隐藏在节点中\n     *\n     * 这里的可见并不表示节点在当前视图中可见，而是在用户滚动到特定位置便可看见\n     *\n     * 隐藏在节点中可能的原因为其父节点中有一个以上处于折叠状态\n     */\n    isItemVisibleAtSurface(item) {\n        if (item === this) {\n            return true;\n        }\n        return !!this._flattenedBranch && this._flattenedBranch.indexOf(item.id) > -1;\n    }\n    transformToRelativePath(path) {\n        const { splitPath } = Path;\n        const pathFlag = splitPath(path);\n        pathFlag.shift();\n        return pathFlag;\n    }\n    /**\n     * 根据路径展开节点树\n     * @memberof CompositeTreeNode\n     */\n    loadTreeNodeByPath(path_1) {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (path, quiet = false) {\n            if (!CompositeTreeNode.isRoot(this)) {\n                return;\n            }\n            const state = TreeNode.getGlobalTreeState(this.path);\n            if (state.isExpanding) {\n                return;\n            }\n            state.refreshCancelToken.cancel();\n            state.loadPathCancelToken.cancel();\n            const loadPathCancelToken = new ide_utils_1.CancellationTokenSource();\n            TreeNode.setGlobalTreeState(this.path, {\n                isLoadingPath: true,\n                loadPathCancelToken,\n            });\n            const token = loadPathCancelToken.token;\n            const flattenedBranchChilds = [];\n            const { splitPath, isRelative } = Path;\n            const pathFlag = isRelative(path) ? splitPath(path) : this.transformToRelativePath(path);\n            if (pathFlag.length === 0) {\n                TreeNode.setGlobalTreeState(this.path, {\n                    isLoadingPath: false,\n                });\n                return this;\n            }\n            if (!this.children) {\n                yield this.ensureLoaded(token);\n            }\n            if (token.isCancellationRequested) {\n                TreeNode.setGlobalTreeState(this.path, {\n                    isLoadingPath: false,\n                });\n                return;\n            }\n            let next = this._children;\n            let preItem;\n            let preItemPath = '';\n            let name;\n            while (next && (name = pathFlag.shift())) {\n                let item = next.find((c) => c.name.indexOf(name) === 0);\n                if (item) {\n                    if (CompositeTreeNode.is(item)) {\n                        item._watcher.notifyWillChangeExpansionState(item, true);\n                        item.isExpanded = true;\n                        if (!item.children) {\n                            yield item.resolveChildrens(token);\n                            if (token.isCancellationRequested) {\n                                TreeNode.setGlobalTreeState(this.path, {\n                                    isLoadingPath: false,\n                                });\n                                return;\n                            }\n                        }\n                        flattenedBranchChilds.push(item);\n                        item._watcher.notifyDidChangeExpansionState(item, true);\n                    }\n                    if (pathFlag.length === 0) {\n                        preItem = item;\n                        break;\n                    }\n                }\n                // 可能展开后路径发生了变化, 需要重新处理一下当前加载路径\n                if (!item && preItem) {\n                    const compactPath = splitPath(preItem.name).slice(1);\n                    if (compactPath[0] === name) {\n                        compactPath.shift();\n                        while (compactPath.length > 0) {\n                            if (compactPath[0] === pathFlag[0]) {\n                                compactPath.shift();\n                                pathFlag.shift();\n                            }\n                            else {\n                                break;\n                            }\n                        }\n                        name = pathFlag.shift();\n                        item = next.find((c) => c.name.indexOf(name) === 0);\n                    }\n                }\n                // 最终加载到的路径节点\n                if (!item || (!CompositeTreeNode.is(item) && pathFlag.length > 0)) {\n                    break;\n                }\n                if (CompositeTreeNode.is(item)) {\n                    const isCompactName = item.name.indexOf(Path.separator) > 0;\n                    if (isCompactName) {\n                        const compactPath = splitPath(item.name).slice(1);\n                        while (compactPath.length > 0) {\n                            if (compactPath[0] === pathFlag[0]) {\n                                compactPath.shift();\n                                pathFlag.shift();\n                            }\n                            else {\n                                break;\n                            }\n                        }\n                    }\n                    if (!item._children) {\n                        preItemPath = item.path;\n                        if (CompositeTreeNode.is(item)) {\n                            item.isExpanded = true;\n                            if (!item.children) {\n                                yield item.resolveChildrens(token);\n                                if (token.isCancellationRequested) {\n                                    TreeNode.setGlobalTreeState(this.path, {\n                                        isLoadingPath: false,\n                                    });\n                                    return;\n                                }\n                            }\n                            flattenedBranchChilds.push(item);\n                        }\n                    }\n                    if (item && pathFlag.length === 0) {\n                        preItem = item;\n                        break;\n                    }\n                    else {\n                        if (!!preItemPath && preItemPath !== item.path) {\n                            // 说明此时已发生了路径压缩，如从 a -> a/b/c\n                            // 需要根据路径变化移除对应的展开路径, 这里只需考虑短变长场景\n                            const prePaths = splitPath(preItemPath);\n                            const nextPaths = splitPath(item.path);\n                            if (nextPaths.length > prePaths.length) {\n                                pathFlag.splice(0, nextPaths.length - prePaths.length);\n                            }\n                        }\n                        next = item._children;\n                        preItem = item;\n                    }\n                }\n            }\n            if (preItem) {\n                let child;\n                if (preItem.disposed) {\n                    TreeNode.setGlobalTreeState(this.path, {\n                        isLoadingPath: false,\n                    });\n                    return;\n                }\n                while ((child = flattenedBranchChilds.pop())) {\n                    child.expandBranch(child, true);\n                    if (flattenedBranchChilds.length === 0) {\n                        this.updateTreeNodeCache(child);\n                    }\n                }\n                if (!quiet) {\n                    this.watcher.notifyDidUpdateBranch();\n                }\n                TreeNode.setGlobalTreeState(this.path, {\n                    isLoadingPath: false,\n                });\n                return preItem;\n            }\n            TreeNode.setGlobalTreeState(this.path, {\n                isLoadingPath: false,\n            });\n        });\n    }\n    /**\n     * 根据节点获取节点ID下标位置\n     * @param {number} id\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getIndexAtTreeNodeId(id) {\n        if (this._flattenedBranch) {\n            return this._flattenedBranch.indexOf(id);\n        }\n        return -1;\n    }\n    /**\n     * 根据节点获取节点下标位置\n     * @param {ITreeNodeOrCompositeTreeNode} node\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getIndexAtTreeNode(node) {\n        if (this._flattenedBranch) {\n            return this._flattenedBranch.indexOf(node.id);\n        }\n        return -1;\n    }\n    /**\n     * 根据下标位置获取节点\n     * @param {number} index\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getTreeNodeAtIndex(index) {\n        var _a;\n        const id = (_a = this._flattenedBranch) === null || _a === void 0 ? void 0 : _a[index];\n        if (!id) {\n            return undefined;\n        }\n        return TreeNode.getTreeNodeById(id);\n    }\n    /**\n     * 根据节点ID获取节点\n     * @param {number} id\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getTreeNodeById(id) {\n        return TreeNode.getTreeNodeById(id);\n    }\n    /**\n     * 根据节点路径获取节点\n     * @param {string} path\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getTreeNodeByPath(path) {\n        return TreeNode.getTreeNodeByPath(path);\n    }\n}\nexports.CompositeTreeNode = CompositeTreeNode;\nCompositeTreeNode.REFRESH_DELAY = 200;\n\n\n//# sourceURL=webpack://@opensumi/ide-components/./src/recycle-tree/tree/TreeNode.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.CompositeTreeNode = exports.TreeNode = exports.BranchOperatorStatus = void 0;\nexports.spliceArray = spliceArray;\nconst tslib_1 = __webpack_require__(/*! tslib */ \"../../node_modules/tslib/tslib.es6.mjs\");\n/* eslint-disable @typescript-eslint/prefer-for-of */\nconst ide_utils_1 = __webpack_require__(/*! @opensumi/ide-utils */ \"../utils/lib/index.js\");\nconst types_1 = __webpack_require__(/*! ../types */ \"./src/recycle-tree/types/index.ts\");\nconst { Path } = ide_utils_1.path;\n/**\n * 裁剪数组\n *\n * @param arr 裁剪数组\n * @param start 起始位置\n * @param deleteCount 删除或替换位置\n * @param items 插入的数组\n */\nfunction spliceArray(arr, start, deleteCount = 0, items) {\n    // 如果没有修改操作，直接返回原数组\n    if (deleteCount === 0 && (!items || items.length === 0)) {\n        return arr;\n    }\n    // 直接使用 slice + concat 避免 spread operator\n    const before = arr.slice(0, start);\n    const after = arr.slice(start + deleteCount);\n    return before.concat(items || []).concat(after);\n}\nvar BranchOperatorStatus;\n(function (BranchOperatorStatus) {\n    BranchOperatorStatus[BranchOperatorStatus[\"EXPANDED\"] = 1] = \"EXPANDED\";\n    BranchOperatorStatus[BranchOperatorStatus[\"SHRINKED\"] = 2] = \"SHRINKED\";\n})(BranchOperatorStatus || (exports.BranchOperatorStatus = BranchOperatorStatus = {}));\nclass TreeNode {\n    static is(node) {\n        return !!node && 'depth' in node && 'name' in node && 'path' in node && 'id' in node;\n    }\n    static getTreeNodeById(id) {\n        return TreeNode.idToTreeNode.get(id);\n    }\n    static getTreeNodeByPath(path) {\n        return TreeNode.pathToTreeNode.get(path);\n    }\n    static setTreeNode(id, path, node) {\n        TreeNode.idToTreeNode.set(id, node);\n        TreeNode.pathToTreeNode.set(path, node);\n    }\n    static removeTreeNode(id, path) {\n        TreeNode.idToTreeNode.delete(id);\n        TreeNode.pathToTreeNode.delete(path);\n    }\n    static getIdByPath(path) {\n        return TreeNode.pathToId.get(path);\n    }\n    static setIdByPath(path, id) {\n        return TreeNode.pathToId.set(path, id);\n    }\n    static getGlobalTreeState(path) {\n        let state = TreeNode.pathToGlobalTreeState.get(path);\n        if (!state) {\n            state = {\n                isExpanding: false,\n                isLoadingPath: false,\n                isRefreshing: false,\n                refreshCancelToken: new ide_utils_1.CancellationTokenSource(),\n                loadPathCancelToken: new ide_utils_1.CancellationTokenSource(),\n            };\n        }\n        return state;\n    }\n    static setGlobalTreeState(path, updateState) {\n        let state = TreeNode.pathToGlobalTreeState.get(path);\n        if (!state) {\n            state = {\n                isExpanding: false,\n                isLoadingPath: false,\n                isRefreshing: false,\n                refreshCancelToken: new ide_utils_1.CancellationTokenSource(),\n                loadPathCancelToken: new ide_utils_1.CancellationTokenSource(),\n            };\n        }\n        state = Object.assign(Object.assign({}, state), updateState);\n        TreeNode.pathToGlobalTreeState.set(path, state);\n        return state;\n    }\n    constructor(tree, parent, watcher, optionalMetadata) {\n        this._uid = TreeNode.nextId();\n        this._parent = parent;\n        this._tree = tree;\n        this._disposed = false;\n        this._visible = true;\n        this._metadata = Object.assign({}, (optionalMetadata || {}));\n        this._depth = parent ? parent.depth + 1 : 0;\n        if (watcher) {\n            this._watcher = watcher;\n        }\n        else if (parent) {\n            this._watcher = parent.watcher;\n        }\n    }\n    get disposed() {\n        return this._disposed;\n    }\n    /**\n     * 获取基础信息\n     */\n    get depth() {\n        return this._depth;\n    }\n    get parent() {\n        return this._parent;\n    }\n    set parent(node) {\n        this._parent = node;\n        // 节点 `parent` 变化，更新当前节点的 `path` 属性\n        this._path = '';\n    }\n    get type() {\n        return types_1.TreeNodeType.TreeNode;\n    }\n    get id() {\n        return this._uid;\n    }\n    set id(id) {\n        this._uid = id;\n    }\n    get displayName() {\n        return this.name;\n    }\n    /**\n     * 由于 Tree 对于唯一路径的 path 的依赖\n     * 在传入 `name` 值时必须保证其在路径上的唯一性\n     * 一般不建议手动管理 `name`，采用默认值即可\n     */\n    get name() {\n        if (!this.parent) {\n            return `root_${this.id}`;\n        }\n        return this.getMetadata('name') || String(this.id);\n    }\n    set name(name) {\n        this.addMetadata('name', name);\n        // 节点 `name` 变化，更新当前节点的 `path` 属性\n        this._path = '';\n    }\n    // 节点绝对路径\n    get path() {\n        if (!this._path) {\n            if (!this.parent) {\n                this._path = this.name.startsWith(Path.separator) ? this.name : `${Path.separator}${this.name}`;\n            }\n            else {\n                this._path = this.name.startsWith(Path.separator)\n                    ? `${this.parent.path}${this.name}`\n                    : `${this.parent.path}${Path.separator}${this.name}`;\n            }\n        }\n        return this._path;\n    }\n    get checkboxInfo() {\n        return {\n            checked: false,\n            tooltip: '',\n            accessibilityInformation: this.accessibilityInformation,\n        };\n    }\n    get accessibilityInformation() {\n        return {\n            label: this.name,\n            role: 'treeitem',\n        };\n    }\n    getMetadata(withKey) {\n        if (withKey === 'name' && !this._metadata[withKey]) {\n            this._metadata[withKey] = String(TreeNode.nextId());\n        }\n        return this._metadata[withKey];\n    }\n    addMetadata(withKey, value) {\n        if (!(withKey in this._metadata)) {\n            this._metadata[withKey] = value;\n            this._watcher.notifyDidChangeMetadata(this, {\n                type: types_1.MetadataChangeType.Added,\n                key: withKey,\n                prevValue: void 0,\n                value,\n            });\n        }\n        else {\n            const prevValue = this._metadata[withKey];\n            this._metadata[withKey] = value;\n            this._watcher.notifyDidChangeMetadata(this, { type: types_1.MetadataChangeType.Updated, key: withKey, prevValue, value });\n        }\n    }\n    removeMetadata(withKey) {\n        if (withKey in this._metadata) {\n            const prevValue = this._metadata[withKey];\n            delete this._metadata[withKey];\n            this._watcher.notifyDidChangeMetadata(this, {\n                type: types_1.MetadataChangeType.Removed,\n                key: withKey,\n                prevValue,\n                value: void 0,\n            });\n        }\n    }\n    /**\n     * 这里的move操作可能为移动，也可能为重命名\n     *\n     * @param {ICompositeTreeNode} to\n     * @param {string} [name=this.name]\n     * @returns\n     * @memberof TreeNode\n     */\n    mv(to, name = this.name) {\n        // 一个普通节点必含有父节点，根节点不允许任何操作\n        const prevParent = this._parent;\n        if (to === null || !CompositeTreeNode.is(to)) {\n            this.parent = undefined;\n            this.dispose();\n            return;\n        }\n        const didChangeParent = prevParent !== to;\n        const prevPath = this.path;\n        this._depth = to.depth + 1;\n        if (didChangeParent || name !== this.name) {\n            this.name = name;\n            if (didChangeParent) {\n                this._watcher.notifyWillChangeParent(this, prevParent, to);\n            }\n            if (this.parent) {\n                this.parent.unlinkItem(this, true);\n                this.parent = to;\n                this.parent.insertItem(this);\n            }\n            if (didChangeParent) {\n                this._watcher.notifyDidChangeParent(this, prevParent, to);\n            }\n        }\n        if (this.path !== prevPath) {\n            this._watcher.notifyDidChangePath(this);\n        }\n    }\n    get visible() {\n        return this._visible;\n    }\n    setVisible(b) {\n        this._visible = b;\n        return this;\n    }\n    dispose() {\n        if (this._disposed) {\n            return;\n        }\n        TreeNode.removeTreeNode(this.id, this.path);\n        this._disposed = true;\n        this._watcher.notifyDidDispose(this);\n    }\n}\nexports.TreeNode = TreeNode;\nTreeNode.nextId = (() => {\n    let id = 0;\n    return () => id++;\n})();\nTreeNode.idToTreeNode = new Map();\nTreeNode.pathToTreeNode = new Map();\nTreeNode.pathToId = new Map();\n// 每颗树都只会在根节点上绑定一个可取消的对象，即同个时间点只能存在一个改变树数据结构的事情\nTreeNode.pathToGlobalTreeState = new Map();\nclass CompositeTreeNode extends TreeNode {\n    static defaultSortComparator(a, b) {\n        if (a.constructor === b.constructor) {\n            return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;\n        }\n        return CompositeTreeNode.is(a) ? -1 : CompositeTreeNode.is(b) ? 1 : 0;\n    }\n    static is(node) {\n        return !!node && 'children' in node;\n    }\n    static isRoot(node) {\n        return CompositeTreeNode.is(node) && !node.parent;\n    }\n    generatorWatcher() {\n        const emitter = new ide_utils_1.Emitter();\n        const onEventChanges = emitter.event;\n        const disposeCollection = new ide_utils_1.DisposableCollection();\n        const terminateWatch = (path) => {\n            this.watchEvents.delete(path);\n        };\n        const watcher = {\n            notifyWillProcessWatchEvent: (target, event) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.WillProcessWatchEvent, args: [target, event] });\n            },\n            notifyWillChangeParent: (target, prevParent, newParent) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.WillChangeParent, args: [target, prevParent, newParent] });\n            },\n            notifyDidChangeParent: (target, prevParent, newParent) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidChangeParent, args: [target, prevParent, newParent] });\n            },\n            notifyDidDispose: (target) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidDispose, args: [target] });\n            },\n            notifyDidProcessWatchEvent: (target, event) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidProcessWatchEvent, args: [target, event] });\n            },\n            notifyDidChangePath: (target) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidChangePath, args: [target] });\n            },\n            notifyWillChangeExpansionState: (target, nowExpanded) => {\n                const isVisible = this.isItemVisibleAtSurface(target);\n                emitter.fire({ type: types_1.TreeNodeEvent.WillChangeExpansionState, args: [target, nowExpanded, isVisible] });\n            },\n            notifyDidChangeExpansionState: (target, nowExpanded) => {\n                const isVisible = this.isItemVisibleAtSurface(target);\n                emitter.fire({ type: types_1.TreeNodeEvent.DidChangeExpansionState, args: [target, nowExpanded, isVisible] });\n            },\n            notifyDidChangeMetadata: (target, change) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidChangeMetadata, args: [target, change] });\n            },\n            notifyDidUpdateBranch: () => {\n                emitter.fire({ type: types_1.TreeNodeEvent.BranchDidUpdate, args: [] });\n            },\n            notifyWillResolveChildren: (target, nowExpanded) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.WillResolveChildren, args: [target, nowExpanded] });\n            },\n            notifyDidResolveChildren: (target, nowExpanded) => {\n                emitter.fire({ type: types_1.TreeNodeEvent.DidResolveChildren, args: [target, nowExpanded] });\n            },\n            // 监听所有事件\n            on: (event, callback) => {\n                const dispose = onEventChanges((data) => {\n                    if (data.type === event) {\n                        callback(...data.args);\n                    }\n                });\n                disposeCollection.push(dispose);\n                return dispose;\n            },\n            // 监听Watch事件变化\n            onWatchEvent: (path, callback) => {\n                const terminator = terminateWatch;\n                this.watchEvents.set(path, { terminator, callback });\n                return terminator;\n            },\n            dispose: disposeCollection,\n        };\n        return watcher;\n    }\n    // parent 为undefined即表示该节点为根节点\n    constructor(tree, parent, watcher, optionalMetadata) {\n        super(tree, parent, watcher, optionalMetadata);\n        this._children = null;\n        this._lock = false;\n        this.refreshThrottler = new ide_utils_1.ThrottledDelayer(CompositeTreeNode.REFRESH_DELAY);\n        this.toRefreshPathQueue = new Set();\n        /**\n         * 处理 Watch 事件，同时可通过外部手动调 g用节点更新函数进行节点替换，这里为通用的事件管理\n         * 如： transferItem，insertItem, unlinkItem等\n         * @private\n         * @memberof CompositeTreeNode\n         */\n        this.handleWatchEvent = (event) => tslib_1.__awaiter(this, void 0, void 0, function* () {\n            this.watcher.notifyWillProcessWatchEvent(this, event);\n            switch (event.type) {\n                case types_1.WatchEvent.Moved: {\n                    const { oldPath, newPath } = event;\n                    if (typeof oldPath !== 'string') {\n                        throw new TypeError('Expected oldPath to be a string');\n                    }\n                    if (typeof newPath !== 'string') {\n                        throw new TypeError('Expected newPath to be a string');\n                    }\n                    if (Path.isRelative(oldPath)) {\n                        throw new TypeError('oldPath must be absolute');\n                    }\n                    if (Path.isRelative(newPath)) {\n                        throw new TypeError('newPath must be absolute');\n                    }\n                    this.transferItem(oldPath, newPath);\n                    break;\n                }\n                case types_1.WatchEvent.Added: {\n                    const { node } = event;\n                    if (!TreeNode.is(node)) {\n                        throw new TypeError('Expected node to be a TreeNode');\n                    }\n                    this.insertItem(node);\n                    break;\n                }\n                case types_1.WatchEvent.Removed: {\n                    const { path } = event;\n                    const pathObject = new Path(path);\n                    const dirName = pathObject.dir.toString();\n                    const name = pathObject.base.toString();\n                    if (dirName === this.path && !!this.children) {\n                        const item = this.children.find((c) => c.name === name);\n                        if (item) {\n                            this.unlinkItem(item);\n                        }\n                    }\n                    break;\n                }\n                default:\n                    // 如果当前变化的节点已在数据视图（并非滚动到不可见区域）中不可见，则将该节点折叠，待下次更新即可，\n                    if (!this.isItemVisibleAtRootSurface(this)) {\n                        this.isExpanded = false;\n                        this._children = null;\n                    }\n                    else {\n                        yield this.refresh();\n                    }\n                    break;\n            }\n            this.watcher.notifyDidProcessWatchEvent(this, event);\n        });\n        this.isExpanded = parent ? false : true;\n        this._branchSize = 0;\n        if (!parent) {\n            this.watchEvents = new Map();\n            // 为根节点创建监听器\n            this._watcher = this.generatorWatcher();\n            this._root = this;\n            TreeNode.setTreeNode(this.id, this.path, this);\n        }\n        else {\n            this._watcher = parent.watcher;\n        }\n    }\n    // 重载 name 的 getter/setter，路径改变时需要重新监听文件节点变化\n    set name(name) {\n        const prevPath = this.path;\n        if (!CompositeTreeNode.isRoot(this) && typeof this.watchTerminator === 'function') {\n            this.watchTerminator(prevPath);\n            this.addMetadata('name', name);\n            this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n        }\n        else {\n            this.addMetadata('name', name);\n        }\n        // 节点 `name` 变化，更新当前节点的 `path` 属性\n        this._path = '';\n    }\n    get name() {\n        // 根节点保证路径不重复\n        if (!this.parent) {\n            return `root_${this.id}`;\n        }\n        return this.getMetadata('name');\n    }\n    // 作为根节点唯一的watcher需要在生成新节点的时候传入\n    get watcher() {\n        return this._watcher;\n    }\n    get type() {\n        return types_1.TreeNodeType.CompositeTreeNode;\n    }\n    get children() {\n        return this._children;\n    }\n    get expanded() {\n        return this.isExpanded;\n    }\n    /**\n     * 当前可见的分支数量\n     *\n     * 当节点为展开状态时，其整个分支（递归展平）由上一级的分支（根（位于数据层可见）或处于折叠状态的分支）拥有\n     * 当节点为折叠状态时，其整个分支（递归展平）由其上一级父目录展开该节点\n     *\n     * @readonly\n     * @memberof CompositeTreeNode\n     */\n    get branchSize() {\n        return this._branchSize;\n    }\n    /**\n     * 获取当前节点的分支数，一般为顶层节点，如Root上获取\n     *\n     * @readonly\n     * @memberof CompositeTreeNode\n     */\n    get flattenedBranch() {\n        return this._flattenedBranch;\n    }\n    get lock() {\n        return this._lock;\n    }\n    get root() {\n        if ((0, ide_utils_1.isUndefined)(this._root)) {\n            this._root = this.getRoot() || null;\n        }\n        return this._root;\n    }\n    getRoot() {\n        let root = this.parent;\n        while (root && root.parent) {\n            root = root.parent;\n        }\n        return root;\n    }\n    /**\n     * 确保此\"目录\"的子级已加载（不影响\"展开\"状态）\n     * 如果子级已经加载，则返回的Promise将立即解决\n     * 否则，将发出重新加载请求并返回Promise\n     * 一旦返回的Promise.resolve，\"CompositeTreeNode＃children\" 便可以访问到对于节点\n     */\n    ensureLoaded(token) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            if (this._children) {\n                return;\n            }\n            return yield this.hardReloadChildren(token);\n        });\n    }\n    // 展开节点\n    setExpanded() {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (ensureVisible = true, quiet = false, isOwner = true, token) {\n            if (this.disposed) {\n                return;\n            }\n            // 根节点不可折叠\n            if (CompositeTreeNode.isRoot(this)) {\n                return;\n            }\n            if (this.isExpanded) {\n                return;\n            }\n            if (isOwner) {\n                const state = TreeNode.getGlobalTreeState(this.path);\n                state.loadPathCancelToken.cancel();\n                state.refreshCancelToken.cancel();\n                TreeNode.setGlobalTreeState(this.path, {\n                    isExpanding: true,\n                });\n            }\n            this.isExpanded = true;\n            if (this._children === null) {\n                this._watcher.notifyWillResolveChildren(this, this.isExpanded);\n                yield this.hardReloadChildren(token);\n                this._watcher.notifyDidResolveChildren(this, this.isExpanded);\n                // 检查其是否展开；可能同时执行了 setCollapsed 方法\n                if (!this.isExpanded || (token === null || token === void 0 ? void 0 : token.isCancellationRequested)) {\n                    if (isOwner) {\n                        TreeNode.setGlobalTreeState(this.path, {\n                            isExpanding: false,\n                        });\n                    }\n                    return;\n                }\n            }\n            if (ensureVisible && this.parent && CompositeTreeNode.is(this.parent)) {\n                /**\n                 * 在传入 ensureVisible = true 时，这里传入的 token 不能取消所有副作用\n                 * 故在使用 ensureVisible = true 时必须保证 `setExpanded` 与 `setCollapsed` 的独立性\n                 * 如需要 `await node.setExpanded(true)` 后再执行 `node.setCollapsed()`\n                 */\n                yield this.parent.setExpanded(true, !quiet, false, token);\n            }\n            if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                if (isOwner) {\n                    TreeNode.setGlobalTreeState(this.path, {\n                        isExpanding: false,\n                    });\n                }\n                return;\n            }\n            if (this.isExpanded) {\n                this._watcher.notifyWillChangeExpansionState(this, true);\n                // 与根节点合并分支\n                this.expandBranch(this, quiet);\n                this._watcher.notifyDidChangeExpansionState(this, true);\n            }\n            if (isOwner) {\n                TreeNode.setGlobalTreeState(this.path, {\n                    isExpanding: false,\n                });\n                TreeNode.setTreeNode(this.id, this.path, this);\n            }\n        });\n    }\n    // 获取当前节点下所有展开的节点路径\n    getAllExpandedNodePath() {\n        var _a, _b;\n        const paths = [];\n        let start = 0;\n        if (!CompositeTreeNode.isRoot(this)) {\n            // 找到节点位置下标，向下进一步查找展开目录\n            start = ((_a = this.root) === null || _a === void 0 ? void 0 : _a.getIndexAtTreeNodeId(this.id)) + 1;\n        }\n        const end = start + this.branchSize;\n        for (let i = start; i < end; i++) {\n            const node = (_b = this.root) === null || _b === void 0 ? void 0 : _b.getTreeNodeAtIndex(i);\n            if (CompositeTreeNode.is(node) && node.expanded) {\n                paths.push(node.path);\n            }\n        }\n        return paths;\n    }\n    // 获取当前节点下所有折叠的节点路径\n    getAllCollapsedNodePath() {\n        let paths = [];\n        if (this.children) {\n            for (let i = 0; i < this.children.length; i++) {\n                const child = this.children[i];\n                if (!CompositeTreeNode.is(child)) {\n                    continue;\n                }\n                if (child.isExpanded) {\n                    paths = paths.concat(child.getAllCollapsedNodePath());\n                }\n                else {\n                    paths.push(child.path);\n                }\n            }\n            return paths;\n        }\n        else {\n            return paths;\n        }\n    }\n    /**\n     * 处理节点数据，让节点重新加载子节点及初始化 flattenedBranch\n     * @param token CancellationToken\n     */\n    resolveChildrens(token) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            var _a, _b, _c;\n            let childrens = this.children;\n            let expandedPaths = [];\n            try {\n                childrens = (yield this._tree.resolveChildren(this)) || [];\n            }\n            catch (e) {\n                childrens = [];\n            }\n            if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                return false;\n            }\n            const flatTree = new Array(childrens.length);\n            this._children = Array(childrens.length);\n            for (let i = 0; i < childrens.length; i++) {\n                const child = childrens[i];\n                // 如果存在上一次缓存的节点，则使用缓存节点的 ID\n                child.id = TreeNode.getIdByPath(child.path) || child.id;\n                this._children[i] = child;\n                TreeNode.setIdByPath(child.path, child.id);\n            }\n            (_a = this._children) === null || _a === void 0 ? void 0 : _a.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n            for (let i = 0; i < childrens.length; i++) {\n                flatTree[i] = this._children[i].id;\n            }\n            const expandedChilds = [];\n            for (let i = 0, len = ((_b = this.children) === null || _b === void 0 ? void 0 : _b.length) || 0; i < len; i++) {\n                const subChild = (_c = this.children) === null || _c === void 0 ? void 0 : _c[i];\n                if (CompositeTreeNode.is(subChild) && subChild.expanded) {\n                    const paths = yield subChild.resolveChildrens(token);\n                    if (paths) {\n                        expandedPaths = expandedPaths.concat(paths);\n                    }\n                    if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                        return;\n                    }\n                    expandedChilds.push(subChild);\n                }\n            }\n            this._branchSize = flatTree.length;\n            this.setFlattenedBranch(flatTree);\n            for (let i = 0; i < expandedChilds.length; i++) {\n                const child = expandedChilds[i];\n                child.expandBranch(child, true);\n            }\n            return expandedPaths.concat(expandedChilds.map((child) => child.path.toString()));\n        });\n    }\n    updateTreeNodeCache(child) {\n        var _a;\n        TreeNode.setTreeNode(child.id, child.path, child);\n        if (CompositeTreeNode.is(child) && child.expanded && ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)) {\n            for (let i = 0; i < child.children.length; i++) {\n                const subChild = child.children[i];\n                this.updateTreeNodeCache(subChild);\n            }\n        }\n    }\n    /**\n     * 静默刷新子节点, 即不触发分支更新事件\n     * @param toExpandPaths 待展开的路径\n     * @param token CancellationToken\n     * @param origin 当 this === origin 时，说明此节点为调用的源头节点\n     */\n    refreshTreeNodeByPaths() {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (toExpandPaths = this.getAllExpandedNodePath(), token, origin) {\n            if (!CompositeTreeNode.is(this)) {\n                return;\n            }\n            // 如果某次刷新操作被取消，则下次刷新依旧使用上一次刷新的展开目录进行刷新\n            let toExpandPath;\n            const originChildren = this.children;\n            let childrens = this.children || [];\n            if (this.expanded) {\n                if (this === origin) {\n                    try {\n                        childrens = (yield this._tree.resolveChildren(this)) || [];\n                    }\n                    catch (e) {\n                        childrens = [];\n                    }\n                    if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                        return;\n                    }\n                    if (!this.expanded) {\n                        // 当请求刷新节点时，如果该节点已经不应该被处理，则清理 Children\n                        // 下次再被展开时便会自动更新 Children 最新内容\n                        if (this.children) {\n                            // 清理子节点，等待下次展开时更新\n                            if (!!this.children && this.parent) {\n                                for (let i = 0; i < this.children.length; i++) {\n                                    const child = this.children[i];\n                                    child.dispose();\n                                }\n                                this._children = null;\n                            }\n                        }\n                        return;\n                    }\n                }\n                while ((toExpandPath = toExpandPaths.shift())) {\n                    const isRelative = toExpandPath.indexOf(`${this.path}${Path.separator}`) > -1;\n                    if (!isRelative) {\n                        if (toExpandPath === this.path) {\n                            toExpandPath = undefined;\n                        }\n                        break;\n                    }\n                    const child = childrens === null || childrens === void 0 ? void 0 : childrens.find((child) => child.path === toExpandPath);\n                    // 对于压缩情况的路径需要额外处理一下\n                    // 如果这里加载的路径是 a/b/c, 有可能目前只加载到 a/b\n                    if (!child) {\n                        if (!childrens || childrens.length === 0) {\n                            break;\n                        }\n                        for (let i = 0; i < childrens.length; i++) {\n                            const child = childrens[i];\n                            const isInclude = toExpandPath.indexOf(`${child.path}${Path.separator}`) === 0; // 展开路径包含子节点路径\n                            if (isInclude && CompositeTreeNode.is(child)) {\n                                // 包含压缩节点的情况\n                                if (!CompositeTreeNode.is(child)) {\n                                    // 说明此节点为非折叠节点时不处理\n                                    continue;\n                                }\n                                child.isExpanded = true;\n                                // 加载路径包含当前判断路径，尝试加载该节点再匹配\n                                const extraExpandedPaths = yield child.resolveChildrens(token);\n                                if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                    return;\n                                }\n                                if (extraExpandedPaths) {\n                                    toExpandPaths = toExpandPaths.filter((path) => !extraExpandedPaths.find((a) => a === path));\n                                }\n                                if (child.path !== toExpandPath && !toExpandPaths.includes(child.path)) {\n                                    toExpandPaths.unshift(toExpandPath);\n                                }\n                                if (toExpandPaths.length > 0) {\n                                    // 不需要重新加载压缩节点的子节点内容\n                                    toExpandPaths =\n                                        (yield child.refreshTreeNodeByPaths([...toExpandPaths], token, origin)) || [];\n                                    if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                        return;\n                                    }\n                                }\n                                break;\n                            }\n                        }\n                    }\n                    else if (CompositeTreeNode.is(child)) {\n                        // 如果节点默认展开，则忽略后续操作\n                        if (!child.expanded) {\n                            child.isExpanded = true;\n                            const extraExpandedPaths = yield child.resolveChildrens(token);\n                            if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                return;\n                            }\n                            if (extraExpandedPaths) {\n                                toExpandPaths = toExpandPaths.filter((path) => !extraExpandedPaths.find((a) => a.includes(path)));\n                            }\n                            if (toExpandPaths.length > 0 && !(token === null || token === void 0 ? void 0 : token.isCancellationRequested)) {\n                                toExpandPaths =\n                                    (yield child.refreshTreeNodeByPaths([...toExpandPaths], token, origin)) || [];\n                                if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                    return;\n                                }\n                            }\n                        }\n                    }\n                }\n                if (toExpandPath) {\n                    // 仍然存在需要进一步处理的待展开路径\n                    toExpandPaths.unshift(toExpandPath);\n                    if (this === origin) {\n                        // 说明待展开的路径已经不存在，直接处理子节点\n                        if (originChildren) {\n                            this.shrinkBranch(this, true);\n                            for (let i = 0; i < originChildren.length; i++) {\n                                const child = originChildren[i];\n                                child === null || child === void 0 ? void 0 : child.dispose();\n                            }\n                        }\n                        const expandedChilds = [];\n                        const flatTree = new Array(childrens.length);\n                        this._children = Array(childrens.length);\n                        for (let i = 0; i < childrens.length; i++) {\n                            const child = childrens[i];\n                            // 如果存在上一次缓存的节点，则使用缓存节点的 ID\n                            child.id = TreeNode.getIdByPath(child.path) || child.id;\n                            this._children[i] = child;\n                            TreeNode.setIdByPath(child.path, child.id);\n                            if (CompositeTreeNode.is(child) && child.expanded) {\n                                expandedChilds.push(child);\n                            }\n                        }\n                        this._children.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n                        for (let i = 0; i < childrens.length; i++) {\n                            flatTree[i] = this._children[i].id;\n                        }\n                        this._branchSize = flatTree.length;\n                        this.setFlattenedBranch(flatTree, true);\n                        this.watcher.notifyDidUpdateBranch();\n                    }\n                    if (this.parent !== origin) {\n                        // 将所有子节点合并至第二层 Children 上，减少后续递归拼接带来额外成本\n                        this.expandBranch(this, true);\n                    }\n                    return toExpandPaths;\n                }\n                else if (CompositeTreeNode.isRoot(this)) {\n                    if (this.children) {\n                        this.shrinkBranch(this, true);\n                        for (let i = 0; i < this.children.length; i++) {\n                            const child = this.children[i];\n                            child === null || child === void 0 ? void 0 : child.dispose();\n                        }\n                    }\n                    const expandedChilds = [];\n                    const otherChilds = [];\n                    const flatTree = new Array(childrens.length);\n                    this._children = Array(childrens.length);\n                    for (let i = 0; i < childrens.length; i++) {\n                        const child = childrens[i];\n                        // 如果存在上一次缓存的节点，则使用缓存节点的 ID\n                        child.id = TreeNode.getIdByPath(child.path) || child.id;\n                        this._children[i] = child;\n                        TreeNode.setIdByPath(child.path, child.id);\n                        if (CompositeTreeNode.is(child) && child.expanded) {\n                            if (!child.children) {\n                                yield child.resolveChildrens(token);\n                                if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                                    return;\n                                }\n                            }\n                            expandedChilds.push(child);\n                        }\n                        else {\n                            otherChilds.push(child);\n                        }\n                    }\n                    this._children.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n                    for (let i = 0; i < childrens.length; i++) {\n                        flatTree[i] = this._children[i].id;\n                    }\n                    this._branchSize = flatTree.length;\n                    this.setFlattenedBranch(flatTree, true);\n                    for (let i = 0; i < expandedChilds.length; i++) {\n                        const child = expandedChilds[i];\n                        child.expandBranch(child, true);\n                        this.updateTreeNodeCache(child);\n                    }\n                    for (let i = 0; i < otherChilds.length; i++) {\n                        const child = otherChilds[i];\n                        this.updateTreeNodeCache(child);\n                    }\n                    // 清理上一次监听函数\n                    if (typeof this.watchTerminator === 'function') {\n                        this.watchTerminator(this.path);\n                    }\n                    this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n                    this.watcher.notifyDidUpdateBranch();\n                }\n                else {\n                    // 非根节点刷新的情况\n                    const expandedChilds = [];\n                    if (this === origin) {\n                        // 通知节点更新\n                        if (this.children) {\n                            // 重置旧的节点分支\n                            this.shrinkBranch(this, true);\n                        }\n                        if (this.children) {\n                            for (let i = 0, len = this.children.length; i < len; i++) {\n                                const child = this.children[i];\n                                child.dispose();\n                            }\n                        }\n                        const flatTree = new Array(childrens.length);\n                        this._children = Array(childrens.length);\n                        for (let i = 0, len = childrens.length; i < len; i++) {\n                            const child = childrens[i];\n                            child.id = TreeNode.getIdByPath(child.path) || child.id;\n                            this._children[i] = child;\n                            TreeNode.setIdByPath(child.path, child.id);\n                            if (CompositeTreeNode.is(child) && child.expanded) {\n                                expandedChilds.push(child);\n                            }\n                            this.updateTreeNodeCache(child);\n                        }\n                        this._children.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n                        for (let i = 0; i < childrens.length; i++) {\n                            flatTree[i] = this._children[i].id;\n                        }\n                        this._branchSize = flatTree.length;\n                        this.setFlattenedBranch(flatTree);\n                        for (let i = 0; i < expandedChilds.length; i++) {\n                            const child = expandedChilds[i];\n                            child.expandBranch(child, true);\n                        }\n                    }\n                    else {\n                        for (let i = 0; i < childrens.length; i++) {\n                            const child = childrens[i];\n                            if (child.expanded) {\n                                expandedChilds.push(child);\n                            }\n                        }\n                    }\n                    for (let i = 0; i < expandedChilds.length; i++) {\n                        const child = expandedChilds[i];\n                        child.expandBranch(child, true);\n                    }\n                    if (typeof this.watchTerminator === 'function') {\n                        this.watchTerminator(this.path);\n                    }\n                    this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n                    if (this === origin) {\n                        this.expandBranch(this);\n                    }\n                }\n            }\n            else {\n                // 仅需处理存在子节点的情况，否则将会影响刷新后的节点长度\n                if (this.children) {\n                    // 清理子节点，等待下次展开时更新\n                    if (!!this.children && this.parent) {\n                        // eslint-disable-next-line @typescript-eslint/prefer-for-of\n                        for (let i = 0, len = this.children.length; i < len; i++) {\n                            const child = this.children[i];\n                            child.dispose();\n                        }\n                        this._children = null;\n                    }\n                }\n                return;\n            }\n        });\n    }\n    expandedAll() {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (collapsedPaths = this.getAllCollapsedNodePath()) {\n            // 仅根节点使用\n            if (!CompositeTreeNode.isRoot(this)) {\n                return;\n            }\n            collapsedPaths = collapsedPaths.sort((a, b) => Path.pathDepth(a) - Path.pathDepth(b));\n            let path;\n            while (collapsedPaths.length > 0) {\n                path = collapsedPaths.pop();\n                const item = TreeNode.getTreeNodeByPath(path);\n                if (CompositeTreeNode.is(item)) {\n                    yield item.setExpanded(false, true);\n                }\n            }\n            // 通知分支树已更新\n            this.watcher.notifyDidUpdateBranch();\n        });\n    }\n    collapsedAll() {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (expandedPaths = this.getAllExpandedNodePath()) {\n            // 仅根节点使用\n            if (!CompositeTreeNode.isRoot(this)) {\n                return;\n            }\n            expandedPaths = expandedPaths.sort((a, b) => Path.pathDepth(a) - Path.pathDepth(b));\n            let path;\n            while (expandedPaths.length > 0) {\n                path = expandedPaths.pop();\n                const item = TreeNode.getTreeNodeByPath(path);\n                if (CompositeTreeNode.is(item)) {\n                    item.setCollapsed(true);\n                }\n            }\n            // 通知分支树已更新\n            this.watcher.notifyDidUpdateBranch();\n        });\n    }\n    // 折叠节点\n    setCollapsed(quiet = false) {\n        // 根节点不可折叠\n        if (CompositeTreeNode.isRoot(this) || this.disposed) {\n            return;\n        }\n        if (!this.isExpanded) {\n            return;\n        }\n        const state = TreeNode.getGlobalTreeState(this.path);\n        if (state.isExpanding) {\n            // 当节点处于加载子节点过程时，尽管为展开状态，但此时不应该支持折叠节点\n            return;\n        }\n        state.loadPathCancelToken.cancel();\n        state.refreshCancelToken.cancel();\n        this._watcher.notifyWillChangeExpansionState(this, false);\n        if (this._children && this.parent) {\n            // 从根节点裁剪分支\n            this.shrinkBranch(this, quiet);\n        }\n        this.isExpanded = false;\n        TreeNode.setTreeNode(this.id, this.path, this);\n        this._watcher.notifyDidChangeExpansionState(this, false);\n    }\n    mv(to, name = this.name) {\n        const prevPath = this.path;\n        super.mv(to, name);\n        if (typeof this.watchTerminator === 'function') {\n            this.watchTerminator(prevPath);\n            this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n        }\n        // 同时移动过子节点\n        if (this.children) {\n            for (let i = 0; i < this.children.length; i++) {\n                const child = this.children[i];\n                child.mv(child.parent, child.name);\n            }\n        }\n    }\n    /**\n     * 在节点中插入新的节点\n     *\n     * 直接调用此方法将不会触发onWillHandleWatchEvent和onDidHandleWatchEvent事件\n     */\n    insertItem(item) {\n        if (item.parent !== this) {\n            item.mv(this, item.name);\n            return;\n        }\n        if (this.children) {\n            for (let i = 0; i < this.children.length; i++) {\n                // path / id 是节点唯一标识\n                if (this.children[i].path === item.path) {\n                    this.children[i] = item;\n                    return;\n                }\n            }\n        }\n        const branchSizeIncrease = 1 + (item instanceof CompositeTreeNode && item.expanded ? item._branchSize : 0);\n        if (this._children) {\n            this._children.push(item);\n            this._children.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n        }\n        this._branchSize += branchSizeIncrease;\n        let master = this;\n        // 如果该节点无叶子节点，则继续往上查找合适的插入位置\n        while (!master._flattenedBranch) {\n            if (master.parent) {\n                master = master.parent;\n                master._branchSize += branchSizeIncrease;\n            }\n        }\n        if (!this._children) {\n            return;\n        }\n        let relativeInsertionIndex = this._children.indexOf(item);\n        let absInsertionIndex;\n        const leadingSibling = this._children[relativeInsertionIndex - 1];\n        if (leadingSibling) {\n            const siblingIdx = master._flattenedBranch.indexOf(leadingSibling.id);\n            relativeInsertionIndex =\n                siblingIdx +\n                    (leadingSibling instanceof CompositeTreeNode && leadingSibling.expanded ? leadingSibling._branchSize : 0);\n        }\n        else {\n            relativeInsertionIndex = master._flattenedBranch.indexOf(this.id);\n        }\n        if (relativeInsertionIndex === -1) {\n            if (this._branchSize === 1) {\n                // 在空Tree中插入节点时，相对插入位置为0\n                relativeInsertionIndex = 0;\n            }\n        }\n        // 非空Tree情况下需要+1，为了容纳自身节点位置，在插入节点下方插入新增节点\n        absInsertionIndex = relativeInsertionIndex + 1;\n        // 空 Tree 情况下需要重置为 0，避免设置 Uint32Array 时超出范围\n        if (master._flattenedBranch.length === 0) {\n            absInsertionIndex = 0;\n        }\n        let branch = [item.id];\n        if (item instanceof CompositeTreeNode && item.expanded && item._flattenedBranch) {\n            branch = branch.concat(item._flattenedBranch);\n            item.setFlattenedBranch(null);\n        }\n        master.setFlattenedBranch(spliceArray(master._flattenedBranch, absInsertionIndex, 0, branch));\n        TreeNode.setTreeNode(item.id, item.path, item);\n        return item;\n    }\n    /**\n     * 从父节点中移除节点\n     *\n     * 直接调用此方法将不会触发onWillHandleWatchEvent和onDidHandleWatchEvent事件\n     */\n    unlinkItem(item, reparenting) {\n        var _a;\n        if (!this._children) {\n            return;\n        }\n        const idx = this._children.indexOf(item);\n        if (idx === -1) {\n            return;\n        }\n        // 当删除时父节点已不存在界面上时，跳过插入操作\n        if (!this.isItemVisibleAtRootSurface(this)) {\n            return;\n        }\n        (_a = this._children) === null || _a === void 0 ? void 0 : _a.splice(idx, 1);\n        const branchSizeDecrease = 1 + (item instanceof CompositeTreeNode && item.expanded ? item._branchSize : 0);\n        this._branchSize -= branchSizeDecrease;\n        // 逐级往上查找节点的父节点，并沿途裁剪分支数\n        let master = this;\n        while (!master._flattenedBranch) {\n            if (master.parent) {\n                master = master.parent;\n                master._branchSize -= branchSizeDecrease;\n            }\n        }\n        const removalBeginIdx = master._flattenedBranch.indexOf(item.id);\n        if (removalBeginIdx === -1) {\n            return;\n        }\n        if (item instanceof CompositeTreeNode && item.expanded) {\n            item.setFlattenedBranch(master._flattenedBranch.slice(removalBeginIdx + 1, removalBeginIdx + branchSizeDecrease));\n        }\n        master.setFlattenedBranch(spliceArray(master._flattenedBranch, removalBeginIdx, branchSizeDecrease));\n        if (!reparenting && item.parent === this) {\n            item.mv(null);\n        }\n    }\n    /**\n     * 转换节点路径\n     */\n    transferItem(oldPath, newPath) {\n        var _a;\n        const oldP = new Path(oldPath);\n        const from = oldP.dir.toString();\n        if (from !== this.path) {\n            return;\n        }\n        const name = oldP.base.toString();\n        const item = (_a = this._children) === null || _a === void 0 ? void 0 : _a.find((c) => c.name === name);\n        if (!item) {\n            return;\n        }\n        const newP = new Path(newPath);\n        const to = newP.dir.toString();\n        const destDir = to === from ? this : TreeNode.getTreeNodeByPath(to);\n        if (!CompositeTreeNode.is(destDir)) {\n            this.unlinkItem(item);\n            return;\n        }\n        item.mv(destDir, newP.base.toString());\n        return item;\n    }\n    dispose() {\n        // 如果存在对应文件路径下的监听，同样需要清理掉\n        if (this.watchEvents) {\n            const watcher = this.watchEvents.get(this.path);\n            if (watcher) {\n                watcher.terminator();\n            }\n            this.watchEvents.clear();\n        }\n        if (this._children) {\n            // 移除后应该折叠，因为下次初始化默认值为折叠，否则将会导致下次插入异常\n            this.isExpanded = false;\n            this._children.forEach((child) => {\n                child.dispose();\n            });\n            this._children = null;\n            this._flattenedBranch = null;\n        }\n        super.dispose();\n    }\n    /**\n     * 设置扁平化的分支信息\n     */\n    setFlattenedBranch(leaves, withoutNotify) {\n        this._flattenedBranch = leaves;\n        // Root节点才通知更新\n        if (CompositeTreeNode.isRoot(this) && !withoutNotify) {\n            this.watcher.notifyDidUpdateBranch();\n        }\n    }\n    /**\n     * 展开分支节点\n     * @param branch 分支节点\n     */\n    expandBranch(branch, withoutNotify) {\n        if (this !== branch) {\n            // 但节点为展开状态时进行裁剪\n            if (branch._flattenedBranch) {\n                this._branchSize += branch._branchSize;\n            }\n        }\n        // 当前节点为折叠状态，更新分支信息\n        if (this !== branch && this._flattenedBranch) {\n            const injectionStartIdx = this._flattenedBranch.indexOf(branch.id) + 1;\n            if (injectionStartIdx === 0) {\n                // 中途发生了branch更新事件，此时的_flattenedBranch可能已被更新，即查找不到branch.id\n                // 这种情况在父节点发生了多路径目录的创建定位动作下更易复现\n                // 例：文件树在执行a/b/c定位操作时需要请求三次数据，而更新操作可能只需要一次\n                // 导致就算更新操作后置执行，也可能比定位操作先执行完，同时将_flattenedBranch更新\n                // 最终导致此处查询不到对应节点，下面的shrinkBranch同样可能有相同问题，如点击折叠全部功能时\n                return;\n            }\n            this.setFlattenedBranch(spliceArray(this._flattenedBranch, injectionStartIdx, 0, branch._flattenedBranch), withoutNotify);\n            // 取消展开分支对于分支的所有权，即最终只会有顶部Root拥有所有分支信息\n            branch.setFlattenedBranch(null, withoutNotify);\n        }\n        else if (this.parent) {\n            this.parent.expandBranch(branch, withoutNotify);\n        }\n    }\n    /**\n     * 清理分支节点\n     * @param branch 分支节点\n     */\n    shrinkBranch(branch, withoutNotify) {\n        if (this !== branch) {\n            // 这里的`this`实际上为父节点\n            // `this`的分支大小没有改变，仍然具有相同数量的叶子，但是从父级参照系（即根节点）来看，其分支缩小了\n            this._branchSize -= branch._branchSize;\n        }\n        if (this !== branch && this._flattenedBranch) {\n            const removalStartIdx = this._flattenedBranch.indexOf(branch.id) + 1;\n            if (removalStartIdx === 0) {\n                // 中途发生了branch更新事件，此时的_flattenedBranch可能已被更新，即查找不到branch.id\n                return;\n            }\n            // 返回分支对于分支信息所有权，即将折叠的节点信息再次存储于折叠了的节点中\n            branch.setFlattenedBranch(this._flattenedBranch.slice(removalStartIdx, removalStartIdx + branch._branchSize), withoutNotify);\n            this.setFlattenedBranch(spliceArray(this._flattenedBranch, removalStartIdx, branch._flattenedBranch ? branch._flattenedBranch.length : 0), withoutNotify);\n        }\n        else if (this.parent) {\n            this.parent.shrinkBranch(branch, withoutNotify);\n        }\n    }\n    /**\n     * 加载子节点信息\n     * 当返回值为 true 时，正常加载完子节点并同步到数据结构中\n     * 返回值为 false 时，加载节点的过程被中断\n     *\n     * @memberof CompositeTreeNode\n     */\n    hardReloadChildren(token) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            let rawItems;\n            const oldPath = this.path;\n            try {\n                // ! `this.path` maybe changed after `resolveChildren` in file tree compact mode\n                rawItems = (yield this._tree.resolveChildren(this)) || [];\n            }\n            catch (e) {\n                rawItems = [];\n            }\n            // 当获取到新的子节点时，如果当前节点正处于非展开状态时，忽略后续裁切逻辑\n            // 后续的 expandBranch 也不应该被响应\n            if (!this.expanded || (token === null || token === void 0 ? void 0 : token.isCancellationRequested)) {\n                return false;\n            }\n            if (this.path !== oldPath) {\n                // do some clean up\n                TreeNode.setGlobalTreeState(oldPath, {\n                    isExpanding: false,\n                    isLoadingPath: false,\n                    isRefreshing: false,\n                });\n            }\n            const expandedChilds = [];\n            const flatTree = new Array(rawItems.length);\n            const tempChildren = new Array(rawItems.length);\n            for (let i = 0; i < rawItems.length; i++) {\n                const child = rawItems[i];\n                child.id = TreeNode.getIdByPath(child.path) || child.id;\n                tempChildren[i] = child;\n                TreeNode.setIdByPath(child.path, child.id);\n                if (CompositeTreeNode.is(child) && child.expanded) {\n                    if (!child.children) {\n                        yield child.resolveChildrens(token);\n                    }\n                    if (token === null || token === void 0 ? void 0 : token.isCancellationRequested) {\n                        return false;\n                    }\n                    expandedChilds.push(child);\n                }\n            }\n            tempChildren.sort(this._tree.sortComparator || CompositeTreeNode.defaultSortComparator);\n            for (let i = 0; i < rawItems.length; i++) {\n                flatTree[i] = tempChildren[i].id;\n            }\n            if (this.children) {\n                this.shrinkBranch(this);\n            }\n            if (this.children) {\n                for (let i = 0; i < this.children.length; i++) {\n                    const child = this.children[i];\n                    // The Child maybe `undefined`.\n                    child === null || child === void 0 ? void 0 : child.dispose();\n                }\n            }\n            for (let i = 0; i < tempChildren.length; i++) {\n                this.updateTreeNodeCache(tempChildren[i]);\n            }\n            this._children = tempChildren;\n            this._branchSize = flatTree.length;\n            this.setFlattenedBranch(flatTree);\n            for (let i = 0; i < expandedChilds.length; i++) {\n                const child = expandedChilds[i];\n                child.expandBranch(child, true);\n            }\n            // 清理上一次监听函数\n            if (typeof this.watchTerminator === 'function') {\n                this.watchTerminator(this.path);\n            }\n            this.watchTerminator = this.watcher.onWatchEvent(this.path, this.handleWatchEvent);\n            return true;\n        });\n    }\n    moveNode(oldPath, newPath) {\n        if (typeof oldPath !== 'string') {\n            throw new TypeError('Expected oldPath to be a string');\n        }\n        if (typeof newPath !== 'string') {\n            throw new TypeError('Expected newPath to be a string');\n        }\n        if (Path.isRelative(oldPath)) {\n            throw new TypeError('oldPath must be absolute');\n        }\n        if (Path.isRelative(newPath)) {\n            throw new TypeError('newPath must be absolute');\n        }\n        return this.transferItem(oldPath, newPath);\n    }\n    addNode(node) {\n        if (!TreeNode.is(node)) {\n            throw new TypeError('Expected node to be a TreeNode');\n        }\n        return this.insertItem(node);\n    }\n    removeNode(path) {\n        const pathObject = new Path(path);\n        const dirName = pathObject.dir.toString();\n        const name = pathObject.base.toString();\n        if (dirName === this.path && !!this.children) {\n            const item = this.children.find((c) => c.name === name);\n            if (item) {\n                this.unlinkItem(item);\n            }\n        }\n    }\n    // 当没有传入具体路径时，使用当前展开目录作为刷新路径\n    refresh(tokenSource, target) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            if (!CompositeTreeNode.isRoot(this)) {\n                // 刷新操作只能从根节点进行，便于对重复的刷新操作进行合并\n                return yield this.root.refresh(tokenSource, this);\n            }\n            const state = TreeNode.getGlobalTreeState(this.path);\n            if (state.isLoadingPath || state.isExpanding) {\n                return;\n            }\n            let token;\n            if (tokenSource && !tokenSource.token.isCancellationRequested) {\n                TreeNode.setGlobalTreeState(this.path, {\n                    isRefreshing: true,\n                    refreshCancelToken: tokenSource,\n                });\n                token = tokenSource.token;\n            }\n            else {\n                if (state.refreshCancelToken.token.isCancellationRequested) {\n                    const refreshCancelToken = new ide_utils_1.CancellationTokenSource();\n                    TreeNode.setGlobalTreeState(this.path, {\n                        isRefreshing: true,\n                        refreshCancelToken,\n                    });\n                    token = refreshCancelToken.token;\n                }\n                else {\n                    token = state.refreshCancelToken.token;\n                }\n            }\n            this.toRefreshPathQueue.add((target || this).path);\n            yield this.refreshThrottler.trigger(() => this.doRefresh(token));\n            TreeNode.setGlobalTreeState(this.path, {\n                isRefreshing: false,\n            });\n        });\n    }\n    doRefresh(token) {\n        return tslib_1.__awaiter(this, void 0, void 0, function* () {\n            const target = this.getRefreshNode() || this;\n            if (!CompositeTreeNode.is(target)) {\n                return;\n            }\n            const paths = target.getAllExpandedNodePath();\n            yield target.refreshTreeNodeByPaths(paths, token, target);\n        });\n    }\n    getRefreshNode() {\n        let paths = Array.from(this.toRefreshPathQueue);\n        this.toRefreshPathQueue.clear();\n        if (!paths.length) {\n            return this.root;\n        }\n        // 根据路径层级深度进行排序\n        paths = paths.sort((a, b) => {\n            const depthA = Path.pathDepth(a);\n            const depthB = Path.pathDepth(b);\n            return depthA - depthB;\n        });\n        if (paths.length === 1 || Path.pathDepth(paths[0]) === 1) {\n            // 说明刷新队列中包含根节点，直接返回根节点进行刷新\n            return TreeNode.getTreeNodeByPath(paths[0]);\n        }\n        const sortedPaths = paths.map((p) => new Path(p));\n        let rootPath = sortedPaths[0];\n        for (let i = 1, len = sortedPaths.length; i < len; i++) {\n            if (rootPath.isEqualOrParent(sortedPaths[i])) {\n                continue;\n            }\n            else {\n                while (!rootPath.isRoot) {\n                    rootPath = rootPath.dir;\n                    if (!rootPath || rootPath.isEqualOrParent(sortedPaths[i])) {\n                        break;\n                    }\n                }\n            }\n        }\n        if (rootPath) {\n            return TreeNode.getTreeNodeByPath(rootPath.toString());\n        }\n        return this.root;\n    }\n    isItemVisibleAtRootSurface(node) {\n        let parent = node;\n        while (parent.parent) {\n            parent = parent.parent;\n        }\n        return parent.isItemVisibleAtSurface(node);\n    }\n    /**\n     * 检查节点是否可见，而不是被隐藏在节点中\n     *\n     * 这里的可见并不表示节点在当前视图中可见，而是在用户滚动到特定位置便可看见\n     *\n     * 隐藏在节点中可能的原因为其父节点中有一个以上处于折叠状态\n     */\n    isItemVisibleAtSurface(item) {\n        if (item === this) {\n            return true;\n        }\n        return !!this._flattenedBranch && this._flattenedBranch.indexOf(item.id) > -1;\n    }\n    transformToRelativePath(path) {\n        const { splitPath } = Path;\n        const pathFlag = splitPath(path);\n        pathFlag.shift();\n        return pathFlag;\n    }\n    /**\n     * 根据路径展开节点树\n     * @memberof CompositeTreeNode\n     */\n    loadTreeNodeByPath(path_1) {\n        return tslib_1.__awaiter(this, arguments, void 0, function* (path, quiet = false) {\n            if (!CompositeTreeNode.isRoot(this)) {\n                return;\n            }\n            const state = TreeNode.getGlobalTreeState(this.path);\n            if (state.isExpanding) {\n                return;\n            }\n            state.refreshCancelToken.cancel();\n            state.loadPathCancelToken.cancel();\n            const loadPathCancelToken = new ide_utils_1.CancellationTokenSource();\n            TreeNode.setGlobalTreeState(this.path, {\n                isLoadingPath: true,\n                loadPathCancelToken,\n            });\n            const token = loadPathCancelToken.token;\n            const flattenedBranchChilds = [];\n            const { splitPath, isRelative } = Path;\n            const pathFlag = isRelative(path) ? splitPath(path) : this.transformToRelativePath(path);\n            if (pathFlag.length === 0) {\n                TreeNode.setGlobalTreeState(this.path, {\n                    isLoadingPath: false,\n                });\n                return this;\n            }\n            if (!this.children) {\n                yield this.ensureLoaded(token);\n            }\n            if (token.isCancellationRequested) {\n                TreeNode.setGlobalTreeState(this.path, {\n                    isLoadingPath: false,\n                });\n                return;\n            }\n            let next = this._children;\n            let preItem;\n            let preItemPath = '';\n            let name;\n            while (next && (name = pathFlag.shift())) {\n                let item = next.find((c) => c.name.indexOf(name) === 0);\n                if (item) {\n                    if (CompositeTreeNode.is(item)) {\n                        item._watcher.notifyWillChangeExpansionState(item, true);\n                        item.isExpanded = true;\n                        if (!item.children) {\n                            yield item.resolveChildrens(token);\n                            if (token.isCancellationRequested) {\n                                TreeNode.setGlobalTreeState(this.path, {\n                                    isLoadingPath: false,\n                                });\n                                return;\n                            }\n                        }\n                        flattenedBranchChilds.push(item);\n                        item._watcher.notifyDidChangeExpansionState(item, true);\n                    }\n                    if (pathFlag.length === 0) {\n                        preItem = item;\n                        break;\n                    }\n                }\n                // 可能展开后路径发生了变化, 需要重新处理一下当前加载路径\n                if (!item && preItem) {\n                    const compactPath = splitPath(preItem.name).slice(1);\n                    if (compactPath[0] === name) {\n                        compactPath.shift();\n                        while (compactPath.length > 0) {\n                            if (compactPath[0] === pathFlag[0]) {\n                                compactPath.shift();\n                                pathFlag.shift();\n                            }\n                            else {\n                                break;\n                            }\n                        }\n                        name = pathFlag.shift();\n                        item = next.find((c) => c.name.indexOf(name) === 0);\n                    }\n                }\n                // 最终加载到的路径节点\n                if (!item || (!CompositeTreeNode.is(item) && pathFlag.length > 0)) {\n                    break;\n                }\n                if (CompositeTreeNode.is(item)) {\n                    const isCompactName = item.name.indexOf(Path.separator) > 0;\n                    if (isCompactName) {\n                        const compactPath = splitPath(item.name).slice(1);\n                        while (compactPath.length > 0) {\n                            if (compactPath[0] === pathFlag[0]) {\n                                compactPath.shift();\n                                pathFlag.shift();\n                            }\n                            else {\n                                break;\n                            }\n                        }\n                    }\n                    if (!item._children) {\n                        preItemPath = item.path;\n                        if (CompositeTreeNode.is(item)) {\n                            item.isExpanded = true;\n                            if (!item.children) {\n                                yield item.resolveChildrens(token);\n                                if (token.isCancellationRequested) {\n                                    TreeNode.setGlobalTreeState(this.path, {\n                                        isLoadingPath: false,\n                                    });\n                                    return;\n                                }\n                            }\n                            flattenedBranchChilds.push(item);\n                        }\n                    }\n                    if (item && pathFlag.length === 0) {\n                        preItem = item;\n                        break;\n                    }\n                    else {\n                        if (!!preItemPath && preItemPath !== item.path) {\n                            // 说明此时已发生了路径压缩，如从 a -> a/b/c\n                            // 需要根据路径变化移除对应的展开路径, 这里只需考虑短变长场景\n                            const prePaths = splitPath(preItemPath);\n                            const nextPaths = splitPath(item.path);\n                            if (nextPaths.length > prePaths.length) {\n                                pathFlag.splice(0, nextPaths.length - prePaths.length);\n                            }\n                        }\n                        next = item._children;\n                        preItem = item;\n                    }\n                }\n            }\n            if (preItem) {\n                let child;\n                if (preItem.disposed) {\n                    TreeNode.setGlobalTreeState(this.path, {\n                        isLoadingPath: false,\n                    });\n                    return;\n                }\n                while ((child = flattenedBranchChilds.pop())) {\n                    child.expandBranch(child, true);\n                    if (flattenedBranchChilds.length === 0) {\n                        this.updateTreeNodeCache(child);\n                    }\n                }\n                if (!quiet) {\n                    this.watcher.notifyDidUpdateBranch();\n                }\n                TreeNode.setGlobalTreeState(this.path, {\n                    isLoadingPath: false,\n                });\n                return preItem;\n            }\n            TreeNode.setGlobalTreeState(this.path, {\n                isLoadingPath: false,\n            });\n        });\n    }\n    /**\n     * 根据节点获取节点ID下标位置\n     * @param {number} id\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getIndexAtTreeNodeId(id) {\n        if (this._flattenedBranch) {\n            return this._flattenedBranch.indexOf(id);\n        }\n        return -1;\n    }\n    /**\n     * 根据节点获取节点下标位置\n     * @param {ITreeNodeOrCompositeTreeNode} node\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getIndexAtTreeNode(node) {\n        if (this._flattenedBranch) {\n            return this._flattenedBranch.indexOf(node.id);\n        }\n        return -1;\n    }\n    /**\n     * 根据下标位置获取节点\n     * @param {number} index\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getTreeNodeAtIndex(index) {\n        var _a;\n        const id = (_a = this._flattenedBranch) === null || _a === void 0 ? void 0 : _a[index];\n        if (!id) {\n            return undefined;\n        }\n        return TreeNode.getTreeNodeById(id);\n    }\n    /**\n     * 根据节点ID获取节点\n     * @param {number} id\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getTreeNodeById(id) {\n        return TreeNode.getTreeNodeById(id);\n    }\n    /**\n     * 根据节点路径获取节点\n     * @param {string} path\n     * @returns\n     * @memberof CompositeTreeNode\n     */\n    getTreeNodeByPath(path) {\n        return TreeNode.getTreeNodeByPath(path);\n    }\n}\nexports.CompositeTreeNode = CompositeTreeNode;\nCompositeTreeNode.REFRESH_DELAY = 200;\n\n\n//# sourceURL=webpack://@opensumi/ide-components/./src/recycle-tree/tree/TreeNode.ts?");
 
 /***/ }),