@lvce-editor/settings-view 2.5.0 → 2.6.0

package/dist/settingsViewWorkerMain.js

@@ -4936,9 +4936,6 @@ const getCss = (sideBarWidth, scrollBarThumbHeight, scrollBarThumbTop) => {
   --ScrollBarThumbHeight: ${scrollBarThumbHeight}px;
   --ScrollBarThumbTop: ${scrollBarThumbTop}px;
 }
-.SettingsResizer {
-  background: yellow;
-}
 
 .SettingsSideBar{
   width: var(--SettingsSideBarWidth);
@@ -5140,7 +5137,10 @@ const parentNode$1 = {
   className: mergeClassNames(SettingsScrollBar, SettingsScrollBarSmall),
   type: Div
 };
-const getScrollBarDom = () => {
+const getScrollBarDom = visible => {
+  if (!visible) {
+    return [];
+  }
   return [parentNode$1, {
     childCount: 0,
     className: SettingsScrollBarThumb,
@@ -5454,7 +5454,7 @@ const getSettingsItemsDom = (items, searchValue) => {
   }, ...items.flatMap(getItemVirtualDom)];
 };
 
-const getSettingsContentDom = (visibleItems, tabs, searchValue) => {
+const getSettingsContentDom = (visibleItems, tabs, searchValue, showScrollBar) => {
   const selectedTab = tabs.find(tab => tab.selected);
   const headerText = selectedTab ? selectedTab.label : settingsContent();
   return [{
@@ -5466,7 +5466,7 @@ const getSettingsContentDom = (visibleItems, tabs, searchValue) => {
     childCount: 2,
     className: SettingsItemWrapper,
     type: Div
-  }, ...getSettingsItemsDom(visibleItems, searchValue), ...getScrollBarDom()];
+  }, ...getSettingsItemsDom(visibleItems, searchValue), ...getScrollBarDom(showScrollBar)];
 };
 
 const getTabClassName = tab => {
@@ -5504,12 +5504,14 @@ const getSettingsSideBarDom = tabs => {
   }, ...getSettingsTabsDom(tabs)];
 };
 
-const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue) => {
+const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue, height, itemHeight) => {
+  const totalHeight = totalItemCount * itemHeight;
+  const showScrollBar = totalHeight > height;
   return [{
     childCount: 3,
     className: SettingsMain,
     type: Div
-  }, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue)];
+  }, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar)];
 };
 
 const parentNode = {
@@ -5520,13 +5522,15 @@ const parentNode = {
 const getSettingsDom = state => {
   const {
     filteredItems,
+    height,
+    itemHeight,
     searchValue,
     tabs,
     visibleItems
   } = state;
   const hasSearchValue = searchValue.trim().length > 0;
   const filteredItemsCount = filteredItems.length;
-  return [parentNode, ...getSettingsHeaderDom(filteredItemsCount, hasSearchValue), ...getSettingsMainDom(tabs, visibleItems, filteredItemsCount, searchValue)];
+  return [parentNode, ...getSettingsHeaderDom(filteredItemsCount, hasSearchValue), ...getSettingsMainDom(tabs, visibleItems, filteredItemsCount, searchValue, height, itemHeight)];
 };
 
 const renderItems = (oldState, newState) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/settings-view",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",