-
index!.toString()}
- />
-
- {onMapping && (
-
- )}
-
-
-
-
- );
- }
-}
-
-export default CSVPreviewLink;
diff --git a/app-v2/components/CSVPreviewLink/index.less b/app/components/CSVPreviewLink/index.less
similarity index 94%
rename from app-v2/components/CSVPreviewLink/index.less
rename to app/components/CSVPreviewLink/index.less
index f71d9a30..5d9e0fe4 100644
--- a/app-v2/components/CSVPreviewLink/index.less
+++ b/app/components/CSVPreviewLink/index.less
@@ -1,4 +1,4 @@
-@import '~@appv2/common.less';
+@import '~@app/common.less';
.popover-preview {
max-width: 80%;
}
diff --git a/app-v2/components/CSVPreviewLink/index.tsx b/app/components/CSVPreviewLink/index.tsx
similarity index 100%
rename from app-v2/components/CSVPreviewLink/index.tsx
rename to app/components/CSVPreviewLink/index.tsx
diff --git a/app/components/CodeMirror.tsx b/app/components/CodeMirror.tsx
deleted file mode 100644
index d974b16f..00000000
--- a/app/components/CodeMirror.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import CodeMirror from 'codemirror';
-import 'codemirror/addon/comment/comment';
-import 'codemirror/addon/display/autorefresh';
-import 'codemirror/addon/edit/matchbrackets';
-import 'codemirror/addon/hint/show-hint';
-import 'codemirror/addon/hint/show-hint.css';
-import 'codemirror/keymap/sublime';
-import 'codemirror/lib/codemirror.css';
-import 'codemirror/mode/meta';
-import 'codemirror/theme/monokai.css';
-import React from 'react';
-
-import { ban, keyWords, maxLineNum, operators } from '@appv2/config/nebulaQL';
-
-import './Codemirror.less';
-
-interface IProps {
- options?: object;
- value: string;
- ref?: any;
- width?: string;
- height?: string;
- onShiftEnter?: () => void;
- onChange?: (value: string) => void;
- onBlur?: (value: string) => void;
- onChangeLine?: () => void;
-}
-
-export default class ReactCodeMirror extends React.PureComponent {
- codemirror;
- editor;
- textarea;
- constructor(props) {
- super(props);
- }
- public componentDidMount() {
- CodeMirror.defineMode('nebula', () => {
- return {
- token: stream => {
- if (stream.eatSpace()) {
- return null;
- }
- stream.eatWhile(/[\$:\w\u4e00-\u9fa5]/);
- const cur = stream.current();
- if (keyWords.some(item => item === cur)) {
- return 'keyword';
- } else if (operators.some(item => item === cur)) {
- return 'def';
- } else if (ban.some(item => item === cur)) {
- return 'error';
- }
- stream.next();
- },
- // blockCommentStart: '/*',
- // blockCommentEnd: '*/',
- // lineComment: '//' ? '#' : '--',
- // closeBrackets: '()[]{}\'\'""``',
- };
- });
-
- CodeMirror.registerHelper('hint', 'nebula', cm => {
- const cur = cm.getCursor();
- const token = cm.getTokenAt(cur);
- const str = token.string;
- const start = token.start;
- const end = cur.ch;
-
- if (str === '') {
- return;
- }
-
- const list = [...keyWords, ...operators, ...ban].filter(item => item.startsWith(str));
-
- if (list.length) {
- return {
- list,
- from: CodeMirror.Pos(cur.line, start),
- to: CodeMirror.Pos(cur.line, end),
- };
- }
- });
- this.renderCodeMirror();
- }
- renderCodeMirror() {
- // parameters of the combined
- const options = {
- tabSize: 2,
- fontSize: '14px',
- autoCloseBrackets: true,
- matchBrackets: true,
- showCursorWhenSelecting: true,
- lineWrapping: true,
- // show number of rows
- lineNumbers: true,
- fullScreen: true,
- mode: 'nebula',
- ...this.props.options,
- };
- this.editor = CodeMirror.fromTextArea(this.textarea, options);
- // Getting CodeMirror is used to get some of these constants
- this.codemirror = CodeMirror;
- // event
- this.editor.on('change', this.codemirrorValueChange);
- this.editor.on('keydown', this.keydown);
- this.editor.on('blur', this.blur);
- const { value, width, height } = this.props;
- this.editor.setValue(value || '');
- if (width || height) {
- // set size
- this.editor.setSize(width, height);
- }
- }
-
- blur = instance => {
- this.props.onBlur?.(instance.doc.getValue());
- };
-
- keydown = (_, change) => {
- if (change.shiftKey === true && change.keyCode === 13) {
- this.props.onShiftEnter?.();
- change.preventDefault();
- }
- };
-
- codemirrorValueChange = (doc, change) => {
- if (change.origin !== 'setValue') {
- if (this.props.onChange) {
- this.props.onChange(doc.getValue());
- }
- }
- if (change.origin === '+input') {
- CodeMirror.commands.autocomplete(this.editor, null, {
- completeSingle: false,
- });
- }
- if (
- this.props.onChangeLine &&
- (change.origin === '+delete' || change.origin === '+input')
- ) {
- this.props.onChangeLine();
- }
- };
-
- async UNSAFE_componentWillReceiveProps(nextProps) {
- const { options, value } = nextProps;
- await this.setOptions(options);
- if (value !== this.editor.getValue()) {
- this.editor.setValue(value || '');
- let line;
- if (this.editor.lineCount() > maxLineNum) {
- line = maxLineNum;
- } else if (this.editor.lineCount() < 5) {
- line = 5;
- } else {
- line = this.editor.lineCount();
- }
- this.editor.setSize(undefined, line * 24 + 10 + 'px');
- }
- }
-
- async setOptions(options) {
- if (typeof options === 'object') {
- const mode = CodeMirror.findModeByName(options.mode);
- if (mode && mode.mode) {
- await import(`codemirror/mode/${mode.mode}/${mode.mode}.js`);
- }
- if (mode) {
- options.mode = mode.mime;
- }
- Object.keys(options).forEach(name => {
- if (options[name] && JSON.stringify(options[name])) {
- this.editor.setOption(name, options[name]);
- }
- });
- }
- }
-
- componentWillUnmount() {
- if (this.editor) {
- this.editor.toTextArea();
- }
- }
-
- render() {
- return (
-