@lvce-editor/extension-detail-view 3.43.0 → 3.45.0

package/dist/extensionDetailViewWorkerMain.js

@@ -26,7 +26,7 @@ const Installation = 'Installation';
 const JsonValidation$1 = 'Json Validation';
 const Label = 'Label';
 const Marketplace = 'Marketplace';
-const None$1 = 'None';
+const None$2 = 'None';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
@@ -69,7 +69,7 @@ const features$1 = () => {
   return i18nString(Features$2);
 };
 const none = () => {
-  return i18nString(None$1);
+  return i18nString(None$2);
 };
 const openInNewTab = () => {
   return i18nString(OpenInNewTab);
@@ -146,11 +146,13 @@ const featureActivationEventsEnabled = extension => {
   return Array.isArray(extension.activation);
 };
 
+const None$1 = 'none';
 const Panel = 'panel';
 const Tab$1 = 'tab';
 const TabList = 'tablist';
 const AriaRoles = {
   __proto__: null,
+  None: None$1,
   Panel,
   Tab: Tab$1,
   TabList};
@@ -688,10 +690,15 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
   return [{
     type: VirtualDomElements.Button,
     className: ScrollToTopButton,
-    childCount: 0,
+    childCount: 1,
     onClick: HandleClickScrollToTop,
     ariaLabel: scrollToTop(),
     name: ScrollToTop
+  }, {
+    type: VirtualDomElements.Div,
+    className: 'MaskIcon MaskIconChevronUp',
+    childCount: 0,
+    role: AriaRoles.None
   }];
 };
 
@@ -2163,7 +2170,7 @@ const User = 1;
 const Script = 2;
 
 const isEqual = (oldState, newState) => {
-  return newState.scrollSource === User || oldState.readmeScrollTop === newState.readmeScrollTop;
+  return newState.scrollSource === User || oldState.readmeScrollTop === newState.readmeScrollTop && oldState.selectedTab === newState.selectedTab;
 };
 
 const RenderFocus = 2;
@@ -3542,10 +3549,29 @@ const renderFocus = (oldState, newState) => {
   return ['Viewlet.focusElementByName', ''];
 };
 
+const getScrollTop = (selectedTab, readmeScrollTop, changelogScrollTop) => {
+  if (selectedTab === Details) {
+    return readmeScrollTop;
+  }
+  if (selectedTab === Changelog) {
+    return changelogScrollTop;
+  }
+  return -1;
+};
 const renderScrollTop = (oldState, newState) => {
   const selector = '.ExtensionDetailPanel .Markdown';
   const property = 'scrollTop';
-  return ['Viewlet.setProperty', newState.uid, selector, property, newState.readmeScrollTop];
+  const {
+    uid,
+    readmeScrollTop,
+    changelogScrollTop,
+    selectedTab
+  } = newState;
+  const scrollTop = getScrollTop(selectedTab, readmeScrollTop, changelogScrollTop);
+  if (scrollTop === -1) {
+    return [];
+  }
+  return ['Viewlet.setProperty', uid, selector, property, scrollTop];
 };
 
 const getRenderer = diffType => {
@@ -3565,7 +3591,10 @@ const applyRender = (oldState, newState, diffResult) => {
   const commands = [];
   for (const item of diffResult) {
     const fn = getRenderer(item);
-    commands.push(fn(oldState, newState));
+    const instanceCommands = fn(oldState, newState);
+    if (instanceCommands.length > 0) {
+      commands.push(instanceCommands);
+    }
   }
   return commands;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.43.0",
+  "version": "3.45.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",