@opensumi/ide-components 2.25.4 → 2.26.0

package/dist/index.js

@@ -2021,47 +2021,6 @@ module.exports = !__webpack_require__(43)(function () {
 
 "use strict";
 
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.noteOnce = exports.warningOnce = exports.call = exports.resetWarned = exports.note = exports.warning = void 0;
-let warned = {};
-function warning(valid, message) {
-    // Support uglify
-    if (false) {}
-}
-exports.warning = warning;
-function note(valid, message) {
-    // Support uglify
-    if (false) {}
-}
-exports.note = note;
-function resetWarned() {
-    warned = {};
-}
-exports.resetWarned = resetWarned;
-function call(method, valid, message) {
-    if (!valid && !warned[message]) {
-        method(false, message);
-        warned[message] = true;
-    }
-}
-exports.call = call;
-function warningOnce(valid, message) {
-    call(warning, valid, message);
-}
-exports.warningOnce = warningOnce;
-function noteOnce(valid, message) {
-    call(note, valid, message);
-}
-exports.noteOnce = noteOnce;
-exports.default = warningOnce;
-
-
-/***/ }),
-/* 21 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createFromIconfontCN = void 0;
 const tslib_1 = __webpack_require__(2);
@@ -2072,7 +2031,7 @@ Object.defineProperty(exports, "createFromIconfontCN", { enumerable: true, get:
 
 
 /***/ }),
-/* 22 */
+/* 21 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2157,7 +2116,7 @@ module.exports = safer
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(28)))
 
 /***/ }),
-/* 23 */
+/* 22 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2170,7 +2129,7 @@ tslib_1.__exportStar(__webpack_require__(372), exports);
 
 
 /***/ }),
-/* 24 */
+/* 23 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2191,7 +2150,7 @@ function _extends() {
 }
 
 /***/ }),
-/* 25 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2202,7 +2161,7 @@ const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
 const dropdown_1 = __webpack_require__(92);
-const icon_1 = __webpack_require__(21);
+const icon_1 = __webpack_require__(20);
 __webpack_require__(223);
 const LoadingCircle = () => (react_1.default.createElement("svg", { viewBox: '0 0 1024 1024', focusable: 'false', className: 'kt-button-anticon-spin', "data-icon": 'loading', width: '1em', height: '1em', fill: 'currentColor', "aria-hidden": 'true' },
     react_1.default.createElement("path", { d: 'M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z' })));
@@ -2264,7 +2223,7 @@ exports.Button = react_1.default.memo((_a) => {
 
 
 /***/ }),
-/* 26 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var anObject = __webpack_require__(42);
@@ -2286,7 +2245,7 @@ exports.f = __webpack_require__(19) ? Object.defineProperty : function definePro
 
 
 /***/ }),
-/* 27 */
+/* 26 */
 /***/ (function(module, exports) {
 
 var hasOwnProperty = {}.hasOwnProperty;
@@ -2295,6 +2254,47 @@ module.exports = function (it, key) {
 };
 
 
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.noteOnce = exports.warningOnce = exports.call = exports.resetWarned = exports.note = exports.warning = void 0;
+let warned = {};
+function warning(valid, message) {
+    // Support uglify
+    if (false) {}
+}
+exports.warning = warning;
+function note(valid, message) {
+    // Support uglify
+    if (false) {}
+}
+exports.note = note;
+function resetWarned() {
+    warned = {};
+}
+exports.resetWarned = resetWarned;
+function call(method, valid, message) {
+    if (!valid && !warned[message]) {
+        method(false, message);
+        warned[message] = true;
+    }
+}
+exports.call = call;
+function warningOnce(valid, message) {
+    call(warning, valid, message);
+}
+exports.warningOnce = warningOnce;
+function noteOnce(valid, message) {
+    call(note, valid, message);
+}
+exports.noteOnce = noteOnce;
+exports.default = warningOnce;
+
+
 /***/ }),
 /* 28 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -3313,7 +3313,7 @@ var global = __webpack_require__(17);
 var core = __webpack_require__(18);
 var ctx = __webpack_require__(98);
 var hide = __webpack_require__(33);
-var has = __webpack_require__(27);
+var has = __webpack_require__(26);
 var PROTOTYPE = 'prototype';
 
 var $export = function (type, name, source) {
@@ -3377,7 +3377,7 @@ module.exports = $export;
 /* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var dP = __webpack_require__(26);
+var dP = __webpack_require__(25);
 var createDesc = __webpack_require__(48);
 module.exports = __webpack_require__(19) ? function (object, key, value) {
   return dP.f(object, key, createDesc(1, value));
@@ -5398,7 +5398,7 @@ module.exports = function (exec) {
  *--------------------------------------------------------------------------------------------*/
 // Some code copied and modified from https://github.com/microsoft/vscode/blob/1.44.0/src/vs/base/common/event.ts
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReadyEvent = exports.Relay = exports.EventBufferer = exports.EventMultiplexer = exports.AsyncEmitter = exports.WaitUntilEvent = exports.PauseableEmitter = exports.Emitter = exports.setGlobalLeakWarningThreshold = exports.Event = void 0;
+exports.Dispatcher = exports.ReadyEvent = exports.Relay = exports.EventBufferer = exports.EventMultiplexer = exports.AsyncEmitter = exports.WaitUntilEvent = exports.PauseableEmitter = exports.Emitter = exports.setGlobalLeakWarningThreshold = exports.Event = void 0;
 const disposable_1 = __webpack_require__(77);
 const errors_1 = __webpack_require__(78);
 const functional_1 = __webpack_require__(79);
@@ -6205,6 +6205,26 @@ class ReadyEvent {
     }
 }
 exports.ReadyEvent = ReadyEvent;
+class Dispatcher {
+    constructor() {
+        this._emitter = new Emitter();
+    }
+    on(type) {
+        return Event.map(Event.filter(this._emitter.event, (e) => e.type === type), (v) => v.data);
+    }
+    dispatch(type, data) {
+        this._emitter.fire({
+            type,
+            data,
+        });
+    }
+    dispose() {
+        if (this._emitter) {
+            this._emitter.dispose();
+        }
+    }
+}
+exports.Dispatcher = Dispatcher;
 //# sourceMappingURL=event.js.map
 
 /***/ }),
@@ -6232,7 +6252,7 @@ exports.CompositeTreeNode = exports.TreeNode = exports.BranchOperatorStatus = ex
 const tslib_1 = __webpack_require__(2);
 /* eslint-disable @typescript-eslint/prefer-for-of */
 const ide_utils_1 = __webpack_require__(12);
-const types_1 = __webpack_require__(23);
+const types_1 = __webpack_require__(22);
 const { Path } = ide_utils_1.path;
 /**
  * 裁剪数组
@@ -10070,7 +10090,7 @@ const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const rc_dropdown_1 = tslib_1.__importDefault(__webpack_require__(396));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
 const type_1 = __webpack_require__(110);
-const warning_1 = __webpack_require__(20);
+const warning_1 = __webpack_require__(27);
 const Placements = (0, type_1.tuple)('topLeft', 'topCenter', 'topRight', 'bottomLeft', 'bottomCenter', 'bottomRight');
 class Dropdown extends react_1.default.Component {
     constructor() {
@@ -10398,8 +10418,8 @@ module.exports = Object.create || function create(O, Properties) {
 /* 70 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var def = __webpack_require__(26).f;
-var has = __webpack_require__(27);
+var def = __webpack_require__(25).f;
+var has = __webpack_require__(26);
 var TAG = __webpack_require__(36)('toStringTag');
 
 module.exports = function (it, tag, stat) {
@@ -10422,7 +10442,7 @@ var global = __webpack_require__(17);
 var core = __webpack_require__(18);
 var LIBRARY = __webpack_require__(50);
 var wksExt = __webpack_require__(71);
-var defineProperty = __webpack_require__(26).f;
+var defineProperty = __webpack_require__(25).f;
 module.exports = function (name) {
   var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
   if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: wksExt.f(name) });
@@ -10522,8 +10542,8 @@ exports.Input = void 0;
 const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
-const icon_1 = __webpack_require__(21);
-const warning_1 = tslib_1.__importDefault(__webpack_require__(20));
+const icon_1 = __webpack_require__(20);
+const warning_1 = tslib_1.__importDefault(__webpack_require__(27));
 __webpack_require__(113);
 function isUndefined(obj) {
     return typeof obj === 'undefined';
@@ -14108,7 +14128,7 @@ const react_1 = tslib_1.__importStar(__webpack_require__(1));
 const react_custom_scrollbars_1 = __webpack_require__(346);
 const ide_utils_1 = __webpack_require__(12);
 __webpack_require__(361);
-const Scrollbars = ({ onScroll, onUpdate, forwardedRef, style, children, className, onReachBottom, tabBarMode, thumbSize = 5, hiddenVertical, hiddenHorizontal, }) => {
+const Scrollbars = ({ onScroll, onUpdate, forwardedRef, style, children, className, onReachBottom, tabBarMode, thumbSize = 5, hiddenVertical, hiddenHorizontal, universal = false, }) => {
     const disposableCollection = (0, react_1.useRef)(new ide_utils_1.DisposableCollection());
     const scrollerRef = (0, react_1.useRef)();
     const refSetter = (0, react_1.useCallback)((scrollbarsRef) => {
@@ -14187,7 +14207,7 @@ const Scrollbars = ({ onScroll, onUpdate, forwardedRef, style, children, classNa
     }, [scrollerRef.current, tabBarMode]);
     // clear listeners
     (0, react_1.useEffect)(() => () => disposableCollection.current.dispose(), []);
-    return (react_1.default.createElement(react_custom_scrollbars_1.Scrollbars, { ref: refSetter, style: Object.assign(Object.assign({}, style), { overflow: 'hidden' }), className: (0, classnames_1.default)(className, 'kt-scrollbar'), onUpdate: handleUpdate, onScroll: onScroll, renderTrackHorizontal: (_a) => {
+    return (react_1.default.createElement(react_custom_scrollbars_1.Scrollbars, { ref: refSetter, style: Object.assign(Object.assign({}, style), { overflow: 'hidden' }), className: (0, classnames_1.default)(className, 'kt-scrollbar'), onUpdate: handleUpdate, onScroll: onScroll, universal: universal, renderTrackHorizontal: (_a) => {
             var { style } = _a, props = tslib_1.__rest(_a, ["style"]);
             const newStyle = Object.assign(Object.assign({}, style), { height: thumbSize, left: 0, right: 0, bottom: 1 });
             if (hiddenHorizontal) {
@@ -14927,7 +14947,7 @@ module.exports = function (it) {
 /* 101 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var has = __webpack_require__(27);
+var has = __webpack_require__(26);
 var toIObject = __webpack_require__(35);
 var arrayIndexOf = __webpack_require__(177)(false);
 var IE_PROTO = __webpack_require__(63)('IE_PROTO');
@@ -15073,7 +15093,7 @@ var pIE = __webpack_require__(52);
 var createDesc = __webpack_require__(48);
 var toIObject = __webpack_require__(35);
 var toPrimitive = __webpack_require__(60);
-var has = __webpack_require__(27);
+var has = __webpack_require__(26);
 var IE8_DOM_DEFINE = __webpack_require__(99);
 var gOPD = Object.getOwnPropertyDescriptor;
 
@@ -15208,7 +15228,7 @@ exports.Icon = react_1.default.memo(react_1.default.forwardRef(IconBase));
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.iconManager = exports.defaultIconMap = exports.defaultIconfont = void 0;
 const tslib_1 = __webpack_require__(2);
-const warning_1 = tslib_1.__importDefault(__webpack_require__(20));
+const warning_1 = tslib_1.__importDefault(__webpack_require__(27));
 const iconMap_1 = __webpack_require__(220);
 Object.defineProperty(exports, "defaultIconfont", { enumerable: true, get: function () { return iconMap_1.defaultIconfont; } });
 /**
@@ -15315,7 +15335,7 @@ const prop_types_1 = tslib_1.__importDefault(__webpack_require__(0));
 const rc_dialog_1 = tslib_1.__importDefault(__webpack_require__(397));
 const addEventListener_1 = tslib_1.__importDefault(__webpack_require__(242));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
-const button_1 = __webpack_require__(25);
+const button_1 = __webpack_require__(24);
 const locale_1 = __webpack_require__(243);
 let mousePosition;
 exports.destroyFns = [];
@@ -17767,7 +17787,7 @@ const prompt_1 = __webpack_require__(136);
 const NewPromptHandle_1 = __webpack_require__(137);
 const tree_1 = __webpack_require__(45);
 const TreeNodeRendererWrap_1 = __webpack_require__(141);
-const types_1 = __webpack_require__(23);
+const types_1 = __webpack_require__(22);
 var RenderErrorType;
 (function (RenderErrorType) {
     RenderErrorType[RenderErrorType["RENDER_ITEM"] = 0] = "RENDER_ITEM";
@@ -18178,7 +18198,7 @@ class RecycleTree extends react_1.default.Component {
                     setSize();
                 }
             }, []);
-            const setSize = supportDynamicHeights
+            const setSize = (0, react_1.useMemo)(() => supportDynamicHeights
                 ? () => {
                     let size = 0;
                     if (wrapRef.current) {
@@ -18191,17 +18211,16 @@ class RecycleTree extends react_1.default.Component {
                     }
                     return Math.max(size, RecycleTree.DEFAULT_ITEM_HEIGHT);
                 }
-                : () => { };
+                : () => { }, [supportDynamicHeights]);
             const itemStyle = overflow === 'ellipsis' ? style : Object.assign(Object.assign({}, style), { width: 'auto', minWidth: '100%' });
             return (react_1.default.createElement("div", Object.assign({ ref: wrapRef, style: itemStyle, role: ((_g = item.accessibilityInformation) === null || _g === void 0 ? void 0 : _g.role) || 'treeiem' }, ariaInfo),
-                react_1.default.createElement(TreeNodeRendererWrap_1.NodeRendererWrap, { item: item, depth: item.depth, itemType: type, template: template, hasPrompt: !!this.promptHandle && !this.promptHandle.destroyed, expanded: tree_1.CompositeTreeNode.is(item) ? item.expanded : void 0, setSize: setSize }, children)));
+                react_1.default.createElement(TreeNodeRendererWrap_1.NodeRendererWrap, { item: item, depth: item.depth, itemType: type, template: template, hasPrompt: !!this.promptHandle && !this.promptHandle.destroyed, expanded: tree_1.CompositeTreeNode.is(item) ? item.expanded : void 0 }, children)));
         };
         this.layoutItem = () => {
             var _a, _b, _c, _d;
             if (!this.props.supportDynamicHeights) {
                 return;
             }
-            // (this.listRef?.current as VariableSizeList<any>).resetAfterIndex(0);
             // eslint-disable-next-line no-unsafe-optional-chaining
             if (this.listRef && ((_a = this.listRef) === null || _a === void 0 ? void 0 : _a.current) && '_getRangeToRender' in ((_b = this.listRef) === null || _b === void 0 ? void 0 : _b.current)) {
                 // _getRangeToRender 是 react-window 的内部方法，用于获取可视区域的下标范围
@@ -19318,8 +19337,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentContextProvider = exports.LocalizeContextProvider = exports.LocalizeContext = void 0;
 const tslib_1 = __webpack_require__(2);
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
-const icon_1 = __webpack_require__(21);
-const warning_1 = __webpack_require__(20);
+const icon_1 = __webpack_require__(20);
+const warning_1 = __webpack_require__(27);
 const emptyLocalize = (v) => {
     (0, warning_1.warning)(false, 'Using the default localize fn');
     return '';
@@ -19407,7 +19426,7 @@ __webpack_require__.d(__webpack_exports__, "areEqual", function() { return /* bi
 __webpack_require__.d(__webpack_exports__, "shouldComponentUpdate", function() { return /* binding */ shouldComponentUpdate; });
 
 // EXTERNAL MODULE: /home/runner/work/core/core/node_modules/@babel/runtime/helpers/esm/extends.js
-var esm_extends = __webpack_require__(24);
+var esm_extends = __webpack_require__(23);
 
 // CONCATENATED MODULE: /home/runner/work/core/core/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
 function _assertThisInitialized(self) {
@@ -22042,7 +22061,7 @@ if (true) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = __webpack_require__(2);
 __webpack_require__(151);
-tslib_1.__exportStar(__webpack_require__(25), exports);
+tslib_1.__exportStar(__webpack_require__(24), exports);
 tslib_1.__exportStar(__webpack_require__(224), exports);
 tslib_1.__exportStar(__webpack_require__(74), exports);
 tslib_1.__exportStar(__webpack_require__(233), exports);
@@ -22050,7 +22069,7 @@ tslib_1.__exportStar(__webpack_require__(235), exports);
 tslib_1.__exportStar(__webpack_require__(237), exports);
 tslib_1.__exportStar(__webpack_require__(114), exports);
 tslib_1.__exportStar(__webpack_require__(246), exports);
-tslib_1.__exportStar(__webpack_require__(21), exports);
+tslib_1.__exportStar(__webpack_require__(20), exports);
 tslib_1.__exportStar(__webpack_require__(248), exports);
 tslib_1.__exportStar(__webpack_require__(311), exports);
 tslib_1.__exportStar(__webpack_require__(313), exports);
@@ -23119,7 +23138,7 @@ module.exports = function (Constructor, NAME, next) {
 /* 185 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var dP = __webpack_require__(26);
+var dP = __webpack_require__(25);
 var anObject = __webpack_require__(42);
 var getKeys = __webpack_require__(49);
 
@@ -23147,7 +23166,7 @@ module.exports = document && document.documentElement;
 /***/ (function(module, exports, __webpack_require__) {
 
 // 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
-var has = __webpack_require__(27);
+var has = __webpack_require__(26);
 var toObject = __webpack_require__(67);
 var IE_PROTO = __webpack_require__(63)('IE_PROTO');
 var ObjectProto = Object.prototype;
@@ -23268,7 +23287,7 @@ module.exports = __webpack_require__(18).Symbol;
 
 // ECMAScript 6 symbols shim
 var global = __webpack_require__(17);
-var has = __webpack_require__(27);
+var has = __webpack_require__(26);
 var DESCRIPTORS = __webpack_require__(19);
 var $export = __webpack_require__(32);
 var redefine = __webpack_require__(105);
@@ -23292,7 +23311,7 @@ var _create = __webpack_require__(69);
 var gOPNExt = __webpack_require__(198);
 var $GOPD = __webpack_require__(107);
 var $GOPS = __webpack_require__(66);
-var $DP = __webpack_require__(26);
+var $DP = __webpack_require__(25);
 var $keys = __webpack_require__(49);
 var gOPD = $GOPD.f;
 var dP = $DP.f;
@@ -23519,8 +23538,8 @@ setToStringTag(global.JSON, 'JSON', true);
 
 var META = __webpack_require__(51)('meta');
 var isObject = __webpack_require__(34);
-var has = __webpack_require__(27);
-var setDesc = __webpack_require__(26).f;
+var has = __webpack_require__(26);
+var setDesc = __webpack_require__(25).f;
 var id = 0;
 var isExtensible = Object.isExtensible || function () {
   return true;
@@ -24190,7 +24209,7 @@ module.exports = function defineProperty(it, key, desc) {
 
 var $export = __webpack_require__(32);
 // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
-$export($export.S + $export.F * !__webpack_require__(19), 'Object', { defineProperty: __webpack_require__(26).f });
+$export($export.S + $export.F * !__webpack_require__(19), 'Object', { defineProperty: __webpack_require__(25).f });
 
 
 /***/ }),
@@ -24204,7 +24223,7 @@ const tslib_1 = __webpack_require__(2);
 const EllipsisOutlined_1 = tslib_1.__importDefault(__webpack_require__(216));
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const React = tslib_1.__importStar(__webpack_require__(1));
-const button_1 = __webpack_require__(25);
+const button_1 = __webpack_require__(24);
 const dropdown_1 = tslib_1.__importDefault(__webpack_require__(58));
 const DropdownButton = (props) => {
     var _a;
@@ -24619,16 +24638,11 @@ exports.ValidateInput = exports.VALIDATE_TYPE = void 0;
 const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
-const warning_1 = tslib_1.__importDefault(__webpack_require__(20));
 const Input_1 = __webpack_require__(75);
 __webpack_require__(228);
 var VALIDATE_TYPE;
 (function (VALIDATE_TYPE) {
     VALIDATE_TYPE[VALIDATE_TYPE["INFO"] = 1] = "INFO";
-    /**
-     * @deprecated
-     */
-    VALIDATE_TYPE[VALIDATE_TYPE["WRANING"] = 0] = "WRANING";
     VALIDATE_TYPE[VALIDATE_TYPE["ERROR"] = 2] = "ERROR";
     VALIDATE_TYPE[VALIDATE_TYPE["WARNING"] = 3] = "WARNING";
     VALIDATE_TYPE[VALIDATE_TYPE["IGNORE"] = 4] = "IGNORE";
@@ -24639,10 +24653,9 @@ exports.ValidateInput = react_1.default.forwardRef((_a, ref) => {
     react_1.default.useEffect(() => {
         setValidateMessage(validateInfo);
     }, [validateInfo]);
-    (0, warning_1.default)(!validateMessage || validateMessage.type !== VALIDATE_TYPE.WRANING, '`VALIDATE_TYPE.WRANING` was a wrong typo, please use `VALIDATE_TYPE.WARNING` instead');
     const validateClx = (0, classnames_1.default)({
         'validate-error': validateMessage && validateMessage.type === VALIDATE_TYPE.ERROR,
-        'validate-warning': validateMessage && [VALIDATE_TYPE.WRANING, VALIDATE_TYPE.WARNING].includes(validateMessage.type),
+        'validate-warning': validateMessage && validateMessage.type === VALIDATE_TYPE.WARNING,
         'validate-info': validateMessage && validateMessage.type === VALIDATE_TYPE.INFO,
     });
     const renderValidateMessage = () => {
@@ -24840,7 +24853,7 @@ exports.CheckBox = void 0;
 const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
-const warning_1 = __webpack_require__(20);
+const warning_1 = __webpack_require__(27);
 __webpack_require__(234);
 const CheckIconSvg = () => (react_1.default.createElement("svg", { fill: 'currentColor', width: '1em', height: '1em', viewBox: '0 0 1024 1024', xmlns: 'http://www.w3.org/2000/svg' },
     react_1.default.createElement("path", { d: 'M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474c-6.1-7.7-15.3-12.2-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z' })));
@@ -24882,7 +24895,7 @@ const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importStar(__webpack_require__(1));
 __webpack_require__(236);
-const icon_1 = __webpack_require__(21);
+const icon_1 = __webpack_require__(20);
 const Option = (_a) => {
     var { value, children, disabled, onClick, className } = _a, otherProps = tslib_1.__rest(_a, ["value", "children", "disabled", "onClick", "className"]);
     return (react_1.default.createElement("span", Object.assign({}, otherProps, { className: (0, classnames_1.default)(className, { 'kt-option-disabled': disabled }), onClick: () => onClick && !disabled && onClick(value) }), children));
@@ -25038,7 +25051,7 @@ function Select({ disabled, options, size = 'default', children, value, onChange
             value: value,
             notMatch: true,
         };
-    }, [options, value]);
+    }, [options, value, children]);
     const selected = getSelectedValue();
     const optionsContainerClasses = (0, classnames_1.default)('kt-select-options', {
         ['kt-select-options-visible']: open,
@@ -25390,9 +25403,9 @@ exports.Dialog = void 0;
 const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
-const button_1 = __webpack_require__(25);
+const button_1 = __webpack_require__(24);
 const common_1 = __webpack_require__(76);
-const icon_1 = __webpack_require__(21);
+const icon_1 = __webpack_require__(20);
 const overlay_1 = __webpack_require__(114);
 __webpack_require__(247);
 const DefaultButtons = ({ onCancel, onOk, cancelText, okText }) => (react_1.default.createElement(react_1.default.Fragment, null,
@@ -25434,7 +25447,7 @@ const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
 const ide_utils_1 = __webpack_require__(12);
-const button_1 = __webpack_require__(25);
+const button_1 = __webpack_require__(24);
 const common_1 = __webpack_require__(76);
 const notification_1 = tslib_1.__importDefault(__webpack_require__(297));
 __webpack_require__(310);
@@ -26550,7 +26563,7 @@ module.exports = Array.isArray || function (arr) {
 "use strict";
 
 
-var Buffer = __webpack_require__(22).Buffer;
+var Buffer = __webpack_require__(21).Buffer;
 
 var bomHandling = __webpack_require__(257),
     iconv = module.exports;
@@ -26829,7 +26842,7 @@ for (var i = 0; i < modules.length; i++) {
 
 "use strict";
 
-var Buffer = __webpack_require__(22).Buffer;
+var Buffer = __webpack_require__(21).Buffer;
 
 // Export Node.js internal encodings.
 
@@ -27408,7 +27421,7 @@ SafeBuffer.allocUnsafeSlow = function (size) {
 "use strict";
 
 
-var Buffer = __webpack_require__(22).Buffer;
+var Buffer = __webpack_require__(21).Buffer;
 
 // == UTF32-LE/BE codec. ==========================================================
 
@@ -27733,7 +27746,7 @@ function detectEncoding(bufs, defaultEncoding) {
 
 "use strict";
 
-var Buffer = __webpack_require__(22).Buffer;
+var Buffer = __webpack_require__(21).Buffer;
 
 // Note: UTF16-LE (or UCS2) codec is Node.js native. See encodings/internal.js
 
@@ -27937,7 +27950,7 @@ function detectEncoding(bufs, defaultEncoding) {
 
 "use strict";
 
-var Buffer = __webpack_require__(22).Buffer;
+var Buffer = __webpack_require__(21).Buffer;
 
 // UTF-7 codec, according to https://tools.ietf.org/html/rfc2152
 // See also below a UTF-7-IMAP codec, according to http://tools.ietf.org/html/rfc3501#section-5.1.3
@@ -28234,7 +28247,7 @@ Utf7IMAPDecoder.prototype.end = function() {
 
 "use strict";
 
-var Buffer = __webpack_require__(22).Buffer;
+var Buffer = __webpack_require__(21).Buffer;
 
 // Single-byte codec. Needs a 'chars' string parameter that contains 256 or 128 chars that
 // correspond to encoded bytes (if 128 - then lower half is ASCII). 
@@ -28956,7 +28969,7 @@ module.exports = {
 
 "use strict";
 
-var Buffer = __webpack_require__(22).Buffer;
+var Buffer = __webpack_require__(21).Buffer;
 
 // Multibyte codec. In this scheme, a character is represented by 1 or more bytes.
 // Our codec supports UTF-16 surrogates, extensions for GB18030 and unicode sequences.
@@ -29786,7 +29799,7 @@ module.exports = JSON.parse("[[\"8740\",\"䏰䰲䘃䖦䕸𧉧䵷䖳𧲱䳢𧳅
 "use strict";
 
 
-var Buffer = __webpack_require__(22).Buffer;
+var Buffer = __webpack_require__(21).Buffer;
 
 // NOTE: Due to 'stream' module being pretty large (~100Kb, significant in browser environments), 
 // we opt to dependency-inject it instead of creating a hard dependency.
@@ -32689,7 +32702,7 @@ const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
 __webpack_require__(312);
-const button_1 = __webpack_require__(25);
+const button_1 = __webpack_require__(24);
 // 目前支持支持 hover，后面按需拓展
 var PopoverTriggerType;
 (function (PopoverTriggerType) {
@@ -33405,7 +33418,7 @@ tslib_1.__exportStar(__webpack_require__(130), exports);
 tslib_1.__exportStar(__webpack_require__(141), exports);
 tslib_1.__exportStar(__webpack_require__(136), exports);
 tslib_1.__exportStar(__webpack_require__(45), exports);
-tslib_1.__exportStar(__webpack_require__(23), exports);
+tslib_1.__exportStar(__webpack_require__(22), exports);
 tslib_1.__exportStar(__webpack_require__(380), exports);
 tslib_1.__exportStar(__webpack_require__(384), exports);
 
@@ -35460,7 +35473,7 @@ function renderThumbVerticalDefault(_ref4) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = __webpack_require__(2);
 tslib_1.__exportStar(__webpack_require__(363), exports);
-tslib_1.__exportStar(__webpack_require__(20), exports);
+tslib_1.__exportStar(__webpack_require__(27), exports);
 tslib_1.__exportStar(__webpack_require__(110), exports);
 tslib_1.__exportStar(__webpack_require__(364), exports);
 tslib_1.__exportStar(__webpack_require__(365), exports);
@@ -35477,7 +35490,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Deprecated = void 0;
 const tslib_1 = __webpack_require__(2);
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
-const warning_1 = tslib_1.__importDefault(__webpack_require__(20));
+const warning_1 = tslib_1.__importDefault(__webpack_require__(27));
 // @deprecated wrapper
 function Deprecated(fc, msg) {
     return (props) => {
@@ -38684,7 +38697,7 @@ tslib_1.__exportStar(__webpack_require__(374), exports);
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeModel = void 0;
 const ide_utils_1 = __webpack_require__(12);
-const types_1 = __webpack_require__(23);
+const types_1 = __webpack_require__(22);
 const treeState_1 = __webpack_require__(375);
 class TreeModel {
     constructor() {
@@ -38794,7 +38807,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeStateManager = exports.Operation = void 0;
 const tslib_1 = __webpack_require__(2);
 const ide_utils_1 = __webpack_require__(12);
-const types_1 = __webpack_require__(23);
+const types_1 = __webpack_require__(22);
 const TreeNode_1 = __webpack_require__(46);
 const { Path } = ide_utils_1.path;
 var Operation;
@@ -39121,7 +39134,7 @@ tslib_1.__exportStar(__webpack_require__(140), exports);
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DecorationsManager = void 0;
 const ide_utils_1 = __webpack_require__(12);
-const types_1 = __webpack_require__(23);
+const types_1 = __webpack_require__(22);
 const TreeNode_1 = __webpack_require__(46);
 const CompositeDecoration_1 = __webpack_require__(140);
 class DecorationsManager {
@@ -39322,7 +39335,7 @@ exports.RecycleTreeFilterDecorator = void 0;
 const tslib_1 = __webpack_require__(2);
 const throttle_1 = tslib_1.__importDefault(__webpack_require__(131));
 const react_1 = tslib_1.__importStar(__webpack_require__(1));
-const icon_1 = __webpack_require__(21);
+const icon_1 = __webpack_require__(20);
 const input_1 = __webpack_require__(74);
 const locale_context_provider_1 = __webpack_require__(142);
 __webpack_require__(382);
@@ -39387,7 +39400,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RecycleTreeAdaptiveDecorator = void 0;
 const tslib_1 = __webpack_require__(2);
 const react_1 = tslib_1.__importDefault(__webpack_require__(1));
-const types_1 = __webpack_require__(23);
+const types_1 = __webpack_require__(22);
 /**
  * 将 RecycleTree 组件装饰到能够自适应高度
  * @param recycleTreeComp RecycleTree 组件
@@ -39740,8 +39753,8 @@ exports.BasicTreeNodeRenderer = void 0;
 const tslib_1 = __webpack_require__(2);
 const classnames_1 = tslib_1.__importDefault(__webpack_require__(3));
 const react_1 = tslib_1.__importStar(__webpack_require__(1));
-const button_1 = __webpack_require__(25);
-const icon_1 = __webpack_require__(21);
+const button_1 = __webpack_require__(24);
+const icon_1 = __webpack_require__(20);
 const loading_1 = __webpack_require__(144);
 const tree_node_define_1 = __webpack_require__(89);
 const types_1 = __webpack_require__(90);
@@ -39894,7 +39907,7 @@ exports.BasicTreeModel = exports.BasicTreeService = void 0;
 const tslib_1 = __webpack_require__(2);
 const ide_utils_1 = __webpack_require__(12);
 const tree_1 = __webpack_require__(45);
-const types_1 = __webpack_require__(23);
+const types_1 = __webpack_require__(22);
 const tree_node_define_1 = __webpack_require__(89);
 const types_2 = __webpack_require__(90);
 class BasicTreeService extends tree_1.Tree {
@@ -40236,7 +40249,7 @@ const RecycleList = ({ width, height, maxHeight, minHeight, className, style, da
         };
         (0, react_1.useEffect)(() => {
             if (rowRoot.current && listRef.current) {
-                observer.current = new MutationObserver((mutations, observer) => {
+                observer.current = new MutationObserver(() => {
                     setItemSize();
                 });
                 const observerOption = {
@@ -40847,7 +40860,7 @@ AutoSizer.defaultProps = {
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: /home/runner/work/core/core/node_modules/@babel/runtime/helpers/esm/extends.js
-var esm_extends = __webpack_require__(24);
+var esm_extends = __webpack_require__(23);
 
 // CONCATENATED MODULE: /home/runner/work/core/core/node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(obj) {