@lvce-editor/extension-search-view 7.1.0 → 7.2.0

package/dist/extensionSearchViewWorkerMain.js

@@ -1867,7 +1867,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.deltaY === newState.deltaY && oldState.focusedIndex === newState.focusedIndex && oldState.message === newState.message && oldState.focus === newState.focus && oldState.inputActions === newState.inputActions && oldState.placeholder === newState.placeholder && oldState.scrollBarHeight === newState.scrollBarHeight;
+  return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex && oldState.message === newState.message && oldState.focus === newState.focus && oldState.inputActions === newState.inputActions && oldState.placeholder === newState.placeholder;
 };
 
 const User = 1;
@@ -2851,9 +2851,13 @@ const handleScrollBarMove = (state, eventY) => {
     handleOffset,
     headerHeight,
     height,
+    scrollBarActive,
     scrollBarHeight,
     y
   } = state;
+  if (!scrollBarActive) {
+    return state;
+  }
   const relativeY = eventY - y - headerHeight - handleOffset;
   const contentHeight = height - headerHeight;
   const newPercent = getNewPercent(contentHeight, scrollBarHeight, relativeY);
@@ -3130,14 +3134,15 @@ const getCss = state => {
     scrollBarHeight,
     scrollBarY
   } = state;
-  const relative = deltaY % itemHeight;
+  const relative = -(deltaY % itemHeight);
+  const roundedScrollBarY = Math.round(scrollBarY);
   return `.Extensions .ScrollBarThumb {
   height: ${scrollBarHeight}px;
-  top: ${scrollBarY}px;
+  translate: 0 ${roundedScrollBarY}px;
 }
 
 .Extensions .ListItems {
-  top: -${relative}px;
+  translate: 0 ${relative}px;
 
 .ExtensionListItem {
   position: relative !important;
@@ -3414,21 +3419,14 @@ const getNoExtensionsFoundVirtualDom = message => {
   }, text(message)];
 };
 
-const px = value => {
-  return `${value}px`;
-};
-const position = (x, y) => {
-  return `${x}px ${y}px`;
-};
-
 const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   const shouldShowScrollbar = scrollBarHeight > 0;
   if (!shouldShowScrollbar) {
     return [];
   }
   // TODO move the dynamic css into a css adopted stylesheet
-  const heightString = px(scrollBarHeight);
-  const translateString = position(0, scrollBarTop);
+  // const heightString = Px.px(scrollBarHeight)
+  // const translateString = Px.position(0, scrollBarTop)
   return [{
     childCount: 1,
     className: mergeClassNames(ScrollBar, ScrollBarSmall),
@@ -3438,8 +3436,8 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarTop) => {
   }, {
     childCount: 0,
     className: ScrollBarThumb,
-    height: heightString,
-    translate: translateString,
+    // height: heightString,
+    // translate: translateString,
     type: Div
   }];
 };
@@ -3493,7 +3491,7 @@ const getContentVirtualDom = (visibleExtensions, message, scrollBarHeight, scrol
     childCount: 2,
     className: mergeClassNames(Viewlet, List$1),
     type: Div
-  }, ...getExtensionsVirtualDom(visibleExtensions, focusOutline), ...getScrollBarVirtualDom(scrollBarHeight, scrollBarY)];
+  }, ...getExtensionsVirtualDom(visibleExtensions, focusOutline), ...getScrollBarVirtualDom(scrollBarHeight)];
 };
 const getExtensionsViewVirtualDom = state => {
   const visibleExtensions = getVisible(state);
@@ -3543,6 +3541,13 @@ const renderMessage = newState => {
   return [/* method */SetMessage, /* message */newState.message];
 };
 
+const px = value => {
+  return `${value}px`;
+};
+const position = (x, y) => {
+  return `${x}px ${y}px`;
+};
+
 const renderScrollBar = newState => {
   const listHeight = getListHeight(newState.items.length, newState.itemHeight, newState.height);
   const total = newState.items.length;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-search-view",
-  "version": "7.1.0",
+  "version": "7.2.0",
   "description": "Extension Search View Worker",
   "repository": {
     "type": "git",