@lvce-editor/quick-pick-worker 4.19.2 → 4.20.0

package/dist/quickPickWorkerMain.js

@@ -1356,6 +1356,7 @@ const ExtensionManagementWorker = 9006;
 const RendererProcess = 1670;
 const RendererWorker = 1;
 
+const SetCss = 'Viewlet.setCss';
 const SetDom2 = 'Viewlet.setDom2';
 const SetFocusContext = 'Viewlet.setFocusContext';
 const SetPatches = 'Viewlet.setPatches';
@@ -1998,24 +1999,25 @@ const create = (uid, uri, listItemHeight, x, y, width, height, platform, args, _
   set$2(uid, state, state);
 };
 
+const isEqual$4 = (oldState, newState) => {
+  return oldState.deltaY === newState.deltaY && oldState.finalDeltaY === newState.finalDeltaY && oldState.headerHeight === newState.headerHeight && oldState.height === newState.height && oldState.itemHeight === newState.itemHeight && oldState.items.length === newState.items.length && oldState.minimumSliderSize === newState.minimumSliderSize;
+};
+
 const RenderItems = 1;
 const RenderIncremental = 10;
 const RenderFocus = 2;
 const RenderValue = 3;
+const RenderCss = 4;
 const RenderCursorOffset = 7;
 const RenderFocusedIndex = 8;
 const Height = 9;
 
-const isEqual$4 = (oldState, newState) => {
-  return oldState.focused === newState.focused;
-};
-
 const isEqual$3 = (oldState, newState) => {
-  return oldState.focusedIndex === newState.focusedIndex;
+  return oldState.focused === newState.focused;
 };
 
 const isEqual$2 = (oldState, newState) => {
-  return oldState.items.length === newState.items.length;
+  return oldState.focusedIndex === newState.focusedIndex;
 };
 
 const isEqual$1 = (oldState, newState) => {
@@ -2027,8 +2029,8 @@ const isEqual = (oldState, newState) => {
   return newState.inputSource === User || oldState.value === newState.value;
 };
 
-const modules = [isEqual$2, isEqual$1, isEqual, isEqual$3, isEqual$4];
-const numbers = [Height, RenderIncremental, diffType, RenderFocusedIndex, RenderFocus];
+const modules = [isEqual$4, isEqual$1, isEqual, isEqual$2, isEqual$3];
+const numbers = [RenderCss, RenderIncremental, diffType, RenderFocusedIndex, RenderFocus];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -2172,7 +2174,7 @@ const focusIndex = async (state, index) => {
   await focusPick(providerId, items[index]);
   if (index < minLineY + 1) {
     const minLineY = index;
-    const maxLineY = Math.min(index + maxVisibleItems, items.length - 1);
+    const maxLineY = Math.min(index + maxVisibleItems, items.length);
     const sliced = items.slice(minLineY, maxLineY);
     const {
       icons,
@@ -2692,6 +2694,9 @@ const getFilterValue = (id, subId, value) => {
   if (subId === GoToLine$2) {
     return getValueGoToLine();
   }
+  if (id === File$1 && subId === Commands$1) {
+    return getFilterValueEverything(value);
+  }
   const fn = getFn(id);
   const filterValue = fn(value);
   return filterValue;
@@ -3690,6 +3695,9 @@ const getPicks = (id, searchValue, args, {
 };
 
 const getQuickPickSubProviderId = (id, prefix) => {
+  if (id === File$1) {
+    return prefix === Command ? Commands$1 : File$1;
+  }
   if (id !== EveryThing$1) {
     return id;
   }
@@ -4241,6 +4249,47 @@ const initialize = async () => {
   // not needed anymore
 };
 
+const getCss = (scrollBarHeight, scrollBarTop, quickPickItemsHeight) => {
+  return `.QuickPick {
+  --QuickPickItemsHeight: ${quickPickItemsHeight}px;
+  --ScrollBarThumbHeight: ${scrollBarHeight}px;
+  --ScrollBarThumbTop: ${scrollBarTop}px;
+}
+.QuickPick .QuickPickItems {
+  height: var(--QuickPickItemsHeight);
+}
+.QuickPick .ScrollBarThumb {
+  height: var(--ScrollBarThumbHeight);
+  translate: 0px var(--ScrollBarThumbTop);
+}`;
+};
+
+const getQuickPickItemsHeight = height => {
+  if (height === 0) {
+    return 20;
+  }
+  return height;
+};
+const renderCss = (_oldState, newState) => {
+  const {
+    deltaY,
+    finalDeltaY,
+    headerHeight,
+    height,
+    itemHeight,
+    items,
+    minimumSliderSize,
+    uid
+  } = newState;
+  const quickPickItemsHeight = getQuickPickItemsHeight(height);
+  const listHeight = getListHeight$1(items.length, itemHeight, quickPickItemsHeight);
+  const contentHeight = items.length * itemHeight;
+  const scrollBarHeight = getScrollBarSize(listHeight, contentHeight, minimumSliderSize);
+  const scrollBarTop = Math.round(getScrollBarY(deltaY, finalDeltaY, quickPickItemsHeight - headerHeight, scrollBarHeight));
+  const css = getCss(scrollBarHeight, scrollBarTop, quickPickItemsHeight);
+  return [SetCss, uid, css];
+};
+
 const SetCursorOffset = 'setCursorOffset';
 const SetFocusedIndex = 'setFocusedIndex';
 const SetItemsHeight = 'setItemsHeight';
@@ -4276,13 +4325,6 @@ const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
 
-const px = value => {
-  return `${value}px`;
-};
-const position = (x, y) => {
-  return `${x}px ${y}px`;
-};
-
 const text = data => {
   return {
     childCount: 0,
@@ -4706,6 +4748,7 @@ const QuickPickItem = 'QuickPickItem';
 const QuickPickItemActive$1 = 'QuickPickItemActive';
 const QuickPickItemDescription = 'QuickPickItemDescription';
 const QuickPickItemLabel = 'QuickPickItemLabel';
+const QuickPickItems$1 = 'QuickPickItems';
 const QuickPickInputWrapper = 'QuickPickInputWrapper';
 const QuickPickMaskIcon = 'QuickPickMaskIcon';
 const QuickPickStatus = 'QuickPickStatus';
@@ -4873,8 +4916,6 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   if (!shouldShowScrollbar) {
     return [];
   }
-  const heightString = px(scrollBarHeight);
-  const translateString = position(0, scrollBarTop);
   return [{
     childCount: 1,
     className: mergeClassNames(ScrollBar, ScrollBarSmall),
@@ -4883,8 +4924,6 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   }, {
     childCount: 0,
     className: ScrollBarThumb,
-    height: heightString,
-    translate: translateString,
     type: Div
   }];
 };
@@ -4920,7 +4959,7 @@ const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, pla
   }, ...getQuickPickHeaderVirtualDom(placeholder, inputAriaLabel), {
     ariaActivedescendant: QuickPickItemActive,
     childCount: shouldShowScrollbar ? 2 : 1,
-    className: mergeClassNames(List, ContainContent),
+    className: mergeClassNames(List, ContainContent, QuickPickItems$1),
     id: QuickPickItems,
     onPointerDown: HandlePointerDown,
     onWheel: HandleWheel,
@@ -4930,7 +4969,7 @@ const getQuickPickVirtualDom = (visibleItems, scrollBarHeight, scrollBarTop, pla
     childCount: listItemsChildCount,
     className: mergeClassNames(ListItems, ContainContent),
     type: Div
-  }, ...quickPickItemsDom, ...getScrollBarVirtualDom(scrollBarHeight, scrollBarTop)];
+  }, ...quickPickItemsDom, ...getScrollBarVirtualDom(scrollBarHeight)];
 };
 
 const renderItemsDom = state => {
@@ -4966,6 +5005,8 @@ const getRenderer = diffType => {
   switch (diffType) {
     case Height:
       return renderHeight;
+    case RenderCss:
+      return renderCss;
     case RenderCursorOffset:
       return renderCursorOffset;
     case RenderFocus:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/quick-pick-worker",
-  "version": "4.19.2",
+  "version": "4.20.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/quick-pick-worker.git"