@lvce-editor/status-bar-worker 3.27.0 → 3.28.0

package/dist/statusBarWorkerMain.js

@@ -319,6 +319,317 @@ const getComponentState = uid => {
   return get$5(uid).newState;
 };
 
+const Status = 'status';
+
+const MaskIcon = 'MaskIcon';
+
+const Audio = 0;
+const Button$1 = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Kbd = 7;
+const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img = 17;
+const Root = 0;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
+const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
+const Label = 66;
+const Dt = 67;
+const Iframe = 68;
+const Main = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
+const Reference = 100;
+
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  BlockQuote,
+  Br,
+  Button: Button$1,
+  Canvas,
+  Circle,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div,
+  Dl,
+  Dt,
+  Ellipse,
+  Em,
+  Figcaption,
+  Figure,
+  Footer,
+  Form,
+  G,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Head,
+  Header,
+  Hr,
+  Html,
+  I,
+  Iframe,
+  Img,
+  Input,
+  Ins,
+  Kbd,
+  Label,
+  Li,
+  Line,
+  Main,
+  Meta,
+  Nav,
+  Ol,
+  Option,
+  P,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote,
+  Rect,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr,
+  Ul,
+  Use,
+  Video
+};
+
+const Button = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const TargetName = 'event.target.name';
+
+const ExtensionManagementWorker = 9006;
+const RendererProcess = 1670;
+const RendererWorker = 1;
+
+const SetDom2 = 'Viewlet.setDom2';
+const SetFocusContext = 'Viewlet.setFocusContext';
+
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const text = data => {
+  return {
+    childCount: 0,
+    text: data,
+    type: Text
+  };
+};
+
+new Set(Object.values(VirtualDomElements));
+
+const HandleContextMenu = 2;
+const HandleClick = 11;
+
+const ProblemsErrorIcon = 'ProblemsErrorIcon';
+const ProblemsWarningIcon = 'ProblemsWarningIcon';
+const StatusBarItem = 'StatusBarItem';
+const StatusBarItemsLeft = 'StatusBarItemsLeft';
+const StatusBarItemsRight = 'StatusBarItemsRight';
+
+const getTextVirtualDom = (element, name) => {
+  return [{
+    childCount: 1,
+    className: 'StatusBarItemLabel',
+    name,
+    type: Span
+  }, text(element.value)];
+};
+const getIconVirtualDom = (element, name) => {
+  return [{
+    childCount: 0,
+    className: mergeClassNames(MaskIcon, 'StatusBarIcon', element.value, element.spinning ? 'Spinning' : ''),
+    name,
+    type: Div
+  }];
+};
+const getStatusBarItemElementVirtualDom = (element, name) => {
+  if (element.type === 'text') {
+    return getTextVirtualDom(element, name);
+  }
+  if (element.type === 'icon') {
+    return getIconVirtualDom(element, name);
+  }
+  return [];
+};
+
+const getStatusBarItemVirtualDom = statusBarItem => {
+  const {
+    ariaLabel,
+    elements,
+    name,
+    tooltip
+  } = statusBarItem;
+  const elementNodes = elements.flatMap(element => getStatusBarItemElementVirtualDom(element, name));
+  const buttonNode = {
+    ariaLabel,
+    childCount: elements.length,
+    className: StatusBarItem,
+    name,
+    tabIndex: -1,
+    title: tooltip,
+    type: Button$1
+  };
+  return [buttonNode, ...elementNodes];
+};
+
+const getStatusBarItemsVirtualDom = (items, className) => {
+  if (items.length === 0) {
+    return [];
+  }
+  return [{
+    childCount: items.length,
+    className,
+    type: Div
+  }, ...items.flatMap(getStatusBarItemVirtualDom)];
+};
+
+const emptyStatusBarItemsLeftDom = [{
+  childCount: 0,
+  className: StatusBarItemsLeft,
+  type: Div
+}];
+const getStatusBarItemsLeftDom = statusBarItemsLeft => {
+  if (statusBarItemsLeft.length === 0) {
+    return emptyStatusBarItemsLeftDom;
+  }
+  return getStatusBarItemsVirtualDom(statusBarItemsLeft, StatusBarItemsLeft);
+};
+
+const getStatusBarItemsRightDom = statusBarItemsRight => {
+  return getStatusBarItemsVirtualDom(statusBarItemsRight, StatusBarItemsRight);
+};
+
+const getChildCount = rightCount => {
+  return rightCount > 0 ? 2 : 1;
+};
+const getStatusBarVirtualDom = (statusBarItemsLeft, statusBarItemsRight) => {
+  const dom = [{
+    childCount: getChildCount(statusBarItemsRight.length),
+    className: 'StatusBar',
+    onClick: HandleClick,
+    onContextMenu: HandleContextMenu,
+    role: Status,
+    type: Div
+  }, ...getStatusBarItemsLeftDom(statusBarItemsLeft), ...getStatusBarItemsRightDom(statusBarItemsRight)];
+  return dom;
+};
+
+const renderItems = (oldState, newState) => {
+  const {
+    statusBarItemsLeft,
+    statusBarItemsRight,
+    uid
+  } = newState;
+  const dom = getStatusBarVirtualDom(statusBarItemsLeft, statusBarItemsRight);
+  return [SetDom2, uid, dom];
+};
+
+const getComponentDom = uid => {
+  const state = getComponentState(uid);
+  return renderItems(state, state)[2];
+};
+
 const getMatchingItemInternal = (items, name) => {
   for (const item of items) {
     if (item.name === name) {
@@ -1238,390 +1549,205 @@ const create$4 = (id, method, params) => {
     jsonrpc: Two,
     method,
     params
-  };
-  return message;
-};
-
-let id = 0;
-const create$3 = () => {
-  return ++id;
-};
-
-const registerPromise = map => {
-  const id = create$3();
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  map[id] = resolve;
-  return {
-    id,
-    promise
-  };
-};
-
-const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
-  const {
-    id,
-    promise
-  } = registerPromise(callbacks);
-  const message = create$4(id, method, params);
-  if (useSendAndTransfer && ipc.sendAndTransfer) {
-    ipc.sendAndTransfer(message);
-  } else {
-    ipc.send(message);
-  }
-  const responseMessage = await promise;
-  return unwrapJsonRpcResult(responseMessage);
-};
-const createRpc = ipc => {
-  const callbacks = Object.create(null);
-  ipc._resolve = (id, response) => {
-    const fn = callbacks[id];
-    if (!fn) {
-      console.warn(`callback ${id} may already be disposed`);
-      return;
-    }
-    fn(response);
-    delete callbacks[id];
-  };
-  const rpc = {
-    async dispose() {
-      await ipc?.dispose();
-    },
-    invoke(method, ...params) {
-      return invokeHelper(callbacks, ipc, method, params, false);
-    },
-    invokeAndTransfer(method, ...params) {
-      return invokeHelper(callbacks, ipc, method, params, true);
-    },
-    // @ts-ignore
-    ipc,
-    /**
-     * @deprecated
-     */
-    send(method, ...params) {
-      const message = create$5(method, params);
-      ipc.send(message);
-    }
-  };
-  return rpc;
-};
-
-const requiresSocket = () => {
-  return false;
-};
-const preparePrettyError = error => {
-  return error;
-};
-const logError = () => {
-  // handled by renderer worker
-};
-const handleMessage = event => {
-  const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
-  const actualExecute = event?.target?.execute || execute;
-  return handleJsonRpcMessage(event.target, event.data, actualExecute, event.target._resolve, preparePrettyError, logError, actualRequiresSocket);
-};
-
-const handleIpc = ipc => {
-  if ('addEventListener' in ipc) {
-    ipc.addEventListener('message', handleMessage);
-  } else if ('on' in ipc) {
-    // deprecated
-    ipc.on('message', handleMessage);
-  }
-};
-
-const listen$1 = async (module, options) => {
-  const rawIpc = await module.listen(options);
-  if (module.signal) {
-    module.signal(rawIpc);
-  }
-  const ipc = module.wrap(rawIpc);
-  return ipc;
-};
-
-const create$2 = async ({
-  commandMap,
-  isMessagePortOpen = true,
-  messagePort
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const rawIpc = await IpcParentWithMessagePort$1.create({
-    isMessagePortOpen,
-    messagePort
-  });
-  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  messagePort.start();
-  return rpc;
-};
-
-const create$1 = async ({
-  commandMap
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  return rpc;
-};
-
-const createMockRpc = ({
-  commandMap
-}) => {
-  const invocations = [];
-  const invoke = (method, ...params) => {
-    invocations.push([method, ...params]);
-    const command = commandMap[method];
-    if (!command) {
-      throw new Error(`command ${method} not found`);
-    }
-    return command(...params);
-  };
-  const mockRpc = {
-    invocations,
-    invoke,
-    invokeAndTransfer: invoke
-  };
-  return mockRpc;
-};
-
-const rpcs = Object.create(null);
-const set$6 = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get$3 = id => {
-  return rpcs[id];
+  };
+  return message;
 };
-const remove = id => {
-  delete rpcs[id];
+
+let id = 0;
+const create$3 = () => {
+  return ++id;
 };
 
-/* eslint-disable  @typescript-eslint/explicit-function-return-type */
-const create = rpcId => {
+const registerPromise = map => {
+  const id = create$3();
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  map[id] = resolve;
   return {
+    id,
+    promise
+  };
+};
+
+const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
+  const {
+    id,
+    promise
+  } = registerPromise(callbacks);
+  const message = create$4(id, method, params);
+  if (useSendAndTransfer && ipc.sendAndTransfer) {
+    ipc.sendAndTransfer(message);
+  } else {
+    ipc.send(message);
+  }
+  const responseMessage = await promise;
+  return unwrapJsonRpcResult(responseMessage);
+};
+const createRpc = ipc => {
+  const callbacks = Object.create(null);
+  ipc._resolve = (id, response) => {
+    const fn = callbacks[id];
+    if (!fn) {
+      console.warn(`callback ${id} may already be disposed`);
+      return;
+    }
+    fn(response);
+    delete callbacks[id];
+  };
+  const rpc = {
     async dispose() {
-      const rpc = get$3(rpcId);
-      await rpc.dispose();
+      await ipc?.dispose();
     },
-    // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$3(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
+      return invokeHelper(callbacks, ipc, method, params, false);
     },
-    // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$3(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    registerMockRpc(commandMap) {
-      const mockRpc = createMockRpc({
-        commandMap
-      });
-      set$6(rpcId, mockRpc);
-      // @ts-ignore
-      mockRpc[Symbol.dispose] = () => {
-        remove(rpcId);
-      };
-      // @ts-ignore
-      return mockRpc;
+      return invokeHelper(callbacks, ipc, method, params, true);
     },
-    set(rpc) {
-      set$6(rpcId, rpc);
+    // @ts-ignore
+    ipc,
+    /**
+     * @deprecated
+     */
+    send(method, ...params) {
+      const message = create$5(method, params);
+      ipc.send(message);
     }
   };
+  return rpc;
 };
-
-const Status = 'status';
-
-const MaskIcon = 'MaskIcon';
-
-const Audio = 0;
-const Button$1 = 1;
-const Col = 2;
-const ColGroup = 3;
-const Div = 4;
-const H1 = 5;
-const Input = 6;
-const Kbd = 7;
-const Span = 8;
-const Table = 9;
-const TBody = 10;
-const Td = 11;
-const Text = 12;
-const Th = 13;
-const THead = 14;
-const Tr = 15;
-const I = 16;
-const Img = 17;
-const Root = 0;
-const Ins = 20;
-const Del = 21;
-const H2 = 22;
-const H3 = 23;
-const H4 = 24;
-const H5 = 25;
-const H6 = 26;
-const Article = 27;
-const Aside = 28;
-const Footer = 29;
-const Header = 30;
-const Nav = 40;
-const Section = 41;
-const Search = 42;
-const Dd = 43;
-const Dl = 44;
-const Figcaption = 45;
-const Figure = 46;
-const Hr = 47;
-const Li = 48;
-const Ol = 49;
-const P = 50;
-const Pre = 51;
-const A = 53;
-const Abbr = 54;
-const Br = 55;
-const Cite = 56;
-const Data = 57;
-const Time = 58;
-const Tfoot = 59;
-const Ul = 60;
-const Video = 61;
-const TextArea = 62;
-const Select = 63;
-const Option = 64;
-const Code = 65;
-const Label = 66;
-const Dt = 67;
-const Iframe = 68;
-const Main = 69;
-const Strong = 70;
-const Em = 71;
-const Style = 72;
-const Html = 73;
-const Head = 74;
-const Title = 75;
-const Meta = 76;
-const Canvas = 77;
-const Form = 78;
-const BlockQuote = 79;
-const Quote = 80;
-const Circle = 81;
-const Defs = 82;
-const Ellipse = 83;
-const G = 84;
-const Line = 85;
-const Path = 86;
-const Polygon = 87;
-const Polyline = 88;
-const Rect = 89;
-const Svg = 90;
-const Use = 91;
-const Reference = 100;
-
-const VirtualDomElements = {
-  __proto__: null,
-  A,
-  Abbr,
-  Article,
-  Aside,
-  Audio,
-  BlockQuote,
-  Br,
-  Button: Button$1,
-  Canvas,
-  Circle,
-  Cite,
-  Code,
-  Col,
-  ColGroup,
-  Data,
-  Dd,
-  Defs,
-  Del,
-  Div,
-  Dl,
-  Dt,
-  Ellipse,
-  Em,
-  Figcaption,
-  Figure,
-  Footer,
-  Form,
-  G,
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  H6,
-  Head,
-  Header,
-  Hr,
-  Html,
-  I,
-  Iframe,
-  Img,
-  Input,
-  Ins,
-  Kbd,
-  Label,
-  Li,
-  Line,
-  Main,
-  Meta,
-  Nav,
-  Ol,
-  Option,
-  P,
-  Path,
-  Polygon,
-  Polyline,
-  Pre,
-  Quote,
-  Rect,
-  Reference,
-  Root,
-  Search,
-  Section,
-  Select,
-  Span,
-  Strong,
-  Style,
-  Svg,
-  TBody,
-  THead,
-  Table,
-  Td,
-  Text,
-  TextArea,
-  Tfoot,
-  Th,
-  Time,
-  Title,
-  Tr,
-  Ul,
-  Use,
-  Video
+
+const requiresSocket = () => {
+  return false;
+};
+const preparePrettyError = error => {
+  return error;
+};
+const logError = () => {
+  // handled by renderer worker
+};
+const handleMessage = event => {
+  const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
+  const actualExecute = event?.target?.execute || execute;
+  return handleJsonRpcMessage(event.target, event.data, actualExecute, event.target._resolve, preparePrettyError, logError, actualRequiresSocket);
 };
 
-const Button = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const TargetName = 'event.target.name';
+const handleIpc = ipc => {
+  if ('addEventListener' in ipc) {
+    ipc.addEventListener('message', handleMessage);
+  } else if ('on' in ipc) {
+    // deprecated
+    ipc.on('message', handleMessage);
+  }
+};
 
-const ExtensionManagementWorker = 9006;
-const RendererProcess = 1670;
-const RendererWorker = 1;
+const listen$1 = async (module, options) => {
+  const rawIpc = await module.listen(options);
+  if (module.signal) {
+    module.signal(rawIpc);
+  }
+  const ipc = module.wrap(rawIpc);
+  return ipc;
+};
 
-const SetDom2 = 'Viewlet.setDom2';
-const SetFocusContext = 'Viewlet.setFocusContext';
+const create$2 = async ({
+  commandMap,
+  isMessagePortOpen = true,
+  messagePort
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const rawIpc = await IpcParentWithMessagePort$1.create({
+    isMessagePortOpen,
+    messagePort
+  });
+  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
+  handleIpc(ipc);
+  const rpc = createRpc(ipc);
+  messagePort.start();
+  return rpc;
+};
+
+const create$1 = async ({
+  commandMap
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
+  handleIpc(ipc);
+  const rpc = createRpc(ipc);
+  return rpc;
+};
+
+const createMockRpc = ({
+  commandMap
+}) => {
+  const invocations = [];
+  const invoke = (method, ...params) => {
+    invocations.push([method, ...params]);
+    const command = commandMap[method];
+    if (!command) {
+      throw new Error(`command ${method} not found`);
+    }
+    return command(...params);
+  };
+  const mockRpc = {
+    invocations,
+    invoke,
+    invokeAndTransfer: invoke
+  };
+  return mockRpc;
+};
+
+const rpcs = Object.create(null);
+const set$6 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$3 = id => {
+  return rpcs[id];
+};
+const remove = id => {
+  delete rpcs[id];
+};
+
+/* eslint-disable  @typescript-eslint/explicit-function-return-type */
+const create = rpcId => {
+  return {
+    async dispose() {
+      const rpc = get$3(rpcId);
+      await rpc.dispose();
+    },
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get$3(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get$3(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    registerMockRpc(commandMap) {
+      const mockRpc = createMockRpc({
+        commandMap
+      });
+      set$6(rpcId, mockRpc);
+      // @ts-ignore
+      mockRpc[Symbol.dispose] = () => {
+        remove(rpcId);
+      };
+      // @ts-ignore
+      return mockRpc;
+    },
+    set(rpc) {
+      set$6(rpcId, rpc);
+    }
+  };
+};
 
 const {
   invoke: invoke$3,
@@ -1798,12 +1924,6 @@ const getNotificationsStatusBarItem = (enabled, count = 0) => {
   }];
 };
 
-const ProblemsErrorIcon = 'ProblemsErrorIcon';
-const ProblemsWarningIcon = 'ProblemsWarningIcon';
-const StatusBarItem = 'StatusBarItem';
-const StatusBarItemsLeft = 'StatusBarItemsLeft';
-const StatusBarItemsRight = 'StatusBarItemsRight';
-
 const getProblemsAriaLabel = (errorCount, warningCount) => {
   const parts = [];
   if (errorCount > 0) {
@@ -1985,121 +2105,6 @@ const handleItemsChanged = async state => {
   return handleExtensionsChanged(state);
 };
 
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-
-const text = data => {
-  return {
-    childCount: 0,
-    text: data,
-    type: Text
-  };
-};
-
-new Set(Object.values(VirtualDomElements));
-
-const HandleContextMenu = 2;
-const HandleClick = 11;
-
-const getTextVirtualDom = (element, name) => {
-  return [{
-    childCount: 1,
-    className: 'StatusBarItemLabel',
-    name,
-    type: Span
-  }, text(element.value)];
-};
-const getIconVirtualDom = (element, name) => {
-  return [{
-    childCount: 0,
-    className: mergeClassNames(MaskIcon, 'StatusBarIcon', element.value, element.spinning ? 'Spinning' : ''),
-    name,
-    type: Div
-  }];
-};
-const getStatusBarItemElementVirtualDom = (element, name) => {
-  if (element.type === 'text') {
-    return getTextVirtualDom(element, name);
-  }
-  if (element.type === 'icon') {
-    return getIconVirtualDom(element, name);
-  }
-  return [];
-};
-
-const getStatusBarItemVirtualDom = statusBarItem => {
-  const {
-    ariaLabel,
-    elements,
-    name,
-    tooltip
-  } = statusBarItem;
-  const elementNodes = elements.flatMap(element => getStatusBarItemElementVirtualDom(element, name));
-  const buttonNode = {
-    ariaLabel,
-    childCount: elements.length,
-    className: StatusBarItem,
-    name,
-    tabIndex: -1,
-    title: tooltip,
-    type: Button$1
-  };
-  return [buttonNode, ...elementNodes];
-};
-
-const getStatusBarItemsVirtualDom = (items, className) => {
-  if (items.length === 0) {
-    return [];
-  }
-  return [{
-    childCount: items.length,
-    className,
-    type: Div
-  }, ...items.flatMap(getStatusBarItemVirtualDom)];
-};
-
-const emptyStatusBarItemsLeftDom = [{
-  childCount: 0,
-  className: StatusBarItemsLeft,
-  type: Div
-}];
-const getStatusBarItemsLeftDom = statusBarItemsLeft => {
-  if (statusBarItemsLeft.length === 0) {
-    return emptyStatusBarItemsLeftDom;
-  }
-  return getStatusBarItemsVirtualDom(statusBarItemsLeft, StatusBarItemsLeft);
-};
-
-const getStatusBarItemsRightDom = statusBarItemsRight => {
-  return getStatusBarItemsVirtualDom(statusBarItemsRight, StatusBarItemsRight);
-};
-
-const getChildCount = rightCount => {
-  return rightCount > 0 ? 2 : 1;
-};
-const getStatusBarVirtualDom = (statusBarItemsLeft, statusBarItemsRight) => {
-  const dom = [{
-    childCount: getChildCount(statusBarItemsRight.length),
-    className: 'StatusBar',
-    onClick: HandleClick,
-    onContextMenu: HandleContextMenu,
-    role: Status,
-    type: Div
-  }, ...getStatusBarItemsLeftDom(statusBarItemsLeft), ...getStatusBarItemsRightDom(statusBarItemsRight)];
-  return dom;
-};
-
-const renderItems = (oldState, newState) => {
-  const {
-    statusBarItemsLeft,
-    statusBarItemsRight,
-    uid
-  } = newState;
-  const dom = getStatusBarVirtualDom(statusBarItemsLeft, statusBarItemsRight);
-  return [SetDom2, uid, dom];
-};
-
 const renderIncremental = (oldState, newState) => {
   return renderItems(oldState, newState);
 };
@@ -2521,6 +2526,7 @@ const commandMap = {
   'StatusBar.create': create$7,
   'StatusBar.diff2': diff2,
   'StatusBar.getCommandIds': getCommandIds,
+  'StatusBar.getComponentDom': getComponentDom,
   'StatusBar.getComponentState': getComponentState,
   'StatusBar.handleChange': wrapSerialCommand(handleItemsChanged),
   'StatusBar.handleClick': wrapCommand(handleClick),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/status-bar-worker",
-  "version": "3.27.0",
+  "version": "3.28.0",
   "description": "Status Bar Worker",
   "repository": {
     "type": "git",