@easyv/biz-components 1.0.29 → 2.1.0

package/dist/lib/easyv-biz-components/src/components/ai-components/ai-message-render/ai-message-render.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { AiMessageContentItem } from './types';
+
+export interface AiMessageRenderProps {
+    className?: string;
+    contents: AiMessageContentItem[];
+    renderDashboardContent?: (msg: AiMessageContentItem) => React.ReactNode;
+    renderStepHintContent?: (hintContent: string) => React.ReactNode;
+    showFooterButtons?: boolean;
+    onCopy?: () => void;
+    onRedo?: () => void;
+    markdownClassName?: string;
+    rootFontSize?: number;
+    /**隐藏默认样式 */
+    hideDefaultStyle?: boolean;
+    /** 并不是应用于 元素的 style 属性上，而是把 string 放入 shadowDom的 style 标签内 */
+    markdownStyle?: string;
+    stepHintClassName?: string;
+    /** 阶段提示图标的动画 */
+    stepHintAnimation?: boolean;
+    /** markdown 里图片的 className */
+    imgClassName?: string;
+    /** 是否启用图片预览 @default true */
+    useImgPreview?: boolean;
+    showPreviewImg?: (imgInfo: PreviewImgInfo) => void;
+    /** 主题模式 @default dark */
+    themeMode?: "light" | "dark";
+}
+interface PreviewImgInfo {
+    src: string;
+    alt?: string;
+}
+export declare const AiMessageRender: (props: AiMessageRenderProps) => JSX.Element;
+export {};

package/dist/lib/easyv-biz-components/src/components/ai-components/ai-message-render/image-preview.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export interface ImagePreviewProps {
+    src: string;
+    alt?: string;
+    visible: boolean;
+    onClose: () => void;
+}
+export declare const ImagePreview: React.FC<ImagePreviewProps>;

package/dist/lib/easyv-biz-components/src/components/ai-components/ai-message-render/index.d.ts

@@ -0,0 +1,4 @@
+export { AiMessageRender } from './ai-message-render';
+export * from './types';
+export * from './utils';
+export * from './render-utils';

package/dist/lib/easyv-biz-components/src/components/ai-components/ai-message-render/render-utils.d.ts

@@ -0,0 +1,39 @@
+import { EasyvPlot, EchartsPlot } from './types';
+import type * as EchartsType from "echarts";
+interface RenderEasyvChartsParams {
+    plotContext: EasyvPlot;
+    EasyVComponentRenderer: React.FC<{
+        data: unknown[];
+        moduleName: string;
+        version: string;
+        width: number;
+        height: number;
+        config: object;
+    }>;
+    height: number;
+    width: number;
+    wrapperClass?: string;
+    showPreviewIcon?: boolean;
+    onClickPreview?: () => void;
+}
+export declare const renderEasyvCharts: (params: RenderEasyvChartsParams) => JSX.Element | null;
+interface RenderEchartsParams {
+    plotContext: EchartsPlot;
+    echarts: typeof EchartsType;
+    height: number;
+    width: number;
+    /** 图表主题模式，暂时废弃 */
+    themeMode?: "light" | "dark";
+    wrapperClass?: string;
+    showPreviewIcon?: boolean;
+    onClickPreview?: () => void;
+}
+export declare const renderEcharts: (params: RenderEchartsParams) => JSX.Element | null;
+export declare const renderChartPlaceHolderDom: (params: {
+    count: number;
+    className?: string;
+    style?: React.CSSProperties;
+    width?: number;
+    height?: number;
+}) => JSX.Element;
+export {};

package/dist/lib/easyv-biz-components/src/components/ai-components/ai-message-render/types.d.ts

@@ -0,0 +1,42 @@
+export interface EchartsPlot {
+    option: object;
+    filterCode?: string;
+    /** 全量数据 */
+    data?: any[];
+    plotType?: string;
+}
+export interface EasyvPlot {
+    filterCode?: string;
+    data: any[];
+    plotModuleName: string;
+    plotVersion: string;
+    extraConfig?: object;
+}
+export interface AiMessageContentItem {
+    /** 文本消息 */
+    text?: string;
+    /** markdown 的图表信息 */
+    markdownChatString?: string;
+    /** easyv 图表消息 */
+    plotContext?: EasyvPlot;
+    /** echarts 图表消息 */
+    echartsContext?: EchartsPlot;
+    /** 图表占位符的数量, 用于先展示一个图表的占位符，避免图表加载出来时跳动 */
+    chartPlaceHolderNumber?: number;
+    /** 智能体消息执行阶段提示 */
+    aiAgentStepMessage?: string;
+}
+export interface AiChatMessageItem {
+    /** 消息 id， 同一次对话中 用户和ai的消息id一致 */
+    id: string;
+    /** 来自用户还是ai */
+    role: "user" | "ai";
+    contents: AiMessageContentItem[];
+    /** 时间, 需要是能被 dayjs 解析的格式 */
+    createTime?: string;
+    /** 用作消息排序 */
+    createTimeStamp?: number;
+    endTime?: string;
+    showVoiceBtn?: boolean;
+    aiAgentStepStatus?: "start" | "error" | "end";
+}

package/dist/lib/easyv-biz-components/src/components/ai-components/ai-message-render/utils.d.ts

@@ -0,0 +1,25 @@
+import { AiAgentSocketMessagePayload } from '../../../utils/ai-agent-message-manager';
+import { AiChatMessageItem, AiMessageContentItem } from './types';
+
+export declare function generateDefaultAiMsg(id: string): AiChatMessageItem;
+export declare function generateAiChatMessageFromSocketMessage(data: {
+    socketMsgList: AiAgentSocketMessagePayload[];
+    onError?: (msg: AiAgentSocketMessagePayload) => void;
+    currMsgId: string;
+}): {
+    aiMsg: AiChatMessageItem | undefined;
+    userMsg: AiChatMessageItem | undefined;
+};
+export type AiChatResponseItem = Omit<AiMessageContentItem, "text"> & {
+    content?: string;
+};
+interface AiChatDetailResItem {
+    id: string;
+    sessionId: string;
+    question: string;
+    response: AiChatResponseItem[];
+    createdAt?: string;
+    updatedAt?: string;
+}
+export declare function generateAiChatMessageFromAiChatDetail(chatDetail: AiChatDetailResItem[]): AiChatMessageItem[];
+export {};

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/icon-button.d.ts

@@ -0,0 +1,7 @@
+export interface IconButtonProps {
+    className?: string;
+    icon?: React.ReactNode;
+    onClick?: (e: Event) => void;
+}
+/** 输入框右侧的 图标控制按钮 */
+export declare const IconButton: (props: IconButtonProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/index.d.ts

@@ -0,0 +1 @@
+export * from './mobile-voice-input';

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/mobile-voice-input.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export interface MobileVoiceInputProps {
+    className?: string;
+    isAiAnswering?: boolean;
+    onClickStartRecord?: () => void;
+    onClickStopRecord?: () => void;
+    onSend?: (value?: string) => void;
+    onStop?: () => void;
+    value?: string;
+    onChange?: (value?: string) => void;
+    getSentenceRecognizeRes: (data: Blob) => Promise<string>;
+    /** 这个是本地语音识别管理器，用于在移动端识别语音。
+     * - workspace 和 screen 里的 class 不一样， 而且没有迁移到 biz-components 中 所以先写个 any。
+     * - workspace 里的 class 是 LocalMobileVoiceRecognitionManager ，screen 里的 class 是 LocalVoiceRecognitionManager
+     */
+    renderSomethingOnVoiceInput?: () => React.ReactNode;
+}
+export interface MobileVoiceInputRef {
+    setVoiceRecognizeRes: (value: string) => void;
+}
+export declare const MobileVoiceInput: React.ForwardRefExoticComponent<MobileVoiceInputProps & React.RefAttributes<MobileVoiceInputRef>>;

package/dist/lib/easyv-biz-components/src/components/ai-model-select/ai-model-select-panel.d.ts

@@ -0,0 +1,23 @@
+import { InputRef } from '@easyv/antd';
+import { AiModel, AiModelServiceProvider } from './types';
+
+export interface AiModelSelectPanelProps {
+    className?: string;
+    modelServiceProviderList: AiModelServiceProvider[];
+    value?: {
+        modelProviderId: string;
+        modelId: string;
+    };
+    onSelect?: (AiModelServiceProvider: AiModelServiceProvider, model: AiModel) => void;
+    style?: React.CSSProperties;
+    titleClassName?: string;
+    itemClassName?: string;
+    renderInput: (props: {
+        value: string;
+        onChange: (value: string) => void;
+        onPressEnter: () => void;
+        onBlur: () => void;
+        ref: React.Ref<InputRef>;
+    }) => React.ReactNode;
+}
+export declare const AiModelSelectPanel: (props: AiModelSelectPanelProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/ai-model-select/iconBtn.d.ts

@@ -0,0 +1,6 @@
+import { default as React, HTMLProps } from 'react';
+
+export interface IconBtnProps extends Omit<HTMLProps<HTMLDivElement>, "dangerouslySetInnerHTML"> {
+    icon: React.ReactNode;
+}
+export declare const IconBtn: (props: IconBtnProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/circle-loading/circle-loading.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+
+interface CircleLoadingProps extends SVGProps<SVGSVGElement> {
+}
+export declare const CircleLoading: ({ className, ...restProps }: CircleLoadingProps) => JSX.Element;
+export {};

package/dist/lib/easyv-biz-components/src/components/circle-loading/index.d.ts

@@ -0,0 +1 @@
+export * from './circle-loading';

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/code-mirror-editor.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps } from 'react';
+import { default as CodeMirror } from '@uiw/react-codemirror';
+import { CustomCompletionConfig } from './types';
+
+export interface CodeMirrorEditorProps extends ComponentProps<typeof CodeMirror> {
+    languageMode: "javascript" | "json" | "sql";
+    code: string;
+    onChange: (v: string) => void;
+    wrapperClassName?: string;
+    wrapperStyle?: React.CSSProperties;
+    environment?: "browser" | "node";
+    placeholder?: string;
+    /** 是否显示左侧错误图标，默认为 false */
+    showLintGutter?: boolean;
+    /** 自定义补全配置 */
+    customCompletions?: CustomCompletionConfig;
+}
+export declare const CodeMirrorEditor: (props: CodeMirrorEditorProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/constants.d.ts

@@ -0,0 +1,135 @@
+import { CustomCompletionItem } from './types';
+
+export declare const browserGlobals: {
+    console: {
+        assert: boolean;
+        clear: boolean;
+        count: boolean;
+        countReset: boolean;
+        debug: boolean;
+        dir: boolean;
+        dirxml: boolean;
+        error: boolean;
+        group: boolean;
+        groupCollapsed: boolean;
+        groupEnd: boolean;
+        info: boolean;
+        log: boolean;
+        table: boolean;
+        time: boolean;
+        timeEnd: boolean;
+        timeLog: boolean;
+        timeStamp: boolean;
+        trace: boolean;
+        warn: boolean;
+    };
+    Math: {
+        abs: boolean;
+        acos: boolean;
+        asin: boolean;
+        atan: boolean;
+        ceil: boolean;
+        cos: boolean;
+        exp: boolean;
+        floor: boolean;
+        log: boolean;
+        max: boolean;
+        min: boolean;
+        pow: boolean;
+        random: boolean;
+        round: boolean;
+        sin: boolean;
+        sqrt: boolean;
+        tan: boolean;
+        PI: boolean;
+    };
+    JSON: {
+        parse: boolean;
+        stringify: boolean;
+    };
+};
+export declare const nodeGlobals: {
+    process: {
+        env: boolean;
+        argv: boolean;
+        exit: boolean;
+        cwd: boolean;
+    };
+    Buffer: {
+        alloc: boolean;
+        from: boolean;
+        isBuffer: boolean;
+    };
+    require: boolean;
+    module: {
+        exports: boolean;
+    };
+    exports: boolean;
+    __dirname: boolean;
+    __filename: boolean;
+    console: {
+        assert: boolean;
+        clear: boolean;
+        count: boolean;
+        countReset: boolean;
+        debug: boolean;
+        dir: boolean;
+        dirxml: boolean;
+        error: boolean;
+        group: boolean;
+        groupCollapsed: boolean;
+        groupEnd: boolean;
+        info: boolean;
+        log: boolean;
+        table: boolean;
+        time: boolean;
+        timeEnd: boolean;
+        timeLog: boolean;
+        timeStamp: boolean;
+        trace: boolean;
+        warn: boolean;
+    };
+    Math: {
+        abs: boolean;
+        acos: boolean;
+        asin: boolean;
+        atan: boolean;
+        ceil: boolean;
+        cos: boolean;
+        exp: boolean;
+        floor: boolean;
+        log: boolean;
+        max: boolean;
+        min: boolean;
+        pow: boolean;
+        random: boolean;
+        round: boolean;
+        sin: boolean;
+        sqrt: boolean;
+        tan: boolean;
+        PI: boolean;
+    };
+    JSON: {
+        parse: boolean;
+        stringify: boolean;
+    };
+};
+export declare const globalCompletions: {
+    functions: CustomCompletionItem[];
+};
+export declare const ERROR_MESSAGES: {
+    METHOD_NOT_EXIST: (objectName: string, propertyName: string) => string;
+    UNUSED_VARIABLE: (varName: string) => string;
+    SYNTAX_ERROR: (line: number, column: number, message: string) => string;
+};
+export declare const LINT_CONFIG: {
+    ECMA_VERSION: 2020;
+    CONSOLE_STYLES: {
+        ERROR: string;
+    };
+};
+export declare const DIAGNOSTIC_SEVERITY: {
+    ERROR: "error";
+    WARNING: "warning";
+    INFO: "info";
+};

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/format-utils.d.ts

@@ -0,0 +1,10 @@
+import { EditorView } from '@codemirror/view';
+
+export interface FormatOptions {
+    tabSize?: number;
+    useTabs?: boolean;
+    maxLineLength?: number;
+}
+export declare const formatCode: (code: string, language?: "javascript" | "json", options?: FormatOptions) => string;
+export declare const formatDocument: (view: EditorView, language?: "javascript" | "json", options?: FormatOptions) => boolean;
+export declare const createFormatCommand: (language?: "javascript" | "json", options?: FormatOptions) => (view: EditorView) => boolean;

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './code-mirror-editor';
+export * from './types';

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/types.d.ts

@@ -0,0 +1,21 @@
+export type CompletionIconType = "class" | "constant" | "enum" | "function" | "interface" | "keyword" | "method" | "namespace" | "property" | "text" | "type" | "variable" | "api" | "database" | "file" | "folder" | "module" | "package" | "snippet" | "value" | "event" | "operator" | "reference" | "color" | "unit" | "constructor" | "field" | "struct" | "typeParameter" | "user" | "issue" | "customIcon1" | "customIcon2" | "customIcon3";
+export interface CustomCompletionItem {
+    /** 显示的标签 */
+    label: string;
+    /** 补全项类型，用于显示对应的图标 */
+    type: CompletionIconType;
+    /** 详细信息。 使用额外的 tooltip 展示 */
+    info?: string;
+    /** 额外描述。 跟在变量提示后面的 */
+    detail?: string;
+    /** 实际插入的文本，如果不提供则使用 label */
+    apply?: string;
+}
+export interface CustomCompletionConfig {
+    /** 自定义变量 */
+    variables?: CustomCompletionItem[];
+    /** 自定义函数 */
+    functions?: CustomCompletionItem[];
+    /** 自定义关键字 */
+    keywords?: CustomCompletionItem[];
+}

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/utils.d.ts

@@ -0,0 +1,75 @@
+import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
+import { Diagnostic } from '@codemirror/lint';
+import { EditorView } from '@codemirror/view';
+import { CustomCompletionConfig } from './types';
+
+/**
+ * 模糊匹配函数，支持非连续字符匹配
+ * 例如：输入 "usd" 可以匹配 "userData"
+ * @param input 用户输入的字符串
+ * @param target 目标字符串
+ * @returns 是否匹配以及匹配分数
+ */
+export declare const fuzzyMatch: (input: string, target: string) => {
+    matches: boolean;
+    score: number;
+};
+export declare const getGlobalDefinitions: (environment: "browser" | "node") => {
+    console: {
+        assert: boolean;
+        clear: boolean;
+        count: boolean;
+        countReset: boolean;
+        debug: boolean;
+        dir: boolean;
+        dirxml: boolean;
+        error: boolean;
+        group: boolean;
+        groupCollapsed: boolean;
+        groupEnd: boolean;
+        info: boolean;
+        log: boolean;
+        table: boolean;
+        time: boolean;
+        timeEnd: boolean;
+        timeLog: boolean;
+        timeStamp: boolean;
+        trace: boolean;
+        warn: boolean;
+    };
+    Math: {
+        abs: boolean;
+        acos: boolean;
+        asin: boolean;
+        atan: boolean;
+        ceil: boolean;
+        cos: boolean;
+        exp: boolean;
+        floor: boolean;
+        log: boolean;
+        max: boolean;
+        min: boolean;
+        pow: boolean;
+        random: boolean;
+        round: boolean;
+        sin: boolean;
+        sqrt: boolean;
+        tan: boolean;
+        PI: boolean;
+    };
+    JSON: {
+        parse: boolean;
+        stringify: boolean;
+    };
+};
+export interface VariableInfo {
+    line: number;
+    column: number;
+    used: boolean;
+}
+export declare const collectVariableDeclarations: (ast: any) => Map<string, VariableInfo>;
+export declare const checkVariableUsageAndMethods: (ast: any, declaredVars: Map<string, VariableInfo>, globals: any, view: EditorView) => Diagnostic[];
+export declare const checkUnusedVariables: (declaredVars: Map<string, VariableInfo>, view: EditorView) => Diagnostic[];
+export declare const handleSyntaxError: (error: any, view: EditorView) => Diagnostic[];
+export declare const lintJavaScriptCode: (code: string, environment: "browser" | "node", view: EditorView) => Diagnostic[];
+export declare const createCustomCompletionsSource: (customCompletions?: CustomCompletionConfig) => (context: CompletionContext) => CompletionResult | null;

package/dist/lib/easyv-biz-components/src/components/easyv-monaco-editor/test/easyv-monaco-editor.cy.d.ts

@@ -0,0 +1 @@
+

package/dist/lib/easyv-biz-components/src/components/easyv-monaco-editor/types.d.ts

@@ -0,0 +1,91 @@
+import type * as monacoType from "monaco-editor/esm/vs/editor/editor.api";
+export interface EasyvMonacoEditorProps {
+    className?: string;
+    style?: React.CSSProperties;
+    languageMode: "javascript" | "json" | "sql";
+    code: string;
+    onChange?: (v: string) => void;
+    /** 定义 monaco-editor 的类型文件。如：
+     * - interface User {
+    name: string;
+    age: number;
+  }
+  declare const users: User[];
+     */
+    globalVarType?: string;
+    /** 类型文件的名称。 避免类型覆盖 */
+    globalVarTypeName?: string;
+    /**
+     * 传入你从 monaco-editor 导入的 monaco。
+     * - vite 项目中的 按需导入可以参见如下方式， webpack 项目注意 worker 的导入方式和处理方式：
+     * ```ts
+     * // vite 项目
+      import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+      import 'monaco-editor/esm/vs/editor/editor.all.js';
+      import 'monaco-editor/esm/vs/language/json/monaco.contribution';
+      import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution';
+      import 'monaco-editor/esm/vs/language/typescript/monaco.contribution';
+      import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
+      import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
+      import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
+      // 设置 worker
+      self.MonacoEnvironment = {
+        getWorker(_, label) {
+          if (label === 'json') {
+            return new jsonWorker();
+          }
+  
+          if (label === 'typescript' || label === 'javascript') {
+            return new tsWorker();
+          }
+  
+          return new editorWorker();
+        },
+      };
+      ```
+      - webpack 项目中，推荐使用 monaco-editor-webpack-plugin
+      ```ts
+      const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
+  
+      plugins: [
+        new MonacoWebpackPlugin({
+          languages: ['json', 'javascript', 'typescript'],
+        }),
+      ],
+      ```
+     */
+    monaco: typeof monacoType;
+    /** monaco 对代码检查时的错误或者警告等等。 */
+    onCodeMark?: (errors: monacoType.editor.IMarker[]) => void;
+    onFocus?: () => void;
+    onBlur?: (code: string) => void;
+    /** 是否在失焦时格式化代码 */
+    formatOnBlur?: boolean;
+    /** 校验时，要忽略的错误码。 只在初始化生效 */
+    ignoreErrorCodes?: number[];
+    /** 初始化时，对 ts/js 语言的编译选项，具体选项可查看类型 */
+    initJSCompilerOptions?: monacoType.languages.typescript.CompilerOptions;
+    /** 新建 monaco-editor 时，传入的配置选项，具体选项可查看类型, 大部分的配置 可以通过传递 monacoEditorOptions 来更新 */
+    constructionOptions?: Parameters<typeof monacoType.editor.create>[1];
+    /** 编辑器配置项
+      - theme: 主题名称 ('vs', 'vs-dark', 'hc-black' 或自定义主题)
+      - fontSize: 字体大小
+      - fontFamily: 字体
+      - lineNumbers: 行号显示 ('on', 'off', 'relative' 等)
+      - wordWrap: 自动换行 ('on', 'off', 'wordWrapColumn' 等)
+      - minimap: 缩略图配置
+      - renderWhitespace: 空白字符显示
+      - tabSize: 制表符大小
+     */
+    monacoEditorOptions?: monacoType.editor.IEditorOptions & monacoType.editor.IGlobalEditorOptions;
+    customTheme?: monacoType.editor.IStandaloneThemeData;
+    onEditorMounted?: (editor: monacoType.editor.IStandaloneCodeEditor) => void;
+    onError?: (error: Error) => void;
+    /** 是否浏览器环境。浏览器环境会 增加 dom 相关的类型 */
+    isDomEnv?: boolean;
+}
+export type MonacoEditorInstance = monacoType.editor.IStandaloneCodeEditor | undefined;
+export type EasyvMonacoEditorRef = {
+    editor?: MonacoEditorInstance;
+    format: () => Promise<string | undefined>;
+};