(
8 | Extensions.Quickaccess
9 | );
10 |
11 | /**
12 | * Register a quickAccessProvider, if it's exist, remove it first and register.
13 | * @param providerDescriptor
14 | */
15 | export function registerQuickAccessProvider(providerDescriptor) {
16 | removeQuickAccessProvider(providerDescriptor.prefix);
17 | QuickAccessRegistry.registerQuickAccessProvider(providerDescriptor);
18 | }
19 |
20 | export function removeQuickAccessProvider(prefix) {
21 | const index = QuickAccessRegistry.providers.findIndex(
22 | (item) => item.prefix === prefix
23 | );
24 | if (index > -1) {
25 | QuickAccessRegistry.providers.splice(index, 1);
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/provider/index.tsx:
--------------------------------------------------------------------------------
1 | export * from 'mo/provider/molecule';
2 |
3 | export { default as create } from './create';
4 |
--------------------------------------------------------------------------------
/src/provider/molecule.tsx:
--------------------------------------------------------------------------------
1 | import React, { useLayoutEffect } from 'react';
2 | import create, { IConfigProps } from './create';
3 |
4 | export default function Provider({
5 | defaultLocale,
6 | extensions,
7 | children,
8 | }: IConfigProps & { children: React.ReactElement }) {
9 | useLayoutEffect(() => {
10 | const instance = create({
11 | defaultLocale,
12 | extensions,
13 | });
14 |
15 | instance.render(children);
16 | }, []);
17 |
18 | return children;
19 | }
20 |
--------------------------------------------------------------------------------
/src/react/__tests__/helper.test.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cloneReactChildren } from 'mo/react';
3 | import { fireEvent, render } from '@testing-library/react';
4 |
5 | describe('Test helper.ts', () => {
6 | test('Clone the React children', () => {
7 | const fn = jest.fn();
8 | const Test = test;
9 |
10 | const newTest = cloneReactChildren(Test, { onClick: fn });
11 |
12 | const { getByTestId } = render(<>{newTest}>);
13 | const span = getByTestId('test');
14 | expect(span).not.toBeNull();
15 | fireEvent.click(span);
16 |
17 | expect(fn).toBeCalled();
18 | });
19 |
20 | test('Clone the invalid React element', () => {
21 | const newTest = cloneReactChildren('abc', {});
22 | expect(newTest).toEqual(['abc']);
23 | });
24 | });
25 |
--------------------------------------------------------------------------------
/src/react/controller.ts:
--------------------------------------------------------------------------------
1 | import { GlobalEvent } from 'mo/common/event';
2 |
3 | export abstract class Controller extends GlobalEvent {
4 | public abstract initView(): void;
5 | }
6 |
--------------------------------------------------------------------------------
/src/react/helper.ts:
--------------------------------------------------------------------------------
1 | import { Children, cloneElement, isValidElement } from 'react';
2 |
3 | /**
4 | * Clone react children props
5 | * @param children React.ReactNode
6 | * @param props Parent props
7 | */
8 | export function cloneReactChildren(
9 | children: React.ReactNode,
10 | props: P
11 | ): React.ReactNode {
12 | return Children.map(children, (child) => {
13 | if (isValidElement(child)) {
14 | return cloneElement(child, props);
15 | }
16 | return child;
17 | });
18 | }
19 |
--------------------------------------------------------------------------------
/src/react/index.ts:
--------------------------------------------------------------------------------
1 | export * from './component';
2 | export * from './helper';
3 | export * from './connector';
4 | export * from './controller';
5 |
--------------------------------------------------------------------------------
/src/services/__tests__/__snapshots__/instanceService.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`The InstanceService Should support render workbench 1`] = `
4 |
5 |
6 | 123
7 |
8 |
9 | `;
10 |
--------------------------------------------------------------------------------
/src/services/__tests__/__snapshots__/settingsService.test.ts.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Test the SettingsService Convert invalid object to JSON string 1`] = `
4 | "SettingsService.toJSONString error: TypeError: Converting circular structure to JSON
5 | --> starting at object with constructor 'Object'
6 | | property 'b' -> object with constructor 'Object'
7 | --- property 'a' closes the circle"
8 | `;
9 |
10 | exports[`Test the SettingsService Normalize a invalid FlatObject 1`] = `"SettingsService.normalizeFlatJSONObject error: SyntaxError: Unexpected token ' in JSON at position 14"`;
11 |
--------------------------------------------------------------------------------
/src/services/baseService.ts:
--------------------------------------------------------------------------------
1 | export abstract class BaseService {}
2 |
--------------------------------------------------------------------------------
/src/services/index.ts:
--------------------------------------------------------------------------------
1 | export type { IExtensionService } from './extensionService';
2 | export * from './theme/colorThemeService';
3 | export * from './workbench';
4 | export * from './settingsService';
5 | export * from './notificationService';
6 | export * from './problemsService';
7 | export * from './builtinService';
8 | export * from './extensionService';
9 |
--------------------------------------------------------------------------------
/src/services/workbench/index.ts:
--------------------------------------------------------------------------------
1 | export * from './activityBarService';
2 | export * from './auxiliaryBarService';
3 | export * from './menuBarService';
4 | export * from './sidebarService';
5 | export * from './editorService';
6 | export * from './statusBarService';
7 | export * from './explorer/explorerService';
8 | export * from './explorer/folderTreeService';
9 | export * from './explorer/editorTreeService';
10 | export * from './searchService';
11 | export * from './panelService';
12 | export * from './layoutService';
13 |
--------------------------------------------------------------------------------
/src/style/animation.scss:
--------------------------------------------------------------------------------
1 | @keyframes fadeIn {
2 | 0% {
3 | opacity: 0;
4 | }
5 |
6 | 100% {
7 | opacity: 1;
8 | }
9 | }
10 |
11 | .fade-in {
12 | animation: fadeIn 0.083s linear;
13 | }
14 |
15 | @keyframes fa-spin {
16 | 0% {
17 | transform: rotate(0deg);
18 | }
19 |
20 | 100% {
21 | transform: rotate(359deg);
22 | }
23 | }
24 |
25 | .codicon-spin {
26 | animation: fa-spin 2s infinite linear;
27 | }
28 |
--------------------------------------------------------------------------------
/src/typings/index.d.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Global flag for development
3 | */
4 | declare let __DEVELOPMENT__: boolean;
5 |
6 | type LiteralUnion = T | (U & {});
7 |
--------------------------------------------------------------------------------
/src/workbench/activityBar/__tests__/__snapshots__/activityBarItem.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`The ActivityBar Item Component match the snapshot 1`] = `
4 |
9 | `;
10 |
--------------------------------------------------------------------------------
/src/workbench/activityBar/base.ts:
--------------------------------------------------------------------------------
1 | import {
2 | getBEMElement,
3 | getBEMModifier,
4 | prefixClaName,
5 | } from 'mo/common/className';
6 | import { ID_ACTIVITY_BAR } from 'mo/common/id';
7 |
8 | export const defaultClassName = prefixClaName(ID_ACTIVITY_BAR);
9 | export const containerClassName = getBEMElement(defaultClassName, 'container');
10 | export const normalItemsClassName = getBEMElement(defaultClassName, 'normal');
11 | export const globalItemsClassName = getBEMElement(defaultClassName, 'global');
12 | export const itemClassName = getBEMElement(defaultClassName, 'item');
13 | export const itemCheckedClassName = getBEMModifier(itemClassName, 'checked');
14 | export const itemDisabledClassName = getBEMModifier(itemClassName, 'disabled');
15 | export const labelClassName = getBEMElement(defaultClassName, 'label');
16 | export const indicatorClassName = getBEMElement(defaultClassName, 'indicator');
17 |
--------------------------------------------------------------------------------
/src/workbench/activityBar/index.tsx:
--------------------------------------------------------------------------------
1 | import 'reflect-metadata';
2 | import { connect } from 'mo/react';
3 | import { ActivityBarController } from 'mo/controller';
4 |
5 | import ActivityBar from './activityBar';
6 | import { container } from 'tsyringe';
7 | import { ActivityBarService } from 'mo/services';
8 | export * from './activityBar';
9 | export { ActivityBarItem } from './activityBarItem';
10 |
11 | const activityBarService = container.resolve(ActivityBarService);
12 | const activityBarController = container.resolve(ActivityBarController);
13 |
14 | export const ActivityBarView = connect(
15 | activityBarService,
16 | ActivityBar,
17 | activityBarController
18 | );
19 |
--------------------------------------------------------------------------------
/src/workbench/auxiliaryBar/__tests__/__snapshots__/auxiliaryBar.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`The Auxiliary Bar Component Should match snapshot 1`] = `
4 |
5 |
8 |
9 | `;
10 |
--------------------------------------------------------------------------------
/src/workbench/auxiliaryBar/__tests__/__snapshots__/auxiliaryBarTab.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`The Auxiliary Bar Tab Component Should match snapshot 1`] = ``;
4 |
5 | exports[`The Auxiliary Bar Tab Component Should match snapshot in tabs mode 1`] = `
6 |
7 |
10 |
11 | `;
12 |
13 | exports[`The Auxiliary Bar Tab Component Should match snapshot with active data 1`] = `
14 |
15 |
24 |
25 | `;
26 |
27 | exports[`The Auxiliary Bar Tab Component Should match snapshot with data 1`] = `
28 |
29 |
38 |
39 | `;
40 |
--------------------------------------------------------------------------------
/src/workbench/auxiliaryBar/__tests__/auxiliaryBar.test.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { render } from '@testing-library/react';
3 | import AuxiliaryBar from '../auxiliaryBar';
4 | import { AuxiliaryModel } from 'mo/model';
5 |
6 | const props = new AuxiliaryModel();
7 |
8 | describe('The Auxiliary Bar Component', () => {
9 | test('Should match snapshot', () => {
10 | expect(
11 | render().asFragment()
12 | ).toMatchSnapshot();
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/src/workbench/auxiliaryBar/auxiliaryBar.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { containerClassName } from './base';
3 | import type { IAuxiliaryBar } from 'mo/model';
4 |
5 | export default function AuxiliaryBar({ children }: IAuxiliaryBar) {
6 | return {children}
;
7 | }
8 |
--------------------------------------------------------------------------------
/src/workbench/auxiliaryBar/auxiliaryBarTab.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { tabActiveClassName, tabClassName, tabsClassName } from './base';
3 | import { classNames } from 'mo/common/className';
4 | import type { IAuxiliaryBar } from 'mo/model';
5 | import type { IAuxiliaryController } from 'mo/controller';
6 |
7 | export default function AuxiliaryBarTab({
8 | mode,
9 | data,
10 | current,
11 | onClick,
12 | }: IAuxiliaryBar & IAuxiliaryController) {
13 | if (mode === 'default') return null;
14 |
15 | return (
16 |
17 | {data?.map((item) => (
18 | - onClick?.(item.key)}
25 | >
26 | {item.title}
27 |
28 | ))}
29 |
30 | );
31 | }
32 |
--------------------------------------------------------------------------------
/src/workbench/auxiliaryBar/base.ts:
--------------------------------------------------------------------------------
1 | import {
2 | getBEMElement,
3 | getBEMModifier,
4 | prefixClaName,
5 | } from 'mo/common/className';
6 |
7 | export const defaultClassName = prefixClaName('auxiliaryBar');
8 | export const containerClassName = getBEMElement(defaultClassName, 'container');
9 |
10 | export const tabsClassName = getBEMElement(defaultClassName, 'tabs');
11 | export const tabClassName = getBEMElement(tabsClassName, 'tab');
12 |
13 | export const tabActiveClassName = getBEMModifier(tabClassName, 'active');
14 |
--------------------------------------------------------------------------------
/src/workbench/auxiliaryBar/index.ts:
--------------------------------------------------------------------------------
1 | import 'reflect-metadata';
2 | import { connect } from 'mo/react';
3 | import { container } from 'tsyringe';
4 | import { AuxiliaryController } from 'mo/controller';
5 | import { AuxiliaryBarService } from 'mo/services';
6 | import { default as AuxiliaryBarView } from './auxiliaryBar';
7 | import { default as AuxiliaryBarTabView } from './auxiliaryBarTab';
8 |
9 | const auxiliaryService = container.resolve(AuxiliaryBarService);
10 | const auxiliaryController = container.resolve(AuxiliaryController);
11 |
12 | const AuxiliaryBar = connect(auxiliaryService, AuxiliaryBarView);
13 |
14 | const AuxiliaryBarTab = connect(
15 | auxiliaryService,
16 | AuxiliaryBarTabView,
17 | auxiliaryController
18 | );
19 |
20 | export { AuxiliaryBar, AuxiliaryBarTab };
21 |
--------------------------------------------------------------------------------
/src/workbench/auxiliaryBar/style.scss:
--------------------------------------------------------------------------------
1 | @import 'mo/style/common';
2 |
3 | $tabs: #{$auxiliaryBar}__tabs;
4 | $container: #{$auxiliaryBar}__container;
5 |
6 | #{$container} {
7 | height: 100%;
8 | user-select: text;
9 | width: 100%;
10 | }
11 |
12 | #{$tabs} {
13 | background: var(--editorGroupHeader-tabsBackground);
14 | margin: 0;
15 | padding: 0;
16 |
17 | &__tab {
18 | border-bottom: 1px solid var(--sideBarSectionHeader-border);
19 | color: var(--tab-inactiveForeground);
20 | cursor: pointer;
21 | letter-spacing: 4px;
22 | list-style: none;
23 | padding: 2px 4px;
24 | writing-mode: vertical-rl;
25 |
26 | &:hover {
27 | background: var(--tab-hoverBackground);
28 | }
29 |
30 | &--active {
31 | background: var(--tab-activeBackground);
32 | color: var(--tab-activeForeground);
33 | }
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/workbench/editor/__tests__/breadcrumb.test.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { render } from '@testing-library/react';
3 | import { groupBreadcrumbClassName } from '../base';
4 | import '@testing-library/jest-dom';
5 |
6 | import Breadcrumb from '../breadcrumb';
7 |
8 | const mockData = new Array(3).fill(1).map((_, index) => ({
9 | id: index.toString(),
10 | name: `name${index}`,
11 | }));
12 | const TEST_ID = 'test-id';
13 |
14 | describe('The Editor Component', () => {
15 | test('match the snapshot', () => {
16 | const { container, getByRole } = render(
17 |
18 | );
19 |
20 | expect(container!.firstElementChild!.classList).toContain(
21 | groupBreadcrumbClassName
22 | );
23 | expect(getByRole('breadcrumb')).toBeInTheDocument();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/workbench/editor/base.ts:
--------------------------------------------------------------------------------
1 | import {
2 | getBEMElement,
3 | getBEMModifier,
4 | prefixClaName,
5 | } from 'mo/common/className';
6 |
7 | export const defaultEditorClassName = prefixClaName('editor');
8 | export const groupClassName = getBEMElement(defaultEditorClassName, 'group');
9 | export const groupContainerClassName = getBEMElement(
10 | defaultEditorClassName,
11 | 'group-container'
12 | );
13 | export const groupHeaderClassName = getBEMElement(
14 | defaultEditorClassName,
15 | 'group-header'
16 | );
17 | export const groupTabsClassName = getBEMElement(
18 | defaultEditorClassName,
19 | 'group-tabs'
20 | );
21 | export const groupActionsClassName = getBEMElement(
22 | defaultEditorClassName,
23 | 'group-actions'
24 | );
25 | export const groupActionsItemClassName = getBEMElement(
26 | defaultEditorClassName,
27 | 'group-actions-item'
28 | );
29 |
30 | export const groupActionItemDisabledClassName = getBEMModifier(
31 | groupActionsItemClassName,
32 | 'disabled'
33 | );
34 |
35 | export const groupBreadcrumbClassName = getBEMElement(
36 | defaultEditorClassName,
37 | 'group-breadcrumb'
38 | );
39 |
--------------------------------------------------------------------------------
/src/workbench/editor/breadcrumb.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { memo } from 'react';
3 | import { groupBreadcrumbClassName } from './base';
4 | import { Breadcrumb, IBreadcrumbItemProps } from 'mo/components/breadcrumb';
5 |
6 | export interface IEditorBreadcrumbProps {
7 | breadcrumbs?: IBreadcrumbItemProps[];
8 | }
9 |
10 | function EditorBreadcrumb(props: IEditorBreadcrumbProps) {
11 | const { breadcrumbs = [] } = props;
12 | return (
13 |
14 |
15 |
16 | );
17 | }
18 |
19 | export default memo(EditorBreadcrumb);
20 |
--------------------------------------------------------------------------------
/src/workbench/editor/index.tsx:
--------------------------------------------------------------------------------
1 | import 'reflect-metadata';
2 | import { connect } from 'mo/react';
3 | import { container } from 'tsyringe';
4 | import { EditorController } from 'mo/controller/editor';
5 | import { Editor } from './editor';
6 | import { EditorService, LayoutService } from 'mo/services';
7 |
8 | const editorService = container.resolve(EditorService);
9 | const layoutService = container.resolve(LayoutService);
10 | import { EditorStatusBarView } from './statusBarView';
11 |
12 | const editorController = container.resolve(EditorController);
13 |
14 | const EditorView = connect(
15 | { editor: editorService, layout: layoutService },
16 | Editor,
17 | editorController
18 | );
19 |
20 | export { Editor, EditorStatusBarView, EditorView };
21 |
--------------------------------------------------------------------------------
/src/workbench/editor/statusBarView/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { memo } from 'react';
2 | import { IStatusBarItem } from 'mo/model/workbench/statusBar';
3 |
4 | export function EditorStatusBarView(props: IStatusBarItem) {
5 | const { data = { ln: 0, col: 0 } } = props;
6 | return {`Ln ${data.ln}, Col ${data.col}`};
7 | }
8 | export default memo(EditorStatusBarView);
9 |
--------------------------------------------------------------------------------
/src/workbench/editor/welcome/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Logo from './logo';
3 | import { prefixClaName } from 'mo/common/className';
4 | import { useGetKeys } from './hooks';
5 |
6 | export default function Welcome() {
7 | const keys = useGetKeys();
8 |
9 | return (
10 |
11 |
12 |
Molecule
13 |
14 |
15 | {keys.map((item) => {
16 | return (
17 | -
18 | {item.name}
19 |
20 | {item.keybindings.split('').join(' ')}
21 |
22 |
23 | );
24 | })}
25 |
26 |
27 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/src/workbench/menuBar/index.tsx:
--------------------------------------------------------------------------------
1 | import 'reflect-metadata';
2 | import { connect } from 'mo/react';
3 |
4 | import MenuBar from './menuBar';
5 | import { MenuBarService } from 'mo/services';
6 | import { container } from 'tsyringe';
7 | import { MenuBarController } from 'mo/controller/menuBar';
8 |
9 | const menuBarService = container.resolve(MenuBarService);
10 | const menuBarController = container.resolve(MenuBarController);
11 |
12 | const MenuBarView = connect(menuBarService, MenuBar, menuBarController);
13 |
14 | export { MenuBar, MenuBarView };
15 |
--------------------------------------------------------------------------------
/src/workbench/notification/__tests__/__snapshots__/notificationPane.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Test NotificationPane Component Match The NotificationPane snapshot 1`] = `
4 |
12 |
15 |
16 | Notifications
17 |
18 |
25 |
26 |
39 |
40 | `;
41 |
--------------------------------------------------------------------------------
/src/workbench/notification/__tests__/__snapshots__/statusBarView.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Test Notification StatusBar View Component Match The NotificationStatusBarView snapshot 1`] = `
4 |
7 | `;
8 |
--------------------------------------------------------------------------------
/src/workbench/notification/index.tsx:
--------------------------------------------------------------------------------
1 | import NotificationPane from './notificationPane';
2 | import NotificationStatusBarView from './statusBarView';
3 |
4 | export { NotificationPane, NotificationStatusBarView };
5 |
--------------------------------------------------------------------------------
/src/workbench/notification/statusBarView/style.scss:
--------------------------------------------------------------------------------
1 | @import 'mo/style/common';
2 |
3 | #{$bell} {
4 | height: 100%;
5 | position: relative;
6 |
7 | &::before {
8 | vertical-align: sub;
9 | }
10 |
11 | &--active {
12 | &::after {
13 | border: 5px solid;
14 | border-color: transparent transparent var(--statusBar-background);
15 | content: '';
16 | height: 0;
17 | left: 2px;
18 | position: absolute;
19 | top: -10px;
20 | width: 0;
21 | }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/workbench/panel/__tests__/__snapshots__/output.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Test Output Component Match the Output snapshot 1`] = `
4 |
19 | `;
20 |
--------------------------------------------------------------------------------
/src/workbench/panel/__tests__/output.test.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import renderer from 'react-test-renderer';
3 | import '@testing-library/jest-dom';
4 |
5 | import Output from '../output';
6 |
7 | describe('Test Output Component', () => {
8 | test('Match the Output snapshot', () => {
9 | const component = renderer.create();
10 | expect(component.toJSON()).toMatchSnapshot();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/src/workbench/panel/index.tsx:
--------------------------------------------------------------------------------
1 | import 'reflect-metadata';
2 | import { container } from 'tsyringe';
3 | import { connect } from 'mo/react';
4 | import { IPanelService, PanelService } from 'mo/services';
5 | import Panel from './panel';
6 | import { PanelController } from 'mo/controller/panel';
7 |
8 | const panelService = container.resolve(PanelService);
9 | const panelController = container.resolve(PanelController);
10 |
11 | const PanelView = connect(panelService, Panel, panelController);
12 |
13 | export { PanelView };
14 |
--------------------------------------------------------------------------------
/src/workbench/panel/output.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { prefixClaName } from 'mo/common/className';
3 | import { IOutput } from 'mo/model/workbench/panel';
4 | import { MonacoEditor } from 'mo/components/monaco';
5 |
6 | const defaultClassName = prefixClaName('output');
7 |
8 | function Output(props: IOutput) {
9 | const { id, data = '', onUpdateEditorIns } = props;
10 |
11 | return (
12 |
13 | {
26 | onUpdateEditorIns?.(editorInstance);
27 | }}
28 | />
29 |
30 | );
31 | }
32 |
33 | export default Output;
34 |
--------------------------------------------------------------------------------
/src/workbench/problems/__tests__/__snapshots__/statusBarView.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`The StatusBarView Component Match Snapshot 1`] = `
4 | Array [
5 | ,
8 | " 10 ",
9 | ,
12 | " 20 ",
13 | ,
16 | " 30",
17 | ]
18 | `;
19 |
20 | exports[`The StatusBarView Component Match Snapshot with defualt value 1`] = `
21 | Array [
22 | ,
25 | " 0 ",
26 | ,
29 | " 0 ",
30 | ,
33 | " 0",
34 | ]
35 | `;
36 |
--------------------------------------------------------------------------------
/src/workbench/problems/__tests__/statusBarView.test.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cleanup } from '@testing-library/react';
3 | import { create } from 'react-test-renderer';
4 | import { ProblemsStatusBarView } from '..';
5 |
6 | const mockProStatus = {
7 | errors: 10,
8 | warnings: 20,
9 | infos: 30,
10 | };
11 |
12 | describe('The StatusBarView Component', () => {
13 | afterEach(cleanup);
14 |
15 | test('Match Snapshot', () => {
16 | const component = create(
17 |
18 | );
19 | expect(component.toJSON()).toMatchSnapshot();
20 | });
21 |
22 | test('Match Snapshot with defualt value', () => {
23 | const component = create();
24 | expect(component.toJSON()).toMatchSnapshot();
25 | });
26 | });
27 |
--------------------------------------------------------------------------------
/src/workbench/problems/index.tsx:
--------------------------------------------------------------------------------
1 | import ProblemsStatusBarView from './statusBarView';
2 | import ProblemsPaneView from './paneView';
3 |
4 | export { ProblemsStatusBarView, ProblemsPaneView };
5 |
--------------------------------------------------------------------------------
/src/workbench/problems/statusBarView/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Icon } from 'mo/components/icon';
3 | import { IStatusBarItem } from 'mo/model/workbench/statusBar';
4 |
5 | export function ProblemsStatusBarView(props: IStatusBarItem) {
6 | const { data = { errors: 0, warnings: 0, infos: 0 } } = props;
7 | return (
8 | <>
9 |
10 | {` ${data.errors} `}
11 |
12 | {` ${data.warnings} `}
13 |
14 | {` ${data.infos}`}
15 | >
16 | );
17 | }
18 | export default React.memo(ProblemsStatusBarView);
19 |
--------------------------------------------------------------------------------
/src/workbench/settings/index.tsx:
--------------------------------------------------------------------------------
1 | export * from './settings';
2 |
--------------------------------------------------------------------------------
/src/workbench/settings/settings.tsx:
--------------------------------------------------------------------------------
1 | import React, { memo } from 'react';
2 |
3 | import { prefixClaName } from 'mo/common/className';
4 |
5 | const defaultClassName = prefixClaName('settings');
6 |
7 | export function Settings() {
8 | return Settings
;
9 | }
10 |
11 | export default memo(Settings);
12 |
--------------------------------------------------------------------------------
/src/workbench/settings/style.scss:
--------------------------------------------------------------------------------
1 | @import 'mo/style/common';
2 |
3 | #{$settings} {
4 | align-items: center;
5 | bottom: 26px;
6 | color: var(--foreground);
7 | cursor: pointer;
8 | display: flex;
9 | height: 48px;
10 | justify-content: center;
11 | left: 0;
12 | position: absolute;
13 | width: 48px;
14 | z-index: 2;
15 |
16 | &__action {
17 | &.codicon {
18 | font-size: 24px;
19 | }
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/workbench/sidebar/explore/index.tsx:
--------------------------------------------------------------------------------
1 | import 'reflect-metadata';
2 | import { connect } from 'mo/react';
3 | import { container } from 'tsyringe';
4 | import { FolderTreeService } from 'mo/services';
5 | import { Explorer } from './explore';
6 | import FolderTree from './folderTree';
7 | import { FolderTreeController } from 'mo/controller/explorer/folderTree';
8 | import { EditorTree } from './editorTree';
9 |
10 | const folderTreeService = container.resolve(FolderTreeService);
11 | const folderTreeController = container.resolve(FolderTreeController);
12 |
13 | const FolderTreeView = connect(
14 | folderTreeService,
15 | FolderTree,
16 | folderTreeController
17 | );
18 |
19 | export { Explorer, FolderTreeView, FolderTree, EditorTree };
20 |
--------------------------------------------------------------------------------
/src/workbench/sidebar/index.tsx:
--------------------------------------------------------------------------------
1 | import 'reflect-metadata';
2 | export * from './sidebar';
3 | import { Sidebar } from './sidebar';
4 | import { connect } from 'mo/react';
5 | import { SidebarService } from 'mo/services';
6 | import { container } from 'tsyringe';
7 | import { SidebarController } from 'mo/controller/sidebar';
8 |
9 | const sidebarService = container.resolve(SidebarService);
10 | const sidebarController = container.resolve(SidebarController);
11 |
12 | export const SidebarView = connect(sidebarService, Sidebar, sidebarController);
13 |
--------------------------------------------------------------------------------
/src/workbench/sidebar/search/base.ts:
--------------------------------------------------------------------------------
1 | import {
2 | getBEMElement,
3 | getBEMModifier,
4 | prefixClaName,
5 | } from 'mo/common/className';
6 |
7 | const emptyTextValueClassName = getBEMModifier(
8 | getBEMElement(prefixClaName('search'), 'treeNode'),
9 | 'empty'
10 | );
11 |
12 | const matchSearchValueClassName = getBEMModifier(
13 | getBEMElement(prefixClaName('search'), 'treeNode'),
14 | 'match'
15 | );
16 |
17 | const deleteSearchValueClassName = getBEMModifier(
18 | getBEMElement(prefixClaName('search'), 'treeNode'),
19 | 'delete'
20 | );
21 |
22 | const replaceSearchValueClassName = getBEMModifier(
23 | getBEMElement(prefixClaName('search'), 'treeNode'),
24 | 'replace'
25 | );
26 |
27 | const treeContentClassName = getBEMElement(prefixClaName('search'), 'tree');
28 |
29 | export {
30 | matchSearchValueClassName,
31 | emptyTextValueClassName,
32 | deleteSearchValueClassName,
33 | replaceSearchValueClassName,
34 | treeContentClassName,
35 | };
36 |
--------------------------------------------------------------------------------
/src/workbench/sidebar/search/index.tsx:
--------------------------------------------------------------------------------
1 | import SearchPanel from './searchPanel';
2 | export { SearchPanel };
3 |
--------------------------------------------------------------------------------
/src/workbench/sidebar/search/searchTree.tsx:
--------------------------------------------------------------------------------
1 | import React, { memo } from 'react';
2 | import Tree, { ITreeProps } from 'mo/components/tree';
3 | import { treeContentClassName } from './base';
4 |
5 | export interface SearchTreeProps extends ITreeProps {}
6 |
7 | const SearchTree = (props: SearchTreeProps) => {
8 | const { data = [], onSelect, renderTitle } = props;
9 |
10 | return (
11 | e.preventDefault()}
18 | />
19 | );
20 | };
21 | export default memo(SearchTree);
22 |
--------------------------------------------------------------------------------
/src/workbench/statusBar/__tests__/__snapshots__/status.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`The StatusBar Component Match Snapshot 1`] = `
4 |
41 | `;
42 |
--------------------------------------------------------------------------------
/src/workbench/statusBar/__tests__/__snapshots__/statusItem.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`The StatusBar Item Component Match Snapshot 1`] = `
4 |
16 | `;
17 |
--------------------------------------------------------------------------------
/src/workbench/statusBar/base.ts:
--------------------------------------------------------------------------------
1 | import { getBEMElement, prefixClaName } from 'mo/common/className';
2 | import { IStatusBarItem } from 'mo/model';
3 |
4 | export const statusBarClassName = prefixClaName('statusBar');
5 | export const leftItemsClassName = getBEMElement(
6 | statusBarClassName,
7 | 'left-items'
8 | );
9 | export const rightItemsClassName = getBEMElement(
10 | statusBarClassName,
11 | 'right-items'
12 | );
13 | export const itemClassName = getBEMElement(statusBarClassName, 'item');
14 |
15 | export function sortByIndex(a: IStatusBarItem, b: IStatusBarItem) {
16 | return a.sortIndex !== undefined && b.sortIndex !== undefined
17 | ? a.sortIndex - b.sortIndex
18 | : 0;
19 | }
20 |
--------------------------------------------------------------------------------
/src/workbench/statusBar/index.tsx:
--------------------------------------------------------------------------------
1 | import 'reflect-metadata';
2 | import { container } from 'tsyringe';
3 | import { connect } from 'mo/react';
4 | import { StatusBar } from './statusBar';
5 | import { StatusBarService } from 'mo/services';
6 | import { StatusBarController } from 'mo/controller/statusBar';
7 |
8 | export * from './statusBar';
9 | export * from './item';
10 |
11 | const statusBarService = container.resolve(StatusBarService);
12 | const statusBarController = container.resolve(StatusBarController);
13 |
14 | export const StatusBarView = connect(
15 | statusBarService,
16 | StatusBar,
17 | statusBarController
18 | );
19 |
--------------------------------------------------------------------------------
/stories/0-Welcome.stories.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { linkTo } from '@storybook/addon-links';
3 | import { Welcome } from '@storybook/react/demo';
4 |
5 | export default {
6 | title: 'Welcome',
7 | component: Welcome,
8 | } as any;
9 |
10 | export const ToStorybook = () => ;
11 |
12 | ToStorybook.story = {
13 | name: 'to Storybook',
14 | };
15 |
--------------------------------------------------------------------------------
/stories/common/propsTable/style.scss:
--------------------------------------------------------------------------------
1 | table {
2 | border-collapse: collapse;
3 | font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier,
4 | monospace;
5 | margin: 0 auto;
6 | text-align: center;
7 | }
8 |
9 | table td,
10 | table th {
11 | border: 1px solid #ccc;
12 | color: #666;
13 | height: 30px;
14 | }
15 |
16 | table thead th {
17 | background-color: #f7f7f7;
18 | width: 100px;
19 | }
20 |
21 | table tbody {
22 | td:first-child {
23 | font-weight: bold;
24 | }
25 |
26 | td:nth-child(3) {
27 | color: #c41d7f;
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/stories/components/5-Monaco.stories.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { MonacoEditor } from 'mo/components/monaco';
4 |
5 | import '../demo.scss';
6 |
7 | export const MonacoDemo = () => (
8 |
9 |
15 |
16 | );
17 |
18 | MonacoDemo.story = {
19 | name: 'Monaco Editor',
20 | };
21 |
22 | export default {
23 | title: 'Monaco Editor',
24 | component: MonacoDemo,
25 | };
26 |
--------------------------------------------------------------------------------
/stories/demo.scss:
--------------------------------------------------------------------------------
1 | $prefix-cls: 'summary-story';
2 |
3 | .story-wrapper {
4 | font-size: 14px;
5 | padding: 0 40px;
6 | }
7 |
8 | .story-text-mark {
9 | mark {
10 | background: #ff0;
11 | padding: 0;
12 | }
13 | }
14 |
15 | .#{$prefix-cls} {
16 | h1 {
17 | span {
18 | font-size: 35px;
19 | }
20 |
21 | a {
22 | color: #444;
23 | margin-left: 15px;
24 | }
25 | }
26 | p.#{$prefix-cls}_version {
27 | color: #31c27c;
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/stories/extensions/extend-panel/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { IExtensionService } from 'mo/services';
3 | import { IExtension } from 'mo/model';
4 | import molecule from 'mo';
5 |
6 | import { Pane } from './pane';
7 | import { MenuBarMode } from 'mo/model/workbench/layout';
8 |
9 | export const ExtendPanel: IExtension = {
10 | id: 'ExtendsProblems',
11 | name: 'Extends Problems',
12 | activate(extensionCtx: IExtensionService) {
13 | molecule.panel.add({
14 | id: 'TestPanel',
15 | name: 'Test Panel',
16 | renderPane: () => ,
17 | });
18 |
19 | molecule.editorTree.onLayout(() => {
20 | molecule.layout.setEditorGroupDirection((pre) =>
21 | pre === MenuBarMode.horizontal
22 | ? MenuBarMode.vertical
23 | : MenuBarMode.horizontal
24 | );
25 | });
26 | },
27 | dispose() {
28 | molecule.problems.remove(1);
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/stories/extensions/extend-panel/pane.tsx:
--------------------------------------------------------------------------------
1 | import molecule from 'mo';
2 | import { IEditor } from 'mo/model';
3 | import { connect } from 'mo/react';
4 | import React from 'react';
5 |
6 | export const Pane = connect(molecule.editor, function ({ current }: IEditor) {
7 | const value: string = current?.tab?.data?.value || '!!!';
8 | return Editor Input: {value}
;
9 | });
10 |
--------------------------------------------------------------------------------
/stories/extensions/index.ts:
--------------------------------------------------------------------------------
1 | import { IExtension } from 'mo/model/extension';
2 | import { ExtendsDataSync } from './data-sync';
3 | import { ExtendsProblems } from './problems';
4 | import { ExtendsLocalesPlus } from './locales-plus';
5 |
6 | import { ExtendsTestPane } from './test';
7 |
8 | import { ExtendPanel } from './extend-panel';
9 |
10 | export const customExtensions: IExtension[] = [
11 | ExtendsDataSync,
12 | ExtendsTestPane,
13 | ExtendsProblems,
14 | ExtendPanel,
15 | ExtendsLocalesPlus,
16 | ];
17 |
--------------------------------------------------------------------------------
/stories/extensions/locales-plus/index.tsx:
--------------------------------------------------------------------------------
1 | import { IExtension, IContributeType } from 'mo/model/extension';
2 |
3 | const jp = require('./locale/jp.json');
4 | const languagePacks = [jp];
5 |
6 | export const ExtendsLocalesPlus: IExtension = {
7 | id: 'LocalesPlus',
8 | name: 'Locales Plus',
9 | contributes: {
10 | [IContributeType.Languages]: languagePacks,
11 | },
12 | activate() {},
13 | dispose() {},
14 | };
15 |
--------------------------------------------------------------------------------
/stories/extensions/locales-plus/locale/jp.json:
--------------------------------------------------------------------------------
1 | {
2 | "id": "japanese",
3 | "name": "日本語",
4 | "inherit": "zh-CN",
5 | "source": {
6 | "sidebar.explore.title": "ブラウジングテスト",
7 | "test.id": "测试 Locale",
8 | "menu.open": "開く",
9 | "menu.file": "ファイル",
10 | "panel.problems.title": "+++---"
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/test/example.test.ts:
--------------------------------------------------------------------------------
1 | describe('Test example', () => {
2 | test('Test addBar function', () => {
3 | expect(1 + 1).toEqual(2);
4 | });
5 | });
6 |
--------------------------------------------------------------------------------
/tsconfig.build.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.base.json",
3 | "compilerOptions": {
4 | "outDir": "esm",
5 | "module": "es6",
6 | "target": "es6",
7 | "declaration": true,
8 | "preserveConstEnums": true,
9 | "sourceMap": false,
10 | "rootDirs": ["src"]
11 | },
12 | "include": ["src/**/*"],
13 | "exclude": ["src/**/__tests__/*", "stories/**/*", "test/**/*"]
14 | }
15 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.base.json",
3 | "compilerOptions": {
4 | "outDir": "esm",
5 | "rootDirs": ["src", "stories"]
6 | },
7 | "include": ["src/**/*", "test/**/*", "stories/**/*"]
8 | }
9 |
--------------------------------------------------------------------------------
/website/README.md:
--------------------------------------------------------------------------------
1 | # Website
2 |
3 | This website is built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator.
4 |
5 | ### Installation
6 |
7 | ```
8 | $ yarn
9 | ```
10 |
11 | ### Local Development
12 |
13 | ```
14 | $ yarn start
15 | ```
16 |
17 | This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
18 |
19 | ### Build
20 |
21 | ```
22 | $ yarn build
23 | ```
24 |
25 | This command generates static content into the `build` directory and can be served using any static contents hosting service.
26 |
27 | ### Deployment
28 |
29 | ```
30 | $ GIT_USER= USE_SSH=true yarn deploy
31 | ```
32 |
33 | If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
34 |
35 | ### release
36 |
--------------------------------------------------------------------------------
/website/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
3 | };
4 |
--------------------------------------------------------------------------------
/website/docs/examples/index.md:
--------------------------------------------------------------------------------
1 | # Examples
2 |
--------------------------------------------------------------------------------
/website/i18n/zh-CN/code.json:
--------------------------------------------------------------------------------
1 | {
2 | "page.quickStart": {
3 | "message": "快速开始",
4 | "description": "快速上手 Molecule"
5 | },
6 | "page.preview": {
7 | "message": "预览",
8 | "description": "在线预览 Molecule 示例"
9 | },
10 | "page.tagline": {
11 | "message": "一个轻量级的 Web IDE UI 框架",
12 | "description": "一个轻量级的 Web IDE UI 框架"
13 | },
14 | "page.hero.first": {
15 | "message": "开箱即用"
16 | },
17 | "page.hero.first.desc": {
18 | "message": "Molecule 内置了多种组件以及 Service 以供用户自由组合使用,通过事件订阅机制轻松实现各种复杂交互,满足大量 IDE 场景的使用。"
19 | },
20 | "page.hero.second": {
21 | "message": "可扩展的"
22 | },
23 | "page.hero.second.desc": {
24 | "message": "Molecule 支持通过插件(Extension)的形式,丰富自身功能,同时支持部分 VSCode 的扩展应用。"
25 | },
26 | "page.hero.third": {
27 | "message": "基于 React"
28 | },
29 | "page.hero.third.desc": {
30 | "message": "Molecule 是基于 React 框架开发的,符合 MVC 模型的 UI 框架。它只会导出 ES 模块以供 React 项目使用。"
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/website/i18n/zh-CN/docusaurus-plugin-content-docs/current.json:
--------------------------------------------------------------------------------
1 | {
2 | "sidebar.docs.category.Quick Start": {
3 | "message": "快速开始",
4 | "description": "快速上手 Molecule"
5 | },
6 | "sidebar.docs.category.Guides": {
7 | "message": "指南",
8 | "description": "指南 Molecule"
9 | },
10 | "sidebar.docs.category.Advanced Guides": {
11 | "message": "高级指南",
12 | "description": "高级指南"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/website/i18n/zh-CN/docusaurus-plugin-content-docs/current/advanced/customize-builtin.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 自定义内置数据
3 | sidebar_label: 自定义内置数据
4 | ---
5 |
6 | # 内置服务(BuiltinService)
7 |
8 | 如上所示,在 Molecule 中有需要内置的命令和方法。但是如果用户不想要某个功能,那么他/她应该如何去禁用这个功能呢?
9 |
10 | 答案是通过 `builtin` 服务。Molecule 将所有的内置命令和方法都搜集入 `builtin` 服务,然后将其分发到其他的服务中去注册。
11 |
12 | 所以,如果你想要禁用某一个内置的命令或功能,只需要使用 `builtin` 服务。更多关于如何使用 `builtin` 服务的信息,请参考[扩展内置](extends-builtin)。
13 |
--------------------------------------------------------------------------------
/website/i18n/zh-CN/docusaurus-plugin-content-docs/version-0.9.0-beta.2/advanced/customize-builtin.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 自定义内置数据
3 | sidebar_label: 自定义内置数据
4 | ---
5 |
6 | # 内置服务(BuiltinService)
7 |
8 | 如上所示,在 Molecule 中有需要内置的命令和方法。但是如果用户不想要某个功能,那么他/她应该如何去禁用这个功能呢?
9 |
10 | 答案是通过 `builtin` 服务。Molecule 将所有的内置命令和方法都搜集入 `builtin` 服务,然后将其分发到其他的服务中去注册。
11 |
12 | 所以,如果你想要禁用某一个内置的命令或功能,只需要使用 `builtin` 服务。更多关于如何使用 `builtin` 服务的信息,请参考[扩展内置](extends-builtin)。
13 |
--------------------------------------------------------------------------------
/website/i18n/zh-CN/docusaurus-plugin-content-docs/version-1.x/advanced/customize-builtin.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 自定义内置数据
3 | sidebar_label: 自定义内置数据
4 | ---
5 |
6 | # 内置服务(BuiltinService)
7 |
8 | 如上所示,在 Molecule 中有需要内置的命令和方法。但是如果用户不想要某个功能,那么他/她应该如何去禁用这个功能呢?
9 |
10 | 答案是通过 `builtin` 服务。Molecule 将所有的内置命令和方法都搜集入 `builtin` 服务,然后将其分发到其他的服务中去注册。
11 |
12 | 所以,如果你想要禁用某一个内置的命令或功能,只需要使用 `builtin` 服务。更多关于如何使用 `builtin` 服务的信息,请参考[扩展内置](extends-builtin)。
13 |
--------------------------------------------------------------------------------
/website/i18n/zh-CN/docusaurus-plugin-content-pages/case/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ShowCase from '../../../../src/components/ShowCase';
3 |
4 | export default function Case() {
5 | return ;
6 | }
7 |
--------------------------------------------------------------------------------
/website/i18n/zh-CN/docusaurus-theme-classic/footer.json:
--------------------------------------------------------------------------------
1 | {
2 | "title.Docs": {
3 | "message": "文档",
4 | "description": "开发文档"
5 | },
6 | "item.label.Quick Start": {
7 | "message": "快速开始",
8 | "description": "快速开始"
9 | },
10 | "item.label.Guides": {
11 | "message": "开发指南",
12 | "description": "开发指南"
13 | },
14 | "item.label.Help us translate": {
15 | "message": "帮助我们翻译",
16 | "description": "帮助我们一起翻译"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/website/i18n/zh-CN/docusaurus-theme-classic/navbar.json:
--------------------------------------------------------------------------------
1 | {
2 | "item.label.Docs": {
3 | "message": "文档",
4 | "description": "开发文档"
5 | },
6 | "item.label.Showcase": {
7 | "message": "案例",
8 | "description": "在线案例"
9 | },
10 | "item.label.Help": {
11 | "message": "帮助",
12 | "description": "提问和帮助"
13 | },
14 | "item.label.Help us translate": {
15 | "message": "帮助我们翻译",
16 | "description": "帮助我们一起翻译"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/website/src/components/HomepageFeatures.module.css:
--------------------------------------------------------------------------------
1 | .features {
2 | display: flex;
3 | align-items: center;
4 | padding: 2rem 0;
5 | width: 100%;
6 | }
7 |
8 | .featureSvg {
9 | height: 120px;
10 | width: 120px;
11 | }
12 |
--------------------------------------------------------------------------------
/website/src/css/custom.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Any CSS included here will be global. The classic template
3 | * bundles Infima by default. Infima is a CSS framework designed to
4 | * work well for content-centric websites.
5 | */
6 |
7 | /* You can override the default Infima variables here. */
8 | :root {
9 | --ifm-color-primary: #006ef6;
10 | --ifm-color-primary-dark: rgb(33, 175, 144);
11 | --ifm-color-primary-darker: rgb(31, 165, 136);
12 | --ifm-color-primary-darkest: rgb(26, 136, 112);
13 | --ifm-color-primary-light: rgb(70, 203, 174);
14 | --ifm-color-primary-lighter: rgb(102, 212, 189);
15 | --ifm-color-primary-lightest: rgb(146, 224, 208);
16 | --ifm-code-font-size: 95%;
17 | }
18 |
19 | html[data-theme='dark'] {
20 | --ifm-heading-color: #fff;
21 | --ifm-font-color-base-inverse: #fff;
22 | }
23 |
24 | .docusaurus-highlight-code-line {
25 | background-color: rgba(0, 0, 0, 0.1);
26 | display: block;
27 | margin: 0 calc(-1 * var(--ifm-pre-padding));
28 | padding: 0 var(--ifm-pre-padding);
29 | }
30 |
31 | html[data-theme='dark'] .docusaurus-highlight-code-line {
32 | background-color: rgba(0, 0, 0, 0.3);
33 | }
34 |
--------------------------------------------------------------------------------
/website/src/pages/case/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ShowCase from '../../components/ShowCase';
3 |
4 | export default function Case() {
5 | return ;
6 | }
7 |
--------------------------------------------------------------------------------
/website/src/pages/index.module.css:
--------------------------------------------------------------------------------
1 | /**
2 | * CSS files with the .module.css suffix will be treated as CSS modules
3 | * and scoped locally.
4 | */
5 |
6 | .heroBanner {
7 | overflow: hidden;
8 | padding: 4rem 0;
9 | position: relative;
10 | text-align: center;
11 |
12 | background: linear-gradient(to bottom right, #00c5f8, #0065f6);
13 | }
14 |
15 | html[data-theme='dark'] .heroBanner {
16 | background: linear-gradient(to bottom right, #0058a5, #00437b);
17 | }
18 |
19 | @media screen and (max-width: 966px) {
20 | .heroBanner {
21 | padding: 2rem;
22 | }
23 | }
24 |
25 | .hero__buttons {
26 | align-items: center;
27 | display: flex;
28 | justify-content: center;
29 | }
30 |
31 | .buttons {
32 | align-items: center;
33 | display: flex;
34 | justify-content: center;
35 | }
36 |
--------------------------------------------------------------------------------
/website/src/pages/markdown-page.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Markdown page example
3 | ---
4 |
5 | # Markdown page example
6 |
7 | You don't need React to write simple standalone pages.
8 |
--------------------------------------------------------------------------------
/website/static/.nojekyll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/.nojekyll
--------------------------------------------------------------------------------
/website/static/img/advanced/custom-workbench.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/advanced/custom-workbench.png
--------------------------------------------------------------------------------
/website/static/img/docusaurus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/docusaurus.png
--------------------------------------------------------------------------------
/website/static/img/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/favicon.ico
--------------------------------------------------------------------------------
/website/static/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/favicon.png
--------------------------------------------------------------------------------
/website/static/img/guides/builtin-ui.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/builtin-ui.png
--------------------------------------------------------------------------------
/website/static/img/guides/colorThemePalette.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/colorThemePalette.jpg
--------------------------------------------------------------------------------
/website/static/img/guides/custom-workbench.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/custom-workbench.png
--------------------------------------------------------------------------------
/website/static/img/guides/extend-language.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/extend-language.png
--------------------------------------------------------------------------------
/website/static/img/guides/extend-language2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/extend-language2.png
--------------------------------------------------------------------------------
/website/static/img/guides/extend-quickAccess-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/extend-quickAccess-1.png
--------------------------------------------------------------------------------
/website/static/img/guides/extend-quickAccess.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/extend-quickAccess.png
--------------------------------------------------------------------------------
/website/static/img/guides/extend-settings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/extend-settings.png
--------------------------------------------------------------------------------
/website/static/img/guides/extend-workbench.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/extend-workbench.png
--------------------------------------------------------------------------------
/website/static/img/guides/quick-access.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/quick-access.jpg
--------------------------------------------------------------------------------
/website/static/img/guides/workbench-ui.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/guides/workbench-ui.png
--------------------------------------------------------------------------------
/website/static/img/logo@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/logo@1x.png
--------------------------------------------------------------------------------
/website/static/img/logo@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/logo@2x.png
--------------------------------------------------------------------------------
/website/static/img/logo@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/logo@3x.png
--------------------------------------------------------------------------------
/website/static/img/molecule.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/molecule.png
--------------------------------------------------------------------------------
/website/static/img/qrcode-chat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/qrcode-chat.jpg
--------------------------------------------------------------------------------
/website/static/img/the-first-extension.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/the-first-extension.png
--------------------------------------------------------------------------------
/website/static/img/tutorial/docsVersionDropdown.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/tutorial/docsVersionDropdown.png
--------------------------------------------------------------------------------
/website/static/img/tutorial/localeDropdown.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DTStack/molecule/69e4f3bc8b6f2028571d92e76ee49ba3eb88ba94/website/static/img/tutorial/localeDropdown.png
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'API'
2 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/classes/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'Classes'
2 | position: 3
3 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/classes/molecule.model.EditorTree.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.EditorTree'
3 | title: 'Class: EditorTree'
4 | sidebar_label: 'EditorTree'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).EditorTree
9 |
10 | ## Constructors
11 |
12 | ### constructor
13 |
14 | • **new EditorTree**()
15 |
16 | #### Defined in
17 |
18 | [src/model/workbench/explorer/editorTree.ts:14](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/editorTree.ts#L14)
19 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/classes/molecule.monaco.Action2.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.monaco.Action2'
3 | title: 'Class: Action2'
4 | sidebar_label: 'Action2'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[monaco](../namespaces/molecule.monaco).Action2
9 |
10 | ## Constructors
11 |
12 | ### constructor
13 |
14 | • **new Action2**(`desc`)
15 |
16 | #### Parameters
17 |
18 | | Name | Type |
19 | | :----- | :-------------------- |
20 | | `desc` | `Readonly`<`Object`\> |
21 |
22 | #### Defined in
23 |
24 | [src/monaco/common.ts:45](https://github.com/DTStack/molecule/blob/b5324fcf/src/monaco/common.ts#L45)
25 |
26 | ## Properties
27 |
28 | ### desc
29 |
30 | • `Readonly` **desc**: `Readonly`<`Object`\>
31 |
32 | ## Methods
33 |
34 | ### run
35 |
36 | ▸ `Abstract` **run**(`accessor`, ...`args`): `any`
37 |
38 | #### Parameters
39 |
40 | | Name | Type |
41 | | :--------- | :------ |
42 | | `accessor` | `any` |
43 | | `...args` | `any`[] |
44 |
45 | #### Returns
46 |
47 | `any`
48 |
49 | #### Defined in
50 |
51 | [src/monaco/common.ts:54](https://github.com/DTStack/molecule/blob/b5324fcf/src/monaco/common.ts#L54)
52 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'Enumerations'
2 | position: 2
3 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.component.MenuMode.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.MenuMode'
3 | title: 'Enumeration: MenuMode'
4 | sidebar_label: 'MenuMode'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).MenuMode
9 |
10 | ## Enumeration members
11 |
12 | ### Horizontal
13 |
14 | • **Horizontal** = `"horizontal"`
15 |
16 | #### Defined in
17 |
18 | [src/components/menu/subMenu.tsx:20](https://github.com/DTStack/molecule/blob/b5324fcf/src/components/menu/subMenu.tsx#L20)
19 |
20 | ---
21 |
22 | ### Vertical
23 |
24 | • **Vertical** = `"vertical"`
25 |
26 | #### Defined in
27 |
28 | [src/components/menu/subMenu.tsx:19](https://github.com/DTStack/molecule/blob/b5324fcf/src/components/menu/subMenu.tsx#L19)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.ColorScheme.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ColorScheme'
3 | title: 'Enumeration: ColorScheme'
4 | sidebar_label: 'ColorScheme'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ColorScheme
9 |
10 | Color scheme used by the OS and by color themes.
11 |
12 | ## Enumeration members
13 |
14 | ### DARK
15 |
16 | • **DARK** = `"dark"`
17 |
18 | #### Defined in
19 |
20 | [src/model/colorTheme.ts:14](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/colorTheme.ts#L14)
21 |
22 | ---
23 |
24 | ### HIGH_CONTRAST
25 |
26 | • **HIGH_CONTRAST** = `"hc"`
27 |
28 | #### Defined in
29 |
30 | [src/model/colorTheme.ts:16](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/colorTheme.ts#L16)
31 |
32 | ---
33 |
34 | ### LIGHT
35 |
36 | • **LIGHT** = `"light"`
37 |
38 | #### Defined in
39 |
40 | [src/model/colorTheme.ts:15](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/colorTheme.ts#L15)
41 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.FileTypes.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.FileTypes'
3 | title: 'Enumeration: FileTypes'
4 | sidebar_label: 'FileTypes'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).FileTypes
9 |
10 | ## Enumeration members
11 |
12 | ### File
13 |
14 | • **File** = `"File"`
15 |
16 | #### Defined in
17 |
18 | [src/model/workbench/explorer/folderTree.tsx:8](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/folderTree.tsx#L8)
19 |
20 | ---
21 |
22 | ### Folder
23 |
24 | • **Folder** = `"Folder"`
25 |
26 | #### Defined in
27 |
28 | [src/model/workbench/explorer/folderTree.tsx:9](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/folderTree.tsx#L9)
29 |
30 | ---
31 |
32 | ### RootFolder
33 |
34 | • **RootFolder** = `"RootFolder"`
35 |
36 | #### Defined in
37 |
38 | [src/model/workbench/explorer/folderTree.tsx:10](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/folderTree.tsx#L10)
39 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.Float.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.Float'
3 | title: 'Enumeration: Float'
4 | sidebar_label: 'Float'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).Float
9 |
10 | ## Enumeration members
11 |
12 | ### left
13 |
14 | • **left** = `"left"`
15 |
16 | #### Defined in
17 |
18 | [src/model/workbench/statusBar.tsx:6](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/statusBar.tsx#L6)
19 |
20 | ---
21 |
22 | ### right
23 |
24 | • **right** = `"right"`
25 |
26 | #### Defined in
27 |
28 | [src/model/workbench/statusBar.tsx:7](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/statusBar.tsx#L7)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.MarkerSeverity.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.MarkerSeverity'
3 | title: 'Enumeration: MarkerSeverity'
4 | sidebar_label: 'MarkerSeverity'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).MarkerSeverity
9 |
10 | ## Enumeration members
11 |
12 | ### Error
13 |
14 | • **Error** = `8`
15 |
16 | #### Defined in
17 |
18 | [src/model/problems.tsx:8](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/problems.tsx#L8)
19 |
20 | ---
21 |
22 | ### Hint
23 |
24 | • **Hint** = `1`
25 |
26 | #### Defined in
27 |
28 | [src/model/problems.tsx:5](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/problems.tsx#L5)
29 |
30 | ---
31 |
32 | ### Info
33 |
34 | • **Info** = `2`
35 |
36 | #### Defined in
37 |
38 | [src/model/problems.tsx:6](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/problems.tsx#L6)
39 |
40 | ---
41 |
42 | ### Warning
43 |
44 | • **Warning** = `4`
45 |
46 | #### Defined in
47 |
48 | [src/model/problems.tsx:7](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/problems.tsx#L7)
49 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.MenuBarEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.MenuBarEvent'
3 | title: 'Enumeration: MenuBarEvent'
4 | sidebar_label: 'MenuBarEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).MenuBarEvent
9 |
10 | The activity bar event definition
11 |
12 | ## Enumeration members
13 |
14 | ### onSelect
15 |
16 | • **onSelect** = `"menuBar.onSelect"`
17 |
18 | Selected an activity bar
19 |
20 | #### Defined in
21 |
22 | [src/model/workbench/menuBar.ts:13](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/menuBar.ts#L13)
23 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.NotificationStatus.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.NotificationStatus'
3 | title: 'Enumeration: NotificationStatus'
4 | sidebar_label: 'NotificationStatus'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).NotificationStatus
9 |
10 | ## Enumeration members
11 |
12 | ### Read
13 |
14 | • **Read** = `1`
15 |
16 | #### Defined in
17 |
18 | [src/model/notification.tsx:7](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/notification.tsx#L7)
19 |
20 | ---
21 |
22 | ### WaitRead
23 |
24 | • **WaitRead** = `2`
25 |
26 | #### Defined in
27 |
28 | [src/model/notification.tsx:8](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/notification.tsx#L8)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.PanelEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.PanelEvent'
3 | title: 'Enumeration: PanelEvent'
4 | sidebar_label: 'PanelEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).PanelEvent
9 |
10 | ## Enumeration members
11 |
12 | ### onTabChange
13 |
14 | • **onTabChange** = `"panel.onTabChange"`
15 |
16 | #### Defined in
17 |
18 | [src/model/workbench/panel.tsx:18](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/panel.tsx#L18)
19 |
20 | ---
21 |
22 | ### onTabClose
23 |
24 | • **onTabClose** = `"panel.onTabClose"`
25 |
26 | #### Defined in
27 |
28 | [src/model/workbench/panel.tsx:20](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/panel.tsx#L20)
29 |
30 | ---
31 |
32 | ### onToolbarClick
33 |
34 | • **onToolbarClick** = `"panel.onToolbarClick"`
35 |
36 | #### Defined in
37 |
38 | [src/model/workbench/panel.tsx:19](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/panel.tsx#L19)
39 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.SettingsEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.SettingsEvent'
3 | title: 'Enumeration: SettingsEvent'
4 | sidebar_label: 'SettingsEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).SettingsEvent
9 |
10 | The Settings configuration event definition
11 |
12 | ## Enumeration members
13 |
14 | ### OnChange
15 |
16 | • **OnChange** = `"settings.onchange"`
17 |
18 | The settings content changed
19 |
20 | #### Defined in
21 |
22 | [src/model/settings.ts:10](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/settings.ts#L10)
23 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.model.StatusBarEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.StatusBarEvent'
3 | title: 'Enumeration: StatusBarEvent'
4 | sidebar_label: 'StatusBarEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).StatusBarEvent
9 |
10 | The activity bar event definition
11 |
12 | ## Enumeration members
13 |
14 | ### DataChanged
15 |
16 | • **DataChanged** = `"statusBar.data"`
17 |
18 | Activity bar data changed
19 |
20 | #### Defined in
21 |
22 | [src/model/workbench/statusBar.tsx:36](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/statusBar.tsx#L36)
23 |
24 | ---
25 |
26 | ### onClick
27 |
28 | • **onClick** = `"statusBar.onClick"`
29 |
30 | Selected an activity bar
31 |
32 | #### Defined in
33 |
34 | [src/model/workbench/statusBar.tsx:32](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/statusBar.tsx#L32)
35 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/enums/molecule.react.ComponentEvents.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.react.ComponentEvents'
3 | title: 'Enumeration: ComponentEvents'
4 | sidebar_label: 'ComponentEvents'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[react](../namespaces/molecule.react).ComponentEvents
9 |
10 | ## Enumeration members
11 |
12 | ### Update
13 |
14 | • **Update** = `"Component.Update"`
15 |
16 | #### Defined in
17 |
18 | [src/react/component.ts:5](https://github.com/DTStack/molecule/blob/b5324fcf/src/react/component.ts#L5)
19 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'index'
3 | title: 'Molecule'
4 | slug: '/api/'
5 | sidebar_label: 'Exports'
6 | sidebar_position: 0.5
7 | custom_edit_url: null
8 | ---
9 |
10 | ## Namespaces
11 |
12 | - [molecule](namespaces/molecule)
13 |
14 | ## Classes
15 |
16 | - [MoleculeProvider](classes/MoleculeProvider)
17 |
18 | ## Interfaces
19 |
20 | - [IMoleculeProps](interfaces/IMoleculeProps)
21 |
22 | ## References
23 |
24 | ### default
25 |
26 | Renames and re-exports [molecule](namespaces/molecule)
27 |
28 | ## Variables
29 |
30 | ### Workbench
31 |
32 | • **Workbench**: `ComponentType`<`any`\>
33 |
34 | #### Defined in
35 |
36 | [src/workbench/workbench.tsx:158](https://github.com/DTStack/molecule/blob/b5324fcf/src/workbench/workbench.tsx#L158)
37 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/IMoleculeProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'IMoleculeProps'
3 | title: 'Interface: IMoleculeProps'
4 | sidebar_label: 'IMoleculeProps'
5 | sidebar_position: 0
6 | custom_edit_url: null
7 | ---
8 |
9 | ## Properties
10 |
11 | ### defaultLocale
12 |
13 | • `Optional` **defaultLocale**: `string`
14 |
15 | Specify a default locale Id, the Molecule built-in `zh-CN`, `en` two languages, and
16 | default locale Id is `en`.
17 |
18 | #### Defined in
19 |
20 | [src/provider/molecule.tsx:29](https://github.com/DTStack/molecule/blob/b5324fcf/src/provider/molecule.tsx#L29)
21 |
22 | ---
23 |
24 | ### extensions
25 |
26 | • `Optional` **extensions**: [`IExtension`](molecule.model.IExtension)[]
27 |
28 | Molecule Extension instances, after the MoleculeProvider
29 | did mount, then handle it.
30 |
31 | #### Defined in
32 |
33 | [src/provider/molecule.tsx:24](https://github.com/DTStack/molecule/blob/b5324fcf/src/provider/molecule.tsx#L24)
34 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'Interfaces'
2 | position: 4
3 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.ILocalizeProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.ILocalizeProps'
3 | title: 'Interface: ILocalizeProps'
4 | sidebar_label: 'ILocalizeProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).ILocalizeProps
9 |
10 | ## Properties
11 |
12 | ### defaultValue
13 |
14 | • `Optional` **defaultValue**: `string`
15 |
16 | #### Defined in
17 |
18 | [src/i18n/localize.tsx:8](https://github.com/DTStack/molecule/blob/b5324fcf/src/i18n/localize.tsx#L8)
19 |
20 | ---
21 |
22 | ### sourceKey
23 |
24 | • **sourceKey**: `string`
25 |
26 | #### Defined in
27 |
28 | [src/i18n/localize.tsx:7](https://github.com/DTStack/molecule/blob/b5324fcf/src/i18n/localize.tsx#L7)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.component.IContextMenuProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IContextMenuProps'
3 | title: 'Interface: IContextMenuProps'
4 | sidebar_label: 'IContextMenuProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IContextMenuProps
9 |
10 | ## Properties
11 |
12 | ### anchor
13 |
14 | • **anchor**: `HTMLElementType`
15 |
16 | #### Defined in
17 |
18 | [src/components/contextMenu/index.tsx:6](https://github.com/DTStack/molecule/blob/b5324fcf/src/components/contextMenu/index.tsx#L6)
19 |
20 | ## Methods
21 |
22 | ### render
23 |
24 | ▸ **render**(): `ReactNode`
25 |
26 | #### Returns
27 |
28 | `ReactNode`
29 |
30 | #### Defined in
31 |
32 | [src/components/contextMenu/index.tsx:7](https://github.com/DTStack/molecule/blob/b5324fcf/src/components/contextMenu/index.tsx#L7)
33 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.component.IContextViewProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IContextViewProps'
3 | title: 'Interface: IContextViewProps'
4 | sidebar_label: 'IContextViewProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IContextViewProps
9 |
10 | ## Properties
11 |
12 | ### shadowOutline
13 |
14 | • `Optional` **shadowOutline**: `boolean`
15 |
16 | Default true
17 |
18 | #### Defined in
19 |
20 | [src/components/contextView/index.tsx:25](https://github.com/DTStack/molecule/blob/b5324fcf/src/components/contextView/index.tsx#L25)
21 |
22 | ## Methods
23 |
24 | ### render
25 |
26 | ▸ `Optional` **render**(): `ReactNode`
27 |
28 | #### Returns
29 |
30 | `ReactNode`
31 |
32 | #### Defined in
33 |
34 | [src/components/contextView/index.tsx:26](https://github.com/DTStack/molecule/blob/b5324fcf/src/components/contextView/index.tsx#L26)
35 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.IColors.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IColors'
3 | title: 'Interface: IColors'
4 | sidebar_label: 'IColors'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IColors
9 |
10 | ## Indexable
11 |
12 | ▪ [colorId: `string`]: `string`
13 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.IEditorAction.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IEditorAction'
3 | title: 'Interface: IEditorAction'
4 | sidebar_label: 'IEditorAction'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IEditorAction
9 |
10 | ## Properties
11 |
12 | ### actions
13 |
14 | • `Optional` **actions**: [`IEditorActionsProps`](molecule.model.IEditorActionsProps)[]
15 |
16 | #### Defined in
17 |
18 | [src/model/workbench/editor.ts:44](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/editor.ts#L44)
19 |
20 | ---
21 |
22 | ### menu
23 |
24 | • `Optional` **menu**: [`IMenuItemProps`](molecule.component.IMenuItemProps)[]
25 |
26 | #### Defined in
27 |
28 | [src/model/workbench/editor.ts:45](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/editor.ts#L45)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.IExplorer.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IExplorer'
3 | title: 'Interface: IExplorer'
4 | sidebar_label: 'IExplorer'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IExplorer
9 |
10 | ## Implemented by
11 |
12 | - [`IExplorerModel`](../classes/molecule.model.IExplorerModel)
13 |
14 | ## Properties
15 |
16 | ### data
17 |
18 | • **data**: [`IExplorerPanelItem`](molecule.model.IExplorerPanelItem)[]
19 |
20 | #### Defined in
21 |
22 | [src/model/workbench/explorer/explorer.tsx:39](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/explorer.tsx#L39)
23 |
24 | ---
25 |
26 | ### headerToolBar
27 |
28 | • `Optional` **headerToolBar**: [`IActionBarItemProps`](molecule.component.IActionBarItemProps)<`any`\>
29 |
30 | #### Defined in
31 |
32 | [src/model/workbench/explorer/explorer.tsx:40](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/explorer.tsx#L40)
33 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.IFolderInputEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IFolderInputEvent'
3 | title: 'Interface: IFolderInputEvent'
4 | sidebar_label: 'IFolderInputEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IFolderInputEvent
9 |
10 | ## Methods
11 |
12 | ### onFocus
13 |
14 | ▸ **onFocus**(): `void`
15 |
16 | #### Returns
17 |
18 | `void`
19 |
20 | #### Defined in
21 |
22 | [src/model/workbench/explorer/folderTree.tsx:28](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/folderTree.tsx#L28)
23 |
24 | ---
25 |
26 | ### setValue
27 |
28 | ▸ **setValue**(`value`): `void`
29 |
30 | #### Parameters
31 |
32 | | Name | Type |
33 | | :------ | :------- |
34 | | `value` | `string` |
35 |
36 | #### Returns
37 |
38 | `void`
39 |
40 | #### Defined in
41 |
42 | [src/model/workbench/explorer/folderTree.tsx:29](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/folderTree.tsx#L29)
43 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.IFolderTree.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IFolderTree'
3 | title: 'Interface: IFolderTree'
4 | sidebar_label: 'IFolderTree'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IFolderTree
9 |
10 | ## Implemented by
11 |
12 | - [`IFolderTreeModel`](../classes/molecule.model.IFolderTreeModel)
13 |
14 | ## Properties
15 |
16 | ### entry
17 |
18 | • `Optional` **entry**: `ReactNode`
19 |
20 | #### Defined in
21 |
22 | [src/model/workbench/explorer/folderTree.tsx:40](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/folderTree.tsx#L40)
23 |
24 | ---
25 |
26 | ### folderTree
27 |
28 | • `Optional` **folderTree**: [`IFolderTreeSubItem`](molecule.model.IFolderTreeSubItem)
29 |
30 | #### Defined in
31 |
32 | [src/model/workbench/explorer/folderTree.tsx:39](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/explorer/folderTree.tsx#L39)
33 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.IIconTheme.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IIconTheme'
3 | title: 'Interface: IIconTheme'
4 | sidebar_label: 'IIconTheme'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IIconTheme
9 |
10 | File icons for Molecule
11 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.IMenuBar.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IMenuBar'
3 | title: 'Interface: IMenuBar'
4 | sidebar_label: 'IMenuBar'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IMenuBar
9 |
10 | ## Implemented by
11 |
12 | - [`MenuBarModel`](../classes/molecule.model.MenuBarModel)
13 |
14 | ## Properties
15 |
16 | ### data
17 |
18 | • **data**: [`IMenuBarItem`](molecule.model.IMenuBarItem)[]
19 |
20 | #### Defined in
21 |
22 | [src/model/workbench/menuBar.ts:25](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/menuBar.ts#L25)
23 |
24 | ---
25 |
26 | ### logo
27 |
28 | • `Optional` **logo**: `ReactNode`
29 |
30 | #### Defined in
31 |
32 | [src/model/workbench/menuBar.ts:27](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/menuBar.ts#L27)
33 |
34 | ---
35 |
36 | ### mode
37 |
38 | • `Optional` **mode**: `"horizontal"` \| `"vertical"`
39 |
40 | #### Defined in
41 |
42 | [src/model/workbench/menuBar.ts:26](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/menuBar.ts#L26)
43 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.ISettings.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ISettings'
3 | title: 'Interface: ISettings'
4 | sidebar_label: 'ISettings'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ISettings
9 |
10 | ## Implemented by
11 |
12 | - [`SettingsModel`](../classes/molecule.model.SettingsModel)
13 |
14 | ## Indexable
15 |
16 | ▪ [index: `string`]: `any`
17 |
18 | ## Properties
19 |
20 | ### colorTheme
21 |
22 | • `Optional` **colorTheme**: `string`
23 |
24 | #### Defined in
25 |
26 | [src/model/settings.ts:14](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/settings.ts#L14)
27 |
28 | ---
29 |
30 | ### editor
31 |
32 | • `Optional` **editor**: [`IEditorOptions`](../namespaces/molecule.model#ieditoroptions)
33 |
34 | #### Defined in
35 |
36 | [src/model/settings.ts:15](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/settings.ts#L15)
37 |
38 | ---
39 |
40 | ### locale
41 |
42 | • `Optional` **locale**: `string`
43 |
44 | #### Defined in
45 |
46 | [src/model/settings.ts:16](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/settings.ts#L16)
47 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.ISidebar.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ISidebar'
3 | title: 'Interface: ISidebar'
4 | sidebar_label: 'ISidebar'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ISidebar
9 |
10 | ## Implemented by
11 |
12 | - [`SidebarModel`](../classes/molecule.model.SidebarModel)
13 |
14 | ## Properties
15 |
16 | ### current
17 |
18 | • **current**: `UniqueId`
19 |
20 | #### Defined in
21 |
22 | [src/model/workbench/sidebar.ts:10](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/sidebar.ts#L10)
23 |
24 | ---
25 |
26 | ### panes
27 |
28 | • **panes**: [`ISidebarPane`](molecule.model.ISidebarPane)[]
29 |
30 | #### Defined in
31 |
32 | [src/model/workbench/sidebar.ts:11](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/sidebar.ts#L11)
33 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/interfaces/molecule.model.ISidebarPane.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ISidebarPane'
3 | title: 'Interface: ISidebarPane'
4 | sidebar_label: 'ISidebarPane'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ISidebarPane
9 |
10 | ## Properties
11 |
12 | ### id
13 |
14 | • **id**: `UniqueId`
15 |
16 | #### Defined in
17 |
18 | [src/model/workbench/sidebar.ts:4](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/sidebar.ts#L4)
19 |
20 | ---
21 |
22 | ### title
23 |
24 | • `Optional` **title**: `string`
25 |
26 | #### Defined in
27 |
28 | [src/model/workbench/sidebar.ts:5](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/sidebar.ts#L5)
29 |
30 | ## Methods
31 |
32 | ### render
33 |
34 | ▸ `Optional` **render**(): `ReactNode`
35 |
36 | #### Returns
37 |
38 | `ReactNode`
39 |
40 | #### Defined in
41 |
42 | [src/model/workbench/sidebar.ts:6](https://github.com/DTStack/molecule/blob/b5324fcf/src/model/workbench/sidebar.ts#L6)
43 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/namespaces/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'Namespaces'
2 | position: 1
3 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/api/namespaces/molecule.monaco.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.monaco'
3 | title: 'Namespace: monaco'
4 | sidebar_label: 'monaco'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](molecule).monaco
9 |
10 | ## Enumerations
11 |
12 | - [KeybindingWeight](../enums/molecule.monaco.KeybindingWeight)
13 |
14 | ## Classes
15 |
16 | - [Action2](../classes/molecule.monaco.Action2)
17 |
18 | ## References
19 |
20 | ### IQuickInputService
21 |
22 | Renames and re-exports [KeyChord](molecule.monaco#keychord)
23 |
24 | ## Variables
25 |
26 | ### KeyChord
27 |
28 | • **KeyChord**: `any`
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-0.9.0-beta.2/examples/index.md:
--------------------------------------------------------------------------------
1 | # Examples
2 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'API'
2 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/classes/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'Classes'
2 | position: 3
3 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/classes/molecule.model.EditorTree.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.EditorTree'
3 | title: 'Class: EditorTree'
4 | sidebar_label: 'EditorTree'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).EditorTree
9 |
10 | ## Constructors
11 |
12 | ### constructor
13 |
14 | • **new EditorTree**()
15 |
16 | #### Defined in
17 |
18 | [model/workbench/explorer/editorTree.ts:14](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/explorer/editorTree.ts#L14)
19 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'Enumerations'
2 | position: 2
3 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.component.DirectionKind.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.DirectionKind'
3 | title: 'Enumeration: DirectionKind'
4 | sidebar_label: 'DirectionKind'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).DirectionKind
9 |
10 | ## Enumeration Members
11 |
12 | ### horizontal
13 |
14 | • **horizontal**
15 |
16 | #### Defined in
17 |
18 | [components/scrollBar/index.tsx:28](https://github.com/DTStack/molecule/blob/927b7d39/src/components/scrollBar/index.tsx#L28)
19 |
20 | ---
21 |
22 | ### vertical
23 |
24 | • **vertical**
25 |
26 | #### Defined in
27 |
28 | [components/scrollBar/index.tsx:27](https://github.com/DTStack/molecule/blob/927b7d39/src/components/scrollBar/index.tsx#L27)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.component.MenuMode.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.MenuMode'
3 | title: 'Enumeration: MenuMode'
4 | sidebar_label: 'MenuMode'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).MenuMode
9 |
10 | ## Enumeration Members
11 |
12 | ### Horizontal
13 |
14 | • **Horizontal**
15 |
16 | #### Defined in
17 |
18 | [components/menu/subMenu.tsx:20](https://github.com/DTStack/molecule/blob/927b7d39/src/components/menu/subMenu.tsx#L20)
19 |
20 | ---
21 |
22 | ### Vertical
23 |
24 | • **Vertical**
25 |
26 | #### Defined in
27 |
28 | [components/menu/subMenu.tsx:19](https://github.com/DTStack/molecule/blob/927b7d39/src/components/menu/subMenu.tsx#L19)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.AuxiliaryEventKind.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.AuxiliaryEventKind'
3 | title: 'Enumeration: AuxiliaryEventKind'
4 | sidebar_label: 'AuxiliaryEventKind'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).AuxiliaryEventKind
9 |
10 | ## Enumeration Members
11 |
12 | ### onTabClick
13 |
14 | • **onTabClick**
15 |
16 | #### Defined in
17 |
18 | [model/workbench/auxiliaryBar.ts:5](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/auxiliaryBar.ts#L5)
19 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.ColorScheme.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ColorScheme'
3 | title: 'Enumeration: ColorScheme'
4 | sidebar_label: 'ColorScheme'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ColorScheme
9 |
10 | Color scheme used by the OS and by color themes.
11 |
12 | ## Enumeration Members
13 |
14 | ### DARK
15 |
16 | • **DARK**
17 |
18 | #### Defined in
19 |
20 | [model/colorTheme.ts:14](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L14)
21 |
22 | ---
23 |
24 | ### HIGH_CONTRAST
25 |
26 | • **HIGH_CONTRAST**
27 |
28 | #### Defined in
29 |
30 | [model/colorTheme.ts:16](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L16)
31 |
32 | ---
33 |
34 | ### LIGHT
35 |
36 | • **LIGHT**
37 |
38 | #### Defined in
39 |
40 | [model/colorTheme.ts:15](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L15)
41 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.ColorThemeEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ColorThemeEvent'
3 | title: 'Enumeration: ColorThemeEvent'
4 | sidebar_label: 'ColorThemeEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ColorThemeEvent
9 |
10 | ## Enumeration Members
11 |
12 | ### onChange
13 |
14 | • **onChange**
15 |
16 | #### Defined in
17 |
18 | [model/colorTheme.ts:25](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L25)
19 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.ColorThemeMode.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ColorThemeMode'
3 | title: 'Enumeration: ColorThemeMode'
4 | sidebar_label: 'ColorThemeMode'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ColorThemeMode
9 |
10 | ## Enumeration Members
11 |
12 | ### dark
13 |
14 | • **dark**
15 |
16 | #### Defined in
17 |
18 | [model/colorTheme.ts:20](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L20)
19 |
20 | ---
21 |
22 | ### light
23 |
24 | • **light**
25 |
26 | #### Defined in
27 |
28 | [model/colorTheme.ts:21](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L21)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.FileTypes.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.FileTypes'
3 | title: 'Enumeration: FileTypes'
4 | sidebar_label: 'FileTypes'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).FileTypes
9 |
10 | ## Enumeration Members
11 |
12 | ### File
13 |
14 | • **File**
15 |
16 | #### Defined in
17 |
18 | [model/workbench/explorer/folderTree.tsx:8](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/explorer/folderTree.tsx#L8)
19 |
20 | ---
21 |
22 | ### Folder
23 |
24 | • **Folder**
25 |
26 | #### Defined in
27 |
28 | [model/workbench/explorer/folderTree.tsx:9](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/explorer/folderTree.tsx#L9)
29 |
30 | ---
31 |
32 | ### RootFolder
33 |
34 | • **RootFolder**
35 |
36 | #### Defined in
37 |
38 | [model/workbench/explorer/folderTree.tsx:10](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/explorer/folderTree.tsx#L10)
39 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.Float.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.Float'
3 | title: 'Enumeration: Float'
4 | sidebar_label: 'Float'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).Float
9 |
10 | ## Enumeration Members
11 |
12 | ### left
13 |
14 | • **left**
15 |
16 | #### Defined in
17 |
18 | [model/workbench/statusBar.tsx:6](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/statusBar.tsx#L6)
19 |
20 | ---
21 |
22 | ### right
23 |
24 | • **right**
25 |
26 | #### Defined in
27 |
28 | [model/workbench/statusBar.tsx:7](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/statusBar.tsx#L7)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.MarkerSeverity.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.MarkerSeverity'
3 | title: 'Enumeration: MarkerSeverity'
4 | sidebar_label: 'MarkerSeverity'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).MarkerSeverity
9 |
10 | ## Enumeration Members
11 |
12 | ### Error
13 |
14 | • **Error**
15 |
16 | #### Defined in
17 |
18 | [model/problems.tsx:8](https://github.com/DTStack/molecule/blob/927b7d39/src/model/problems.tsx#L8)
19 |
20 | ---
21 |
22 | ### Hint
23 |
24 | • **Hint**
25 |
26 | #### Defined in
27 |
28 | [model/problems.tsx:5](https://github.com/DTStack/molecule/blob/927b7d39/src/model/problems.tsx#L5)
29 |
30 | ---
31 |
32 | ### Info
33 |
34 | • **Info**
35 |
36 | #### Defined in
37 |
38 | [model/problems.tsx:6](https://github.com/DTStack/molecule/blob/927b7d39/src/model/problems.tsx#L6)
39 |
40 | ---
41 |
42 | ### Warning
43 |
44 | • **Warning**
45 |
46 | #### Defined in
47 |
48 | [model/problems.tsx:7](https://github.com/DTStack/molecule/blob/927b7d39/src/model/problems.tsx#L7)
49 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.MenuBarEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.MenuBarEvent'
3 | title: 'Enumeration: MenuBarEvent'
4 | sidebar_label: 'MenuBarEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).MenuBarEvent
9 |
10 | The activity bar event definition
11 |
12 | ## Enumeration Members
13 |
14 | ### onChangeMode
15 |
16 | • **onChangeMode**
17 |
18 | #### Defined in
19 |
20 | [model/workbench/menuBar.ts:14](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/menuBar.ts#L14)
21 |
22 | ---
23 |
24 | ### onSelect
25 |
26 | • **onSelect**
27 |
28 | Selected an activity bar
29 |
30 | #### Defined in
31 |
32 | [model/workbench/menuBar.ts:13](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/menuBar.ts#L13)
33 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.NotificationStatus.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.NotificationStatus'
3 | title: 'Enumeration: NotificationStatus'
4 | sidebar_label: 'NotificationStatus'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).NotificationStatus
9 |
10 | ## Enumeration Members
11 |
12 | ### Read
13 |
14 | • **Read**
15 |
16 | #### Defined in
17 |
18 | [model/notification.tsx:7](https://github.com/DTStack/molecule/blob/927b7d39/src/model/notification.tsx#L7)
19 |
20 | ---
21 |
22 | ### WaitRead
23 |
24 | • **WaitRead**
25 |
26 | #### Defined in
27 |
28 | [model/notification.tsx:8](https://github.com/DTStack/molecule/blob/927b7d39/src/model/notification.tsx#L8)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.PanelEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.PanelEvent'
3 | title: 'Enumeration: PanelEvent'
4 | sidebar_label: 'PanelEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).PanelEvent
9 |
10 | ## Enumeration Members
11 |
12 | ### onTabChange
13 |
14 | • **onTabChange**
15 |
16 | #### Defined in
17 |
18 | [model/workbench/panel.tsx:18](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/panel.tsx#L18)
19 |
20 | ---
21 |
22 | ### onTabClose
23 |
24 | • **onTabClose**
25 |
26 | #### Defined in
27 |
28 | [model/workbench/panel.tsx:20](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/panel.tsx#L20)
29 |
30 | ---
31 |
32 | ### onToolbarClick
33 |
34 | • **onToolbarClick**
35 |
36 | #### Defined in
37 |
38 | [model/workbench/panel.tsx:19](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/panel.tsx#L19)
39 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.ProblemsEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ProblemsEvent'
3 | title: 'Enumeration: ProblemsEvent'
4 | sidebar_label: 'ProblemsEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ProblemsEvent
9 |
10 | ## Enumeration Members
11 |
12 | ### onSelect
13 |
14 | • **onSelect**
15 |
16 | #### Defined in
17 |
18 | [model/problems.tsx:12](https://github.com/DTStack/molecule/blob/927b7d39/src/model/problems.tsx#L12)
19 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.SearchEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.SearchEvent'
3 | title: 'Enumeration: SearchEvent'
4 | sidebar_label: 'SearchEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).SearchEvent
9 |
10 | ## Enumeration Members
11 |
12 | ### onChange
13 |
14 | • **onChange**
15 |
16 | #### Defined in
17 |
18 | [model/workbench/search.tsx:6](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/search.tsx#L6)
19 |
20 | ---
21 |
22 | ### onReplaceAll
23 |
24 | • **onReplaceAll**
25 |
26 | #### Defined in
27 |
28 | [model/workbench/search.tsx:8](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/search.tsx#L8)
29 |
30 | ---
31 |
32 | ### onResultClick
33 |
34 | • **onResultClick**
35 |
36 | #### Defined in
37 |
38 | [model/workbench/search.tsx:9](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/search.tsx#L9)
39 |
40 | ---
41 |
42 | ### onSearch
43 |
44 | • **onSearch**
45 |
46 | #### Defined in
47 |
48 | [model/workbench/search.tsx:7](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/search.tsx#L7)
49 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.SettingsEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.SettingsEvent'
3 | title: 'Enumeration: SettingsEvent'
4 | sidebar_label: 'SettingsEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).SettingsEvent
9 |
10 | The Settings configuration event definition
11 |
12 | ## Enumeration Members
13 |
14 | ### OnChange
15 |
16 | • **OnChange**
17 |
18 | The settings content changed
19 |
20 | #### Defined in
21 |
22 | [model/settings.ts:10](https://github.com/DTStack/molecule/blob/927b7d39/src/model/settings.ts#L10)
23 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.model.StatusBarEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.StatusBarEvent'
3 | title: 'Enumeration: StatusBarEvent'
4 | sidebar_label: 'StatusBarEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).StatusBarEvent
9 |
10 | The activity bar event definition
11 |
12 | ## Enumeration Members
13 |
14 | ### DataChanged
15 |
16 | • **DataChanged**
17 |
18 | Activity bar data changed
19 |
20 | #### Defined in
21 |
22 | [model/workbench/statusBar.tsx:36](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/statusBar.tsx#L36)
23 |
24 | ---
25 |
26 | ### onClick
27 |
28 | • **onClick**
29 |
30 | Selected an activity bar
31 |
32 | #### Defined in
33 |
34 | [model/workbench/statusBar.tsx:32](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/statusBar.tsx#L32)
35 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/enums/molecule.react.ComponentEvents.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.react.ComponentEvents'
3 | title: 'Enumeration: ComponentEvents'
4 | sidebar_label: 'ComponentEvents'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[react](../namespaces/molecule.react).ComponentEvents
9 |
10 | ## Enumeration Members
11 |
12 | ### Update
13 |
14 | • **Update**
15 |
16 | #### Defined in
17 |
18 | [react/component.ts:5](https://github.com/DTStack/molecule/blob/927b7d39/src/react/component.ts#L5)
19 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'index'
3 | title: 'Molecule'
4 | slug: '/api/'
5 | sidebar_label: 'Exports'
6 | sidebar_position: 0.5
7 | custom_edit_url: null
8 | ---
9 |
10 | ## Namespaces
11 |
12 | - [molecule](namespaces/molecule)
13 |
14 | ## References
15 |
16 | ### default
17 |
18 | Renames and re-exports [molecule](namespaces/molecule)
19 |
20 | ## Variables
21 |
22 | ### Workbench
23 |
24 | • `Const` **Workbench**: `ComponentType`<`any`\>
25 |
26 | #### Defined in
27 |
28 | [workbench/workbench.tsx:178](https://github.com/DTStack/molecule/blob/927b7d39/src/workbench/workbench.tsx#L178)
29 |
30 | ## Functions
31 |
32 | ### create
33 |
34 | ▸ **create**(`config`): `default`
35 |
36 | #### Parameters
37 |
38 | | Name | Type |
39 | | :------- | :------------- |
40 | | `config` | `IConfigProps` |
41 |
42 | #### Returns
43 |
44 | `default`
45 |
46 | #### Defined in
47 |
48 | [provider/create.ts:39](https://github.com/DTStack/molecule/blob/927b7d39/src/provider/create.ts#L39)
49 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'Interfaces'
2 | position: 4
3 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.ILocalizeProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.ILocalizeProps'
3 | title: 'Interface: ILocalizeProps'
4 | sidebar_label: 'ILocalizeProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).ILocalizeProps
9 |
10 | ## Properties
11 |
12 | ### defaultValue
13 |
14 | • `Optional` **defaultValue**: `string`
15 |
16 | #### Defined in
17 |
18 | [i18n/localize.tsx:8](https://github.com/DTStack/molecule/blob/927b7d39/src/i18n/localize.tsx#L8)
19 |
20 | ---
21 |
22 | ### sourceKey
23 |
24 | • **sourceKey**: `string`
25 |
26 | #### Defined in
27 |
28 | [i18n/localize.tsx:7](https://github.com/DTStack/molecule/blob/927b7d39/src/i18n/localize.tsx#L7)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IContextMenuProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IContextMenuProps'
3 | title: 'Interface: IContextMenuProps'
4 | sidebar_label: 'IContextMenuProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IContextMenuProps
9 |
10 | ## Properties
11 |
12 | ### anchor
13 |
14 | • **anchor**: `HTMLElementType`
15 |
16 | #### Defined in
17 |
18 | [components/contextMenu/index.tsx:6](https://github.com/DTStack/molecule/blob/927b7d39/src/components/contextMenu/index.tsx#L6)
19 |
20 | ## Methods
21 |
22 | ### render
23 |
24 | ▸ **render**(): `ReactNode`
25 |
26 | #### Returns
27 |
28 | `ReactNode`
29 |
30 | #### Defined in
31 |
32 | [components/contextMenu/index.tsx:7](https://github.com/DTStack/molecule/blob/927b7d39/src/components/contextMenu/index.tsx#L7)
33 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IContextViewProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IContextViewProps'
3 | title: 'Interface: IContextViewProps'
4 | sidebar_label: 'IContextViewProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IContextViewProps
9 |
10 | ## Properties
11 |
12 | ### shadowOutline
13 |
14 | • `Optional` **shadowOutline**: `boolean`
15 |
16 | Default true
17 |
18 | #### Defined in
19 |
20 | [components/contextView/index.tsx:25](https://github.com/DTStack/molecule/blob/927b7d39/src/components/contextView/index.tsx#L25)
21 |
22 | ## Methods
23 |
24 | ### render
25 |
26 | ▸ `Optional` **render**(): `ReactNode`
27 |
28 | #### Returns
29 |
30 | `ReactNode`
31 |
32 | #### Defined in
33 |
34 | [components/contextView/index.tsx:26](https://github.com/DTStack/molecule/blob/927b7d39/src/components/contextView/index.tsx#L26)
35 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IDisplayProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IDisplayProps'
3 | title: 'Interface: IDisplayProps'
4 | sidebar_label: 'IDisplayProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IDisplayProps
9 |
10 | ## Hierarchy
11 |
12 | - `ComponentProps`<`"div"`\>
13 |
14 | ↳ **`IDisplayProps`**
15 |
16 | ## Properties
17 |
18 | ### visible
19 |
20 | • `Optional` **visible**: `boolean`
21 |
22 | #### Defined in
23 |
24 | [components/display/index.tsx:4](https://github.com/DTStack/molecule/blob/927b7d39/src/components/display/index.tsx#L4)
25 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IDropDownProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IDropDownProps'
3 | title: 'Interface: IDropDownProps'
4 | sidebar_label: 'IDropDownProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IDropDownProps
9 |
10 | ## Hierarchy
11 |
12 | - `ComponentProps`<`"div"`\>
13 |
14 | ↳ **`IDropDownProps`**
15 |
16 | ## Properties
17 |
18 | ### overlay
19 |
20 | • **overlay**: `ReactNode`
21 |
22 | #### Defined in
23 |
24 | [components/dropdown/index.tsx:12](https://github.com/DTStack/molecule/blob/927b7d39/src/components/dropdown/index.tsx#L12)
25 |
26 | ---
27 |
28 | ### placement
29 |
30 | • `Optional` **placement**: `PlacementType`
31 |
32 | #### Defined in
33 |
34 | [components/dropdown/index.tsx:14](https://github.com/DTStack/molecule/blob/927b7d39/src/components/dropdown/index.tsx#L14)
35 |
36 | ---
37 |
38 | ### trigger
39 |
40 | • `Optional` **trigger**: `TriggerEvent`
41 |
42 | #### Defined in
43 |
44 | [components/dropdown/index.tsx:13](https://github.com/DTStack/molecule/blob/927b7d39/src/components/dropdown/index.tsx#L13)
45 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IIconProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IIconProps'
3 | title: 'Interface: IIconProps'
4 | sidebar_label: 'IIconProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IIconProps
9 |
10 | ## Hierarchy
11 |
12 | - `ComponentProps`<`"span"`\>
13 |
14 | ↳ **`IIconProps`**
15 |
16 | ## Properties
17 |
18 | ### type
19 |
20 | • `Optional` **type**: `string` \| `Element`
21 |
22 | #### Defined in
23 |
24 | [components/icon/index.tsx:7](https://github.com/DTStack/molecule/blob/927b7d39/src/components/icon/index.tsx#L7)
25 |
26 | ## Methods
27 |
28 | ### onClick
29 |
30 | ▸ `Optional` **onClick**(`e`): `void`
31 |
32 | #### Parameters
33 |
34 | | Name | Type |
35 | | :--- | :------------------------------------- |
36 | | `e` | `MouseEvent`<`Element`, `MouseEvent`\> |
37 |
38 | #### Returns
39 |
40 | `void`
41 |
42 | #### Overrides
43 |
44 | ComponentProps.onClick
45 |
46 | #### Defined in
47 |
48 | [components/icon/index.tsx:8](https://github.com/DTStack/molecule/blob/927b7d39/src/components/icon/index.tsx#L8)
49 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IPaneConfigs.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IPaneConfigs'
3 | title: 'Interface: IPaneConfigs'
4 | sidebar_label: 'IPaneConfigs'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IPaneConfigs
9 |
10 | ## Properties
11 |
12 | ### maxSize
13 |
14 | • `Optional` **maxSize**: `string` \| `number`
15 |
16 | #### Defined in
17 |
18 | [components/split/pane.tsx:7](https://github.com/DTStack/molecule/blob/927b7d39/src/components/split/pane.tsx#L7)
19 |
20 | ---
21 |
22 | ### minSize
23 |
24 | • `Optional` **minSize**: `string` \| `number`
25 |
26 | #### Defined in
27 |
28 | [components/split/pane.tsx:8](https://github.com/DTStack/molecule/blob/927b7d39/src/components/split/pane.tsx#L8)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IScrollEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IScrollEvent'
3 | title: 'Interface: IScrollEvent'
4 | sidebar_label: 'IScrollEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IScrollEvent
9 |
10 | ## Properties
11 |
12 | ### scrollTop
13 |
14 | • **scrollTop**: `number`
15 |
16 | #### Defined in
17 |
18 | [components/scrollBar/index.tsx:47](https://github.com/DTStack/molecule/blob/927b7d39/src/components/scrollBar/index.tsx#L47)
19 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IScrollRef.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IScrollRef'
3 | title: 'Interface: IScrollRef'
4 | sidebar_label: 'IScrollRef'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IScrollRef
9 |
10 | ## Properties
11 |
12 | ### scrollHeight
13 |
14 | • **scrollHeight**: `number`
15 |
16 | #### Defined in
17 |
18 | [components/scrollBar/index.tsx:51](https://github.com/DTStack/molecule/blob/927b7d39/src/components/scrollBar/index.tsx#L51)
19 |
20 | ## Methods
21 |
22 | ### scrollTo
23 |
24 | ▸ **scrollTo**(`offset`): `void`
25 |
26 | #### Parameters
27 |
28 | | Name | Type |
29 | | :------- | :------- |
30 | | `offset` | `number` |
31 |
32 | #### Returns
33 |
34 | `void`
35 |
36 | #### Defined in
37 |
38 | [components/scrollBar/index.tsx:52](https://github.com/DTStack/molecule/blob/927b7d39/src/components/scrollBar/index.tsx#L52)
39 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.component.IToolTipProps.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.component.IToolTipProps'
3 | title: 'Interface: IToolTipProps'
4 | sidebar_label: 'IToolTipProps'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[component](../namespaces/molecule.component).IToolTipProps
9 |
10 | ## Hierarchy
11 |
12 | - `TooltipProps`
13 |
14 | ↳ **`IToolTipProps`**
15 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.event.ListenerEventContext.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.event.ListenerEventContext'
3 | title: 'Interface: ListenerEventContext'
4 | sidebar_label: 'ListenerEventContext'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[event](../namespaces/molecule.event).ListenerEventContext
9 |
10 | ## Methods
11 |
12 | ### stopDelivery
13 |
14 | ▸ **stopDelivery**(): `void`
15 |
16 | #### Returns
17 |
18 | `void`
19 |
20 | #### Defined in
21 |
22 | [common/event/eventEmitter.ts:2](https://github.com/DTStack/molecule/blob/927b7d39/src/common/event/eventEmitter.ts#L2)
23 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.IColors.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IColors'
3 | title: 'Interface: IColors'
4 | sidebar_label: 'IColors'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IColors
9 |
10 | ## Indexable
11 |
12 | ▪ [colorId: `string`]: `string`
13 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.IEditorAction.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IEditorAction'
3 | title: 'Interface: IEditorAction'
4 | sidebar_label: 'IEditorAction'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IEditorAction
9 |
10 | ## Properties
11 |
12 | ### actions
13 |
14 | • `Optional` **actions**: [`IEditorActionsProps`](molecule.model.IEditorActionsProps)[]
15 |
16 | #### Defined in
17 |
18 | [model/workbench/editor.ts:45](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/editor.ts#L45)
19 |
20 | ---
21 |
22 | ### menu
23 |
24 | • `Optional` **menu**: [`IMenuItemProps`](molecule.component.IMenuItemProps)[]
25 |
26 | #### Defined in
27 |
28 | [model/workbench/editor.ts:46](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/editor.ts#L46)
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.IFolderInputEvent.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IFolderInputEvent'
3 | title: 'Interface: IFolderInputEvent'
4 | sidebar_label: 'IFolderInputEvent'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IFolderInputEvent
9 |
10 | ## Methods
11 |
12 | ### onFocus
13 |
14 | ▸ **onFocus**(): `void`
15 |
16 | #### Returns
17 |
18 | `void`
19 |
20 | #### Defined in
21 |
22 | [model/workbench/explorer/folderTree.tsx:29](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/explorer/folderTree.tsx#L29)
23 |
24 | ---
25 |
26 | ### setValue
27 |
28 | ▸ **setValue**(`value`): `void`
29 |
30 | #### Parameters
31 |
32 | | Name | Type |
33 | | :------ | :------- |
34 | | `value` | `string` |
35 |
36 | #### Returns
37 |
38 | `void`
39 |
40 | #### Defined in
41 |
42 | [model/workbench/explorer/folderTree.tsx:30](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/explorer/folderTree.tsx#L30)
43 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.IIconTheme.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IIconTheme'
3 | title: 'Interface: IIconTheme'
4 | sidebar_label: 'IIconTheme'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IIconTheme
9 |
10 | File icons for Molecule
11 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.IMenuBar.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.IMenuBar'
3 | title: 'Interface: IMenuBar'
4 | sidebar_label: 'IMenuBar'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).IMenuBar
9 |
10 | ## Implemented by
11 |
12 | - [`MenuBarModel`](../classes/molecule.model.MenuBarModel)
13 |
14 | ## Properties
15 |
16 | ### data
17 |
18 | • **data**: [`IMenuBarItem`](molecule.model.IMenuBarItem)[]
19 |
20 | #### Defined in
21 |
22 | [model/workbench/menuBar.ts:27](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/menuBar.ts#L27)
23 |
24 | ---
25 |
26 | ### logo
27 |
28 | • `Optional` **logo**: `ReactNode`
29 |
30 | #### Defined in
31 |
32 | [model/workbench/menuBar.ts:29](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/menuBar.ts#L29)
33 |
34 | ---
35 |
36 | ### mode
37 |
38 | • `Optional` **mode**: `"horizontal"` \| `"vertical"`
39 |
40 | #### Defined in
41 |
42 | [model/workbench/menuBar.ts:28](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/menuBar.ts#L28)
43 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.ISettings.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ISettings'
3 | title: 'Interface: ISettings'
4 | sidebar_label: 'ISettings'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ISettings
9 |
10 | ## Implemented by
11 |
12 | - [`SettingsModel`](../classes/molecule.model.SettingsModel)
13 |
14 | ## Indexable
15 |
16 | ▪ [index: `string`]: `any`
17 |
18 | ## Properties
19 |
20 | ### colorTheme
21 |
22 | • `Optional` **colorTheme**: `string`
23 |
24 | #### Defined in
25 |
26 | [model/settings.ts:14](https://github.com/DTStack/molecule/blob/927b7d39/src/model/settings.ts#L14)
27 |
28 | ---
29 |
30 | ### editor
31 |
32 | • `Optional` **editor**: [`IEditorOptions`](../namespaces/molecule.model#ieditoroptions)
33 |
34 | #### Defined in
35 |
36 | [model/settings.ts:15](https://github.com/DTStack/molecule/blob/927b7d39/src/model/settings.ts#L15)
37 |
38 | ---
39 |
40 | ### locale
41 |
42 | • `Optional` **locale**: `string`
43 |
44 | #### Defined in
45 |
46 | [model/settings.ts:16](https://github.com/DTStack/molecule/blob/927b7d39/src/model/settings.ts#L16)
47 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.ISidebar.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ISidebar'
3 | title: 'Interface: ISidebar'
4 | sidebar_label: 'ISidebar'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ISidebar
9 |
10 | ## Implemented by
11 |
12 | - [`SidebarModel`](../classes/molecule.model.SidebarModel)
13 |
14 | ## Properties
15 |
16 | ### current
17 |
18 | • **current**: `UniqueId`
19 |
20 | #### Defined in
21 |
22 | [model/workbench/sidebar.ts:10](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/sidebar.ts#L10)
23 |
24 | ---
25 |
26 | ### panes
27 |
28 | • **panes**: [`ISidebarPane`](molecule.model.ISidebarPane)[]
29 |
30 | #### Defined in
31 |
32 | [model/workbench/sidebar.ts:11](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/sidebar.ts#L11)
33 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.ISidebarPane.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.ISidebarPane'
3 | title: 'Interface: ISidebarPane'
4 | sidebar_label: 'ISidebarPane'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).ISidebarPane
9 |
10 | ## Properties
11 |
12 | ### id
13 |
14 | • **id**: `UniqueId`
15 |
16 | #### Defined in
17 |
18 | [model/workbench/sidebar.ts:4](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/sidebar.ts#L4)
19 |
20 | ---
21 |
22 | ### title
23 |
24 | • `Optional` **title**: `string`
25 |
26 | #### Defined in
27 |
28 | [model/workbench/sidebar.ts:5](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/sidebar.ts#L5)
29 |
30 | ## Methods
31 |
32 | ### render
33 |
34 | ▸ `Optional` **render**(): `ReactNode`
35 |
36 | #### Returns
37 |
38 | `ReactNode`
39 |
40 | #### Defined in
41 |
42 | [model/workbench/sidebar.ts:6](https://github.com/DTStack/molecule/blob/927b7d39/src/model/workbench/sidebar.ts#L6)
43 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/interfaces/molecule.model.TokenColor.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.model.TokenColor'
3 | title: 'Interface: TokenColor'
4 | sidebar_label: 'TokenColor'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](../namespaces/molecule).[model](../namespaces/molecule.model).TokenColor
9 |
10 | ## Hierarchy
11 |
12 | - `Object`
13 |
14 | ↳ **`TokenColor`**
15 |
16 | ## Properties
17 |
18 | ### name
19 |
20 | • `Optional` **name**: `string`
21 |
22 | #### Defined in
23 |
24 | [model/colorTheme.ts:5](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L5)
25 |
26 | ---
27 |
28 | ### scope
29 |
30 | • `Optional` **scope**: `string` \| `string`[]
31 |
32 | #### Defined in
33 |
34 | [model/colorTheme.ts:6](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L6)
35 |
36 | ---
37 |
38 | ### settings
39 |
40 | • `Optional` **settings**: `object`
41 |
42 | #### Defined in
43 |
44 | [model/colorTheme.ts:7](https://github.com/DTStack/molecule/blob/927b7d39/src/model/colorTheme.ts#L7)
45 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/namespaces/_category_.yml:
--------------------------------------------------------------------------------
1 | label: 'Namespaces'
2 | position: 1
3 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/api/namespaces/molecule.monaco.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: 'molecule.monaco'
3 | title: 'Namespace: monaco'
4 | sidebar_label: 'monaco'
5 | custom_edit_url: null
6 | ---
7 |
8 | [molecule](molecule).monaco
9 |
10 | ## Enumerations
11 |
12 | - [KeybindingWeight](../enums/molecule.monaco.KeybindingWeight)
13 |
14 | ## Classes
15 |
16 | - [Action2](../classes/molecule.monaco.Action2)
17 |
18 | ## References
19 |
20 | ### IQuickInputService
21 |
22 | Renames and re-exports [KeyChord](molecule.monaco#keychord)
23 |
24 | ## Variables
25 |
26 | ### KeyChord
27 |
28 | • **KeyChord**: `any`
29 |
--------------------------------------------------------------------------------
/website/versioned_docs/version-1.x/examples/index.md:
--------------------------------------------------------------------------------
1 | # Examples
2 |
--------------------------------------------------------------------------------
/website/versions.json:
--------------------------------------------------------------------------------
1 | ["1.x", "0.9.0-beta.2"]
2 |
--------------------------------------------------------------------------------