mirror/sunmao-ui
2
0
Fork 0
mirror of https://github.com/smartxworks/sunmao-ui.git synced 2024-11-21 03:15:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #265 from webzard-io/auto-complete

Browse Source 
impl #225 trigger auto-complete when typing
This commit is contained in:
yz-yu 2022-02-09 09:36:51 +08:00 committed by GitHub
commit f68207c91c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/editor/src/components/CodeEditor/ExpressionEditor.tsx
View File

@ -22,7 +22,12 @@ function installTern(cm: CodeMirror.Editor) {
const t = new CodeMirror.TernServer({ defs: [ecma as unknown as Def] });
cm.on('cursorActivity', cm => t.updateArgHints(cm));
cm.on('change', (_instance, change) => {
if (change.text.length === 1 && change.text[0] === '.') {
if (
// change happened
change.text.length + (change.removed?.length || 0) > 0 &&
// not changed by auto-complete
change.origin !== 'complete'
) {
t.complete(cm);
}
});
@ -69,6 +74,9 @@ export const ExpressionEditor: React.FC<{
},
theme: 'ayu-mirage',
viewportMargin: Infinity,
hintOptions: {
completeSingle: false,
},
});
const t = installTern(cm.current);
tServer.current = t.server;
@ -93,5 +101,14 @@ export const ExpressionEditor: React.FC<{
}
}, [defs]);
return <Box css={style} ref={wrapperEl} height="100%" width="100%" />;
return (
<Box
css={style}
ref={wrapperEl}
height="100%"
width="100%"
borderRadius="2"
overflow="hidden"
/>
);
};