ba-js-common-header 0.0.57 → 0.0.58

package/dist/ba-js-common-header.es.js

@@ -14751,31 +14751,73 @@ function HelpCenter() {
   const {
     i18n
   } = useI18n();
+  const {
+    subMenus
+  } = useSelector((state) => state.headerInfo);
   const {
     help
   } = useSelector((state) => state.titleBar);
+  const dispatch = useDispatch();
   if (!help)
     return null;
   const {
     label,
-    href
+    children
   } = help;
-  return /* @__PURE__ */ jsx("li", {
+  const subMenuOpen = subMenus.find((id2) => id2 === label);
+  return /* @__PURE__ */ jsxs("li", {
     className: "col-lg-auto p-0",
-    children: /* @__PURE__ */ jsx("div", {
+    onClick: () => {
+      dispatch(addSubMenu(label));
+    },
+    children: [/* @__PURE__ */ jsxs("div", {
       className: "row m-0 py-lg-0 align-items-center",
-      children: /* @__PURE__ */ jsx("div", {
+      children: [/* @__PURE__ */ jsxs("div", {
         className: "col py-2 py-lg-0 px-0",
-        children: /* @__PURE__ */ jsx("a", {
+        children: [/* @__PURE__ */ jsx("small", {
+          className: "pt-2 d-lg-none",
+          children: label
+        }), /* @__PURE__ */ jsxs("span", {
           className: "ps-lg-3 pe-3 py-2 d-block",
-          title: "Help",
-          href,
-          target: "_blank",
-          rel: "noreferrer",
-          children: i18n.translate(label).fetch()
+          children: [/* @__PURE__ */ jsx("span", {
+            className: "ps-lg-2",
+            children: label
+          }), /* @__PURE__ */ jsx("span", {
+            className: "d-none d-lg-inline ms-2",
+            children: /* @__PURE__ */ jsx(commonThin.ArrowAngleDown, {
+              className: "hd-icon hd-icon-arrow-angle-down"
+            })
+          })]
+        })]
+      }), /* @__PURE__ */ jsx("div", {
+        className: "col-auto p-2 d-block d-lg-none",
+        children: /* @__PURE__ */ jsx(commonThin.ArrowAngleRight, {
+          className: "hd-icon hd-icon-arrow-angle-right"
         })
-      })
-    })
+      })]
+    }), /* @__PURE__ */ jsx("ul", {
+      className: cn("py-3", "list-unstyled", "hd-nav-second-level", {
+        "hd-submenu-opened": subMenuOpen
+      }),
+      children: children.map(({
+        href,
+        label: lbl
+      }) => /* @__PURE__ */ jsx("li", {
+        children: /* @__PURE__ */ jsx("div", {
+          className: "row m-0 py-lg-0 align-items-center",
+          children: /* @__PURE__ */ jsx("div", {
+            className: "col py-2 py-lg-0 px-0",
+            children: /* @__PURE__ */ jsx("a", {
+              className: "px-lg-4 py-2 d-block",
+              href,
+              target: "_blank",
+              rel: "noreferrer",
+              children: i18n.translate(lbl).fetch()
+            })
+          })
+        })
+      }, nanoid()))
+    })]
   });
 }
 function UserManager() {