@lvce-editor/completion-worker 1.11.0 → 1.12.0

package/dist/completionWorkerMain.js

@@ -1906,8 +1906,13 @@ const renderContent = (oldState, newState) => {
   return [SetDom2, uid, dom];
 };
 
-const getEventListeners = uid => {
-  return [];
+const HandleWheel = 'handleWheel';
+
+const getEventListeners = () => {
+  return [{
+    name: HandleWheel,
+    params: ['EditorCompletion.handleWheel', 'event.deltaMode', 'event.deltaY']
+  }];
 };
 
 const renderEventListeners = state => {
@@ -1922,6 +1927,10 @@ const renderFocusContext = (oldState, newState) => {
   return [/* method */'Viewlet.setFocusContext', FocusEditorRename];
 };
 
+const None = 'none';
+const Option = 'option';
+const ListBox = 'listbox';
+
 const ColoredMaskIcon = 'ColoredMaskIcon';
 const EditorCompletion = 'EditorCompletion';
 const EditorCompletionItem = 'EditorCompletionItem';
@@ -1931,9 +1940,29 @@ const EditorCompletionItemHighlight = 'EditorCompletionItemHighlight';
 const FileIcon = 'FileIcon';
 const Label = 'Label';
 const Viewlet = 'Viewlet';
+const ListItems = 'ListItems';
 
-const None = 'none';
-const Option = 'option';
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const NoSuggestions = 'No Suggestions';
+const Suggest = 'Suggest';
+
+const noSuggestions = () => {
+  return i18nString(NoSuggestions);
+};
+const suggest = () => {
+  return i18nString(Suggest);
+};
 
 const Div = 4;
 const Span = 8;
@@ -2041,24 +2070,6 @@ const getCompletionItemVirtualDom = visibleItem => {
   }, getIconDom(fileIcon, symbolName), ...getHighlightedLabelDom(label, highlights)];
 };
 
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const NoSuggestions = 'No Suggestions';
-
-const noSuggestions = () => {
-  return i18nString(NoSuggestions);
-};
-
 const parentNode = {
   type: Div,
   childCount: 1
@@ -2087,10 +2098,11 @@ const getCompletionVirtualDom = visibleItems => {
     childCount: 1
   }, {
     type: Div,
-    className: 'ListItems',
-    role: 'listbox',
-    ariaLabel: 'Suggest',
-    childCount: 1
+    className: ListItems,
+    role: ListBox,
+    ariaLabel: suggest(),
+    childCount: 1,
+    onWheel: HandleWheel
   }, ...getCompletionItemsVirtualDom(visibleItems)
 
   // TODO render scrollbar
@@ -2158,6 +2170,7 @@ const getHighlights = item => {
 const getLabel = item => {
   return item.label;
 };
+
 const getVisibleIem = (item, itemHeight, leadingWord, i, focusedIndex) => {
   return {
     label: getLabel(item),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/completion-worker",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "Web Worker for the find widget in Lvce Editor",
   "repository": {
     "type": "git",