@lvce-editor/panel-worker 1.4.0 → 1.5.0

package/dist/panelWorkerMain.js

@@ -1091,7 +1091,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;
@@ -1129,6 +1129,10 @@ const handleClickMaximize = async state => {
   return state;
 };
 
+const handleBlur = async state => {
+  return state;
+};
+
 const handleFilterInput = async (state, value) => {
   object(state);
   string(value);
@@ -1528,12 +1532,25 @@ 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',
+      className: Actions,
       role: 'toolbar',
       type: Div
     }];
@@ -1548,41 +1565,59 @@ 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;
   let className = PanelTab;
@@ -1627,15 +1662,15 @@ const getPanelDom = newState => {
   const tabsDom = getPanelTabsVirtualDom(newState.views, newState.selectedIndex, newState.badgeCounts);
   return [{
     childCount: 2,
-    className: 'Panel',
+    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(), {
     type: Reference,
@@ -1743,6 +1778,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.5.0",
   "description": "Panel Worker",
   "repository": {
     "type": "git",