Merge pull request #475 from easyops-cn/steve/sidebar

fix(): space objects settings

Author: weareoutman

bricks/ai-portal/docs/chat-panel.md

@@ -1,11 +1,27 @@
 构件 `ai-portal.chat-panel`
 
+## 介绍
+
+弹出式 AI 对话面板，提供一个模态框样式的聊天界面，支持与 AI 助手进行对话交互。
+
 ## Examples
 
 ### Basic
 
 ```yaml preview
-brick: ai-portal.chat-panel
-properties:
-  textContent: Hello world
+- brick: eo-button
+  properties:
+    themeVariant: elevo
+    textContent: 打开对话面板
+  events:
+    click:
+      target: "#chatPanel"
+      method: open
+- brick: ai-portal.chat-panel
+  properties:
+    id: chatPanel
+    width: 600
+    height: 800
+    panelTitle: AI 助手
+    placeholder: 请输入您的问题...
 ```

bricks/ai-portal/src/chat-panel/index.tsx

@@ -59,7 +59,6 @@ const { defineElement, property, method } = createDecorators();
 
 export interface ChatPanelProps {
   panelTitle?: string;
-  mode?: "drawer" | "modal" | "fullscreen";
   width?: string | number;
   height?: string | number;
   placeholder?: string;
@@ -69,7 +68,7 @@ export interface ChatPanelProps {
 const ChatPanelComponent = forwardRef(LegacyChatPanelComponent);
 
 /**
- * 弹出式对话面板，支持三种显示模式：抽屉、弹窗、全屏。
+ * 弹出式对话面板。
  */
 export
 @defineElement("ai-portal.chat-panel", {

bricks/ai-portal/src/elevo-sidebar/SpaceNav.tsx

@@ -5,10 +5,12 @@ import { K, t } from "./i18n.js";
 import { WrappedIcon, WrappedIconButton, WrappedLink } from "./bricks.js";
 import { NavLink } from "./NavLink.js";
 import type { SidebarLink } from "./interfaces.js";
-import { ADD_ICON } from "./constants.js";
+import { ADD_ICON, SETTINGS_ICON } from "./constants.js";
+import { getHistory } from "@next-core/runtime";
 
 export interface SpaceNavProps {
   returnUrl: string;
+  introUrl: string;
   spaceDetail: {
     instanceId: string;
     name: string;
@@ -24,6 +26,7 @@ export interface SpaceNavComponentProps extends SpaceNavProps {
 
 export function SpaceNav({
   returnUrl,
+  introUrl,
   spaceDetail,
   spaceObjects,
   spaceServiceflows,
@@ -45,7 +48,7 @@ export function SpaceNav({
       </WrappedLink>
       <div className="divider" />
       <div className="history" ref={rootRef}>
-        {spaceObjects?.length ? (
+        {spaceObjects ? (
           <div
             className={classNames("section", { collapsed: objectsCollapsed })}
           >
@@ -54,7 +57,16 @@ export function SpaceNav({
               title={t(K.BUSINESS_OBJECTS)}
               collapsed={objectsCollapsed}
               onToggle={() => setObjectsCollapsed((prev) => !prev)}
-            />
+            >
+              <WrappedIconButton
+                icon={SETTINGS_ICON}
+                variant="mini-light"
+                tooltip={t(K.BUSINESS_OBJECTS_SETTINGS)}
+                tooltipHoist={true}
+                className="button"
+                onClick={() => getHistory().push(introUrl)}
+              />
+            </SectionTitle>
             <ul className="items">
               {spaceObjects.map((obj, index) => (
                 <li key={index}>
@@ -75,7 +87,7 @@ export function SpaceNav({
             </ul>
           </div>
         ) : null}
-        {spaceServiceflows?.length ? (
+        {spaceServiceflows ? (
           <div
             className={classNames("section", {
               collapsed: serviceflowsCollapsed,

bricks/ai-portal/src/elevo-sidebar/constants.ts

@@ -4,3 +4,8 @@ export const ADD_ICON: GeneralIconProps = {
   lib: "fa",
   icon: "plus",
 };
+
+export const SETTINGS_ICON: GeneralIconProps = {
+  lib: "lucide",
+  icon: "settings",
+};

bricks/ai-portal/src/elevo-sidebar/i18n.ts

@@ -19,6 +19,7 @@ export enum K {
   SERVICEFLOWS = "SERVICEFLOWS",
   COLLABORATION_SPACES = "COLLABORATION_SPACES",
   CREATE_SERVICEFLOW = "CREATE_SERVICEFLOW",
+  BUSINESS_OBJECTS_SETTINGS = "BUSINESS_OBJECTS_SETTINGS",
 }
 
 const en: Locale = {
@@ -40,6 +41,7 @@ const en: Locale = {
   [K.SERVICEFLOWS]: "Serviceflows",
   [K.COLLABORATION_SPACES]: "Collaboration spaces",
   [K.CREATE_SERVICEFLOW]: "Create serviceflow",
+  [K.BUSINESS_OBJECTS_SETTINGS]: "Business objects settings",
 };
 
 const zh: Locale = {
@@ -61,6 +63,7 @@ const zh: Locale = {
   [K.SERVICEFLOWS]: "业务流",
   [K.COLLABORATION_SPACES]: "协作空间",
   [K.CREATE_SERVICEFLOW]: "创建业务流",
+  [K.BUSINESS_OBJECTS_SETTINGS]: "业务对象设置",
 };
 
 export const NS = "bricks/ai-portal/elevo-sidebar";

bricks/ai-portal/src/elevo-sidebar/index.tsx

@@ -38,6 +38,8 @@ import { NavLink } from "./NavLink.js";
 import type { SidebarLink } from "./interfaces.js";
 import { SpaceNav, type SpaceNavProps } from "./SpaceNav.js";
 
+export type { SidebarLink, SpaceNavProps };
+
 initializeI18n(NS, locales);
 
 const SIDEBAR_ICON: GeneralIconProps = {

bricks/ai-portal/src/jsx.ts

@@ -191,6 +191,7 @@ declare global {
           onProjectActionClick?: (
             event: CustomEvent<ProjectActionClickDetail>
           ) => void;
+          onAddServiceflow?: (event: CustomEvent<void>) => void;
           onPersonalActionClick?: (
             event: CustomEvent<PersonalActionClickDetail>
           ) => void;