@lvce-editor/activity-bar-worker 1.22.0 → 1.23.0

package/dist/activityBarWorkerMain.js

@@ -843,6 +843,7 @@ const Tab$1 = 'tab';
 const ToolBar = 'toolbar';
 
 const Div = 4;
+const Text = 12;
 
 const Button$1 = 'event.button';
 const ClientX = 'event.clientX';
@@ -1296,14 +1297,27 @@ const handleSideBarViewletChange = (state, id, ...args) => {
   };
 };
 
+const CheckingForUpdate = 1;
+const WaitingForRestart = 4;
+
 const getNewItems = (items, state) => {
   return items.map(item => {
-    if (item.id === 'Settings' && state === 1) {
-      return {
-        ...item,
-        badgeIcon: 'clock',
-        flags: item.flags | Progress
-      };
+    if (item.id === 'Settings') {
+      if (state === CheckingForUpdate) {
+        return {
+          ...item,
+          badgeIcon: 'clock',
+          flags: item.flags | Progress
+        };
+      }
+      if (state === WaitingForRestart) {
+        return {
+          ...item,
+          badgeIcon: '',
+          badgeText: '1'
+        };
+      }
+      return item;
     }
     return item;
   });
@@ -1460,6 +1474,14 @@ const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
 
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+
 const Vertical = 'vertical';
 
 const ActivityBar$1 = 'ActivityBar';
@@ -1549,6 +1571,45 @@ const getActivityBarItemInProgressDom = item => {
   }, ...getBadgeVirtualDom()];
 };
 
+const getActivityBarItemWithBadgeDom = item => {
+  const {
+    flags,
+    title,
+    icon,
+    badgeText
+  } = item;
+  if (!badgeText) {
+    // TODO should not happen
+    return [];
+  }
+  const isTab = flags & Tab;
+  const isSelected = flags & Selected;
+  const isFocused = flags & Focused;
+  const role = isTab ? Tab$1 : Button$2;
+  const ariaSelected = getAriaSelected(isTab, isSelected);
+  const marginTop = flags & MarginTop;
+  let className = getClassName(isFocused, marginTop, isSelected);
+  className += ' ' + ActivityBarItemNested;
+  return [{
+    type: Div,
+    className,
+    ariaLabel: '',
+    title,
+    role,
+    ariaSelected,
+    childCount: 2
+  }, {
+    type: Div,
+    className: mergeClassNames(Icon, `MaskIcon${icon}`),
+    role: None,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ActivityBarItemBadge,
+    childCount: 1
+  }, text(badgeText)];
+};
+
 const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
@@ -1562,7 +1623,8 @@ const getActivityBarItemVirtualDom = item => {
   const {
     flags,
     title,
-    icon
+    icon,
+    badgeText
   } = item;
   const isTab = flags & Tab;
   const isSelected = flags & Selected;
@@ -1588,6 +1650,9 @@ const getActivityBarItemVirtualDom = item => {
   if (isProgress) {
     return getActivityBarItemInProgressDom(item);
   }
+  if (badgeText) {
+    return getActivityBarItemWithBadgeDom(item);
+  }
   return [{
     type: Div,
     className: mergeClassNames(className, `Icon${icon}`),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/activity-bar-worker",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",