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

package/dist/extensionSearchViewWorkerMain.js

@@ -1061,6 +1061,7 @@ const ExtensionManagementWorker = 9006;
 const RendererWorker = 1;
 
 const FocusSelector = 'Viewlet.focusSelector';
+const SetCss = 'Viewlet.setCss';
 const SetDom2 = 'Viewlet.setDom2';
 const SetPatches = 'Viewlet.setPatches';
 
@@ -1854,6 +1855,10 @@ const create = (id, uri, x, y, width, height, platform, assetDir) => {
   set$1(id, state, state);
 };
 
+const isEqual$3 = (oldState, newState) => {
+  return newState.scrollBarHeight === newState.scrollBarHeight && oldState.scrollBarY === newState.scrollBarY && oldState.initial === newState.initial && oldState.deltaY === newState.deltaY;
+};
+
 const isEqual$2 = (oldState, newState) => {
   if (!newState.focus) {
     return true;
@@ -1880,9 +1885,10 @@ const RenderMessage = 6;
 const RenderSearchValue = 7;
 const RenderFocusContext = 8;
 const RenderIncremental = 9;
+const RenderCss = 10;
 
-const modules = [isEqual$1, isEqual$2, isEqual, isEqual$2];
-const numbers = [RenderIncremental, RenderFocus, RenderSearchValue, RenderFocusContext];
+const modules = [isEqual$1, isEqual$2, isEqual, isEqual$2, isEqual$3];
+const numbers = [RenderIncremental, RenderFocus, RenderSearchValue, RenderFocusContext, RenderCss];
 
 const diff2 = uid => {
   return diff(uid, modules, numbers);
@@ -3117,6 +3123,36 @@ const openSuggest = state => {
   return state;
 };
 
+const getCss = state => {
+  const {
+    deltaY,
+    itemHeight,
+    scrollBarHeight,
+    scrollBarY
+  } = state;
+  const relative = deltaY % itemHeight;
+  return `.Extensions .ScrollBarThumb {
+  height: ${scrollBarHeight}px;
+  top: ${scrollBarY}px;
+}
+
+.Extensions .ListItems {
+  top: -${relative}px;
+
+.ExtensionListItem {
+  position: relative !important;
+}
+`;
+};
+
+const renderCss = newState => {
+  const {
+    uid
+  } = newState;
+  const css = getCss(newState);
+  return [SetCss, uid, css];
+};
+
 const Extensions$1 = 'extensions';
 
 const getSelector = focus => {
@@ -3317,8 +3353,7 @@ const getExtensionListItemVirtualDom = extension => {
     name,
     posInSet,
     publisher,
-    setSize,
-    top
+    setSize
   } = extension;
   const dom = [{
     ariaPosInSet: posInSet,
@@ -3328,7 +3363,6 @@ const getExtensionListItemVirtualDom = extension => {
     className: getClassName(focused),
     id: getId(focused),
     role: ListItem,
-    top,
     type: Div
   }, {
     childCount: 0,
@@ -3531,6 +3565,8 @@ const renderSearchValue = newState => {
 
 const getRenderer = diffType => {
   switch (diffType) {
+    case RenderCss:
+      return renderCss;
     case RenderFocus:
       return renderFocus;
     case RenderFocusContext:

package/package.json

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