@lvce-editor/editor-worker 3.1.0 → 3.2.0

package/dist/editorWorkerMain.js

@@ -116,6 +116,8 @@ const ColorPickerLight = 'ColorPickerLight';
 const ColorPickerRectangle = 'ColorPickerRectangle';
 const ColorPickerSlider = 'ColorPickerSlider';
 const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
+const CompletionDetailCloseButton = 'CompletionDetailCloseButton';
+const CompletionDetailContent = 'CompletionDetailContent';
 const Diagnostic = 'Diagnostic';
 const EditorCompletionItem = 'EditorCompletionItem';
 const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
@@ -131,11 +133,14 @@ const HoverEditorRow = 'HoverEditorRow';
 const HoverProblem = 'HoverProblem';
 const HoverProblemDetail = 'HoverProblemDetail';
 const HoverProblemMessage = 'HoverProblemMessage';
+const IconClose = 'IconClose';
 const Label = 'Label';
+const MaskIcon = 'MaskIcon';
 const Viewlet = 'Viewlet';
 
 const HandlePointerDown = 'handlePointerDown';
 const HandleSashPointerDown = 'handleSashPointerDown';
+const HandleClose = 'handleClose';
 
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
@@ -6791,9 +6796,6 @@ const openDetails = editor => {
     return editor;
   }
   const widget = create();
-  console.log({
-    child
-  });
   const newestState = {
     ...widget.newState,
     content: 'abc',
@@ -8539,14 +8541,20 @@ const EditorCompletionWidget = {
 const getCompletionDetailVirtualDom = content => {
   const dom = [{
     type: Div,
+    className: 'Viewlet EditorCompletionDetails',
     childCount: 2
   }, {
     type: Div,
-    className: 'CompletionDetailContent',
+    className: CompletionDetailContent,
     childCount: 1
   }, text(content), {
     type: Div,
-    className: 'CompletionDetailCloseButton',
+    className: CompletionDetailCloseButton,
+    onClick: HandleClose,
+    childCount: 1
+  }, {
+    type: Div,
+    className: `${MaskIcon} ${IconClose}`,
     childCount: 0
   }];
   return dom;
@@ -8558,7 +8566,7 @@ const renderContent = {
   },
   apply(oldState, newState) {
     const dom = getCompletionDetailVirtualDom(newState.content);
-    return ['setDom', dom];
+    return ['Viewlet.setDom2', newState.uid, dom];
   }
 };
 const renderBounds = {
@@ -8591,7 +8599,11 @@ const render$1 = (oldState, newState) => {
   const wrappedCommands = [];
   const uid = newState.uid;
   for (const command of commands) {
-    wrappedCommands.push(['Viewlet.send', uid, ...command]);
+    if (command[0] === 'Viewlet.setDom2') {
+      wrappedCommands.push(command);
+    } else {
+      wrappedCommands.push(['Viewlet.send', uid, ...command]);
+    }
   }
   return wrappedCommands;
 };
@@ -8602,8 +8614,9 @@ const add = widget => {
   // that doesn't collide with ids created in renderer worker?
   const uid = widget.newState.uid;
   const allCommands = [];
-  allCommands.push(['Viewlet.create', id, uid]);
+  allCommands.push(['Viewlet.createFunctionalRoot', id, uid]);
   allCommands.push(...commands);
+  allCommands.push(['Viewlet.send', uid, 'appendWidget']);
   return allCommands;
 };
 const remove = widget => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "",
   "main": "dist/testWorkerMain.js",
   "type": "module",