@easyv/biz-components 1.0.29 → 2.1.0

package/dist/components/ai-model-select/ai-model-select-panel.es.js

@@ -1,192 +0,0 @@
-import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { useRef, useState, useEffect } from "react";
-import { PlusOutlined, EditOutlined } from "../../node_modules/.pnpm/@easyv_react-icons@6.3.0/node_modules/@easyv/react-icons/dist/index.esm.es.js";
-import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
-import { produce } from "../../node_modules/.pnpm/immer@10.1.1/node_modules/immer/dist/immer.es.js";
-import { IconBtn } from "./iconBtn.es.js";
-const AiModelSelectPanel = (props) => {
-  const {
-    className = "",
-    modelServiceProviderList,
-    value,
-    onSelect,
-    style,
-    titleClassName,
-    itemClassName,
-    renderInput
-  } = props;
-  const inputRef = useRef(null);
-  const [customModelServiceProviderList, setCustomModelServiceProviderList] = useState(
-    modelServiceProviderList.filter((item) => item.isCustom)
-  );
-  const [showInputProviderId, setShowInputProviderId] = useState("");
-  const [inputValue, setInputValue] = useState("");
-  const otherModelServiceProviderList = modelServiceProviderList.filter((item) => !item.isCustom);
-  useEffect(() => {
-    if (!showInputProviderId) return;
-    const focusTimer = setTimeout(() => {
-      var _a;
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
-    }, 0);
-    const scrollTimer = setTimeout(() => {
-      const targetElement = document.querySelector(`[data-provider-id="${showInputProviderId}"]`);
-      if (targetElement) {
-        targetElement.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest",
-          inline: "nearest"
-        });
-      }
-    }, 0);
-    return () => {
-      clearTimeout(focusTimer);
-      clearTimeout(scrollTimer);
-    };
-  }, [showInputProviderId]);
-  useEffect(() => {
-    return () => {
-      setShowInputProviderId("");
-      setInputValue("");
-    };
-  }, []);
-  const handleSelect = (modelProvider, model) => {
-    onSelect == null ? void 0 : onSelect(modelProvider, model);
-    setShowInputProviderId("");
-    setInputValue("");
-  };
-  const renderTitle = (modelProvider) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: classNames(
-          "biz-h-6 biz-text-text-3 biz-px-3 biz-pt-1 biz-w-full",
-          "biz-flex biz-items-center biz-box-border biz-gap-2.5 biz-text-[14px]",
-          titleClassName
-        ),
-        title: modelProvider.name,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-w-0 biz-flex-1 biz-truncate", children: modelProvider.name }),
-          modelProvider.isCustom && modelProvider.modelList.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            IconBtn,
-            {
-              onClick: () => {
-                setShowInputProviderId(modelProvider.id);
-              },
-              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusOutlined, { className: "biz-w-3 biz-h-3 biz-text-text-2 hover:biz-text-text-1 biz-flex-center" })
-            }
-          )
-        ]
-      }
-    );
-  };
-  const renderItem = (modelProvider, model) => {
-    var _a;
-    if (modelProvider.isCustom) {
-      if (modelProvider.id !== showInputProviderId && !((_a = modelProvider.modelList) == null ? void 0 : _a.length)) {
-        return null;
-      }
-    }
-    const normalContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: modelProvider.iconSrc, className: "biz-w-4 biz-h-4" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-truncate biz-w-0 biz-flex-1 biz-text-[14px]", title: model == null ? void 0 : model.name, children: model == null ? void 0 : model.name }),
-      modelProvider.isCustom && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        IconBtn,
-        {
-          onClick: (e) => {
-            setShowInputProviderId(modelProvider.id);
-            setInputValue((model == null ? void 0 : model.name) || "");
-            e.stopPropagation();
-          },
-          className: "biz-hidden group-hover:!biz-flex",
-          style: { display: "none" },
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditOutlined, { className: "biz-w-3 biz-h-3 biz-text-text-2 hover:biz-text-text-1 biz-flex-center" })
-        }
-      )
-    ] });
-    const handlePressEnter = () => {
-      if (inputValue) {
-        setCustomModelServiceProviderList(
-          produce(customModelServiceProviderList, (draft) => {
-            const index = draft.findIndex((i) => i.id === modelProvider.id);
-            if (index !== -1) {
-              draft[index].modelList = [{ id: inputValue, name: inputValue }];
-            }
-          })
-        );
-        setShowInputProviderId("");
-        setInputValue("");
-      }
-    };
-    const handleBlur = () => {
-      if (!inputValue) {
-        setShowInputProviderId("");
-      }
-    };
-    const isSelected = (value == null ? void 0 : value.modelProviderId) === modelProvider.id && (value == null ? void 0 : value.modelId) === (model == null ? void 0 : model.id);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        "data-provider-id": modelProvider.id,
-        className: classNames(
-          "biz-px-3 biz-py-[3px] biz-flex biz-items-center biz-gap-2",
-          "biz-text-text-2 biz-h-8 biz-w-full biz-box-border",
-          "hover:biz-bg-bg-white biz-cursor-pointer biz-group",
-          isSelected && "biz-bg-bg-white",
-          itemClassName
-        ),
-        onClick: () => {
-          if (model && !showInputProviderId) {
-            handleSelect(modelProvider, model);
-          }
-        },
-        children: showInputProviderId === modelProvider.id ? renderInput({
-          value: inputValue,
-          onChange: (value2) => setInputValue(value2),
-          onPressEnter: handlePressEnter,
-          onBlur: handleBlur,
-          ref: inputRef
-        }) : normalContent
-      },
-      (model == null ? void 0 : model.id) || `input-${modelProvider.id}`
-    );
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      style,
-      className: classNames(
-        "biz-bg-[#181B22] biz-border-one biz-rounded-[4px] biz-py-1  biz-h-[200px]",
-        "biz-flex biz-flex-col gap-1 biz-w-[160px] biz-max-h-[450px] biz-overflow-auto",
-        className
-      ),
-      children: [
-        otherModelServiceProviderList.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "biz-flex biz-flex-col biz-gap-1 biz-w-full biz-box-border",
-            children: [
-              renderTitle(provider),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-flex biz-flex-col gap-1 biz-w-full", children: provider.modelList.map((model) => renderItem(provider, model)) })
-            ]
-          },
-          provider.id
-        )),
-        customModelServiceProviderList.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "biz-flex biz-flex-col biz-gap-1 biz-w-full biz-box-border",
-            children: [
-              renderTitle(provider),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-flex biz-flex-col gap-1 biz-w-full", children: renderItem(provider, provider.modelList[0]) })
-            ]
-          },
-          provider.id
-        ))
-      ]
-    }
-  );
-};
-export {
-  AiModelSelectPanel
-};
-//# sourceMappingURL=ai-model-select-panel.es.js.map

package/dist/components/ai-model-select/ai-model-select-panel.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-model-select-panel.es.js","sources":["../../../src/components/ai-model-select/ai-model-select-panel.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { EditOutlined, PlusOutlined } from '@easyv/react-icons';\nimport { InputRef } from 'antd';\nimport classNames from 'classnames';\nimport { produce } from 'immer';\nimport { IconBtn } from './iconBtn';\nimport { AiModel, AiModelServiceProvider } from './types';\n\nexport interface AiModelSelectPanelProps {\n  className?: string;\n  modelServiceProviderList: AiModelServiceProvider[];\n  value?: {\n    modelProviderId: string;\n    modelId: string;\n  };\n  onSelect?: (AiModelServiceProvider: AiModelServiceProvider, model: AiModel) => void;\n  style?: React.CSSProperties;\n  titleClassName?: string;\n  itemClassName?: string;\n  renderInput: (props: {\n    value: string;\n    onChange: (value: string) => void;\n    onPressEnter: () => void;\n    onBlur: () => void;\n    ref: React.Ref<InputRef>;\n  }) => React.ReactNode;\n}\n\nexport const AiModelSelectPanel = (props: AiModelSelectPanelProps) => {\n  const {\n    className = '',\n    modelServiceProviderList,\n    value,\n    onSelect,\n    style,\n    titleClassName,\n    itemClassName,\n    renderInput,\n  } = props;\n\n  const inputRef = useRef<InputRef>(null);\n\n  const [customModelServiceProviderList, setCustomModelServiceProviderList] = useState(\n    modelServiceProviderList.filter((item) => item.isCustom),\n  );\n  const [showInputProviderId, setShowInputProviderId] = useState<string>('');\n  const [inputValue, setInputValue] = useState<string>('');\n\n  const otherModelServiceProviderList = modelServiceProviderList.filter((item) => !item.isCustom);\n\n  useEffect(() => {\n    if (!showInputProviderId) return;\n\n    // 聚焦到输入框\n    const focusTimer = setTimeout(() => {\n      inputRef.current?.focus();\n    }, 0);\n\n    // 滚动到输入框位置\n    const scrollTimer = setTimeout(() => {\n      // 使用唯一选择器查找包含输入框的元素\n      const targetElement = document.querySelector(`[data-provider-id=\"${showInputProviderId}\"]`);\n      if (targetElement) {\n        targetElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    }, 0);\n\n    return () => {\n      clearTimeout(focusTimer);\n      clearTimeout(scrollTimer);\n    };\n  }, [showInputProviderId]);\n\n  useEffect(() => {\n    return () => {\n      setShowInputProviderId('');\n      setInputValue('');\n    };\n  }, []);\n\n  const handleSelect = (modelProvider: AiModelServiceProvider, model: AiModel) => {\n    onSelect?.(modelProvider, model);\n    setShowInputProviderId('');\n    setInputValue('');\n  };\n\n  const renderTitle = (modelProvider: AiModelServiceProvider) => {\n    return (\n      <div\n        className={classNames(\n          'biz-h-6 biz-text-text-3 biz-px-3 biz-pt-1 biz-w-full',\n          'biz-flex biz-items-center biz-box-border biz-gap-2.5 biz-text-[14px]',\n          titleClassName,\n        )}\n        title={modelProvider.name}\n      >\n        <div className='biz-w-0 biz-flex-1 biz-truncate'>{modelProvider.name}</div>\n        {modelProvider.isCustom && modelProvider.modelList.length === 0 && (\n          <IconBtn\n            onClick={() => {\n              setShowInputProviderId(modelProvider.id);\n            }}\n            icon={\n              <PlusOutlined className='biz-w-3 biz-h-3 biz-text-text-2 hover:biz-text-text-1 biz-flex-center' />\n            }\n          />\n        )}\n      </div>\n    );\n  };\n\n  const renderItem = (modelProvider: AiModelServiceProvider, model?: AiModel) => {\n    if (modelProvider.isCustom) {\n      if (modelProvider.id !== showInputProviderId && !modelProvider.modelList?.length) {\n        return null;\n      }\n    }\n    const normalContent = (\n      <>\n        <img src={modelProvider.iconSrc} className='biz-w-4 biz-h-4' />\n        <div className='biz-truncate biz-w-0 biz-flex-1 biz-text-[14px]' title={model?.name}>\n          {model?.name}\n        </div>\n        {modelProvider.isCustom && (\n          <IconBtn\n            onClick={(e) => {\n              setShowInputProviderId(modelProvider.id);\n              setInputValue(model?.name || '');\n              e.stopPropagation();\n            }}\n            className='biz-hidden group-hover:!biz-flex'\n            style={{ display: 'none' }}\n            icon={\n              <EditOutlined className='biz-w-3 biz-h-3 biz-text-text-2 hover:biz-text-text-1 biz-flex-center' />\n            }\n          />\n        )}\n      </>\n    );\n\n    const handlePressEnter = () => {\n      if (inputValue) {\n        setCustomModelServiceProviderList(\n          produce(customModelServiceProviderList, (draft) => {\n            const index = draft.findIndex((i) => i.id === modelProvider.id);\n            if (index !== -1) {\n              draft[index].modelList = [{ id: inputValue, name: inputValue }];\n            }\n          }),\n        );\n        setShowInputProviderId('');\n        setInputValue('');\n      }\n    };\n\n    const handleBlur = () => {\n      if (!inputValue) {\n        setShowInputProviderId('');\n      }\n    };\n\n    const isSelected = value?.modelProviderId === modelProvider.id && value?.modelId === model?.id;\n\n    return (\n      <div\n        key={model?.id || `input-${modelProvider.id}`}\n        data-provider-id={modelProvider.id}\n        className={classNames(\n          'biz-px-3 biz-py-[3px] biz-flex biz-items-center biz-gap-2',\n          'biz-text-text-2 biz-h-8 biz-w-full biz-box-border',\n          'hover:biz-bg-bg-white biz-cursor-pointer biz-group',\n          isSelected && 'biz-bg-bg-white',\n          itemClassName,\n        )}\n        onClick={() => {\n          if (model && !showInputProviderId) {\n            handleSelect(modelProvider, model);\n          }\n        }}\n      >\n        {showInputProviderId === modelProvider.id\n          ? renderInput({\n              value: inputValue,\n              onChange: (value) => setInputValue(value),\n              onPressEnter: handlePressEnter,\n              onBlur: handleBlur,\n              ref: inputRef,\n            })\n          : normalContent}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      style={style}\n      className={classNames(\n        'biz-bg-[#181B22] biz-border-one biz-rounded-[4px] biz-py-1  biz-h-[200px]',\n        'biz-flex biz-flex-col gap-1 biz-w-[160px] biz-max-h-[450px] biz-overflow-auto',\n        className,\n      )}\n    >\n      {otherModelServiceProviderList.map((provider) => (\n        <div\n          key={provider.id}\n          className='biz-flex biz-flex-col biz-gap-1 biz-w-full biz-box-border'\n        >\n          {renderTitle(provider)}\n          <div className='biz-flex biz-flex-col gap-1 biz-w-full'>\n            {provider.modelList.map((model) => renderItem(provider, model))}\n          </div>\n        </div>\n      ))}\n      {customModelServiceProviderList.map((provider) => (\n        <div\n          key={provider.id}\n          className='biz-flex biz-flex-col biz-gap-1 biz-w-full biz-box-border'\n        >\n          {renderTitle(provider)}\n          <div className='biz-flex biz-flex-col gap-1 biz-w-full'>\n            {renderItem(provider, provider.modelList[0])}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["jsxs","jsx","Fragment","value"],"mappings":"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"}

package/dist/components/ai-model-select/iconBtn.d.ts

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

package/dist/components/ai-model-select/iconBtn.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconBtn.es.js","sources":["../../../src/components/ai-model-select/iconBtn.tsx"],"sourcesContent":["import React, { HTMLProps } from 'react';\nimport classNames from 'classnames';\n\nexport interface IconBtnProps extends HTMLProps<HTMLDivElement> {\n  icon: React.ReactNode;\n}\n\nexport const IconBtn = (props: IconBtnProps) => {\n  const { className = '', icon, ...restProps } = props;\n  return (\n    <div\n      className={classNames(\n        'biz-bg-bg-white biz-w-5 biz-h-5 biz-rounded-[4px] biz-flex-center',\n        'biz-cursor-pointer',\n        className,\n      )}\n      {...restProps}\n    >\n      {icon}\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;AAOa,MAAA,UAAU,CAAC,UAAwB;AAC9C,QAAM,EAAE,YAAY,IAAI,MAAM,GAAG,UAAc,IAAA;AAE7C,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/code-editor/code-editor.d.ts

@@ -1,10 +0,0 @@
-export interface CodeEditorProps {
-    languageMode: 'javascript' | 'json';
-    code: string;
-    onChange: (v: string) => void;
-    wrapperClassName?: string;
-    environment?: 'browser' | 'node';
-    placeholder?: string;
-    showLintGutter?: boolean;
-}
-export declare const CodeEditor: (props: CodeEditorProps) => JSX.Element;

package/dist/components/code-editor/code-editor.es.js

@@ -1,126 +0,0 @@
-import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { javascript, javascriptLanguage } from "../../node_modules/.pnpm/@codemirror_lang-javascript@6.2.1/node_modules/@codemirror/lang-javascript/dist/index.es.js";
-import { json } from "../../node_modules/.pnpm/@codemirror_lang-json@6.0.1/node_modules/@codemirror/lang-json/dist/index.es.js";
-import { lintGutter, linter } from "../../node_modules/.pnpm/@codemirror_lint@6.5.0/node_modules/@codemirror/lint/dist/index.es.js";
-import { placeholder } from "../../node_modules/.pnpm/@codemirror_view@6.38.0/node_modules/@codemirror/view/dist/index.es.js";
-import { tags } from "../../node_modules/.pnpm/@lezer_highlight@1.2.1/node_modules/@lezer/highlight/dist/index.es.js";
-import { abcdefInit } from "../../node_modules/.pnpm/@uiw_codemirror-theme-abcdef@4.24.1_@codemirror_language@6.11.0_@codemirror_state@6.5.2_@codemirror_view@6.38.0/node_modules/@uiw/codemirror-theme-abcdef/esm/index.es.js";
-import ReactCodeMirror from "../../node_modules/.pnpm/@uiw_react-codemirror@4.21.20_@babel_runtime@7.27.0_@codemirror_autocomplete@6.11.0_@co_23e4ab2dcd0b1efe365ce4b7a9046dac/node_modules/@uiw/react-codemirror/esm/index.es.js";
-import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
-import { GLOBAL_OBJECT_COMPLETIONS } from "./constants.es.js";
-import { lintJavaScriptCode } from "./utils.es.js";
-const CodeEditor = (props) => {
-  const {
-    languageMode,
-    code,
-    onChange,
-    wrapperClassName,
-    environment = "browser",
-    placeholder: placeholderText,
-    showLintGutter = false
-  } = props;
-  const handleOnChange = (value) => {
-    onChange == null ? void 0 : onChange(value);
-  };
-  const createCustomCompletions = () => {
-    return (context) => {
-      const word = context.matchBefore(/\w*/);
-      if (!word) return null;
-      const line = context.state.doc.lineAt(context.pos);
-      const lineText = line.text;
-      const beforeCursor = lineText.slice(0, context.pos - line.from);
-      const memberMatch = beforeCursor.match(/(\w+)\.$/);
-      if (memberMatch) {
-        const objectName = memberMatch[1];
-        if (GLOBAL_OBJECT_COMPLETIONS[objectName]) {
-          return {
-            from: context.pos,
-            options: GLOBAL_OBJECT_COMPLETIONS[objectName].map((method) => ({
-              label: method,
-              type: "method",
-              info: `${objectName}.${method}()`,
-              apply: method
-            }))
-          };
-        }
-      }
-      return null;
-    };
-  };
-  const createJSLinter = () => {
-    return (view) => {
-      const code2 = view.state.doc.toString();
-      return lintJavaScriptCode(code2, environment, view);
-    };
-  };
-  const createJSONLinter = () => {
-    const fn = (view) => {
-      console.log("%c  🐱 cat  ==== json lint:", "color: orange; font-size: 16px;", view);
-      const diagnostics = [];
-      const code2 = view.state.doc.toString();
-      try {
-        JSON.parse(code2);
-      } catch (error) {
-        console.log("%c  ❤️ love ==== json lint error:", "color: red; font-size: 16px;", error);
-        const match = error.message.match(/position (\d+)/);
-        if (match) {
-          const pos = parseInt(match[1]);
-          const line = view.state.doc.lineAt(pos);
-          const from = line.from;
-          const to = line.to;
-          diagnostics.push({
-            from,
-            to,
-            severity: "error",
-            message: `JSON解析错误: ${error.message.replace("JSON.parse: ", "")}`
-          });
-        }
-      }
-      return diagnostics;
-    };
-    return fn;
-  };
-  const langExtension = languageMode === "javascript" ? [
-    javascript(),
-    javascriptLanguage.data.of({
-      autocomplete: createCustomCompletions()
-    })
-  ] : json();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames("", wrapperClassName), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ReactCodeMirror,
-    {
-      value: code,
-      height: "450px",
-      extensions: [
-        ...Array.isArray(langExtension) ? langExtension : [langExtension],
-        ...showLintGutter ? [lintGutter()] : [],
-        linter(languageMode === "json" ? createJSONLinter() : createJSLinter()),
-        ...placeholderText && !code ? [placeholder(placeholderText)] : []
-      ],
-      theme: abcdefInit({
-        settings: {
-          caret: "#c6c6c6",
-          fontFamily: "monospace"
-        },
-        styles: [{ tag: tags.comment, color: "#6272a4" }]
-      }),
-      onChange: handleOnChange,
-      basicSetup: {
-        lineNumbers: true,
-        highlightActiveLineGutter: true,
-        highlightActiveLine: true,
-        bracketMatching: true,
-        closeBrackets: true,
-        foldGutter: true,
-        tabSize: 2,
-        indentOnInput: true,
-        syntaxHighlighting: true,
-        autocompletion: true
-      }
-    }
-  ) });
-};
-export {
-  CodeEditor
-};
-//# sourceMappingURL=code-editor.es.js.map

package/dist/components/code-editor/code-editor.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-editor.es.js","sources":["../../../src/components/code-editor/code-editor.tsx"],"sourcesContent":["import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';\nimport { javascript, javascriptLanguage } from '@codemirror/lang-javascript';\nimport { json } from '@codemirror/lang-json';\nimport { Diagnostic, linter, lintGutter, LintSource } from '@codemirror/lint';\nimport { placeholder } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { abcdefInit } from '@uiw/codemirror-theme-abcdef';\nimport CodeMirror, { EditorView } from '@uiw/react-codemirror';\nimport classNames from 'classnames';\nimport { GLOBAL_OBJECT_COMPLETIONS } from './constants';\nimport { lintJavaScriptCode } from './utils';\n\nexport interface CodeEditorProps {\n  languageMode: 'javascript' | 'json';\n  code: string;\n  onChange: (v: string) => void;\n  wrapperClassName?: string;\n  environment?: 'browser' | 'node'; // 运行环境选择\n  placeholder?: string; // placeholder 文本\n  showLintGutter?: boolean; // 是否显示左侧错误图标，默认为 true\n}\n\nexport const CodeEditor = (props: CodeEditorProps) => {\n  const {\n    languageMode,\n    code,\n    onChange,\n    wrapperClassName,\n    environment = 'browser',\n    placeholder: placeholderText,\n    showLintGutter = false,\n  } = props;\n\n  const handleOnChange = (value: string) => {\n    onChange?.(value);\n  };\n\n  // 创建自定义补全源，用于全局对象方法补全\n  const createCustomCompletions = () => {\n    return (context: CompletionContext): CompletionResult | null => {\n      const word = context.matchBefore(/\\w*/);\n      if (!word) return null;\n\n      const line = context.state.doc.lineAt(context.pos);\n      const lineText = line.text;\n      const beforeCursor = lineText.slice(0, context.pos - line.from);\n\n      // 检测是否在输入对象的属性（如 console.）\n      const memberMatch = beforeCursor.match(/(\\w+)\\.$/);\n      if (memberMatch) {\n        const objectName = memberMatch[1];\n\n        // 使用常量中定义的全局对象方法补全\n        if (GLOBAL_OBJECT_COMPLETIONS[objectName]) {\n          return {\n            from: context.pos,\n            options: GLOBAL_OBJECT_COMPLETIONS[objectName].map((method) => ({\n              label: method,\n              type: 'method',\n              info: `${objectName}.${method}()`,\n              apply: method,\n            })),\n          };\n        }\n      }\n\n      return null;\n    };\n  };\n\n  // 自定义JavaScript语法检查器\n  const createJSLinter: () => LintSource = () => {\n    return (view: EditorView) => {\n      const code = view.state.doc.toString() as string;\n      return lintJavaScriptCode(code, environment, view);\n    };\n  };\n\n  // 自定义JSON语法检查器\n  const createJSONLinter: () => LintSource = () => {\n    const fn: LintSource = (view: any) => {\n      console.log('%c  🐱 cat  ==== json lint:', 'color: orange; font-size: 16px;', view);\n      const diagnostics: Diagnostic[] = [];\n      const code = view.state.doc.toString();\n\n      try {\n        JSON.parse(code);\n      } catch (error: any) {\n        console.log('%c  ❤️ love ==== json lint error:', 'color: red; font-size: 16px;', error);\n        const match = error.message.match(/position (\\d+)/);\n        if (match) {\n          const pos = parseInt(match[1]);\n          const line = view.state.doc.lineAt(pos);\n          const from = line.from;\n          const to = line.to;\n\n          diagnostics.push({\n            from,\n            to,\n            severity: 'error',\n            message: `JSON解析错误: ${error.message.replace('JSON.parse: ', '')}`,\n          });\n        }\n      }\n      return diagnostics;\n    };\n    return fn;\n  };\n\n  // 为JavaScript语言添加自定义补全源\n  const langExtension =\n    languageMode === 'javascript'\n      ? [\n          javascript(),\n          javascriptLanguage.data.of({\n            autocomplete: createCustomCompletions(),\n          }),\n        ]\n      : json();\n\n  return (\n    <div className={classNames('', wrapperClassName)}>\n      <CodeMirror\n        value={code}\n        height='450px'\n        extensions={[\n          ...(Array.isArray(langExtension) ? langExtension : [langExtension]),\n          ...(showLintGutter ? [lintGutter()] : []),\n          linter(languageMode === 'json' ? createJSONLinter() : createJSLinter()),\n          ...(placeholderText && !code ? [placeholder(placeholderText)] : []),\n        ]}\n        theme={abcdefInit({\n          settings: {\n            caret: '#c6c6c6',\n            fontFamily: 'monospace',\n          },\n          styles: [{ tag: t.comment, color: '#6272a4' }],\n        })}\n        onChange={handleOnChange}\n        basicSetup={{\n          lineNumbers: true,\n          highlightActiveLineGutter: true,\n          highlightActiveLine: true,\n          bracketMatching: true,\n          closeBrackets: true,\n          foldGutter: true,\n          tabSize: 2,\n          indentOnInput: true,\n          syntaxHighlighting: true,\n          autocompletion: true,\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["code","jsx","CodeMirror","t"],"mappings":"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"}

package/dist/components/code-editor/constants.d.ts

@@ -1,135 +0,0 @@
-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 GLOBAL_OBJECT_COMPLETIONS: {
-    [key: string]: string[];
-};
-export declare const JAVASCRIPT_KEYWORDS: string[];
-export declare const GLOBAL_OBJECT_NAMES: RegExp;
-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";
-};