@lvce-editor/editor-worker 19.47.1 → 19.48.0

package/dist/editorWorkerMain.js

@@ -5532,7 +5532,7 @@ const isEqual$3 = (oldState, newState) => {
 };
 
 const isEqual$2 = (oldState, newState) => {
-  return oldState.breadcrumbsEnabled === newState.breadcrumbsEnabled && oldState.breakPoints === newState.breakPoints && oldState.bracketMatchInfos === newState.bracketMatchInfos && oldState.cursorInfos === newState.cursorInfos && oldState.diagnostics === newState.diagnostics && oldState.documentSymbols === newState.documentSymbols && oldState.endOfLineDecorations === newState.endOfLineDecorations && oldState.gutterDecorations === newState.gutterDecorations && oldState.highlightedLine === newState.highlightedLine && oldState.lineNumbers === newState.lineNumbers && oldState.loadError === newState.loadError && oldState.textInfos === newState.textInfos && oldState.differences === newState.differences && oldState.initial === newState.initial && oldState.selectionInfos === newState.selectionInfos && oldState.selections === newState.selections && oldState.workspaceUri === newState.workspaceUri;
+  return oldState.breadcrumbsEnabled === newState.breadcrumbsEnabled && oldState.breakPoints === newState.breakPoints && oldState.bracketMatchInfos === newState.bracketMatchInfos && oldState.cursorInfos === newState.cursorInfos && oldState.diagnostics === newState.diagnostics && oldState.documentSymbols === newState.documentSymbols && oldState.endOfLineDecorations === newState.endOfLineDecorations && oldState.focused === newState.focused && oldState.gutterDecorations === newState.gutterDecorations && oldState.highlightedLine === newState.highlightedLine && oldState.lineNumbers === newState.lineNumbers && oldState.loadError === newState.loadError && oldState.textInfos === newState.textInfos && oldState.differences === newState.differences && oldState.initial === newState.initial && oldState.selectionInfos === newState.selectionInfos && oldState.selections === newState.selections && oldState.workspaceUri === newState.workspaceUri;
 };
 
 const isEqual$1 = (oldState, newState) => {
@@ -12552,6 +12552,7 @@ const HoverProblemMessage = 'HoverProblemMessage';
 const IconClose = 'IconClose';
 const InputBox = 'InputBox';
 const MaskIcon = 'MaskIcon';
+const SelectionUnfocused = 'SelectionUnfocused';
 const Viewlet = 'Viewlet';
 
 const HandleBeforeInput = 1;
@@ -14961,8 +14962,9 @@ const getEditorRowsVirtualDom = (textInfos, differences, lineNumbers = true, hig
   }, ...rowsDom];
 };
 
-const getSelectionsVirtualDom = selections => {
+const getSelectionsVirtualDom = (selections, focused = true) => {
   const dom = [];
+  const className = focused ? EditorSelection : mergeClassNames(EditorSelection, SelectionUnfocused);
   for (let i = 0; i < selections.length; i += 4) {
     const x = selections[i];
     const y = selections[i + 1];
@@ -14970,7 +14972,7 @@ const getSelectionsVirtualDom = selections => {
     const height = selections[i + 3];
     dom.push({
       childCount: 0,
-      className: EditorSelection,
+      className,
       height,
       left: x,
       top: y,
@@ -14981,8 +14983,8 @@ const getSelectionsVirtualDom = selections => {
   return dom;
 };
 
-const getEditorSelectionsVirtualDom = selectionInfos => {
-  const selectionsDom = getSelectionsVirtualDom(selectionInfos);
+const getEditorSelectionsVirtualDom = (selectionInfos, focused = true) => {
+  const selectionsDom = getSelectionsVirtualDom(selectionInfos, focused);
   return [{
     childCount: selectionInfos.length / 4,
     className: 'Selections',
@@ -14995,8 +14997,8 @@ const editorLayersNode = {
   className: 'EditorLayers',
   type: Div
 };
-const getEditorLayersVirtualDom = (selectionInfos, textInfos, differences, lineNumbers = true, highlightedLine = -1, cursorInfos = [], diagnostics = [], visibleLineIndices = [], endOfLineDecorations = [], bracketMatchInfos = []) => {
-  return [editorLayersNode, ...getEditorSelectionsVirtualDom(selectionInfos), ...getEditorRowsVirtualDom(textInfos, differences, lineNumbers, highlightedLine, visibleLineIndices, endOfLineDecorations), ...getEditorCursorsVirtualDom(cursorInfos), ...getEditorDiagnosticsVirtualDom(diagnostics, bracketMatchInfos)];
+const getEditorLayersVirtualDom = (selectionInfos, textInfos, differences, lineNumbers = true, highlightedLine = -1, cursorInfos = [], diagnostics = [], visibleLineIndices = [], endOfLineDecorations = [], bracketMatchInfos = [], focused = true) => {
+  return [editorLayersNode, ...getEditorSelectionsVirtualDom(selectionInfos, focused), ...getEditorRowsVirtualDom(textInfos, differences, lineNumbers, highlightedLine, visibleLineIndices, endOfLineDecorations), ...getEditorCursorsVirtualDom(cursorInfos), ...getEditorDiagnosticsVirtualDom(diagnostics, bracketMatchInfos)];
 };
 
 const getEditorScrollBarDiagnosticsVirtualDom = scrollBarDiagnostics => {
@@ -15058,6 +15060,7 @@ const getEditorContentVirtualDom = ({
   diagnostics = [],
   differences,
   endOfLineDecorations = [],
+  focused = true,
   highlightedLine = -1,
   lineNumbers = true,
   scrollBarDiagnostics = [],
@@ -15065,7 +15068,7 @@ const getEditorContentVirtualDom = ({
   textInfos,
   visibleLineIndices = []
 }) => {
-  return [editorContentNode, ...getEditorInputVirtualDom(), ...getEditorLayersVirtualDom(selectionInfos, textInfos, differences, lineNumbers, highlightedLine, cursorInfos, diagnostics, visibleLineIndices, endOfLineDecorations, bracketMatchInfos), ...getEditorScrollBarDiagnosticsVirtualDom(scrollBarDiagnostics), ...getScrollBarVirtualDom()];
+  return [editorContentNode, ...getEditorInputVirtualDom(), ...getEditorLayersVirtualDom(selectionInfos, textInfos, differences, lineNumbers, highlightedLine, cursorInfos, diagnostics, visibleLineIndices, endOfLineDecorations, bracketMatchInfos, focused), ...getEditorScrollBarDiagnosticsVirtualDom(scrollBarDiagnostics), ...getScrollBarVirtualDom()];
 };
 
 const getGutterInfoVirtualDom = (gutterInfo, activeLineNumber) => {
@@ -15194,6 +15197,7 @@ const getEditorVirtualDom = ({
   differences,
   documentSymbols = [],
   endOfLineDecorations = [],
+  focused = true,
   gutterDecorations = [],
   gutterInfos = [],
   highlightedLine = -1,
@@ -15251,6 +15255,7 @@ const getEditorVirtualDom = ({
     diagnostics,
     differences,
     endOfLineDecorations,
+    focused,
     highlightedLine,
     lineNumbers,
     scrollBarDiagnostics,
@@ -15457,10 +15462,10 @@ const renderSelections = {
       selectionInfos = []
     } = newState;
     const cursorsDom = getCursorsVirtualDom(cursorInfos);
-    const selectionsDom = getSelectionsVirtualDom(selectionInfos);
+    const selectionsDom = getSelectionsVirtualDom(selectionInfos, newState.focused);
     return [/* method */'setSelections', cursorsDom, selectionsDom];
   },
-  isEqual: (oldState, newState) => oldState.cursorInfos === newState.cursorInfos && oldState.selectionInfos === newState.selectionInfos
+  isEqual: (oldState, newState) => oldState.cursorInfos === newState.cursorInfos && oldState.selectionInfos === newState.selectionInfos && oldState.focused === newState.focused
 };
 const renderCss = {
   apply: renderCss$1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "19.47.1",
+  "version": "19.48.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:lvce-editor/editor-worker.git"