@lvce-editor/panel-worker 1.4.0 → 1.6.0

package/dist/panelWorkerMain.js

@@ -886,6 +886,7 @@ const create$3 = async ({
 };
 
 const Tab = 'tab';
+const ToolBar = 'toolbar';
 
 const Button = 1;
 const Div = 4;
@@ -1080,6 +1081,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     initial: true,
     platform,
     selectedIndex: -1,
+    tabs: [],
     uid,
     views: [],
     warningCount: 0,
@@ -1091,7 +1093,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
 };
 
 const isEqual = (oldState, newState) => {
-  return oldState.assetDir === newState.assetDir && oldState.initial === newState.initial && oldState.currentViewletId === newState.currentViewletId;
+  return oldState.assetDir === newState.assetDir && oldState.initial === newState.initial && oldState.currentViewletId === newState.currentViewletId && oldState.selectedIndex === newState.selectedIndex && oldState.views === newState.views;
 };
 
 const RenderItems = 4;
@@ -1126,6 +1128,11 @@ const handleClickClose = async state => {
 };
 
 const handleClickMaximize = async state => {
+  await invoke('Layout.maximizePanel');
+  return state;
+};
+
+const handleBlur = async state => {
   return state;
 };
 
@@ -1528,13 +1535,26 @@ const diffTree = (oldNodes, newNodes) => {
   return removeTrailingNavigationPatches(patches);
 };
 
+const Badge = 'Badge';
+const PanelTab = 'PanelTab';
+const PanelTabSelected = 'PanelTabSelected';
+const Panel = 'Panel';
+const PanelHeader = 'PanelHeader';
+const PanelTabs = 'PanelTabs';
+const PanelToolBar = 'PanelToolBar';
+const IconButton = 'IconButton';
+const MaskIcon = 'MaskIcon';
+const MaskIconChevronUp = 'MaskIconChevronUp';
+const MaskIconClose = 'MaskIconClose';
+const Actions = 'Actions';
+
 const getActionsDom = newState => {
   const actions = newState.actionsUid || -1;
   if (actions === -1) {
     return [{
       childCount: 0,
-      className: 'Actions',
-      role: 'toolbar',
+      className: Actions,
+      role: ToolBar,
       type: Div
     }];
   }
@@ -1548,56 +1568,79 @@ const HandleClickClose = 'handleClickClose';
 const HandleClickMaximize = 'handleClickMaximize';
 const HandleClickSelectTab = 'HandleClickSelectTab';
 
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const Maximize = 'Maximize';
+const Close = 'Close';
+
+const maximize = () => {
+  return i18nString(Maximize);
+};
+const close = () => {
+  return i18nString(Close);
+};
+
 const getGlobalActionsDom = () => {
   return [{
     childCount: 2,
-    className: 'PanelToolBar',
+    className: PanelToolBar,
     role: 'toolbar',
     type: Div
   }, {
-    ariaLabel: 'Maximize',
+    ariaLabel: maximize(),
     childCount: 1,
-    className: 'IconButton',
+    className: IconButton,
     onClick: HandleClickMaximize,
-    titleM: 'Maximize',
+    title: maximize(),
     type: Button
   }, {
     childCount: 0,
-    className: 'MaskIcon MaskIconChevronUp',
+    className: `${MaskIcon} ${MaskIconChevronUp}`,
     type: Div
   }, {
-    ariaLabel: 'Close',
+    ariaLabel: close(),
     childCount: 1,
-    className: 'IconButton',
+    className: IconButton,
     onClick: HandleClickClose,
-    titleM: 'Close',
+    title: close(),
     type: Button
   }, {
     childCount: 0,
-    className: 'MaskIcon MaskIconClose',
+    className: `${MaskIcon} ${MaskIconClose}`,
     type: Div
   }];
 };
 
-const Badge = 'Badge';
-const PanelTab = 'PanelTab';
-const PanelTabSelected = 'PanelTabSelected';
-
-const createPanelTab = (tab, badgeCount, isSelected, index) => {
-  const label = tab;
+const getTabClassName = isSelected => {
   let className = PanelTab;
   if (isSelected) {
     className += ' ' + PanelTabSelected;
   }
+  return className;
+};
+const createPanelTab = (tab, badgeCount, isSelected, index) => {
+  const label = tab;
+  const className = getTabClassName(isSelected);
   const childCount = badgeCount ? 2 : 1;
   const tabDom = {
     ariaSelected: isSelected,
     childCount,
     className,
     'data-index': index,
+    name: tab,
     onClick: HandleClickSelectTab,
     role: Tab,
-    type: Div
+    type: Button
   };
   const dom = [tabDom, text(label)];
   if (badgeCount) {
@@ -1609,6 +1652,7 @@ const createPanelTab = (tab, badgeCount, isSelected, index) => {
   }
   return dom;
 };
+
 const getPanelTabsVirtualDom = (tabs, selectedIndex, badgeCounts) => {
   const dom = [];
   for (let i = 0; i < tabs.length; i++) {
@@ -1620,24 +1664,28 @@ const getPanelTabsVirtualDom = (tabs, selectedIndex, badgeCounts) => {
   return dom;
 };
 
-const getPanelDom = newState => {
-  const {
-    childUid
-  } = newState;
+const getPanelHeaderDom = newState => {
   const tabsDom = getPanelTabsVirtualDom(newState.views, newState.selectedIndex, newState.badgeCounts);
   return [{
-    childCount: 2,
-    className: 'Panel',
-    type: Div
-  }, {
     childCount: 3,
-    className: 'PanelHeader',
+    className: PanelHeader,
     type: Div
   }, {
     childCount: newState.views.length,
-    className: 'PanelTabs',
+    className: PanelTabs,
+    type: Div
+  }, ...tabsDom, ...getActionsDom(newState), ...getGlobalActionsDom()];
+};
+
+const getPanelDom = newState => {
+  const {
+    childUid
+  } = newState;
+  return [{
+    childCount: 2,
+    className: Panel,
     type: Div
-  }, ...tabsDom, ...getActionsDom(newState), ...getGlobalActionsDom(), {
+  }, ...getPanelHeaderDom(newState), {
     type: Reference,
     uid: childUid
   }];
@@ -1743,6 +1791,7 @@ const commandMap = {
   'Panel.create': create,
   'Panel.diff2': diff2,
   'Panel.getCommandIds': getCommandIds,
+  'Panel.handleBlur': wrapCommand(handleBlur),
   'Panel.handleClickClose': wrapCommand(handleClickClose),
   'Panel.handleClickMaximize': wrapCommand(handleClickMaximize),
   'Panel.handleFilterInput': wrapCommand(handleFilterInput),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/panel-worker",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "Panel Worker",
   "repository": {
     "type": "git",