@lvce-editor/editor-worker 3.20.0 → 3.21.0

package/dist/editorWorkerMain.js

@@ -128,141 +128,6 @@ const handleSliderPointerMove = (state, x, y) => {
   };
 };
 
-const ColoredMaskIcon = 'ColoredMaskIcon';
-const ColorPicker$2 = 'ColorPicker';
-const ColorPickerBackgroundColor = 'ColorPickerBackgroundColor';
-const ColorPickerDark = 'ColorPickerDark';
-const ColorPickerLight = 'ColorPickerLight';
-const ColorPickerRectangle = 'ColorPickerRectangle';
-const ColorPickerSlider = 'ColorPickerSlider';
-const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
-const CompletionDetailCloseButton = 'CompletionDetailCloseButton';
-const IconButtonDisabled = 'IconButtonDisabled';
-const IconButton = 'IconButton';
-const CompletionDetailContent = 'CompletionDetailContent';
-const Diagnostic = 'Diagnostic';
-const FindWidgetReplace = 'FindWidgetReplace';
-const FindWidgetFind = 'FindWidgetFind';
-const FindWidgetMatchCount = 'FindWidgetMatchCount';
-const FindWidgetRight = 'FindWidgetRight';
-const EditorCompletionItem = 'EditorCompletionItem';
-const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
-const EditorCompletionItemFocused = 'EditorCompletionItemFocused';
-const EditorCompletionItemHighlight = 'EditorCompletionItemHighlight';
-const EditorCursor = 'EditorCursor';
-const EditorRow = 'EditorRow';
-const EditorSelection = 'EditorSelection';
-const FileIcon = 'FileIcon';
-const HoverDisplayString = 'HoverDisplayString';
-const HoverDocumentation = 'HoverDocumentation';
-const SearchFieldButtons = 'SearchFieldButtons';
-const HoverEditorRow = 'HoverEditorRow';
-const MultilineInputBox = 'MultilineInputBox';
-const SearchField = 'SearchField';
-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(' ');
-};
-
-const Button = 1;
-const Div = 4;
-const Span = 8;
-const Text = 12;
-const Img = 17;
-const TextArea = 62;
-
-const getColorPickerVirtualDom = () => {
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, ColorPicker$2),
-    onPointerDown: HandlePointerDown,
-    childCount: 3
-  }, {
-    type: Div,
-    className: ColorPickerRectangle,
-    childCount: 3
-  }, {
-    type: Div,
-    className: ColorPickerBackgroundColor,
-    childCount: 0
-  }, {
-    type: Div,
-    className: ColorPickerLight,
-    childCount: 0
-  }, {
-    type: Div,
-    className: ColorPickerDark,
-    childCount: 0
-  }, {
-    type: Div,
-    className: ColorPickerSlider,
-    childCount: 0
-  }, {
-    type: Div,
-    className: ColorPickerSliderThumb,
-    childCount: 0
-  }];
-};
-
-const SetBounds = 'setBounds';
-const SetColor = 'setColor';
-const SetContentHeight = 'setContentHeight';
-const SetNegativeMargin = 'setNegativeMargin';
-const SetOffsetX = 'setOffsetX';
-const SetScrollBar = 'setScrollBar';
-const SetValue = 'setValue';
-
-const renderParts = (render, oldState, newState) => {
-  const commands = [];
-  for (const item of render) {
-    if (!item.isEqual(oldState, newState)) {
-      commands.push(item.apply(oldState, newState));
-    }
-  }
-  return commands;
-};
-
-const renderColor$1 = {
-  isEqual(oldState, newState) {
-    return oldState.color === newState.color;
-  },
-  apply(oldState, newState) {
-    return [/* method */SetColor, /* color */newState.color];
-  }
-};
-const renderOffsetX$1 = {
-  isEqual(oldState, newState) {
-    return oldState.offsetX === newState.offsetX;
-  },
-  apply(oldState, newState) {
-    return [/* method */SetOffsetX, /* offsetX */newState.offsetX];
-  }
-};
-const renderColorPickerDom = {
-  isEqual(oldState, newState) {
-    return oldState.min === newState.min && oldState.max === newState.max;
-  },
-  apply(oldState, newState) {
-    const dom = getColorPickerVirtualDom();
-    return ['Viewlet.setDom2', dom];
-  }
-};
-const render$b = [renderColorPickerDom, renderColor$1, renderOffsetX$1];
-const renderColorPicker = async (oldState, newState) => {
-  return renderParts(render$b, oldState, newState);
-};
-
 // TODO use numeric enum
 const CompositionUpdate = 'compositionUpdate';
 const ContentEditableInput = 'contentEditableInput';
@@ -1213,7 +1078,7 @@ const set$6 = (id, fn) => {
 const get$6 = id => {
   return state$1$1.callbacks[id];
 };
-const remove$5 = id => {
+const remove$6 = id => {
   delete state$1$1.callbacks[id];
 };
 const state$9 = {
@@ -1259,7 +1124,7 @@ const resolve = (id, args) => {
     return;
   }
   fn(args);
-  remove$5(id);
+  remove$6(id);
 };
 const create$2$1 = (method, params) => {
   const {
@@ -2392,7 +2257,7 @@ const cancelSelection = editor => {
 // TODO use numeric widget id
 const Completion = 'completion';
 const CompletionDetail$1 = 'completionDetail';
-const ColorPicker$1 = 'colorPicker';
+const ColorPicker$2 = 'colorPicker';
 const Find = 'find';
 const Hover = 'hover';
 const SourceAction = 'sourceAction';
@@ -2473,7 +2338,7 @@ const create$6 = () => {
 const create$5 = () => {
   const completionUid = create$6();
   const widget = {
-    id: ColorPicker$1,
+    id: ColorPicker$2,
     oldState: {
       color: '',
       offsetX: 0,
@@ -2500,7 +2365,7 @@ const create$5 = () => {
   return widget;
 };
 
-const ColorPicker = 41;
+const ColorPicker$1 = 41;
 const FindWidget = 16;
 const EditorCompletion = 9;
 const CompletionDetail = 999;
@@ -2519,7 +2384,7 @@ const newStateGenerator$1 = state => {
   return loadContent$3(state);
 };
 const openColorPicker = async editor => {
-  return addWidgetToEditor(ColorPicker$1, ColorPicker, editor, create$5, newStateGenerator$1);
+  return addWidgetToEditor(ColorPicker$2, ColorPicker$1, editor, create$5, newStateGenerator$1);
 };
 
 const state$6 = {
@@ -3433,6 +3298,9 @@ const noTypeDefinitionFound = () => {
 const noResults$1 = () => {
   return i18nString(UiStrings$1.NoResults);
 };
+const sourceAction = () => {
+  return i18nString(UiStrings$1.SourceAction);
+};
 const organizeImports$1 = () => {
   return i18nString(UiStrings$1.OrganizeImports);
 };
@@ -7765,6 +7633,55 @@ const handleSashPointerUp = (state, eventX, eventY) => {
   return state;
 };
 
+const ColoredMaskIcon = 'ColoredMaskIcon';
+const ColorPicker = 'ColorPicker';
+const ColorPickerBackgroundColor = 'ColorPickerBackgroundColor';
+const ColorPickerDark = 'ColorPickerDark';
+const ColorPickerLight = 'ColorPickerLight';
+const ColorPickerRectangle = 'ColorPickerRectangle';
+const ColorPickerSlider = 'ColorPickerSlider';
+const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
+const SourceActionItem = 'SourceActionItem';
+const SourceActionItemFocused = 'SourceActionItemFocused';
+const CompletionDetailCloseButton = 'CompletionDetailCloseButton';
+const IconButtonDisabled = 'IconButtonDisabled';
+const IconButton = 'IconButton';
+const SourceActionHeading = 'SourceActionHeading';
+const CompletionDetailContent = 'CompletionDetailContent';
+const Diagnostic = 'Diagnostic';
+const FindWidgetReplace = 'FindWidgetReplace';
+const FindWidgetFind = 'FindWidgetFind';
+const FindWidgetMatchCount = 'FindWidgetMatchCount';
+const FindWidgetRight = 'FindWidgetRight';
+const EditorCompletionItem = 'EditorCompletionItem';
+const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
+const EditorCompletionItemFocused = 'EditorCompletionItemFocused';
+const EditorCompletionItemHighlight = 'EditorCompletionItemHighlight';
+const EditorCursor = 'EditorCursor';
+const EditorRow = 'EditorRow';
+const EditorSelection = 'EditorSelection';
+const FileIcon = 'FileIcon';
+const HoverDisplayString = 'HoverDisplayString';
+const HoverDocumentation = 'HoverDocumentation';
+const SearchFieldButtons = 'SearchFieldButtons';
+const HoverEditorRow = 'HoverEditorRow';
+const MultilineInputBox = 'MultilineInputBox';
+const SearchField = 'SearchField';
+const HoverProblem = 'HoverProblem';
+const HoverProblemDetail = 'HoverProblemDetail';
+const HoverProblemMessage = 'HoverProblemMessage';
+const IconClose = 'IconClose';
+const Label = 'Label';
+const MaskIcon = 'MaskIcon';
+const Viewlet = 'Viewlet';
+
+const Button = 1;
+const Div = 4;
+const Span = 8;
+const Text = 12;
+const Img = 17;
+const TextArea = 62;
+
 const text = data => {
   return {
     type: Text,
@@ -7797,6 +7714,12 @@ const getLineInfosVirtualDom = lineInfos => {
   return dom;
 };
 
+const HandlePointerDown = 'handlePointerDown';
+const HandleSashPointerDown = 'handleSashPointerDown';
+const HandleClose = 'handleClose';
+const HandleFocusIn = 'handleFocusIn';
+const HandleClick = 'handleClick';
+
 const hoverProblemMessage = {
   type: Span,
   className: HoverProblemMessage,
@@ -7851,6 +7774,14 @@ const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
   return dom;
 };
 
+const SetBounds = 'setBounds';
+const SetColor = 'setColor';
+const SetContentHeight = 'setContentHeight';
+const SetNegativeMargin = 'setNegativeMargin';
+const SetOffsetX = 'setOffsetX';
+const SetScrollBar = 'setScrollBar';
+const SetValue = 'setValue';
+
 const renderHoverDom = {
   isEqual(oldState, newState) {
     return oldState.lineInfos === newState.lineInfos && oldState.documentation === newState.documentation && oldState.diagnostics === newState.diagnostics;
@@ -7860,7 +7791,7 @@ const renderHoverDom = {
     return [/* method */'Viewlet.setDom2', dom];
   }
 };
-const renderBounds$4 = {
+const renderBounds$5 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -7874,10 +7805,10 @@ const renderBounds$4 = {
     return [SetBounds, x, y, renderWidth, height];
   }
 };
-const render$a = [renderHoverDom, renderBounds$4];
+const render$c = [renderHoverDom, renderBounds$5];
 const renderHover = (oldState, newState) => {
   const commands = [];
-  for (const item of render$a) {
+  for (const item of render$c) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -8835,7 +8766,7 @@ const renderWidgets = {
   },
   multiple: true
 };
-const render$9 = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo, renderWidgets];
+const render$b = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo, renderWidgets];
 const renderEditor = async id => {
   const instance = get$7(id);
   if (!instance) {
@@ -8847,7 +8778,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$7(id, newState, newState);
-  for (const item of render$9) {
+  for (const item of render$b) {
     if (!item.isEqual(oldState, newState)) {
       const result = await item.apply(oldState, newState);
       // @ts-ignore
@@ -8893,8 +8824,8 @@ const wrapWidgetCommand = (widgetId, fn) => {
 };
 
 const widgetCommands = {
-  'ColorPicker.handleSliderPointerDown': ColorPicker$1,
-  'ColorPicker.handleSliderPointerMove': ColorPicker$1,
+  'ColorPicker.handleSliderPointerDown': ColorPicker$2,
+  'ColorPicker.handleSliderPointerMove': ColorPicker$2,
   // 'FindWidget.focusNext': WidgetId.Find,
   // 'FindWidget.focusPrevious': WidgetId.Find,
   'FindWidget.close': Find,
@@ -8945,7 +8876,6 @@ const commandMap = {
   'ColorPicker.handleSliderPointerDown': handleSliderPointerDown,
   'ColorPicker.handleSliderPointerMove': handleSliderPointerMove,
   'ColorPicker.loadContent': loadContent$3,
-  'ColorPicker.render': renderColorPicker,
   'Editor.addCursorAbove': addCursorAbove,
   'Editor.addCursorBelow': addCursorBelow,
   'Editor.applyEdit': applyEdit,
@@ -9322,7 +9252,7 @@ const renderItems = {
     return ['setDom', dom];
   }
 };
-const renderBounds$3 = {
+const renderBounds$4 = {
   isEqual(oldState, newState) {
     return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -9368,10 +9298,10 @@ const renderScrollBar = {
     return [/* method */SetScrollBar, /* scrollBarY */scrollBarY, /* scrollBarHeight */scrollBarHeight];
   }
 };
-const render$8 = [renderItems, renderBounds$3, renderHeight, renderNegativeMargin, renderScrollBar];
+const render$a = [renderItems, renderBounds$4, renderHeight, renderNegativeMargin, renderScrollBar];
 const renderCompletion = (oldState, newState) => {
   const commands = [];
-  for (const item of render$8) {
+  for (const item of render$a) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -9384,7 +9314,7 @@ const removeWidget = widget => {
   return [['Viewlet.send', widget.newState.uid, 'dispose']];
 };
 
-const render$7 = widget => {
+const render$9 = widget => {
   const commands = renderCompletion(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -9393,8 +9323,8 @@ const render$7 = widget => {
   }
   return wrappedCommands;
 };
-const add$4 = widget => {
-  const commands = render$7(widget);
+const add$5 = widget => {
+  const commands = render$9(widget);
   const id = 'EditorCompletion';
   // TODO how to generate a unique integer id
   // that doesn't collide with ids created in renderer worker?
@@ -9404,7 +9334,7 @@ const add$4 = widget => {
   allCommands.push(...commands);
   return allCommands;
 };
-const remove$4 = removeWidget;
+const remove$5 = removeWidget;
 const handleEditorType = (editor, state) => {
   const {
     unfilteredItems,
@@ -9469,11 +9399,11 @@ const handleEditorDeleteLeft = (editor, state) => {
 
 const EditorCompletionWidget = {
   __proto__: null,
-  add: add$4,
+  add: add$5,
   handleEditorDeleteLeft,
   handleEditorType,
-  remove: remove$4,
-  render: render$7
+  remove: remove$5,
+  render: render$9
 };
 
 const MessagePort$1 = 1;
@@ -9985,6 +9915,43 @@ const addWidget = (widget, id, render) => {
   return allCommands;
 };
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const getColorPickerVirtualDom = () => {
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, ColorPicker),
+    onPointerDown: HandlePointerDown,
+    childCount: 3
+  }, {
+    type: Div,
+    className: ColorPickerRectangle,
+    childCount: 3
+  }, {
+    type: Div,
+    className: ColorPickerBackgroundColor,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ColorPickerLight,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ColorPickerDark,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ColorPickerSlider,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ColorPickerSliderThumb,
+    childCount: 0
+  }];
+};
+
 const renderColor = {
   isEqual(oldState, newState) {
     return oldState.color === newState.color;
@@ -10010,7 +9977,7 @@ const renderContent$1 = {
     return ['Viewlet.setDom2', newState.uid, dom];
   }
 };
-const renderBounds$2 = {
+const renderBounds$3 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -10024,10 +9991,10 @@ const renderBounds$2 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const render$6 = [renderContent$1, renderBounds$2, renderColor, renderOffsetX];
+const render$8 = [renderContent$1, renderBounds$3, renderColor, renderOffsetX];
 const renderFull$1 = (oldState, newState) => {
   const commands = [];
-  for (const item of render$6) {
+  for (const item of render$8) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -10035,7 +10002,7 @@ const renderFull$1 = (oldState, newState) => {
   return commands;
 };
 
-const render$5 = widget => {
+const render$7 = widget => {
   const commands = renderFull$1(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -10048,10 +10015,10 @@ const render$5 = widget => {
   }
   return wrappedCommands;
 };
-const add$3 = widget => {
-  return addWidget(widget, 'ColorPicker', render$5);
+const add$4 = widget => {
+  return addWidget(widget, 'ColorPicker', render$7);
 };
-const remove$3 = removeWidget;
+const remove$4 = removeWidget;
 const Commands$1 = {
   'ColorPicker.handleSliderPointerDown': handleSliderPointerDown,
   'ColorPicker.handleSliderPointerMove': handleSliderPointerMove
@@ -10060,9 +10027,9 @@ const Commands$1 = {
 const EditorColorPickerWidget = {
   __proto__: null,
   Commands: Commands$1,
-  add: add$3,
-  remove: remove$3,
-  render: render$5
+  add: add$4,
+  remove: remove$4,
+  render: render$7
 };
 
 const getCompletionDetailVirtualDom = content => {
@@ -10087,6 +10054,16 @@ const getCompletionDetailVirtualDom = content => {
   return dom;
 };
 
+const renderParts = (render, oldState, newState) => {
+  const commands = [];
+  for (const item of render) {
+    if (!item.isEqual(oldState, newState)) {
+      commands.push(item.apply(oldState, newState));
+    }
+  }
+  return commands;
+};
+
 const renderContent = {
   isEqual(oldState, newState) {
     return oldState.content === newState.content;
@@ -10096,7 +10073,7 @@ const renderContent = {
     return ['Viewlet.setDom2', newState.uid, dom];
   }
 };
-const renderBounds$1 = {
+const renderBounds$2 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -10110,12 +10087,12 @@ const renderBounds$1 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const render$4 = [renderContent, renderBounds$1];
+const render$6 = [renderContent, renderBounds$2];
 const renderFull = (oldState, newState) => {
-  return renderParts(render$4, oldState, newState);
+  return renderParts(render$6, oldState, newState);
 };
 
-const render$3 = widget => {
+const render$5 = widget => {
   const commands = renderFull(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -10128,16 +10105,16 @@ const render$3 = widget => {
   }
   return wrappedCommands;
 };
-const add$2 = widget => {
-  return addWidget(widget, 'EditorCompletionDetails', render$3);
+const add$3 = widget => {
+  return addWidget(widget, 'EditorCompletionDetails', render$5);
 };
-const remove$2 = removeWidget;
+const remove$3 = removeWidget;
 
 const EditorCompletionDetailWidget = {
   __proto__: null,
-  add: add$2,
-  remove: remove$2,
-  render: render$3
+  add: add$3,
+  remove: remove$3,
+  render: render$5
 };
 
 /**
@@ -10440,7 +10417,7 @@ const renderDetails = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const renderBounds = {
+const renderBounds$1 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -10483,16 +10460,16 @@ const renderFocus = {
 //   },
 // }
 
-const render$2 = [renderDetails, renderBounds, renderValue, renderFocus];
+const render$4 = [renderDetails, renderBounds$1, renderValue, renderFocus];
 const apply = (oldState, newState) => {
   // TODO avoid side effect
   if (oldState.focus !== newState.focus) {
     setFocus(newState.focus);
   }
-  return renderParts(render$2, oldState, newState);
+  return renderParts(render$4, oldState, newState);
 };
 
-const render$1 = widget => {
+const render$3 = widget => {
   const commands = apply(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
@@ -10505,10 +10482,10 @@ const render$1 = widget => {
   }
   return wrappedCommands;
 };
-const add$1 = widget => {
-  return addWidget(widget, 'FindWidget', render$1);
+const add$2 = widget => {
+  return addWidget(widget, 'FindWidget', render$3);
 };
-const remove$1 = removeWidget;
+const remove$2 = removeWidget;
 const Commands = {
   'FindWidget.close': close$1,
   'FindWidget.focusNext': focusNext$1,
@@ -10523,22 +10500,127 @@ const Commands = {
 const EditorFindWidget = {
   __proto__: null,
   Commands,
+  add: add$2,
+  remove: remove$2,
+  render: render$3
+};
+
+const render$2 = widget => {
+  const commands = renderHover(widget.oldState, widget.newState);
+  const wrappedCommands = [];
+  const uid = widget.newState.uid;
+  for (const command of commands) {
+    if (command[0] === 'Viewlet.setDom2') {
+      wrappedCommands.push([command[0], uid, ...command.slice(1)]);
+    } else {
+      wrappedCommands.push(['Viewlet.send', uid, ...command]);
+    }
+  }
+  return wrappedCommands;
+};
+const add$1 = widget => {
+  return addWidget(widget, 'EditorHover', render$2);
+};
+const remove$1 = removeWidget;
+
+const EditorHoverWidget = {
+  __proto__: null,
   add: add$1,
   remove: remove$1,
-  render: render$1
+  render: render$2
 };
 
-const SourceActionWidget = {
-  __proto__: null
+const getActionClassName = isFocused => {
+  if (isFocused) {
+    return mergeClassNames(SourceActionItem, SourceActionItemFocused);
+  }
+  return SourceActionItem;
+};
+const getSourceActionListItemVirtualDom = sourceAction => {
+  const {
+    name,
+    isFocused
+  } = sourceAction;
+  const actionClassName = getActionClassName(isFocused);
+  return [{
+    type: Div,
+    className: actionClassName,
+    childCount: 2
+  }, {
+    type: Div,
+    className: 'SourceActionIcon MaskIcon MaskIconSymbolFile'
+  }, text(name)];
+};
+
+const getSourceActionsVirtualDom = sourceActions => {
+  const dom = [{
+    type: Div,
+    className: 'Viewlet EditorSourceActions',
+    tabIndex: -1,
+    childCount: 2,
+    onFocusIn: HandleFocusIn
+  }, {
+    type: Div,
+    className: SourceActionHeading,
+    childCount: 1
+  }, text(sourceAction()), {
+    type: Div,
+    className: 'EditorSourceActionsList',
+    childCount: sourceActions.length,
+    onClick: HandleClick
+  }, ...sourceActions.flatMap(getSourceActionListItemVirtualDom)];
+  return dom;
+};
+
+const getVisibleSourceActions = (sourceActions, focusedIndex) => {
+  const visible = [];
+  for (let i = 0; i < sourceActions.length; i++) {
+    const isFocused = i === focusedIndex;
+    const sourceAction = sourceActions[i];
+    visible.push({
+      ...sourceAction,
+      isFocused
+    });
+  }
+  return visible;
+};
+
+const renderSourceActions = {
+  isEqual(oldState, newState) {
+    return oldState.sourceActions === newState.sourceActions && oldState.focusedIndex === newState.focusedIndex;
+  },
+  apply(oldStatem, newState) {
+    const visible = getVisibleSourceActions(newState.sourceActions, newState.focusedIndex);
+    const dom = getSourceActionsVirtualDom(visible);
+    return ['Viewlet.setDom2', newState.uid, dom];
+  }
+};
+const renderBounds = {
+  isEqual(oldState, newState) {
+    return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
+  },
+  apply(oldState, newState) {
+    return ['setBounds', newState.x, newState.y, newState.width, newState.height];
+  }
+};
+const render$1 = [renderSourceActions, renderBounds];
+const doRender = (oldState, newState) => {
+  const commands = [];
+  for (const item of render$1) {
+    if (!item.isEqual(oldState, newState)) {
+      commands.push(item.apply(oldState, newState));
+    }
+  }
+  return commands;
 };
 
 const render = widget => {
-  const commands = renderHover(widget.oldState, widget.newState);
+  const commands = doRender(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
     if (command[0] === 'Viewlet.setDom2') {
-      wrappedCommands.push([command[0], uid, ...command.slice(1)]);
+      wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
     }
@@ -10546,11 +10628,11 @@ const render = widget => {
   return wrappedCommands;
 };
 const add = widget => {
-  return addWidget(widget, 'EditorHover', render);
+  return addWidget(widget, 'EditorSourceActions', render);
 };
 const remove = removeWidget;
 
-const EditorHoverWidget = {
+const EditorSourceActionWidget = {
   __proto__: null,
   add,
   remove,
@@ -10558,12 +10640,12 @@ const EditorHoverWidget = {
 };
 
 const registerWidgets = () => {
-  set(ColorPicker$1, EditorColorPickerWidget);
+  set(ColorPicker$2, EditorColorPickerWidget);
   set(Completion, EditorCompletionWidget);
   set(CompletionDetail$1, EditorCompletionDetailWidget);
   set(Find, EditorFindWidget);
   set(Hover, EditorHoverWidget);
-  set(SourceAction, SourceActionWidget);
+  set(SourceAction, EditorSourceActionWidget);
 };
 
 const main = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "3.20.0",
+  "version": "3.21.0",
   "description": "",
   "main": "dist/editorWorkerMain.js",
   "type": "module",