Merge pull request #418 from easyops-cn/steve/parse-module

fix(): fix elevo theme variant

Author: weareoutman

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

@@ -366,6 +366,7 @@ export function LowLevelChatHistory(
                   <WrappedMiniActions
                     className="actions"
                     actions={projectActions}
+                    themeVariant="elevo"
                     onActionClick={(e) => {
                       onProjectActionClick({ action: e.detail, project });
                     }}

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

@@ -39,7 +39,7 @@ export const WrappedEasyopsAvatar = wrapBrick<
 >("eo-easyops-avatar");
 export const WrappedMiniActions = wrapBrick<
   EoMiniActions,
-  EoMiniActionsProps,
+  EoMiniActionsProps & { themeVariant?: "default" | "elevo" },
   EoMiniActionsEvents,
   EoMiniActionsEventsMapping
 >("eo-mini-actions", {

bricks/ai-portal/src/show-case/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useMemo } from "react";
 import { createDecorators } from "@next-core/element";
 import { ReactNextElement, wrapBrick } from "@next-core/react-element";
 import "@next-core/theme";
@@ -54,11 +54,19 @@ class ShowCase extends ReactNextElement implements ShowCaseProps {
 }
 
 function ShowCaseComponent({ caseTitle, summary, url }: ShowCaseProps) {
+  const bgClass = useMemo(() => {
+    // Get a deterministic class based on the caseTitle
+    if (!caseTitle) return bgClasses[0];
+    let hash = 0;
+    for (let i = 0; i < caseTitle.length; i++) {
+      hash = caseTitle.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    const index = Math.abs(hash) % bgClasses.length;
+    return bgClasses[index];
+  }, [caseTitle]);
+
   return (
-    <WrappedLink
-      className={`link ${bgClasses[Math.floor(Math.random() * bgClasses.length)]}`}
-      url={url}
-    >
+    <WrappedLink className={`link ${bgClass}`} url={url}>
       <span className="title">{caseTitle}</span>
       <span className="description">{summary}</span>
       <span className="mask" />

shared/tsx-converter/lib/components.d.ts

@@ -92,7 +92,7 @@ export interface NumberInputProps extends InputProps {
 export interface TextareaProps extends InputProps {}
 
 export interface SelectProps extends InputProps {
-  options: FormItemOptions[];
+  options: (FormItemOptions | string)[];
   onChange?: (e: CustomEvent<string | number | boolean | null>) => void;
 }