@opensumi/ide-core-browser 2.12.1-next-079c1930

package/lib/components/actions/index.js

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineMenuBar = exports.InlineActionBar = exports.TitleActionList = exports.MenuActionList = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+const strings_1 = require("@opensumi/ide-core-common/lib/utils/strings");
+const menu_1 = require("@opensumi/ide-components/lib/menu");
+const ide_components_1 = require("@opensumi/ide-components");
+const next_1 = require("../../menu/next");
+const react_hooks_1 = require("../../react-hooks");
+const utils_1 = require("../../utils");
+const placements_1 = (0, tslib_1.__importDefault)(require("./placements"));
+const styles_module_less_1 = (0, tslib_1.__importDefault)(require("./styles.module.less"));
+const MenuAction = ({ data, hasSubmenu, disabled }) => {
+    // 这里遵循 native menu 的原则，保留一个 icon 位置
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_less_1.default.menuAction, { [styles_module_less_1.default.disabled]: disabled, [styles_module_less_1.default.checked]: data.checked }) },
+        react_1.default.createElement("div", { className: styles_module_less_1.default.icon }, data.checked
+            ? react_1.default.createElement(ide_components_1.Icon, { icon: 'check' })
+            : null),
+        react_1.default.createElement("div", { className: styles_module_less_1.default.label }, data.label ? (0, strings_1.mnemonicButtonLabel)(data.label, true) : ''),
+        react_1.default.createElement("div", { className: styles_module_less_1.default.tip },
+            data.keybinding
+                ? react_1.default.createElement("div", { className: styles_module_less_1.default.shortcut }, data.keybinding)
+                : null,
+            hasSubmenu
+                ? react_1.default.createElement("div", { className: styles_module_less_1.default.submenuIcon },
+                    react_1.default.createElement(ide_components_1.Icon, { icon: 'right' }))
+                : null,
+            !data.keybinding && !hasSubmenu && data.extraDesc && react_1.default.createElement("div", { className: styles_module_less_1.default.extraDesc }, data.extraDesc))));
+};
+/**
+ * 用于 context menu
+ */
+const MenuActionList = ({ data = [], context = [], afterClick }) => {
+    if (!data.length) {
+        return null;
+    }
+    const handleClick = react_1.default.useCallback((params) => {
+        const { key, item } = params;
+        // do nothing when click separator/submenu node
+        if ([next_1.SeparatorMenuItemNode.ID, next_1.SubmenuItemNode.ID].includes(key)) {
+            return;
+        }
+        // hacky: read MenuNode from MenuItem.children.props
+        const menuItem = item.props.children.props.data;
+        if (!menuItem) {
+            return;
+        }
+        if (typeof menuItem.execute === 'function') {
+            menuItem.execute(context);
+        }
+        if (typeof afterClick === 'function') {
+            afterClick(menuItem);
+        }
+    }, [data, context]);
+    const recursiveRender = react_1.default.useCallback((dataSource) => {
+        return dataSource.map((menuNode, index) => {
+            if (menuNode.id === next_1.SeparatorMenuItemNode.ID) {
+                return react_1.default.createElement(menu_1.Menu.Divider, { key: `divider-${index}`, className: styles_module_less_1.default.menuItemDivider });
+            }
+            if (menuNode.id === next_1.SubmenuItemNode.ID) {
+                // 子菜单项为空时不渲染
+                if (!Array.isArray(menuNode.children) || !menuNode.children.length) {
+                    return null;
+                }
+                return (react_1.default.createElement(menu_1.Menu.SubMenu, { key: `${menuNode.id}-${index}`, className: styles_module_less_1.default.submenuItem, popupClassName: 'kt-menu', title: react_1.default.createElement(MenuAction, { hasSubmenu: true, data: menuNode }) }, recursiveRender(menuNode.children)));
+            }
+            return (react_1.default.createElement(menu_1.Menu.Item, { id: `${menuNode.id}-${index}`, key: `${menuNode.id}-${index}`, className: styles_module_less_1.default.menuItem, disabled: menuNode.disabled },
+                react_1.default.createElement(MenuAction, { data: menuNode, disabled: menuNode.disabled })));
+        });
+    }, []);
+    return (react_1.default.createElement(menu_1.Menu, Object.assign({ className: 'kt-menu', selectable: false, motion: { enter: () => null, leave: () => null } }, { builtinPlacements: placements_1.default }, { onClick: handleClick }), recursiveRender(data)));
+};
+exports.MenuActionList = MenuActionList;
+const EllipsisWidget = ({ type, onClick }) => {
+    if (type === 'icon') {
+        return react_1.default.createElement(ide_components_1.Icon, { icon: 'ellipsis', className: styles_module_less_1.default.iconAction, onClick: onClick });
+    }
+    return (react_1.default.createElement(ide_components_1.Button, { size: 'small', type: 'secondary', className: styles_module_less_1.default.btnAction, onClick: onClick },
+        react_1.default.createElement(ide_components_1.Icon, { icon: 'ellipsis' })));
+};
+EllipsisWidget.displayName = 'EllipsisWidget';
+const InlineActionWidget = (_a) => {
+    var { type = 'icon', data, context = [], className, afterClick } = _a, restProps = (0, tslib_1.__rest)(_a, ["type", "data", "context", "className", "afterClick"]);
+    const handleClick = react_1.default.useCallback((event, ...extraArgs) => {
+        if (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        if (data.id === next_1.SubmenuItemNode.ID && event) {
+            const anchor = { x: event.clientX, y: event.clientY };
+            data.execute([anchor, ...context]);
+        }
+        else if (typeof data.execute === 'function') {
+            data.execute([...context, ...extraArgs]);
+        }
+        if (typeof afterClick === 'function') {
+            afterClick();
+        }
+    }, [data, context]);
+    const title = react_1.default.useMemo(() => {
+        const title = data.tooltip || data.label;
+        if (data.keybinding) {
+            return `${title} (${data.keybinding.split('').join('+')})`;
+        }
+        return title;
+    }, [data]);
+    const isSubmenuNode = data.id === next_1.SubmenuItemNode.ID;
+    // Button 类型需要额外处理来自 MenuNode 上的类型
+    if (type === 'icon' && !data.type) {
+        return (react_1.default.createElement(ide_components_1.Button, Object.assign({ type: data.icon ? 'icon' : 'link', className: (0, classnames_1.default)(styles_module_less_1.default.iconAction, className, { [styles_module_less_1.default.disabled]: data.disabled, [styles_module_less_1.default.submenuIconAction]: isSubmenuNode }), title: title, iconClass: data.icon, onClick: handleClick }, restProps), !data.icon && data.label /* 没有 icon 时渲染 label */));
+    }
+    if (data.type === 'checkbox') {
+        return (react_1.default.createElement(ide_components_1.CheckBox, Object.assign({ className: (0, classnames_1.default)(className, styles_module_less_1.default.btnAction), disabled: data.disabled, label: data.label, title: title, checked: data.checked, onChange: (e) => handleClick(undefined, e.target.checked) }, restProps)));
+    }
+    return (react_1.default.createElement(ide_components_1.Button, Object.assign({ className: (0, classnames_1.default)(className, styles_module_less_1.default.btnAction), disabled: data.disabled, onClick: handleClick, size: 'small', type: data.type, title: title }, restProps),
+        data.label,
+        isSubmenuNode && (react_1.default.createElement(ide_components_1.Icon, { icon: 'down', className: 'kt-button-secondary-more' }))));
+};
+InlineActionWidget.displayName = 'InlineAction';
+const CustomActionWidget = ({ data, context, }) => {
+    const getExecuteArgs = react_1.default.useCallback(() => {
+        return data.getExecuteArgs(context);
+    }, [data, context]);
+    return react_1.default.createElement(data.component, {
+        getExecuteArgs,
+    });
+};
+CustomActionWidget.displayName = 'CustomAction';
+/**
+ * 用于 scm/title or view/title or inline actions
+ * 请不要直接使用 TitleActionList 组件，请使用 InlineActionBar/InlineMenubar 等组件
+ * 目前仅给 tree view 使用，其不带 contextkey service change 事件监听
+ */
+const TitleActionList = ({ 
+/**
+ * ActionListType 默认为 icon 类型
+ * 所有没有增加 type 的 menu 都是 icon 类型
+ */
+type = 'icon', nav = [], more = [], context = [], extraNavActions = [], moreAtFirst = false, className, afterClick, menuId, regroup = (...args) => args, }) => {
+    const ctxMenuRenderer = (0, react_hooks_1.useInjectable)(next_1.ICtxMenuRenderer);
+    const [primary, secondary] = regroup(nav, more);
+    const handleShowMore = react_1.default.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (secondary) {
+            ctxMenuRenderer.show({
+                anchor: { x: e.clientX, y: e.clientY },
+                // 合并结果
+                menuNodes: secondary,
+                args: context,
+                onHide: afterClick,
+            });
+        }
+    }, [secondary, context]);
+    if (primary.length === 0 && secondary.length === 0 && extraNavActions.length === 0) {
+        return null;
+    }
+    const moreAction = secondary.length > 0
+        ? react_1.default.createElement(EllipsisWidget, { type: type, onClick: handleShowMore })
+        : null;
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)([styles_module_less_1.default.titleActions, className]), "data-menu-id": menuId },
+        moreAtFirst && moreAction,
+        primary.map((item) => {
+            if (item.id === next_1.ComponentMenuItemNode.ID) {
+                return (react_1.default.createElement(CustomActionWidget, { context: context, data: item, key: item.nodeId }));
+            }
+            // submenu 使用 submenu-id 作为 id 唯一值
+            const id = item.id === next_1.SubmenuItemNode.ID
+                ? item.submenuId
+                : item.id;
+            return (react_1.default.createElement(InlineActionWidget, { id: id, key: id, className: (0, classnames_1.default)({ [styles_module_less_1.default.selected]: item.checked }), type: type, data: item, afterClick: afterClick, context: context }));
+        }),
+        Array.isArray(extraNavActions) && extraNavActions.length
+            ? react_1.default.createElement(react_1.default.Fragment, null,
+                primary.length && react_1.default.createElement("span", { className: styles_module_less_1.default.divider }),
+                extraNavActions)
+            : null,
+        !moreAtFirst && moreAction));
+};
+exports.TitleActionList = TitleActionList;
+exports.TitleActionList.displayName = 'TitleActionList';
+function InlineActionBar(props) {
+    const { menus, context, separator = 'navigation', debounce } = props, restProps = (0, tslib_1.__rest)(props, ["menus", "context", "separator", "debounce"]);
+    // 因为这里的 context 塞到 useMenus 之后会自动把参数加入到 MenuItem.execute 里面
+    const [navMenu, moreMenu] = (0, utils_1.useMenus)(menus, separator, context, debounce);
+    // inline 菜单不取第二组，对应内容由关联 context menu 去渲染
+    return (react_1.default.createElement(exports.TitleActionList, Object.assign({ menuId: menus.menuId, nav: navMenu, more: separator === 'inline' ? [] : moreMenu }, restProps)));
+}
+exports.InlineActionBar = InlineActionBar;
+// 后续考虑使用 IContextMenu, useContextMenus 和 InlineMenuBar 来替换掉老的 IMenu
+// 完成 InlineActionBar 的升级
+function InlineMenuBar(props) {
+    const { menus, context, separator = 'navigation' } = props, restProps = (0, tslib_1.__rest)(props, ["menus", "context", "separator"]);
+    const [navMenu, moreMenu] = (0, utils_1.useContextMenus)(menus);
+    // inline 菜单不取第二组，对应内容由关联 context menu 去渲染
+    return (react_1.default.createElement(exports.TitleActionList, Object.assign({ menuId: menus.menuId, nav: navMenu, more: separator === 'inline' ? [] : moreMenu, context: context }, restProps)));
+}
+exports.InlineMenuBar = InlineMenuBar;
+//# sourceMappingURL=index.js.map

package/lib/components/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/actions/index.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,yEAA8B;AAC9B,yEAAkF;AAElF,4DAAqE;AAErE,6DAAkE;AAClE,0CAIyB;AACzB,mDAAkD;AAClD,uCAAwD;AAExD,2EAAsC;AAEtC,2FAA0C;AAE1C,MAAM,UAAU,GAIX,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtC,oCAAoC;IACpC,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,UAAU,EAAE,EAAE,CAAC,4BAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,4BAAM,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;QACtG,uCAAK,SAAS,EAAE,4BAAM,CAAC,IAAI,IAEvB,IAAI,CAAC,OAAO;YACX,CAAC,CAAC,8BAAC,qBAAI,IAAC,IAAI,EAAC,OAAO,GAAG;YACvB,CAAC,CAAC,IAAI,CAEL;QACN,uCAAK,SAAS,EAAE,4BAAM,CAAC,KAAK,IACzB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,6BAAmB,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CACpD;QACN,uCAAK,SAAS,EAAE,4BAAM,CAAC,GAAG;YAEtB,IAAI,CAAC,UAAU;gBACb,CAAC,CAAC,uCAAK,SAAS,EAAE,4BAAM,CAAC,QAAQ,IAAG,IAAI,CAAC,UAAU,CAAO;gBAC1D,CAAC,CAAC,IAAI;YAGR,UAAU;gBACR,CAAC,CAAC,uCAAK,SAAS,EAAE,4BAAM,CAAC,WAAW;oBAClC,8BAAC,qBAAI,IAAC,IAAI,EAAC,OAAO,GAAG,CACjB;gBACN,CAAC,CAAC,IAAI;YAEV,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,IAAI,uCAAK,SAAS,EAAE,4BAAM,CAAC,SAAS,IAAG,IAAI,CAAC,SAAS,CAAO,CACzG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACI,MAAM,cAAc,GAItB,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IAC/C,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,CAAC,MAAkB,EAAE,EAAE;QAC3D,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;QAC7B,+CAA+C;QAC/C,IAAI,CAAC,4BAAqB,CAAC,EAAE,EAAE,sBAAe,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAChE,OAAO;SACR;QAED,oDAAoD;QACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAgB,CAAC;QAC5D,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,IAAI,OAAO,QAAQ,CAAC,OAAO,KAAK,UAAU,EAAE;YAC1C,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SAC3B;QAED,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YACpC,UAAU,CAAC,QAAQ,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,CAAE,IAAI,EAAE,OAAO,CAAE,CAAC,CAAC;IAEtB,MAAM,eAAe,GAAG,eAAK,CAAC,WAAW,CAAC,CAAC,UAAsB,EAAE,EAAE;QACnE,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACxC,IAAI,QAAQ,CAAC,EAAE,KAAK,4BAAqB,CAAC,EAAE,EAAE;gBAC5C,OAAO,8BAAC,WAAI,CAAC,OAAO,IAAC,GAAG,EAAE,WAAW,KAAK,EAAE,EAAE,SAAS,EAAE,4BAAM,CAAC,eAAe,GAAI,CAAC;aACrF;YAED,IAAI,QAAQ,CAAC,EAAE,KAAK,sBAAe,CAAC,EAAE,EAAE;gBACtC,aAAa;gBACb,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE;oBAClE,OAAO,IAAI,CAAC;iBACb;gBAED,OAAO,CACL,8BAAC,WAAI,CAAC,OAAO,IACX,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,IAAI,KAAK,EAAE,EAC9B,SAAS,EAAE,4BAAM,CAAC,WAAW,EAC7B,cAAc,EAAC,SAAS,EACxB,KAAK,EAAE,8BAAC,UAAU,IAAC,UAAU,QAAC,IAAI,EAAE,QAAQ,GAAI,IAC/C,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CACtB,CAChB,CAAC;aACH;YAED,OAAO,CACL,8BAAC,WAAI,CAAC,IAAI,IACR,EAAE,EAAE,GAAG,QAAQ,CAAC,EAAE,IAAI,KAAK,EAAE,EAC7B,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,IAAI,KAAK,EAAE,EAC9B,SAAS,EAAE,4BAAM,CAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,CAAC,QAAQ;gBAC3B,8BAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAAI,CACjD,CACb,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,WAAI,kBACH,SAAS,EAAC,SAAS,EACnB,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAC5C,EAAC,iBAAiB,EAAE,oBAAU,EAAQ,IAC1C,OAAO,EAAE,WAAW,KACnB,eAAe,CAAC,IAAI,CAAC,CACjB,CACR,CAAC;AACJ,CAAC,CAAC;AA5EW,QAAA,cAAc,kBA4EzB;AAEF,MAAM,cAAc,GAGf,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACzB,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,OAAO,8BAAC,qBAAI,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,4BAAM,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;KACjF;IAED,OAAO,CACL,8BAAC,uBAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE,4BAAM,CAAC,SAAS,EAC3B,OAAO,EAAE,OAAO;QAChB,8BAAC,qBAAI,IAAC,IAAI,EAAC,UAAU,GAAG,CACjB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,kBAAkB,GAKiB,CAAC,EAA0E,EAAE,EAAE;QAA9E,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,SAAS,EAAE,UAAU,OAAgB,EAAX,SAAS,2BAAxE,sDAA0E,CAAF;IAChH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,CAAC,KAAqC,EAAE,GAAG,SAAgB,EAAE,EAAE;QACnG,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;QACD,IAAI,IAAI,CAAC,EAAE,KAAK,sBAAe,CAAC,EAAE,IAAI,KAAK,EAAE;YAC3C,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;YACtD,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC;SACpC;aAAM,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;YAC7C,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;SAC1C;QAED,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YACpC,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAE,IAAI,EAAE,OAAO,CAAE,CAAC,CAAC;IAEtB,MAAM,KAAK,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC;QACzC,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;SAC5D;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAE,IAAI,CAAE,CAAC,CAAC;IAEb,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,KAAK,sBAAe,CAAC,EAAE,CAAC;IAErD,kCAAkC;IAClC,IAAI,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;QACjC,OAAO,CACL,8BAAC,uBAAM,kBACL,IAAI,EAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAClC,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,4BAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,4BAAM,CAAC,iBAAiB,CAAC,EAAE,aAAa,EAAE,CAAC,EAC9H,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,OAAO,EAAE,WAAW,IAChB,SAAS,GACX,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAC3C,CACV,CAAC;KACH;IAED,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;QAC5B,OAAO,CACL,8BAAC,yBAAQ,kBACP,SAAS,EAAE,IAAA,oBAAI,EAAC,SAAS,EAAE,4BAAM,CAAC,SAAS,CAAC,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,SAAS,EAAG,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,IAC3E,SAAS,EACb,CACH,CAAC;KACH;IAED,OAAO,CACL,8BAAC,uBAAM,kBACL,SAAS,EAAE,IAAA,oBAAI,EAAC,SAAS,EAAE,4BAAM,CAAC,SAAS,CAAC,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,KAAK,IACR,SAAS;QACZ,IAAI,CAAC,KAAK;QAET,aAAa,IAAI,CACf,8BAAC,qBAAI,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,0BAA0B,GAAG,CAC1D,CAEI,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,cAAc,CAAC;AAEhD,MAAM,kBAAkB,GAGnB,CAAC,EACJ,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,eAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE;QACzC,cAAc;KACf,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,cAAc,CAAC;AAyChD;;;;GAIG;AACI,MAAM,eAAe,GAKD,CAAC;AAC1B;;;GAGG;AACH,IAAI,GAAG,MAAM,EACb,GAAG,GAAG,EAAE,EACR,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,EAAE,EACpB,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,UAAU,EACV,MAAM,EACN,OAAO,GAAG,CAAC,GAAG,IAA8B,EAAE,EAAE,CAAC,IAAI,GACtD,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,IAAA,2BAAa,EAAmB,uBAAgB,CAAC,CAAC;IAC1E,MAAM,CAAE,OAAO,EAAE,SAAS,CAAE,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAElD,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QAC5E,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,SAAS,EAAE;YACb,eAAe,CAAC,IAAI,CAAC;gBACnB,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;gBACtC,OAAO;gBACP,SAAS,EAAE,SAAS;gBACpB,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,UAAU;aACnB,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAE,SAAS,EAAE,OAAO,CAAE,CAAC,CAAC;IAE3B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;QAClF,OAAO,IAAI,CAAC;KACb;IAED,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC;QACrC,CAAC,CAAC,8BAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,GAAI;QACzD,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAI,EAAC,CAAC,4BAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,kBACnC,MAAM;QAClB,WAAW,IAAI,UAAU;QAEzB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,IAAI,IAAI,CAAC,EAAE,KAAK,4BAAqB,CAAC,EAAE,EAAE;gBACxC,OAAO,CACL,8BAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAA6B,EACnC,GAAG,EAAG,IAA8B,CAAC,MAAM,GAC3C,CACH,CAAC;aACH;YAED,kCAAkC;YAClC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,KAAK,sBAAe,CAAC,EAAE;gBACvC,CAAC,CAAE,IAAwB,CAAC,SAAS;gBACrC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YACZ,OAAO,CACL,8BAAC,kBAAkB,IACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,EAAE,EACP,SAAS,EAAE,IAAA,oBAAI,EAAC,EAAE,CAAC,4BAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,GAAI,CACvB,CAAC;QACJ,CAAC,CAAC;QAGF,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,MAAM;YACtD,CAAC,CAAC;gBACC,OAAO,CAAC,MAAM,IAAI,wCAAM,SAAS,EAAE,4BAAM,CAAC,OAAO,GAAI;gBACrD,eAAe,CACf;YACH,CAAC,CAAC,IAAI;QAER,CAAC,WAAW,IAAI,UAAU,CACxB,CACP,CAAC;AACJ,CAAC,CAAC;AA1FW,QAAA,eAAe,mBA0F1B;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAwBhD,SAAgB,eAAe,CAC7B,KAAuC;IAEvC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,YAAY,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,uBAAK,KAAK,EAA5E,6CAAoE,CAAQ,CAAC;IACnF,4DAA4D;IAC5D,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAE1E,0CAA0C;IAC1C,OAAO,CACL,8BAAC,uBAAe,kBACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,IACxC,SAAS,EAAI,CACpB,CAAC;AACJ,CAAC;AAfD,0CAeC;AAUD,oEAAoE;AACpE,yBAAyB;AACzB,SAAgB,aAAa,CAC3B,KAAqC;IAErC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,YAAY,KAAmB,KAAK,EAAnB,SAAS,uBAAK,KAAK,EAAlE,iCAA0D,CAAQ,CAAC;IACzE,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IAEnD,0CAA0C;IAC1C,OAAO,CACL,8BAAC,uBAAe,kBACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAC5C,OAAO,EAAE,OAAO,IACZ,SAAS,EAAI,CACpB,CAAC;AACJ,CAAC;AAfD,sCAeC"}

package/lib/components/actions/placements.d.ts

@@ -0,0 +1,58 @@
+export declare const placements: {
+    topLeft: {
+        points: string[];
+        overflow: {
+            adjustX: number;
+            adjustY: number;
+        };
+        offset: number[];
+        targetOffset: number[];
+    };
+    topCenter: {
+        points: string[];
+        overflow: {
+            adjustX: number;
+            adjustY: number;
+        };
+        offset: number[];
+        targetOffset: number[];
+    };
+    topRight: {
+        points: string[];
+        overflow: {
+            adjustX: number;
+            adjustY: number;
+        };
+        offset: number[];
+        targetOffset: number[];
+    };
+    bottomLeft: {
+        points: string[];
+        overflow: {
+            adjustX: number;
+            adjustY: number;
+        };
+        offset: number[];
+        targetOffset: number[];
+    };
+    bottomCenter: {
+        points: string[];
+        overflow: {
+            adjustX: number;
+            adjustY: number;
+        };
+        offset: number[];
+        targetOffset: number[];
+    };
+    bottomRight: {
+        points: string[];
+        overflow: {
+            adjustX: number;
+            adjustY: number;
+        };
+        offset: number[];
+        targetOffset: number[];
+    };
+};
+export default placements;
+//# sourceMappingURL=placements.d.ts.map

package/lib/components/actions/placements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placements.d.ts","sourceRoot":"","sources":["../../../src/components/actions/placements.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/actions/placements.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.placements = void 0;
+const autoAdjustOverflow = {
+    adjustX: 1,
+    adjustY: 1,
+};
+const targetOffset = [0, 0];
+exports.placements = {
+    topLeft: {
+        points: ['bl', 'tl'],
+        overflow: autoAdjustOverflow,
+        offset: [0, -4],
+        targetOffset,
+    },
+    topCenter: {
+        points: ['bc', 'tc'],
+        overflow: autoAdjustOverflow,
+        offset: [0, -4],
+        targetOffset,
+    },
+    topRight: {
+        points: ['br', 'tr'],
+        overflow: autoAdjustOverflow,
+        offset: [0, -4],
+        targetOffset,
+    },
+    bottomLeft: {
+        points: ['tl', 'bl'],
+        overflow: autoAdjustOverflow,
+        offset: [0, 4],
+        targetOffset,
+    },
+    bottomCenter: {
+        points: ['tc', 'bc'],
+        overflow: autoAdjustOverflow,
+        offset: [0, 4],
+        targetOffset,
+    },
+    bottomRight: {
+        points: ['tr', 'br'],
+        overflow: autoAdjustOverflow,
+        offset: [0, 4],
+        targetOffset,
+    },
+};
+exports.default = exports.placements;
+//# sourceMappingURL=placements.js.map

package/lib/components/actions/placements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placements.js","sourceRoot":"","sources":["../../../src/components/actions/placements.ts"],"names":[],"mappings":";;;AAAA,MAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;CACX,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACpB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACf,YAAY;KACb;IACD,SAAS,EAAE;QACT,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACpB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACf,YAAY;KACb;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACpB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACf,YAAY;KACb;IACD,UAAU,EAAE;QACV,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACpB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACd,YAAY;KACb;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACpB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACd,YAAY;KACb;IACD,WAAW,EAAE;QACX,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACpB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACd,YAAY;KACb;CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}

package/lib/components/actions/styles.module.less

@@ -0,0 +1,128 @@
+.icon,
+.submenuIcon {
+  width: 12px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.label {
+  flex: 1;
+  padding-left: 4px;
+  padding-right: 16px;
+}
+
+.shortcut,
+.submenuIcon,
+.extraDesc {
+  padding-right: 4px;
+}
+
+.extraDesc,
+.shortcut {
+  justify-content: right;
+  text-align: center;
+  color: var(--kt-menu-descriptionForeground);
+}
+
+.menuAction {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+
+  &.disabled {
+    .shortcut {
+      color: var(--kt-menu-disableForeground);
+    }
+  }
+}
+
+.titleActions {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+.iconAction {
+  cursor: pointer;
+  color: var(--kt-actionbar-foreground);
+  border: 1px solid transparent;
+
+  &.disabled {
+    color: var(--kt-actionbar-disableForeground);
+    pointer-events: none;
+  }
+
+  &:not(.disabled):hover {
+    border-radius: 4px;
+    background-color: rgba(184, 184, 184, 0.31);
+  }
+
+  &.selected {
+    background-color: var(--kt-actionbar-selectionBackground);
+    border-color: var(--kt-actionbar-selectionBorder);
+  }
+
+  :global(.kt-button) {
+    padding: 0;
+  }
+}
+
+.btnAction :global(.kt-icon) {
+  color: inherit;
+}
+
+.btnAction + .btnAction,
+.btnAction + .iconAction,
+.iconAction + .btnAction,
+.iconAction + .iconAction {
+  margin-left: 6px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.iconAction + .divider,
+.divider + .iconAction {
+  margin-left: 8px;
+}
+
+.titleActions + .titleActions::before {
+  content: ' ';
+  display: block;
+  margin: 0 6px;
+}
+
+// divider 存在于两个 InlineActionBar 组件之间，也存在与 group 之间
+.titleActions + .titleActions::before,
+.divider {
+  background-color: var(--kt-actionbar-separatorBackground);
+  width: 1px;
+  height: 14px;
+}
+
+// 这里的 css 规则是为了合理展示 divider 元素/菜单分割符
+// .menuItemDivider {
+//   display: none;
+// }
+
+// .menuItem + .menuItemDivider,
+// .submenuItem + .menuItemDivider {
+//   display: block;
+// }
+
+.menuItemDivider:first-child,
+.menuItemDivider:last-child {
+  display: none;
+}
+
+:global {
+  // 菜单项增加滚动条
+  .kt-menu {
+    max-height: 75vh;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}

package/lib/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge as default } from '@opensumi/ide-components';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/components/badge/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ide_components_1 = require("@opensumi/ide-components");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return ide_components_1.Badge; } });
+//# sourceMappingURL=index.js.map

package/lib/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":";;;AAAA,2DAA4D;AAAnD,yGAAA,KAAK,OAAW"}

package/lib/components/click-outside/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const ClickOutside: React.FC<{
+    onOutsideClick: (e: MouseEvent) => void;
+    mouseEvents?: ['click'] | ['contextmenu'] | ['click', 'contextmenu'];
+} & React.HTMLAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/click-outside/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/click-outside/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,cAAc,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;CACtE,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CA0BvC,CAAC"}

package/lib/components/click-outside/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClickOutside = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const ClickOutside = (_a) => {
+    var { mouseEvents = ['click'], onOutsideClick, children } = _a, restProps = (0, tslib_1.__rest)(_a, ["mouseEvents", "onOutsideClick", "children"]);
+    const $containerEl = react_1.default.useRef(null);
+    const globalClickSpy = react_1.default.useCallback((e) => {
+        if ($containerEl.current && e.target && !$containerEl.current.contains(e.target)) {
+            onOutsideClick(e);
+        }
+    }, [onOutsideClick]);
+    react_1.default.useEffect(() => {
+        mouseEvents.forEach((event) => {
+            window.addEventListener(event, globalClickSpy, true);
+        });
+        return () => {
+            mouseEvents.forEach((event) => {
+                window.removeEventListener(event, globalClickSpy, true);
+            });
+        };
+    }, [mouseEvents]);
+    return react_1.default.createElement("div", Object.assign({}, restProps, { ref: $containerEl }), children);
+};
+exports.ClickOutside = ClickOutside;
+//# sourceMappingURL=index.js.map

package/lib/components/click-outside/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/click-outside/index.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAEnB,MAAM,YAAY,GAImB,CAAC,EAK5C,EAAE,EAAE;QALwC,EAC3C,WAAW,GAAG,CAAC,OAAO,CAAC,EACvB,cAAc,EACd,QAAQ,OAET,EADI,SAAS,2BAJ+B,6CAK5C,CADa;IAEZ,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE/D,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,CAAC,CAAa,EAAE,EAAE;QACzD,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAa,CAAC,EAAE;YACvF,cAAc,CAAC,CAAC,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC5B,MAAM,CAAC,mBAAmB,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;YAC1D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAE,WAAW,CAAE,CAAC,CAAC;IAEpB,OAAO,uDAAS,SAAS,IAAE,GAAG,EAAE,YAAY,KAAG,QAAQ,CAAO,CAAC;AACjE,CAAC,CAAC;AA9BW,QAAA,YAAY,gBA8BvB"}

package/lib/components/index.d.ts

@@ -0,0 +1,25 @@
+export * from './scrollbar';
+export * from './recycle-tree';
+export * from './tree';
+export * from './portal';
+export * from './resize/resize';
+export * from './layout';
+export { Select as NativeSelect } from './select';
+/**
+ * re exports from ide-components
+ * Don't export recycle-list for now
+ */
+export * from '@opensumi/ide-components/lib/button';
+export * from '@opensumi/ide-components/lib/badge';
+export * from '@opensumi/ide-components/lib/input';
+export * from '@opensumi/ide-components/lib/checkbox';
+export * from '@opensumi/ide-components/lib/select';
+export * from '@opensumi/ide-components/lib/tabs';
+export * from '@opensumi/ide-components/lib/overlay';
+export * from '@opensumi/ide-components/lib/dialog';
+export * from '@opensumi/ide-components/lib/icon';
+export * from '@opensumi/ide-components/lib/notification';
+export * from '@opensumi/ide-components/lib/popover';
+export * from '@opensumi/ide-components/lib/message';
+export * from '@opensumi/ide-components/lib/tooltip';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAElD;;;GAGG;AACH,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeSelect = void 0;
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./scrollbar"), exports);
+(0, tslib_1.__exportStar)(require("./recycle-tree"), exports);
+(0, tslib_1.__exportStar)(require("./tree"), exports);
+(0, tslib_1.__exportStar)(require("./portal"), exports);
+(0, tslib_1.__exportStar)(require("./resize/resize"), exports);
+(0, tslib_1.__exportStar)(require("./layout"), exports);
+var select_1 = require("./select");
+Object.defineProperty(exports, "NativeSelect", { enumerable: true, get: function () { return select_1.Select; } });
+/**
+ * re exports from ide-components
+ * Don't export recycle-list for now
+ */
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/button"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/badge"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/input"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/checkbox"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/select"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/tabs"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/overlay"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/dialog"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/icon"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/notification"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/popover"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/message"), exports);
+(0, tslib_1.__exportStar)(require("@opensumi/ide-components/lib/tooltip"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,2DAA4B;AAC5B,8DAA+B;AAC/B,sDAAuB;AACvB,wDAAyB;AACzB,+DAAgC;AAChC,wDAAyB;AACzB,mCAAkD;AAAzC,sGAAA,MAAM,OAAgB;AAE/B;;;GAGG;AACH,mFAAoD;AACpD,kFAAmD;AACnD,kFAAmD;AACnD,qFAAsD;AACtD,mFAAoD;AACpD,iFAAkD;AAClD,oFAAqD;AACrD,mFAAoD;AACpD,iFAAkD;AAClD,yFAA0D;AAC1D,oFAAqD;AACrD,oFAAqD;AACrD,oFAAqD"}

package/lib/components/layout/box-panel.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Layout } from './layout';
+export interface IChildComponentProps {
+    flex?: number;
+    defaultSize?: number;
+    id: string;
+    overflow: string;
+}
+declare type ChildComponent = React.ReactElement<IChildComponentProps>;
+export declare const BoxPanel: React.FC<{
+    children?: ChildComponent | ChildComponent[];
+    className?: string;
+    direction?: Layout.direction;
+    flex?: number;
+    zIndex?: number;
+}>;
+export {};
+//# sourceMappingURL=box-panel.d.ts.map

package/lib/components/layout/box-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-panel.d.ts","sourceRoot":"","sources":["../../../src/components/layout/box-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,aAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;AAE/D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CA0BC,CAAC"}

package/lib/components/layout/box-panel.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxPanel = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+const styles_module_less_1 = (0, tslib_1.__importDefault)(require("./styles.module.less"));
+const layout_1 = require("./layout");
+exports.BoxPanel = ((_a) => {
+    var { className, children = [], direction = 'left-to-right' } = _a, restProps = (0, tslib_1.__rest)(_a, ["className", "children", "direction"]);
+    // convert children to list
+    const arrayChildren = react_1.default.Children.toArray(children);
+    return (react_1.default.createElement("div", Object.assign({}, restProps, { className: (0, classnames_1.default)(styles_module_less_1.default['box-panel'], className), style: { flexDirection: layout_1.Layout.getFlexDirection(direction), zIndex: restProps['z-index'] } }), arrayChildren.map((child, index) => (react_1.default.createElement("div", { key: index, className: (0, classnames_1.default)(styles_module_less_1.default.wrapper), style: child['props'] ? {
+            flex: child['props'].flex,
+            overflow: child['props'].overflow,
+            zIndex: child['props'].zIndex || child['props']['z-index'],
+            [layout_1.Layout.getMinSizeProperty(direction)]: child['props'].defaultSize,
+        } : {} }, child)))));
+});
+//# sourceMappingURL=box-panel.js.map

package/lib/components/layout/box-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-panel.js","sourceRoot":"","sources":["../../../src/components/layout/box-panel.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,yEAA8B;AAC9B,2FAA0C;AAC1C,qCAAkC;AAWrB,QAAA,QAAQ,GAMhB,CAAC,CAAC,EAAuE,EAAE,EAAE;QAA3E,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,GAAG,eAAe,OAAgB,EAAX,SAAS,2BAArE,sCAAuE,CAAF;IAC1E,2BAA2B;IAC3B,MAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEvD,OAAO,CACL,uDACM,SAAS,IACb,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAC/C,KAAK,EAAE,EAAE,aAAa,EAAE,eAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,EAAE,KAExF,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,uCACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,IAAA,oBAAI,EAAC,4BAAM,CAAC,OAAO,CAAC,EAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI;YACzB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ;YACjC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC;YAC1D,CAAC,eAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW;SACnE,CAAC,CAAC,CAAC,EAAE,IACL,KAAK,CACF,CACP,CAAC,CAEA,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}