@lvce-editor/source-control-worker 3.2.0 → 3.3.0

package/dist/sourceControlWorkerMain.js

@@ -3066,6 +3066,8 @@ const SourceControlHeader = 'SourceControlHeader';
 const SourceControlItems = 'SourceControlItems';
 const SplitButton = 'SplitButton';
 const SplitButtonContent = 'SplitButtonContent';
+const SplitButtonContentDisabled = 'SplitButtonContentDisabled';
+const SplitButtonDisabled = 'SplitButtonDisabled';
 const StrikeThrough = 'StrikeThrough';
 const TreeItem = 'TreeItem';
 const Viewlet = 'Viewlet';
@@ -3081,28 +3083,37 @@ const HandleWheel = 9;
 const HandleClickAction = 10;
 const HandleClickSourceControlButton = 11;
 
-const getSourceControlButtonVirtualDom = button => {
+const getIconVirtualDom = (icon, type = Div) => {
+  return {
+    childCount: 0,
+    className: `MaskIcon MaskIcon${icon}`,
+    role: None$1,
+    type
+  };
+};
+
+const getSourceControlButtonVirtualDom = (button, disabled) => {
   const {
+    icon,
     id,
     label
   } = button;
   return [{
     childCount: 1,
-    className: SplitButton,
+    className: mergeClassNames(SplitButton, disabled ? SplitButtonDisabled : ''),
     type: Div
   }, {
-    childCount: 1,
-    className: SplitButtonContent,
+    ariaDisabled: disabled,
+    childCount: 2,
+    className: mergeClassNames(SplitButtonContent, disabled ? SplitButtonContentDisabled : ''),
     name: label,
-    onClick: HandleClickSourceControlButton,
-    tabIndex: 0,
+    tabIndex: disabled ? -1 : 0,
     title: id,
-    type: Div
-  }, text(label)];
-};
-
-const getSourceControlButtonsVirtualDom = buttons => {
-  return buttons.flatMap(getSourceControlButtonVirtualDom);
+    type: Div,
+    ...(!disabled && {
+      onClick: HandleClickSourceControlButton
+    })
+  }, getIconVirtualDom(icon, Span), text(label)];
 };
 
 const getSourceControlInputDom = (inputPlaceholder, inputMessage) => {
@@ -3151,15 +3162,6 @@ const getBadgeVirtualDom = count => {
   return [parentNode, text(String(count))];
 };
 
-const getIconVirtualDom = (icon, type = Div) => {
-  return {
-    childCount: 0,
-    className: `MaskIcon MaskIcon${icon}`,
-    role: None$1,
-    type
-  };
-};
-
 const getButtonVirtualDom = button => {
   const {
     icon,
@@ -3338,14 +3340,14 @@ const getSourceControlListVirtualDom = items => {
 };
 
 const className = mergeClassNames(Viewlet, SourceControl);
-const getSourceControlVirtualDom = (items, sourceControlButtons, inputPlaceholder, inputMessage, unavailableMessage) => {
-  const content = unavailableMessage ? [{
+const getSourceControlVirtualDom = (items, buttons, disabled, placeholder, inputMessage, message) => {
+  const content = message ? [{
     childCount: 1,
     className: Message,
     type: Div
-  }, text(unavailableMessage)] : [...getSourceControlHeaderVirtualDom(inputPlaceholder, inputMessage), ...getSourceControlButtonsVirtualDom(sourceControlButtons), ...getSourceControlListVirtualDom(items)];
+  }, text(message)] : [...getSourceControlHeaderVirtualDom(placeholder, inputMessage), ...buttons.flatMap(button => getSourceControlButtonVirtualDom(button, disabled)), ...getSourceControlListVirtualDom(items)];
   const dom = [{
-    childCount: unavailableMessage ? 1 : 2 + sourceControlButtons.length,
+    childCount: message ? 1 : 2 + buttons.length,
     className: className,
     onContextMenu: HandleContextMenu,
     onMouseOver: HandleMouseOver,
@@ -3364,6 +3366,7 @@ const renderItems = (oldState, newState) => {
     initial,
     inputMessage,
     inputPlaceholder,
+    items,
     platform,
     sourceControlButtons,
     visibleItems
@@ -3372,7 +3375,7 @@ const renderItems = (oldState, newState) => {
     return [SetDom2, id, []];
   }
   const unavailableMessage = platform === Web && enabledProviderIds.length === 0 ? noSourceControlProvidersAvailableForWeb() : '';
-  const dom = getSourceControlVirtualDom(visibleItems, sourceControlButtons, inputPlaceholder, inputMessage, unavailableMessage);
+  const dom = getSourceControlVirtualDom(visibleItems, sourceControlButtons, items.length === 0, inputPlaceholder, inputMessage, unavailableMessage);
   return [SetDom2, id, dom];
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/source-control-worker",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "Source Control Worker",
   "keywords": [
     "Lvce Editor"