@lvce-editor/editor-worker 4.6.0 → 4.8.0

package/dist/editorWorkerMain.js

@@ -3357,7 +3357,8 @@ const UiStrings$1 = {
   Replace: 'Replace',
   SourceAction: 'Source Action',
   OrganizeImports: 'Organize Imports',
-  SortImports: 'Sort Imports'
+  SortImports: 'Sort Imports',
+  NoCodeActionsAvailable: 'No code actions available'
 };
 const noDefinitionFound = () => {
   return i18nString(UiStrings$1.NoDefinitionFound);
@@ -3381,6 +3382,9 @@ const noResults$1 = () => {
 const sourceAction = () => {
   return i18nString(UiStrings$1.SourceAction);
 };
+const noCodeActionsAvailable = () => {
+  return i18nString(UiStrings$1.NoCodeActionsAvailable);
+};
 
 // @ts-ignore
 const goTo = async ({
@@ -6721,12 +6725,19 @@ const getEditorSourceActions = async () => {
   return sourceActions;
 };
 
-const getSourceActionWidgetPosition = editor => {
+const getHeight = sourceActionCount => {
+  if (sourceActionCount === 0) {
+    return 45;
+  }
+  return 150;
+};
+const getSourceActionWidgetPosition = (editor, sourceActionCount) => {
   const width = 300;
-  const height = 150;
+  const height = getHeight(sourceActionCount);
   const cursor = getPositionAtCursor(editor);
   const x = cursor.x;
   const y = cursor.y;
+  // TODO support virtual list
   return {
     x,
     y,
@@ -6745,7 +6756,7 @@ const loadSourceActions = async (editor, state) => {
     y,
     width,
     height
-  } = getSourceActionWidgetPosition(editor);
+  } = getSourceActionWidgetPosition(editor, sourceActions.length);
   return {
     ...state,
     sourceActions,
@@ -7861,6 +7872,7 @@ const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
 const SourceActionItem = 'SourceActionItem';
 const SourceActionItemFocused = 'SourceActionItemFocused';
 const CompletionDetailCloseButton = 'CompletionDetailCloseButton';
+const EditorSourceActionsList = 'EditorSourceActionsList';
 const IconButtonDisabled = 'IconButtonDisabled';
 const IconButton = 'IconButton';
 const SourceActionHeading = 'SourceActionHeading';
@@ -7869,6 +7881,7 @@ const Diagnostic = 'Diagnostic';
 const FindWidgetReplace = 'FindWidgetReplace';
 const FindWidgetFind = 'FindWidgetFind';
 const FindWidgetMatchCount = 'FindWidgetMatchCount';
+const FindWidgetMatchCountEmpty = 'FindWidgetMatchCountEmpty';
 const FindWidgetRight = 'FindWidgetRight';
 const EditorCompletionItem = 'EditorCompletionItem';
 const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
@@ -7937,6 +7950,8 @@ const HandleSashPointerDown = 'handleSashPointerDown';
 const HandleClose = 'handleClose';
 const HandleFocusIn = 'handleFocusIn';
 const HandleClick = 'handleClick';
+const HandleInput = 'handleInput';
+const HandleFocus = 'handleFocus';
 
 const hoverProblemMessage = {
   type: Span,
@@ -10608,6 +10623,13 @@ const getFindWidgetFocusSelector = focus => {
   }
 };
 
+const getFindMatchCountClassName = matchCount => {
+  if (matchCount === 0) {
+    return mergeClassNames(FindWidgetMatchCount, FindWidgetMatchCountEmpty);
+  }
+  return FindWidgetMatchCount;
+};
+
 const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
@@ -10690,17 +10712,18 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
   return dom;
 };
 
-const getFindWidgetFindVirtualDom = (matchCountText, buttons) => {
+const getFindWidgetFindVirtualDom = (matchCountText, buttons, matchCount) => {
   const dom = [];
   dom.push({
     type: Div,
     className: FindWidgetFind,
     childCount: 5
   });
-  dom.push(...getSearchFieldVirtualDom('search-value', find(), 'handleInput', [], [], 'handleFocus'));
+  dom.push(...getSearchFieldVirtualDom('search-value', find(), HandleInput, [], [], HandleFocus));
+  const findClassName = getFindMatchCountClassName(matchCount);
   dom.push({
     type: Div,
-    className: FindWidgetMatchCount,
+    className: findClassName,
     childCount: 1
   }, text(matchCountText), ...buttons.flatMap(getIconButtonVirtualDom));
   return dom;
@@ -10737,7 +10760,7 @@ const getSearchToggleButtonVirtualDom = (replaceExpanded, onClick = '') => {
   }];
 };
 
-const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, replaceButtons, matchCase, matchWholeWord, useRegularExpression) => {
+const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, replaceButtons, matchCase, matchWholeWord, useRegularExpression, matchCount) => {
   const dom = [];
   dom.push({
     type: Div,
@@ -10751,7 +10774,7 @@ const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, r
     className: FindWidgetRight,
     childCount: replaceExpanded ? 2 : 1
   });
-  dom.push(...getFindWidgetFindVirtualDom(matchCountText, findButtons));
+  dom.push(...getFindWidgetFindVirtualDom(matchCountText, findButtons, matchCount));
   if (replaceExpanded) {
     dom.push(...getFindWidgetReplaceVirtualDom(replaceExpanded, replaceButtons));
   }
@@ -10784,7 +10807,7 @@ const renderDetails = {
       findButtons,
       replaceButtons
     } = getFindWidgetButtons(buttonsEnabled);
-    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons);
+    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons, newState.matchCase, newState.matchWholeWord, newState.useRegularExpression, newState.matchCount);
     return ['Viewlet.setDom2', dom];
   }
 };
@@ -11000,7 +11023,32 @@ const getSourceActionListItemVirtualDom = sourceAction => {
   }, text(name)];
 };
 
+const getEditorMessageVirtualDom = message => {
+  const dom = [{
+    type: Div,
+    className: 'Viewlet EditorMessage',
+    tabIndex: -1,
+    childCount: 2
+  }, {
+    type: Div,
+    className: 'EditorMessageText',
+    childCount: 1
+  }, text(message), {
+    type: Div,
+    className: 'EditorMessageTriangle',
+    childCount: 0
+  }];
+  return dom;
+};
+
+const getEmptySourceActionsVirtualDom = () => {
+  return getEditorMessageVirtualDom(noCodeActionsAvailable());
+};
+
 const getSourceActionsVirtualDom = sourceActions => {
+  if (sourceActions.length === 0) {
+    return getEmptySourceActionsVirtualDom();
+  }
   const dom = [{
     type: Div,
     className: 'Viewlet EditorSourceActions',
@@ -11013,7 +11061,7 @@ const getSourceActionsVirtualDom = sourceActions => {
     childCount: 1
   }, text(sourceAction()), {
     type: Div,
-    className: 'EditorSourceActionsList',
+    className: EditorSourceActionsList,
     childCount: sourceActions.length,
     onClick: HandleClick
   }, ...sourceActions.flatMap(getSourceActionListItemVirtualDom)];

package/package.json

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