@next-bricks/nav 1.24.0 → 1.24.2

package/dist/manifest.json

@@ -30,6 +30,16 @@
       "description": "菜单构件",
       "category": "navigation"
     },
+    {
+      "name": "eo-launchpad-button",
+      "properties": [],
+      "events": [],
+      "slots": [],
+      "methods": [],
+      "parts": [],
+      "description": "Launchpad 按钮构件",
+      "insider": true
+    },
     {
       "name": "nav.launchpad-config",
       "properties": [
@@ -96,6 +106,16 @@
       "description": "构件 `nav.easyops-navbar-alerts`",
       "insider": true
     },
+    {
+      "name": "eo-launchpad-button-v2",
+      "properties": [],
+      "events": [],
+      "slots": [],
+      "methods": [],
+      "parts": [],
+      "description": "构件 `eo-launchpad-button-v2`",
+      "insider": true
+    },
     {
       "name": "eo-launchpad-quick-access",
       "properties": [
@@ -116,13 +136,19 @@
       "insider": true
     },
     {
-      "name": "eo-launchpad-button",
-      "properties": [],
+      "name": "eo-launchpad-recent-visits",
+      "properties": [
+        {
+          "name": "target",
+          "attribute": false,
+          "type": "Target"
+        }
+      ],
       "events": [],
       "slots": [],
       "methods": [],
       "parts": [],
-      "description": "Launchpad 按钮构件",
+      "description": "launchpad 最近访问",
       "insider": true
     },
     {
@@ -142,20 +168,51 @@
       "insider": true
     },
     {
-      "name": "eo-launchpad-recent-visits",
+      "name": "eo-app-bar-wrapper",
+      "alias": [
+        "basic.app-bar-wrapper"
+      ],
       "properties": [
         {
-          "name": "target",
+          "name": "isFixed",
+          "description": "是否固定定位。",
+          "deprecated": "使用 `position` 属性代替",
+          "default": "true",
+          "type": "boolean"
+        },
+        {
+          "name": "position",
+          "description": "设置定位方式：静态定位或固定定位。\n\n设置时优先级高于 `isFixed`。",
+          "default": "\"fixed\"",
+          "type": "\"static\" | \"fixed\""
+        },
+        {
+          "name": "displayCenter",
+          "description": "居中显示",
+          "default": "false",
+          "type": "boolean"
+        },
+        {
+          "name": "extraAppBarContentStyle",
+          "description": "自定义样式",
           "attribute": false,
-          "type": "Target"
+          "type": "React.CSSProperties"
         }
       ],
       "events": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "left",
+          "description": "左侧内容区"
+        },
+        {
+          "name": "right",
+          "description": "右侧内容区"
+        }
+      ],
       "methods": [],
       "parts": [],
-      "description": "launchpad 最近访问",
-      "insider": true
+      "description": "应用顶部容器"
     },
     {
       "name": "eo-frame-breadcrumb",
@@ -185,51 +242,40 @@
       "description": "面包屑"
     },
     {
-      "name": "eo-app-bar-wrapper",
-      "alias": [
-        "basic.app-bar-wrapper"
-      ],
+      "name": "eo-sidebar-menu-group",
       "properties": [
         {
-          "name": "isFixed",
-          "description": "是否固定定位。",
-          "deprecated": "使用 `position` 属性代替",
-          "default": "true",
+          "name": "collapsable",
+          "description": "是否允许折叠",
           "type": "boolean"
         },
         {
-          "name": "position",
-          "description": "设置定位方式：静态定位或固定定位。\n\n设置时优先级高于 `isFixed`。",
-          "default": "\"fixed\"",
-          "type": "\"static\" | \"fixed\""
+          "name": "collapsed",
+          "description": "是否折叠",
+          "type": "boolean"
         },
         {
-          "name": "displayCenter",
-          "description": "居中显示",
-          "default": "false",
+          "name": "selected",
+          "description": "是否选中",
           "type": "boolean"
         },
         {
-          "name": "extraAppBarContentStyle",
-          "description": "自定义样式",
-          "attribute": false,
-          "type": "React.CSSProperties"
+          "name": "menuCollapsed",
+          "description": "菜单整体是否收起状态",
+          "type": "boolean"
         }
       ],
       "events": [],
       "slots": [
         {
-          "name": "left",
-          "description": "左侧内容区"
-        },
-        {
-          "name": "right",
-          "description": "右侧内容区"
+          "name": "title",
+          "description": "分组标题"
         }
       ],
       "methods": [],
       "parts": [],
-      "description": "应用顶部容器"
+      "description": "侧栏菜单分组",
+      "category": "navigation"
     },
     {
       "name": "eo-sidebar-menu-item",
@@ -279,42 +325,6 @@
       "description": "侧栏菜单项",
       "category": "navigation"
     },
-    {
-      "name": "eo-sidebar-menu-group",
-      "properties": [
-        {
-          "name": "collapsable",
-          "description": "是否允许折叠",
-          "type": "boolean"
-        },
-        {
-          "name": "collapsed",
-          "description": "是否折叠",
-          "type": "boolean"
-        },
-        {
-          "name": "selected",
-          "description": "是否选中",
-          "type": "boolean"
-        },
-        {
-          "name": "menuCollapsed",
-          "description": "菜单整体是否收起状态",
-          "type": "boolean"
-        }
-      ],
-      "events": [],
-      "slots": [
-        {
-          "name": "title",
-          "description": "分组标题"
-        }
-      ],
-      "methods": [],
-      "parts": [],
-      "description": "侧栏菜单分组",
-      "category": "navigation"
-    },
     {
       "name": "eo-sidebar-menu-submenu",
       "properties": [
@@ -369,14 +379,21 @@
       "category": "navigation"
     },
     {
-      "name": "eo-launchpad-button-v2",
-      "properties": [],
+      "name": "eo-sidebar-sub-menu",
+      "properties": [
+        {
+          "name": "menu",
+          "description": "菜单项",
+          "attribute": false,
+          "type": "SidebarMenu"
+        }
+      ],
       "events": [],
       "slots": [],
       "methods": [],
       "parts": [],
-      "description": "构件 `eo-launchpad-button-v2`",
-      "insider": true
+      "description": "构件 `eo-sidebar-sub-menu`",
+      "category": "navigation"
     },
     {
       "name": "eo-sidebar",
@@ -428,23 +445,6 @@
       "description": "侧边栏",
       "category": "navigation"
     },
-    {
-      "name": "eo-sidebar-sub-menu",
-      "properties": [
-        {
-          "name": "menu",
-          "description": "菜单项",
-          "attribute": false,
-          "type": "SidebarMenu"
-        }
-      ],
-      "events": [],
-      "slots": [],
-      "methods": [],
-      "parts": [],
-      "description": "构件 `eo-sidebar-sub-menu`",
-      "category": "navigation"
-    },
     {
       "name": "eo-directory",
       "properties": [

package/dist/types.json

@@ -4,6 +4,59 @@
     "events": [],
     "methods": []
   },
+  "eo-app-bar-wrapper": {
+    "properties": [
+      {
+        "name": "isFixed",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "position",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "static"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "fixed"
+            }
+          ]
+        }
+      },
+      {
+        "name": "displayCenter",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "extraAppBarContentStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "qualifiedName",
+            "left": {
+              "type": "identifier",
+              "name": "React"
+            },
+            "right": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "eo-frame-breadcrumb": {
     "properties": [
       {
@@ -92,59 +145,6 @@
       }
     ]
   },
-  "eo-app-bar-wrapper": {
-    "properties": [
-      {
-        "name": "isFixed",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "position",
-        "annotation": {
-          "type": "union",
-          "types": [
-            {
-              "type": "jsLiteral",
-              "value": "static"
-            },
-            {
-              "type": "jsLiteral",
-              "value": "fixed"
-            }
-          ]
-        }
-      },
-      {
-        "name": "displayCenter",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "extraAppBarContentStyle",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "qualifiedName",
-            "left": {
-              "type": "identifier",
-              "name": "React"
-            },
-            "right": {
-              "type": "identifier",
-              "name": "CSSProperties"
-            }
-          }
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "eo-sidebar-menu-item": {
     "properties": [
       {
@@ -564,29 +564,29 @@
     "events": [],
     "methods": []
   },
-  "eo-search-launchpad": {
+  "eo-launchpad-recent-visits": {
     "properties": [
       {
-        "name": "readonly",
+        "name": "target",
         "annotation": {
-          "type": "keyword",
-          "value": "boolean"
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "Target"
+          }
         }
       }
     ],
     "events": [],
     "methods": []
   },
-  "eo-launchpad-recent-visits": {
+  "eo-search-launchpad": {
     "properties": [
       {
-        "name": "target",
+        "name": "readonly",
         "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "Target"
-          }
+          "type": "keyword",
+          "value": "boolean"
         }
       }
     ],
@@ -1864,6 +1864,29 @@
     "events": [],
     "methods": []
   },
+  "eo-launchpad-quick-access": {
+    "properties": [
+      {
+        "name": "readonly",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "target",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "Target"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "eo-directory-tree": {
     "properties": [
       {
@@ -2956,29 +2979,6 @@
     "events": [],
     "methods": []
   },
-  "eo-launchpad-quick-access": {
-    "properties": [
-      {
-        "name": "readonly",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "target",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "Target"
-          }
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "eo-launchpad-button-v2": {
     "properties": [],
     "events": [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/nav",
-  "version": "1.24.0",
+  "version": "1.24.2",
   "homepage": "https://github.com/easyops-cn/next-advanced-bricks/tree/master/bricks/nav",
   "repository": {
     "type": "git",
@@ -43,5 +43,5 @@
     "@next-bricks/form": "*",
     "@next-bricks/icons": "*"
   },
-  "gitHead": "2f9f8ca727b09ca71ec986b5d8c296c742284ac3"
+  "gitHead": "0db36935b2e5ac64b83b0fd50d6ad4a9c0dfc790"
 }

package/dist/chunks/9149.8d0c56b4.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_nav=globalThis.webpackChunk_next_bricks_nav||[]).push([[9149],{1724:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(6758),l=a.n(n),r=a(935),i=a.n(r)()(l());i.push([e.id,':root{--eo-launchpad-v2-background:#fff;--eo-launchpad-v2-menu-icon-color:#8c8c8c}html[data-theme="dark"],\nhtml[data-theme="dark-v2"]{--eo-launchpad-v2-background:#26262a;--eo-launchpad-v2-menu-icon-color:rgba(255,255,255,0.45)}',""]);const o=i},3693:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(6758),l=a.n(n),r=a(935),i=a.n(r)()(l());i.push([e.id,".platform-category-name,\n.platform-category-sidebar-menu-item-label,\n.platform-item-name,\n.platform-item-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-category-sidebar-menu-item{display:flex;gap:8px;align-items:center;padding:0px 12px 0px 16px}.platform-category-sidebar-menu-item > eo-link{display:block;min-width:0px;color:var(--color-header-text);cursor:pointer}.platform-category-sidebar-menu-item > eo-link:hover,\n.platform-category-sidebar-menu-item\n  > eo-link:hover\n  .platform-category-sidebar-menu-icon{color:var(--color-brand-hover)}.platform-category-sidebar-menu-item > eo-link.active,\n.platform-category-sidebar-menu-item\n  > eo-link.active\n  .platform-category-sidebar-menu-icon{color:var(--color-brand-active)}.platform-category-sidebar-menu-item > eo-link::part(link){height:20px;display:flex;align-items:center;gap:8px}.platform-category-sidebar-menu-icon{color:var(--left-sidebar-item-collapsed-icon-color)}.platform-category-name{font-size:18px;font-weight:500;color:var(--text-color-secondary);flex-shrink:0}.platform-items{display:grid;grid-template-columns:repeat(2,1fr);gap:0 54px}.platform-items > li{min-width:0}.platform-items > li > eo-link{width:100%;cursor:pointer}.platform-item{padding:12px 0;display:flex;flex-direction:column}.platform-item:hover .platform-item-icon,\n.platform-item:hover .platform-item-name{color:var(--color-brand-hover)}.platform-item-title{display:flex;align-items:center;margin-bottom:4px}.platform-item-icon{margin-right:8px;font-size:14px;color:var(--text-color-secondary);flex-shrink:0}.platform-item-name{font-weight:500;color:var(--text-color-title);line-height:18px}.platform-item-description{margin-left:22px;color:var(--text-color-secondary);line-height:18px}",""]);const o=i.toString()},5924:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(6758),l=a.n(n),r=a(935),i=a.n(r)()(l());i.push([e.id,":host{display:inline-block;width:32px;height:32px;--eo-launchpad-v2-max-height:calc(100vh - var(--app-bar-height) - 36px)}:host([hidden]){display:none}.launchpad-button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px}.launchpad-button:hover,\n.launchpad-button.active{background-color:var(--color-fill-bg-base-1)}.launchpad-button.active{color:var(--color-brand)}.mask{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;display:none}.mask.active{display:block}.launchpad{display:none;position:absolute;margin-top:4px;z-index:1;width:1110px;max-width:calc(100vw - 100px);height:var(--eo-launchpad-v2-max-height);background-color:var(--eo-launchpad-v2-background);border:1px solid var(--color-text-divider-line);border-radius:6px;box-shadow:var(--fullscreen-overlay-shadow)}.launchpad.active{display:flex}.sidebar{width:190px;display:flex;flex-direction:column;background:var(--color-fill-bg-base-3);min-width:0;background-size:205px 205px;background-repeat:no-repeat;background-position:left 52px bottom 27px}.sidebar > *:not(:last-child){border-bottom:1px solid var(--stroke-color-default)}.quick-nav-label,\n.platform-nav-label,\n.jump-nav-label,\n.menu-group-label,\n.menu-item-label,\n.recent-visits span{overflow:auto;white-space:normal;word-break:break-word;width:90px}.recent-visits span{width:100%}.sidebar-menu,\n.menu-groups,\n.menu,\n.sub-menu,\n.recent-visits,\n.platform-items{list-style:none;margin:0;padding:0}.sidebar-menu,\n.menu,\n.sub-menu{display:flex;flex-direction:column;gap:14px}.sidebar-menu-item > eo-link,\n.menu-item > eo-link,\n.recent-visits eo-link{display:block;min-width:0;height:100%}.sidebar-menu-item > eo-link::part(link),\n.menu-item > eo-link::part(link){display:flex;align-items:center;gap:8px;color:var(--color-header-text)}.sidebar-menu-item{padding:0 12px 0 16px;justify-content:space-between}.sidebar-menu-icon{color:var(--left-sidebar-item-collapsed-icon-color)}.union{flex:1;display:flex;flex-direction:column;overflow-y:auto}.quick-nav,\n.platform-nav{display:flex;flex-direction:column;padding:20px 0 24px}.platform-nav{padding:0 0 24px}.quick-nav-label,\n.platform-nav-label{color:var(--color-header-text);font-weight:500;margin-bottom:14px;padding:0 16px}.quick-nav-menu,\n.platform-nav-menu{flex:1}.jump-nav > eo-link{display:block;cursor:pointer}.jump-nav > eo-link::part(link){padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.jump-nav-label{flex:1;color:var(--color-header-text);font-weight:500}.jump-nav > eo-icon{font-size:14px;color:var(--text-color-default)}.content{flex:1;padding:20px 24px 24px;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.search-box{border-bottom:1px solid var(--color-text-divider-line);display:flex;gap:8px;align-items:center;padding:10px 0;margin-top:-10px;cursor:text}.search-icon{color:var(--color-auxiliary-text)}.search-input{padding:0;margin:0;border:none;outline:none;color:inherit;background-color:transparent;font-size:14px;line-height:22px;flex:1;min-width:0}.search-input::placeholder{color:var(--color-disabled-text);opacity:1}.search-clear{display:none;color:var(--color-secondary-text);cursor:pointer}.search-clear.searching{display:inline-block}.search-clear:hover{color:var(--color-auxiliary-text)}.menu-groups,\n.recent-visits{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.menu-groups{display:grid;gap:32px 8px}.menu-group{padding-right:12px;color:var(--color-header-text)}.menu-group-label{font-size:var(--card-title-font-size);font-weight:500;color:var(--color-header-text);margin-bottom:14px}.sidebar-menu-item,\n.menu-item:not(.folder){display:flex;gap:8px;align-items:center}.menu-icon{color:var(--eo-launchpad-v2-menu-icon-color)}.menu-item.active,\n.menu-item.active .menu-icon{color:var(--color-brand-active)}.sub-menu:not(.expanded){display:none}.sub-menu{margin-top:14px;margin-left:8px;border-left:1px solid var(--color-text-divider-line);padding-left:15px}.menu-item-remove,\n.menu-item-star{cursor:pointer}.menu-item-remove,\n.menu-item-star,\n.menu-item-toggle{color:var(--color-secondary-text)}.sidebar-menu-item:not(:hover) .menu-item-remove{display:none}.menu-item-remove:hover{color:var(--color-normal-text)}.menu-item-remove:active{color:var(--color-strong-text)}.menu-item-star{display:none}.can-star.starred > .menu-item-star,\n.can-star:hover > .menu-item-star{display:inline-block}.can-star:not(.starred) > .menu-item-star{color:var(--color-secondary-text)}.starred > .menu-item-star{color:var(--palette-yellow-6)}.recent-visits-label{margin-bottom:12px;font-size:var(--card-title-font-size);color:var(--color-header-text);font-weight:500}.recent-visits{display:grid;gap:8px}.recent-visits eo-link::part(link){background-color:var(--color-fill-bg-base-1);border-radius:3px;color:var(--color-header-text);display:flex;align-items:center;height:100%;padding:0 8px}.sidebar-menu-item > eo-link:hover::part(link),\n.sidebar-menu-item > eo-link:hover .sidebar-menu-icon,\n.menu-item > eo-link:hover::part(link),\n.menu-item > eo-link:hover .menu-icon,\n.menu-item > eo-link:hover .menu-item-toggle,\n.recent-visits eo-link:hover::part(link){color:var(--color-brand-hover)}.spinner{display:flex;justify-content:center;align-items:center;color:var(--theme-doderblue-color);flex:1;font-size:30px}.empty,\n.loading > :not(.spinner){display:none}@supports not (inset: 0){.content,\n  .search-box,\n  .sidebar-menu,\n  .menu,\n  .sub-menu,\n  .sidebar-menu-item,\n  .menu-item:not(.folder),\n  .sidebar-menu-item > eo-link::part(link),\n  .menu-item > eo-link::part(link){gap:0}.sidebar-menu > :not(:first-child),\n  .menu > :not(:first-child),\n  .sub-menu > :not(:first-child){margin-top:14px}.search-icon,\n  .sidebar-menu-icon,\n  .menu-icon{margin-right:8px}.search-clear,\n  .menu-item-star,\n  .menu-item-toggle{margin-left:8px}.content > :not(:last-child){margin-bottom:24px}}",""]);const o=i.toString()},8356:(e,t,a)=>{a.d(t,{P:()=>i,z:()=>r});var n=a(8769),l=a.n(n);const r=l().createContext({}),i=()=>l().useContext(r)},8776:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(6758),l=a.n(n),r=a(935),i=a.n(r)()(l());i.push([e.id,".fadeEnter{opacity:0;transform:scale(0.95)}.fadeEnterActive{opacity:1;transform:translateX(0);transition:opacity 100ms ease-out,transform 100ms ease-out}.fadeExit{transform:translate(-30px,0)}.fadeExitActive{transform:translate(-100%,0);transition:transform 300ms ease-out}.fadeExitDone{display:none}",""]);const o=i.toString()},8839:(e,t,a)=>{a.d(t,{F:()=>g,r:()=>d});var n=a(9575),l=a(8769),r=a.n(l),i=a(1030),o=a(3373),c=a.n(o),m=a(9393),s=a(8356),p=a(6934),u=a(403);function d(e){let{name:t,items:a}=e;return r().createElement("li",{className:"menu-group"},r().createElement("div",{className:"menu-group-label"},t),r().createElement("ul",{className:"menu"},a.map((e=>"dir"===e.type?r().createElement(f,{key:`${e.type}-${e.id}`,name:e.localeName,items:e.items}):r().createElement(v,{key:`${e.type}-${e.id}`,item:e})))))}function v(e){var t;let{item:a}=e;const{t:o}=(0,p.useTranslation)(u.NS),{loadingFavorites:d,readonly:v,pushRecentVisit:g,toggleStar:f,isStarred:h}=(0,s.P)(),b=(0,l.useMemo)((()=>h(a)),[h,a]),x=(0,l.useCallback)((()=>{f(a)}),[a,f]),y=(0,l.useCallback)((()=>{g(a)}),[a,g]);return r().createElement("li",{className:c()("menu-item",{starred:b,"can-star":!d})},r().createElement(m.EM,(0,n.A)({onClick:y},"app"===a.type?{url:a.url}:{href:a.url}),r().createElement(m.Bj,(0,n.A)({className:"menu-icon",lib:"easyops",icon:"micro-app-center"},null!==(t=a.menuIcon)&&void 0!==t&&t.lib&&a.menuIcon.icon?(0,i.pick)(a.menuIcon,["lib","icon","theme","category","prefix"]):null)),r().createElement("span",{className:"menu-item-label"},a.localeName)),!v&&r().createElement(m.Bj,{lib:"fa",prefix:b?"fas":"far",icon:"star",className:"menu-item-star",title:o(b?u.K.UNFAVORITE:u.K.FAVORITE),onClick:x,"data-testid":"menu-item-star"}))}function g(e){var t;let{item:a,target:o}=e;const{readonly:c,pushRecentVisit:p,toggleStar:u}=(0,s.P)(),d=(0,l.useCallback)((()=>{"link"!==a.type&&p(a)}),[a,p]),v=(0,l.useCallback)((()=>{u(a)}),[a,u]);return r().createElement("li",{className:"sidebar-menu-item"},r().createElement(m.EM,(0,n.A)({onClick:d},"app"===a.type?{url:a.url}:{href:a.url},o?{target:o}:null),r().createElement(m.Bj,(0,n.A)({className:"sidebar-menu-icon",lib:"easyops",icon:"micro-app-center"},null!==(t=a.menuIcon)&&void 0!==t&&t.lib&&a.menuIcon.icon?(0,i.pick)(a.menuIcon,["lib","icon","theme","category","prefix"]):null)),r().createElement("span",{className:"menu-item-label"},a.name)),!c&&r().createElement(m.Bj,{lib:"fa",icon:"xmark",className:"menu-item-remove",onClick:v}))}function f(e){let{name:t,items:a}=e;const{searching:n}=(0,s.P)(),[i,o]=(0,l.useState)(!1),[p,u]=(0,l.useState)(!1),d=(0,l.useCallback)((()=>{n?u((e=>!e)):o((e=>!e))}),[n]);(0,l.useEffect)((()=>{u(!0)}),[n]);const g=n?p:i;return r().createElement("li",{className:"menu-item folder"},r().createElement(m.EM,{onClick:d},r().createElement(m.Bj,{lib:"fa",prefix:"far",icon:"folder-open",className:"menu-icon"}),r().createElement("span",{className:"menu-item-label"},t),r().createElement(m.Bj,{lib:"antd",icon:g?"up":"down",className:"menu-item-toggle"})),r().createElement("ul",{className:c()("sub-menu",{expanded:g})},a.map((e=>r().createElement(v,{key:`${e.type}-${e.id}`,item:e})))))}(0,p.initializeReactI18n)(u.NS,u.I)},9262:(e,t,a)=>{var n=a(2591),l=a.n(n),r=a(1740),i=a.n(r),o=a(8128),c=a.n(o),m=a(855),s=a.n(m),p=a(3051),u=a.n(p),d=a(3656),v=a.n(d),g=a(1724),f={};f.styleTagTransform=v(),f.setAttributes=s(),f.insert=c().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u(),l()(g.A,f),g.A&&g.A.locals&&g.A.locals},9302:(e,t,a)=>{a.d(t,{r:()=>y});var n=a(9575),l=a(8769),r=a.n(l),i=a(3373),o=a.n(i),c=a(9393),m=a(2133),s=a(8839),p=a(8356),u=a(1030);function d(e){var t;let{item:a,active:l,onClick:i}=e;return r().createElement("li",{className:"platform-category-sidebar-menu-item"},r().createElement(c.EM,{type:"plain",className:o()({active:l}),onClick:()=>null==i?void 0:i(a)},r().createElement(c.Bj,(0,n.A)({className:"platform-category-sidebar-menu-icon",lib:"easyops",category:"second-menu",icon:"serve-second-menu"},null!==(t=a.icon)&&void 0!==t&&t.lib&&a.icon.icon?(0,u.pick)(a.icon,["lib","icon","theme","category","prefix"]):null)),r().createElement("span",{className:"platform-category-sidebar-menu-item-label"},a.name)))}function v(e){var t;let{item:a}=e;return r().createElement("li",null,r().createElement(c.EM,(0,n.A)({type:"plain"},"app"===a.type?{url:a.url}:{href:a.url,target:"_blank"}),r().createElement("div",{className:"platform-item"},r().createElement("div",{className:"platform-item-title"},r().createElement(c.Bj,(0,n.A)({className:"platform-item-icon",lib:"easyops",category:"third-menu",icon:"deploy-orchestration-tasks-third-menu"},null!==(t=a.menuIcon)&&void 0!==t&&t.lib&&a.menuIcon.icon?(0,u.pick)(a.menuIcon,["lib","icon","theme","category","prefix"]):null)),r().createElement("div",{className:"platform-item-name"},a.name)),r().createElement("div",{className:"platform-item-description"},a.description))))}var g=a(3081),f=a(1675),h=a(2865),b=a(6934),x=a(403);function y(e){let{active:t}=e;const{t:a}=(0,b.useTranslation)(x.NS),i=(0,l.useRef)(null),[u,y]=(0,l.useState)([]),k=(0,l.useCallback)((()=>{var e;null===(e=i.current)||void 0===e||e.focus()}),[]),[N,w]=(0,l.useState)("#all"),A=r().useMemo((()=>{var e;return null===(e=(0,g.getRuntime)())||void 0===e?void 0:e.getFeatureFlags()["launchpad-show-platform-category"]}),[]),C=r().useMemo((()=>{var e;return null===(e=(0,g.getRuntime)())||void 0===e?void 0:e.getFeatureFlags()["launchpad-show-scenario-center"]}),[]),j=r().useMemo((()=>{var e;return null===(e=(0,g.getRuntime)())||void 0===e?void 0:e.getFeatureFlags()["launchpad-show-solution-center"]}),[]),S=r().useMemo((()=>{var e;return null===(e=(0,g.getRuntime)())||void 0===e?void 0:e.getFeatureFlags()["launchpad-show-open-platform"]}),[]),{loading:I,q:R,setQ:F,menuGroups:M,favorites:z,loadingFavorites:B,recentVisits:T,pushRecentVisit:_,toggleStar:K,isStarred:P,platformCategories:O}=(0,m.sZ)(t),q=!!R,V=(0,l.useCallback)((e=>{F(e.target.value)}),[F]),$=(0,l.useCallback)((()=>{F("")}),[F]);(0,l.useEffect)((()=>{var e;t&&(null===(e=i.current)||void 0===e||e.focus())}),[t]);const L=(0,l.useCallback)((e=>{w(e.id)}),[]),D=(0,l.useMemo)((()=>O.find((e=>e.id===N))),[N,O]);return(0,l.useEffect)((()=>{z.length>u.length?y(z):setTimeout((()=>{y(z)}),300)}),[z,u.length]),r().createElement("div",{className:o()("launchpad",{active:t})},r().createElement(p.z.Provider,{value:{searching:q,loadingFavorites:B,pushRecentVisit:_,toggleStar:K,isStarred:P}},r().createElement("div",{className:"sidebar"},r().createElement("div",{className:"union"},r().createElement("div",{className:"quick-nav"},r().createElement("div",{className:"quick-nav-label"},a(x.K.QUICK_ACCESS)),r().createElement(f.A,null,r().createElement("ul",{className:"sidebar-menu quick-nav-menu"},u.map(((e,t)=>r().createElement(h.A,{key:t,timeout:300,in:!!z.find((t=>t.id===e.id)),classNames:{enter:"fadeEnter",enterActive:"fadeEnterActive",exit:"fadeExit",exitActive:"fadeExitActive",exitDone:"fadeExitDone"}},r().createElement(s.F,{key:t,item:e}))))))),A&&r().createElement("div",{className:"platform-nav"},r().createElement("div",{className:"platform-nav-label"},a(x.K.PLATFORM_BASE)),r().createElement("ul",{className:"sidebar-menu platform-nav-menu"},O.map(((e,t)=>r().createElement(d,{key:t,onClick:L,item:e,active:N===e.id})))))),C&&r().createElement("div",{className:"jump-nav"},r().createElement(c.EM,{type:"plain",url:"/portal/scenario"},r().createElement("div",{className:"jump-nav-label"},a(x.K.SCENARIO_CENTER)),r().createElement(c.Bj,{lib:"antd",icon:"right",theme:"outlined"}))),j&&r().createElement("div",{className:"jump-nav"},r().createElement(c.EM,{type:"plain",url:"/portal/solution"},r().createElement("div",{className:"jump-nav-label"},a(x.K.SOLUTIONS)),r().createElement(c.Bj,{lib:"antd",icon:"right",theme:"outlined"}))),S&&r().createElement("div",{className:"jump-nav"},r().createElement(c.EM,{type:"plain",url:"/developers"},r().createElement("div",{className:"jump-nav-label"},a(x.K.OPEN_PLATFORM)),r().createElement(c.Bj,{lib:"antd",icon:"right",theme:"outlined"})))),r().createElement("div",{className:o()("content",{loading:I})},r().createElement(E,{loading:I}),"#all"!==N&&r().createElement("div",{className:"platform-category-name"},null==D?void 0:D.name),r().createElement("div",{className:"search-box",onClick:k},r().createElement(c.Bj,{lib:"fa",icon:"magnifying-glass",className:"search-icon"}),r().createElement("input",{ref:i,placeholder:a(x.K.SEARCH_PLACEHOLDER),value:R,onChange:V,className:"search-input"}),r().createElement(c.Bj,{lib:"antd",theme:"filled",icon:"close-circle",className:o()("search-clear",{searching:q}),onClick:$})),"#all"===N&&r().createElement("div",{className:o()({empty:0===T.length})},r().createElement("div",{className:"recent-visits-label"},a(x.K.RECENT_VISITS)),r().createElement("ul",{className:"recent-visits"},T.map(((e,t)=>r().createElement("li",{key:t},r().createElement(c.EM,(0,n.A)({onClick:()=>_(e)},"app"===e.type?{url:e.url}:{href:e.url,target:"_blank"}),r().createElement("span",null,e.name))))))),"#all"===N&&r().createElement("ul",{className:"menu-groups"},M.map((e=>r().createElement(s.r,{key:e.name,name:e.localeName,items:e.items})))),"#all"!==N&&r().createElement("ul",{className:o()("platform-items",{empty:0===(null==D?void 0:D.items.length)})},null==D?void 0:D.items.map(((e,t)=>r().createElement(v,{item:e,key:t})))))))}function E(e){let{loading:t}=e;return t&&r().createElement("div",{className:"spinner"},r().createElement(c.Bj,{lib:"fa",icon:"spinner",spinning:!0}))}(0,b.initializeReactI18n)(x.NS,x.I)}}]);
-//# sourceMappingURL=9149.8d0c56b4.js.map

package/dist/chunks/9149.8d0c56b4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/9149.8d0c56b4.js","mappings":"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","sources":["webpack:///./src/launchpad-button-v2/host-context.css","webpack:///./src/launchpad-button-v2/PlatformCategory.shadow.css","webpack:///./src/launchpad-button-v2/styles.shadow.css","webpack:///./src/launchpad-button-v2/LaunchpadContext.ts","webpack:///./src/launchpad-button-v2/Launchpad.shadow.css","webpack:///./src/launchpad-button-v2/MenuGroup.tsx","webpack:///./src/launchpad-button-v2/host-context.css?59a8","webpack:///./src/launchpad-button-v2/PlatformCategory.tsx","webpack:///./src/launchpad-button-v2/Launchpad.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root{--eo-launchpad-v2-background:#fff;--eo-launchpad-v2-menu-icon-color:#8c8c8c}html[data-theme=\"dark\"],\nhtml[data-theme=\"dark-v2\"]{--eo-launchpad-v2-background:#26262a;--eo-launchpad-v2-menu-icon-color:rgba(255,255,255,0.45)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.platform-category-name,\n.platform-category-sidebar-menu-item-label,\n.platform-item-name,\n.platform-item-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-category-sidebar-menu-item{display:flex;gap:8px;align-items:center;padding:0px 12px 0px 16px}.platform-category-sidebar-menu-item > eo-link{display:block;min-width:0px;color:var(--color-header-text);cursor:pointer}.platform-category-sidebar-menu-item > eo-link:hover,\n.platform-category-sidebar-menu-item\n  > eo-link:hover\n  .platform-category-sidebar-menu-icon{color:var(--color-brand-hover)}.platform-category-sidebar-menu-item > eo-link.active,\n.platform-category-sidebar-menu-item\n  > eo-link.active\n  .platform-category-sidebar-menu-icon{color:var(--color-brand-active)}.platform-category-sidebar-menu-item > eo-link::part(link){height:20px;display:flex;align-items:center;gap:8px}.platform-category-sidebar-menu-icon{color:var(--left-sidebar-item-collapsed-icon-color)}.platform-category-name{font-size:18px;font-weight:500;color:var(--text-color-secondary);flex-shrink:0}.platform-items{display:grid;grid-template-columns:repeat(2,1fr);gap:0 54px}.platform-items > li{min-width:0}.platform-items > li > eo-link{width:100%;cursor:pointer}.platform-item{padding:12px 0;display:flex;flex-direction:column}.platform-item:hover .platform-item-icon,\n.platform-item:hover .platform-item-name{color:var(--color-brand-hover)}.platform-item-title{display:flex;align-items:center;margin-bottom:4px}.platform-item-icon{margin-right:8px;font-size:14px;color:var(--text-color-secondary);flex-shrink:0}.platform-item-name{font-weight:500;color:var(--text-color-title);line-height:18px}.platform-item-description{margin-left:22px;color:var(--text-color-secondary);line-height:18px}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:inline-block;width:32px;height:32px;--eo-launchpad-v2-max-height:calc(100vh - var(--app-bar-height) - 36px)}:host([hidden]){display:none}.launchpad-button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px}.launchpad-button:hover,\n.launchpad-button.active{background-color:var(--color-fill-bg-base-1)}.launchpad-button.active{color:var(--color-brand)}.mask{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;display:none}.mask.active{display:block}.launchpad{display:none;position:absolute;margin-top:4px;z-index:1;width:1110px;max-width:calc(100vw - 100px);height:var(--eo-launchpad-v2-max-height);background-color:var(--eo-launchpad-v2-background);border:1px solid var(--color-text-divider-line);border-radius:6px;box-shadow:var(--fullscreen-overlay-shadow)}.launchpad.active{display:flex}.sidebar{width:190px;display:flex;flex-direction:column;background:var(--color-fill-bg-base-3);min-width:0;background-size:205px 205px;background-repeat:no-repeat;background-position:left 52px bottom 27px}.sidebar > *:not(:last-child){border-bottom:1px solid var(--stroke-color-default)}.quick-nav-label,\n.platform-nav-label,\n.jump-nav-label,\n.menu-group-label,\n.menu-item-label,\n.recent-visits span{overflow:auto;white-space:normal;word-break:break-word;width:90px}.recent-visits span{width:100%}.sidebar-menu,\n.menu-groups,\n.menu,\n.sub-menu,\n.recent-visits,\n.platform-items{list-style:none;margin:0;padding:0}.sidebar-menu,\n.menu,\n.sub-menu{display:flex;flex-direction:column;gap:14px}.sidebar-menu-item > eo-link,\n.menu-item > eo-link,\n.recent-visits eo-link{display:block;min-width:0;height:100%}.sidebar-menu-item > eo-link::part(link),\n.menu-item > eo-link::part(link){display:flex;align-items:center;gap:8px;color:var(--color-header-text)}.sidebar-menu-item{padding:0 12px 0 16px;justify-content:space-between}.sidebar-menu-icon{color:var(--left-sidebar-item-collapsed-icon-color)}.union{flex:1;display:flex;flex-direction:column;overflow-y:auto}.quick-nav,\n.platform-nav{display:flex;flex-direction:column;padding:20px 0 24px}.platform-nav{padding:0 0 24px}.quick-nav-label,\n.platform-nav-label{color:var(--color-header-text);font-weight:500;margin-bottom:14px;padding:0 16px}.quick-nav-menu,\n.platform-nav-menu{flex:1}.jump-nav > eo-link{display:block;cursor:pointer}.jump-nav > eo-link::part(link){padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.jump-nav-label{flex:1;color:var(--color-header-text);font-weight:500}.jump-nav > eo-icon{font-size:14px;color:var(--text-color-default)}.content{flex:1;padding:20px 24px 24px;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.search-box{border-bottom:1px solid var(--color-text-divider-line);display:flex;gap:8px;align-items:center;padding:10px 0;margin-top:-10px;cursor:text}.search-icon{color:var(--color-auxiliary-text)}.search-input{padding:0;margin:0;border:none;outline:none;color:inherit;background-color:transparent;font-size:14px;line-height:22px;flex:1;min-width:0}.search-input::placeholder{color:var(--color-disabled-text);opacity:1}.search-clear{display:none;color:var(--color-secondary-text);cursor:pointer}.search-clear.searching{display:inline-block}.search-clear:hover{color:var(--color-auxiliary-text)}.menu-groups,\n.recent-visits{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.menu-groups{display:grid;gap:32px 8px}.menu-group{padding-right:12px;color:var(--color-header-text)}.menu-group-label{font-size:var(--card-title-font-size);font-weight:500;color:var(--color-header-text);margin-bottom:14px}.sidebar-menu-item,\n.menu-item:not(.folder){display:flex;gap:8px;align-items:center}.menu-icon{color:var(--eo-launchpad-v2-menu-icon-color)}.menu-item.active,\n.menu-item.active .menu-icon{color:var(--color-brand-active)}.sub-menu:not(.expanded){display:none}.sub-menu{margin-top:14px;margin-left:8px;border-left:1px solid var(--color-text-divider-line);padding-left:15px}.menu-item-remove,\n.menu-item-star{cursor:pointer}.menu-item-remove,\n.menu-item-star,\n.menu-item-toggle{color:var(--color-secondary-text)}.sidebar-menu-item:not(:hover) .menu-item-remove{display:none}.menu-item-remove:hover{color:var(--color-normal-text)}.menu-item-remove:active{color:var(--color-strong-text)}.menu-item-star{display:none}.can-star.starred > .menu-item-star,\n.can-star:hover > .menu-item-star{display:inline-block}.can-star:not(.starred) > .menu-item-star{color:var(--color-secondary-text)}.starred > .menu-item-star{color:var(--palette-yellow-6)}.recent-visits-label{margin-bottom:12px;font-size:var(--card-title-font-size);color:var(--color-header-text);font-weight:500}.recent-visits{display:grid;gap:8px}.recent-visits eo-link::part(link){background-color:var(--color-fill-bg-base-1);border-radius:3px;color:var(--color-header-text);display:flex;align-items:center;height:100%;padding:0 8px}.sidebar-menu-item > eo-link:hover::part(link),\n.sidebar-menu-item > eo-link:hover .sidebar-menu-icon,\n.menu-item > eo-link:hover::part(link),\n.menu-item > eo-link:hover .menu-icon,\n.menu-item > eo-link:hover .menu-item-toggle,\n.recent-visits eo-link:hover::part(link){color:var(--color-brand-hover)}.spinner{display:flex;justify-content:center;align-items:center;color:var(--theme-doderblue-color);flex:1;font-size:30px}.empty,\n.loading > :not(.spinner){display:none}@supports not (inset: 0){.content,\n  .search-box,\n  .sidebar-menu,\n  .menu,\n  .sub-menu,\n  .sidebar-menu-item,\n  .menu-item:not(.folder),\n  .sidebar-menu-item > eo-link::part(link),\n  .menu-item > eo-link::part(link){gap:0}.sidebar-menu > :not(:first-child),\n  .menu > :not(:first-child),\n  .sub-menu > :not(:first-child){margin-top:14px}.search-icon,\n  .sidebar-menu-icon,\n  .menu-icon{margin-right:8px}.search-clear,\n  .menu-item-star,\n  .menu-item-toggle{margin-left:8px}.content > :not(:last-child){margin-bottom:24px}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import React from \"react\";\nimport type { MenuItemDataLink, MenuItemDataNormal } from \"./interfaces\";\n\nexport interface LaunchpadContextData {\n  searching: boolean;\n  loadingFavorites: boolean;\n  readonly?: boolean;\n  pushRecentVisit(item: MenuItemDataNormal): void;\n  toggleStar(item: MenuItemDataNormal | MenuItemDataLink): void;\n  isStarred(item: MenuItemDataNormal): boolean;\n}\n\nexport const LaunchpadsContext = React.createContext<LaunchpadContextData>(\n  {} as LaunchpadContextData\n);\n\nexport const useLaunchpadContext = (): LaunchpadContextData =>\n  React.useContext(LaunchpadsContext);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.fadeEnter{opacity:0;transform:scale(0.95)}.fadeEnterActive{opacity:1;transform:translateX(0);transition:opacity 100ms ease-out,transform 100ms ease-out}.fadeExit{transform:translate(-30px,0)}.fadeExitActive{transform:translate(-100%,0);transition:transform 300ms ease-out}.fadeExitDone{display:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { pick } from \"lodash\";\nimport classNames from \"classnames\";\nimport { WrappedIcon, WrappedLink } from \"./wrapped-bricks\";\nimport { useLaunchpadContext } from \"./LaunchpadContext\";\nimport type {\n  MenuItemData,\n  MenuItemDataNormal,\n  SidebarMenuItemData,\n} from \"./interfaces\";\nimport { Target } from \"@next-bricks/basic/link\";\nimport { initializeReactI18n, useTranslation } from \"@next-core/i18n/react\";\nimport { K, NS, locales } from \"./i18n\";\n\ninitializeReactI18n(NS, locales);\n\nexport interface MenuGroupProps {\n  name: string;\n  items: MenuItemData[];\n}\n\nexport function MenuGroup({ name, items }: MenuGroupProps) {\n  return (\n    <li className=\"menu-group\">\n      <div className=\"menu-group-label\">{name}</div>\n      <ul className=\"menu\">\n        {items.map((item) =>\n          item.type === \"dir\" ? (\n            <MenuItemFolder\n              key={`${item.type}-${item.id}`}\n              name={item.localeName as string}\n              items={item.items}\n            />\n          ) : (\n            <MenuItem key={`${item.type}-${item.id}`} item={item} />\n          )\n        )}\n      </ul>\n    </li>\n  );\n}\n\nexport interface MenuItemProps {\n  item: MenuItemDataNormal;\n}\n\nfunction MenuItem({ item }: MenuItemProps) {\n  const { t } = useTranslation(NS);\n  const { loadingFavorites, readonly, pushRecentVisit, toggleStar, isStarred } =\n    useLaunchpadContext();\n\n  const starred = useMemo(() => isStarred(item), [isStarred, item]);\n\n  const handleStarClick = useCallback(() => {\n    toggleStar(item);\n  }, [item, toggleStar]);\n\n  const handleClick = useCallback(() => {\n    pushRecentVisit(item);\n  }, [item, pushRecentVisit]);\n\n  return (\n    <li\n      className={classNames(\"menu-item\", {\n        starred,\n        \"can-star\": !loadingFavorites,\n      })}\n    >\n      <WrappedLink\n        onClick={handleClick}\n        {...(item.type === \"app\"\n          ? {\n              url: item.url,\n            }\n          : {\n              href: item.url,\n            })}\n      >\n        <WrappedIcon\n          className=\"menu-icon\"\n          lib=\"easyops\"\n          icon=\"micro-app-center\"\n          {...(item.menuIcon?.lib && item.menuIcon.icon\n            ? (pick(item.menuIcon, [\n                \"lib\",\n                \"icon\",\n                \"theme\",\n                \"category\",\n                \"prefix\",\n              ]) as any)\n            : null)}\n        />\n        <span className=\"menu-item-label\">{item.localeName}</span>\n      </WrappedLink>\n      {!readonly && (\n        <WrappedIcon\n          lib=\"fa\"\n          prefix={starred ? \"fas\" : \"far\"}\n          icon=\"star\"\n          className=\"menu-item-star\"\n          title={(starred ? t(K.UNFAVORITE) : t(K.FAVORITE)) as string}\n          onClick={handleStarClick}\n          data-testid=\"menu-item-star\"\n        />\n      )}\n    </li>\n  );\n}\n\nexport interface SidebarMenuItemProps {\n  item: SidebarMenuItemData;\n  target?: Target;\n}\n\nexport function SidebarMenuItem({ item, target }: SidebarMenuItemProps) {\n  const { readonly, pushRecentVisit, toggleStar } = useLaunchpadContext();\n\n  const handleClick = useCallback(() => {\n    if (item.type !== \"link\") {\n      pushRecentVisit(item);\n    }\n  }, [item, pushRecentVisit]);\n\n  const handleRemoveStar = useCallback(() => {\n    toggleStar(item);\n  }, [item, toggleStar]);\n\n  return (\n    <li className=\"sidebar-menu-item\">\n      <WrappedLink\n        onClick={handleClick}\n        {...(item.type === \"app\"\n          ? {\n              url: item.url,\n            }\n          : {\n              href: item.url,\n            })}\n        {...(target\n          ? {\n              target,\n            }\n          : null)}\n      >\n        <WrappedIcon\n          className={`sidebar-menu-icon`}\n          lib=\"easyops\"\n          icon=\"micro-app-center\"\n          {...(item.menuIcon?.lib && item.menuIcon.icon\n            ? (pick(item.menuIcon, [\n                \"lib\",\n                \"icon\",\n                \"theme\",\n                \"category\",\n                \"prefix\",\n              ]) as any)\n            : null)}\n        />\n        <span className=\"menu-item-label\">{item.name}</span>\n      </WrappedLink>\n      {!readonly && (\n        <WrappedIcon\n          lib=\"fa\"\n          icon=\"xmark\"\n          className=\"menu-item-remove\"\n          onClick={handleRemoveStar}\n        />\n      )}\n    </li>\n  );\n}\n\nexport interface MenuItemFolderProps {\n  name: string;\n  items: MenuItemDataNormal[];\n}\n\nfunction MenuItemFolder({ name, items }: MenuItemFolderProps) {\n  const { searching } = useLaunchpadContext();\n  const [expanded, setExpanded] = useState(false);\n  const [searchingExpanded, setSearchingExpanded] = useState(false);\n\n  const toggle = useCallback(() => {\n    // Use separated expanded states for searching and non-searching.\n    if (searching) {\n      setSearchingExpanded((previous) => !previous);\n    } else {\n      setExpanded((previous) => !previous);\n    }\n  }, [searching]);\n\n  useEffect(() => {\n    // Each time when start searching, set it as expanded.\n    setSearchingExpanded(true);\n  }, [searching]);\n\n  const actualExpanded = searching ? searchingExpanded : expanded;\n\n  return (\n    <li className=\"menu-item folder\">\n      <WrappedLink onClick={toggle}>\n        <WrappedIcon\n          lib=\"fa\"\n          prefix=\"far\"\n          icon=\"folder-open\"\n          className=\"menu-icon\"\n        />\n        <span className=\"menu-item-label\">{name}</span>\n        <WrappedIcon\n          lib=\"antd\"\n          icon={actualExpanded ? \"up\" : \"down\"}\n          className=\"menu-item-toggle\"\n        />\n      </WrappedLink>\n      <ul className={classNames(\"sub-menu\", { expanded: actualExpanded })}>\n        {items.map((item) => (\n          <MenuItem key={`${item.type}-${item.id}`} item={item} />\n        ))}\n      </ul>\n    </li>\n  );\n}\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\nimport { WrappedLink, WrappedIcon } from \"./wrapped-bricks\";\nimport { MenuItemDataNormal, PlatformCategoryItem } from \"./interfaces\";\nimport { pick } from \"lodash\";\nimport classNames from \"classnames\";\n\nexport interface PlatformCategorySidebarMenuItemProps {\n  item: PlatformCategoryItem;\n  active?: boolean;\n  onClick?: (item: PlatformCategoryItem) => void;\n}\n\nexport function PlatformCategorySidebarMenuItem({\n  item,\n  active,\n  onClick,\n}: PlatformCategorySidebarMenuItemProps) {\n  return (\n    <li className=\"platform-category-sidebar-menu-item\">\n      <WrappedLink\n        type=\"plain\"\n        className={classNames({ active })}\n        onClick={() => onClick?.(item)}\n      >\n        <WrappedIcon\n          className={\"platform-category-sidebar-menu-icon\"}\n          lib=\"easyops\"\n          category=\"second-menu\"\n          icon=\"serve-second-menu\"\n          {...(item.icon?.lib && item.icon.icon\n            ? (pick(item.icon, [\n                \"lib\",\n                \"icon\",\n                \"theme\",\n                \"category\",\n                \"prefix\",\n              ]) as any)\n            : null)}\n        />\n        <span className=\"platform-category-sidebar-menu-item-label\">\n          {item.name}\n        </span>\n      </WrappedLink>\n    </li>\n  );\n}\n\nexport interface PlatformItemProps {\n  item: MenuItemDataNormal;\n}\n\nexport function PlatformItem({ item }: PlatformItemProps) {\n  return (\n    <li>\n      <WrappedLink\n        type=\"plain\"\n        {...(item.type === \"app\"\n          ? {\n              url: item.url,\n            }\n          : {\n              href: item.url,\n              target: \"_blank\",\n            })}\n      >\n        <div className=\"platform-item\">\n          <div className=\"platform-item-title\">\n            <WrappedIcon\n              className=\"platform-item-icon\"\n              lib=\"easyops\"\n              category=\"third-menu\"\n              icon=\"deploy-orchestration-tasks-third-menu\"\n              {...(item.menuIcon?.lib && item.menuIcon.icon\n                ? (pick(item.menuIcon, [\n                    \"lib\",\n                    \"icon\",\n                    \"theme\",\n                    \"category\",\n                    \"prefix\",\n                  ]) as any)\n                : null)}\n            />\n            <div className=\"platform-item-name\">{item.name}</div>\n          </div>\n          <div className=\"platform-item-description\">{item.description}</div>\n        </div>\n      </WrappedLink>\n    </li>\n  );\n}\n","import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { WrappedIcon, WrappedLink } from \"./wrapped-bricks\";\nimport { useLaunchpadInfo } from \"./useLaunchpadInfo.js\";\nimport { MenuGroup, SidebarMenuItem } from \"./MenuGroup.js\";\nimport { LaunchpadsContext } from \"./LaunchpadContext.js\";\nimport {\n  FavMenuItem,\n  PlatformCategoryItem,\n  SidebarMenuItemData,\n} from \"./interfaces\";\nimport {\n  PlatformItem,\n  PlatformCategorySidebarMenuItem,\n} from \"./PlatformCategory\";\nimport { getRuntime } from \"@next-core/runtime\";\nimport { CSSTransition, TransitionGroup } from \"react-transition-group\";\nimport { initializeReactI18n, useTranslation } from \"@next-core/i18n/react\";\nimport { K, NS, locales } from \"./i18n\";\n\ninitializeReactI18n(NS, locales);\n\nexport function Launchpad({ active }: { active?: boolean }) {\n  const { t } = useTranslation(NS);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const [favorites, setFavorites] = useState<FavMenuItem[]>([]);\n  const handleClickSearchBox = useCallback(() => {\n    searchInputRef.current?.focus();\n  }, []);\n  const [platform, setPlatform] = useState(\"#all\");\n\n  const showPlatformCategory = React.useMemo(\n    () => getRuntime()?.getFeatureFlags()[\"launchpad-show-platform-category\"],\n    []\n  );\n\n  const showScenarioCenter = React.useMemo(\n    () => getRuntime()?.getFeatureFlags()[\"launchpad-show-scenario-center\"],\n    []\n  );\n\n  const showSolutionCenter = React.useMemo(\n    () => getRuntime()?.getFeatureFlags()[\"launchpad-show-solution-center\"],\n    []\n  );\n\n  const showOpenPlatform = React.useMemo(\n    () => getRuntime()?.getFeatureFlags()[\"launchpad-show-open-platform\"],\n    []\n  );\n\n  const {\n    loading,\n    q,\n    setQ,\n    menuGroups,\n    favorites: _favorites,\n    loadingFavorites,\n    recentVisits,\n    pushRecentVisit,\n    toggleStar,\n    isStarred,\n    platformCategories,\n  } = useLaunchpadInfo(active);\n  const searching = !!q;\n\n  const handleSearch = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setQ(e.target.value);\n    },\n    [setQ]\n  );\n\n  const clearSearch = useCallback(() => {\n    setQ(\"\");\n  }, [setQ]);\n\n  useEffect(() => {\n    if (active) {\n      searchInputRef.current?.focus();\n    }\n  }, [active]);\n\n  const handlePlatformCategoryClick = useCallback(\n    (item: PlatformCategoryItem) => {\n      setPlatform(item.id);\n    },\n    []\n  );\n\n  const curCategory = useMemo(() => {\n    return platformCategories.find((v) => v.id === platform);\n  }, [platform, platformCategories]);\n\n  useEffect(() => {\n    if (_favorites.length > favorites.length) {\n      // 新增无需等待直接更新列表\n      setFavorites(_favorites);\n    } else {\n      // 删除操作需要等待动画执行完后才更新列表数据\n      setTimeout(() => {\n        setFavorites(_favorites);\n      }, 300);\n    }\n  }, [_favorites, favorites.length]);\n\n  return (\n    <div className={classNames(\"launchpad\", { active })}>\n      <LaunchpadsContext.Provider\n        value={{\n          searching,\n          loadingFavorites,\n          pushRecentVisit,\n          toggleStar,\n          isStarred,\n        }}\n      >\n        <div className=\"sidebar\">\n          <div className=\"union\">\n            <div className=\"quick-nav\">\n              <div className=\"quick-nav-label\">{t(K.QUICK_ACCESS)}</div>\n              {/* <Loading loading={loading || loadingFavorites} /> */}\n              <TransitionGroup>\n                <ul className=\"sidebar-menu quick-nav-menu\">\n                  {favorites.map((item, index) => (\n                    <CSSTransition\n                      key={index}\n                      timeout={300}\n                      in={!!_favorites.find((i) => i.id === item.id)}\n                      classNames={{\n                        enter: \"fadeEnter\",\n                        enterActive: \"fadeEnterActive\",\n                        exit: \"fadeExit\",\n                        exitActive: \"fadeExitActive\",\n                        exitDone: \"fadeExitDone\",\n                      }}\n                    >\n                      <SidebarMenuItem\n                        key={index}\n                        item={item as SidebarMenuItemData}\n                      />\n                    </CSSTransition>\n                  ))}\n                </ul>\n              </TransitionGroup>\n            </div>\n\n            {showPlatformCategory && (\n              <div className=\"platform-nav\">\n                <div className=\"platform-nav-label\">{t(K.PLATFORM_BASE)}</div>\n                <ul className=\"sidebar-menu platform-nav-menu\">\n                  {platformCategories.map((item, index) => (\n                    <PlatformCategorySidebarMenuItem\n                      key={index}\n                      onClick={handlePlatformCategoryClick}\n                      item={item}\n                      active={platform === item.id}\n                    />\n                  ))}\n                </ul>\n              </div>\n            )}\n          </div>\n          {showScenarioCenter && (\n            <div className=\"jump-nav\">\n              <WrappedLink type=\"plain\" url={\"/portal/scenario\"}>\n                <div className=\"jump-nav-label\">{t(K.SCENARIO_CENTER)}</div>\n                <WrappedIcon lib=\"antd\" icon=\"right\" theme=\"outlined\" />\n              </WrappedLink>\n            </div>\n          )}\n\n          {showSolutionCenter && (\n            <div className=\"jump-nav\">\n              <WrappedLink type=\"plain\" url={\"/portal/solution\"}>\n                <div className=\"jump-nav-label\">{t(K.SOLUTIONS)}</div>\n                <WrappedIcon lib=\"antd\" icon=\"right\" theme=\"outlined\" />\n              </WrappedLink>\n            </div>\n          )}\n          {showOpenPlatform && (\n            <div className=\"jump-nav\">\n              <WrappedLink type=\"plain\" url={\"/developers\"}>\n                <div className=\"jump-nav-label\">{t(K.OPEN_PLATFORM)}</div>\n                <WrappedIcon lib=\"antd\" icon=\"right\" theme=\"outlined\" />\n              </WrappedLink>\n            </div>\n          )}\n        </div>\n        <div className={classNames(\"content\", { loading })}>\n          <Loading loading={loading} />\n          {platform !== \"#all\" && (\n            <div className=\"platform-category-name\">{curCategory?.name}</div>\n          )}\n          <div className=\"search-box\" onClick={handleClickSearchBox}>\n            <WrappedIcon\n              lib=\"fa\"\n              icon=\"magnifying-glass\"\n              className=\"search-icon\"\n            />\n            <input\n              ref={searchInputRef}\n              placeholder={t(K.SEARCH_PLACEHOLDER) as string}\n              value={q}\n              onChange={handleSearch}\n              className=\"search-input\"\n            />\n            <WrappedIcon\n              lib=\"antd\"\n              theme=\"filled\"\n              icon=\"close-circle\"\n              className={classNames(\"search-clear\", { searching })}\n              onClick={clearSearch}\n            />\n          </div>\n          {platform === \"#all\" && (\n            <div className={classNames({ empty: recentVisits.length === 0 })}>\n              <div className=\"recent-visits-label\">{t(K.RECENT_VISITS)}</div>\n              <ul className=\"recent-visits\">\n                {recentVisits.map((item, index) => (\n                  <li key={index}>\n                    <WrappedLink\n                      onClick={() => pushRecentVisit(item)}\n                      {...(item.type === \"app\"\n                        ? {\n                            url: item.url,\n                          }\n                        : {\n                            href: item.url,\n                            target: \"_blank\",\n                          })}\n                    >\n                      <span>{item.name}</span>\n                    </WrappedLink>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n          {platform === \"#all\" && (\n            <ul className=\"menu-groups\">\n              {menuGroups.map((group) => (\n                <MenuGroup\n                  key={group.name}\n                  name={group.localeName as string}\n                  items={group.items}\n                />\n              ))}\n            </ul>\n          )}\n          {platform !== \"#all\" && (\n            <ul\n              className={classNames(\"platform-items\", {\n                empty: curCategory?.items.length === 0,\n              })}\n            >\n              {curCategory?.items.map((item, index) => (\n                <PlatformItem item={item} key={index} />\n              ))}\n            </ul>\n          )}\n        </div>\n      </LaunchpadsContext.Provider>\n    </div>\n  );\n}\n\nfunction Loading({ loading }: { loading: boolean }) {\n  return (\n    loading && (\n      <div className=\"spinner\">\n        <WrappedIcon lib=\"fa\" icon=\"spinner\" spinning />\n      </div>\n    )\n  );\n}\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","toString","LaunchpadsContext","React","useLaunchpadContext","MenuGroup","_ref","name","items","className","map","item","type","MenuItemFolder","key","localeName","MenuItem","_ref2","_item$menuIcon","t","useTranslation","NS","loadingFavorites","readonly","pushRecentVisit","toggleStar","isStarred","starred","useMemo","handleStarClick","useCallback","handleClick","classNames","WrappedLink","_extends","onClick","url","href","WrappedIcon","lib","icon","menuIcon","pick","prefix","title","K","UNFAVORITE","FAVORITE","SidebarMenuItem","_ref3","_item$menuIcon2","target","handleRemoveStar","_ref4","searching","expanded","setExpanded","useState","searchingExpanded","setSearchingExpanded","toggle","previous","useEffect","actualExpanded","initializeReactI18n","locales","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","PlatformCategorySidebarMenuItem","_item$icon","active","category","PlatformItem","description","Launchpad","searchInputRef","useRef","favorites","setFavorites","handleClickSearchBox","_searchInputRef$curre","current","focus","platform","setPlatform","showPlatformCategory","_getRuntime","getRuntime","getFeatureFlags","showScenarioCenter","_getRuntime2","showSolutionCenter","_getRuntime3","showOpenPlatform","_getRuntime4","loading","q","setQ","menuGroups","_favorites","recentVisits","platformCategories","useLaunchpadInfo","handleSearch","e","value","clearSearch","_searchInputRef$curre2","handlePlatformCategoryClick","curCategory","find","v","length","setTimeout","Provider","QUICK_ACCESS","TransitionGroup","index","CSSTransition","timeout","in","i","enter","enterActive","exit","exitActive","exitDone","PLATFORM_BASE","SCENARIO_CENTER","theme","SOLUTIONS","OPEN_PLATFORM","Loading","ref","placeholder","SEARCH_PLACEHOLDER","onChange","empty","RECENT_VISITS","group","spinning"],"sourceRoot":""}