Adding Diff view and Split view container as Model View Editor Components (#4831)

* intial code for diff view inside model view

* Adding basic Split View Container depending on Flex Layout

* Enabled resizing between top and bottom view

* cleaning up some of the sqlops references

* Adding height as per CR comment
This commit is contained in:
udeeshagautam
2019-04-08 11:11:14 -07:00
committed by GitHub
parent 02cf91c158
commit 01784dd186
11 changed files with 588 additions and 1 deletions

View File

@@ -2455,6 +2455,11 @@ declare module 'azdata' {
}
// Building on top of flex item
export interface SplitViewBuilder extends ContainerBuilder<SplitViewContainer, SplitViewLayout, FlexItemLayout> {
}
export interface DivBuilder extends ContainerBuilder<DivContainer, DivLayout, DivItemLayout> {
}
@@ -2695,6 +2700,19 @@ declare module 'azdata' {
position?: string;
}
export interface SplitViewLayout extends FlexLayout {
/**
* Orientation of the views inside split
*/
orientation: string;
/**
* SplitView height
*/
splitViewHeight: number | string;
}
export interface FlexItemLayout {
/**
* Matches the order CSS property and its available values.
@@ -2769,6 +2787,9 @@ declare module 'azdata' {
export interface FlexContainer extends Container<FlexLayout, FlexItemLayout> {
}
export interface SplitViewContainer extends Container<SplitViewLayout, FlexItemLayout> {
}
export interface FormContainer extends Container<FormLayout, FormItemLayout> {
}
@@ -3147,6 +3168,52 @@ declare module 'azdata' {
}
export interface DiffEditorComponent extends Component {
/**
* The content inside the left text editor
*/
contentLeft: string;
/**
* The content inside the right text editor
*/
contentRight: string;
/**
* The languge mode for this text editor. The language mode is SQL by default.
*/
languageMode: string;
/**
* The left editor Uri which will be used as a reference for VSCode Language Service.
* Currently this is auto-generated by the framework but can be queried after
* view initialization is completed
*/
readonly editorUriLeft: string;
/**
* The right editor Uri which will be used as a reference for VSCode Language Service.
* Currently this is auto-generated by the framework but can be queried after
* view initialization is completed
*/
readonly editorUriRight: string;
/**
* An event called when the editor content is updated
*/
readonly onContentChanged: vscode.Event<any>;
/**
* An event called when the editor is created
*/
readonly onEditorCreated: vscode.Event<any>;
/**
* Toggle for whether the editor should be automatically resized or not
*/
isAutoResizable: boolean;
/**
* Minimum height for editor component
*/
minimumHeight: number;
}
export interface ButtonComponent extends Component, ButtonProperties {
/**
* The label for the button