@lvce-editor/output-view 1.5.0 → 1.6.0

package/dist/outputViewWorkerMain.js

@@ -1046,12 +1046,14 @@ const KeyCode = {
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
+const Button$1 = 1;
 const Div = 4;
 const Text = 12;
 const Select$2 = 63;
 const Option$1 = 64;
 const VirtualDomElements = {
   __proto__: null,
+  Button: Button$1,
   Div,
   Option: Option$1,
   Select: Select$2};
@@ -1557,10 +1559,12 @@ const SharedProcess = 'SharedProcess';
 const loadOptions = async platform => {
   return [{
     id: MainProcess,
+    label: 'Main Process',
     uri: 'file:///tmp/log-main-process.txt'
   }, {
     id: SharedProcess,
-    uri: 'File:///tmp/log-shared-process.txt'
+    label: 'Shared Process',
+    uri: 'file:///tmp/log-shared-process.txt'
   }];
 };
 
@@ -1674,6 +1678,8 @@ const renderFilterValue = (oldState, newState) => {
   return ['Viewlet.setValueByName', Filter, newState.filterValue];
 };
 
+const IconButton = 'IconButton';
+const MaskIcon = 'MaskIcon';
 const Actions = 'Actions';
 const Viewlet = 'Viewlet';
 const Output = 'Output';
@@ -1771,6 +1777,28 @@ const render2 = (uid, diffResult) => {
   return commands;
 };
 
+const getActionButtonVirtualDom = button => {
+  const {
+    id,
+    label,
+    icon
+  } = button;
+  return [{
+    type: VirtualDomElements.Button,
+    className: IconButton,
+    name: id,
+    title: label,
+    childCount: 1
+  }, {
+    type: VirtualDomElements.Div,
+    className: mergeClassNames(MaskIcon, icon)
+  }];
+};
+
+const getActionButtonsVirtualDom = buttons => {
+  return buttons.flatMap(getActionButtonVirtualDom);
+};
+
 const HandleBlur = 'handleBlur';
 const HandleClearFilterClick = 'handleClearFilterClick';
 const HandleContextMenu = 'handleContextMenu';
@@ -1779,11 +1807,16 @@ const HandlePointerDown = 'handlePointerDown';
 const HandleSelect = 'handleSelect';
 
 const getOptionVirtualDom = option => {
+  const {
+    id,
+    label
+  } = option;
   return [{
     type: VirtualDomElements.Option,
     className: Option,
-    childCount: 1
-  }, text(option.id)];
+    childCount: 1,
+    value: id
+  }, text(label)];
 };
 
 const getSelectVirtualDom = options => {
@@ -1796,13 +1829,31 @@ const getSelectVirtualDom = options => {
   }, ...options.flatMap(getOptionVirtualDom)];
 };
 
+const getChildCount = buttonsLength => {
+  const selectLength = 1;
+  return buttonsLength + selectLength;
+};
 const getActionsVirtualDom = options => {
+  const buttons = [{
+    id: 'Clear',
+    label: 'Clear',
+    icon: 'MaskIconClearAll'
+  }, {
+    id: 'Scroll Lock',
+    label: 'Scroll Lock',
+    icon: 'MaskIconListFlat'
+  }, {
+    id: 'Settings',
+    label: 'Settings',
+    icon: 'MaskIconListFlat'
+  }];
+  const childCount = getChildCount(buttons.length);
   return [{
     type: VirtualDomElements.Div,
     className: Actions,
     role: AriaRoles.ToolBar,
-    childCount: 1
-  }, ...getSelectVirtualDom(options)];
+    childCount
+  }, ...getSelectVirtualDom(options), ...getActionButtonsVirtualDom(buttons)];
 };
 
 const renderActions = state => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/output-view",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Output View Worker",
   "repository": {
     "type": "git",