@lvce-editor/settings-view 2.5.0 → 2.7.0

package/dist/settingsViewWorkerMain.js

@@ -2901,11 +2901,6 @@ const getMenuEntries = () => {
   }];
 };
 
-const getName = () => {
-  // TODO i18n string
-  return 'Settings';
-};
-
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const DeltaY = 'event.deltaY';
@@ -2921,6 +2916,15 @@ const RendererWorker$1 = 1;
 
 const SetCss = 'Viewlet.setCss';
 
+const getMenuIds = () => {
+  return [SettingsFilter];
+};
+
+const getName = () => {
+  // TODO i18n string
+  return 'Settings';
+};
+
 const rpcs = Object.create(null);
 const set$2 = (id, rpc) => {
   rpcs[id] = rpc;
@@ -4936,9 +4940,6 @@ const getCss = (sideBarWidth, scrollBarThumbHeight, scrollBarThumbTop) => {
   --ScrollBarThumbHeight: ${scrollBarThumbHeight}px;
   --ScrollBarThumbTop: ${scrollBarThumbTop}px;
 }
-.SettingsResizer {
-  background: yellow;
-}
 
 .SettingsSideBar{
   width: var(--SettingsSideBarWidth);
@@ -5140,7 +5141,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 +5458,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 +5470,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 +5508,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 +5526,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) => {
@@ -5732,6 +5740,7 @@ const commandMap = {
   'Settings.getCommandIds': getCommandIds,
   'Settings.getKeyBindings': getKeyBindings$1,
   'Settings.getMenuEntries': getMenuEntries,
+  'Settings.getMenuIds': getMenuIds,
   'Settings.getName': getName,
   'Settings.handleClickFilterButton': wrapCommand(handleClickFilterButton),
   'Settings.handleClickTab': wrapCommand(handleClickTab),

package/package.json

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