@easyv/biz-components 1.0.28 → 1.0.30

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

@@ -0,0 +1,192 @@
+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/lib/components/ai-model-select/ai-model-select-panel.es.js.map

@@ -0,0 +1 @@
+{"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/lib/components/ai-model-select/iconBtn.es.js

@@ -0,0 +1,21 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+const IconBtn = (props) => {
+  const { className = "", icon, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: classNames(
+        "biz-bg-bg-white biz-w-5 biz-h-5 biz-rounded-[4px] biz-flex-center",
+        "biz-cursor-pointer",
+        className
+      ),
+      ...restProps,
+      children: icon
+    }
+  );
+};
+export {
+  IconBtn
+};
+//# sourceMappingURL=iconBtn.es.js.map

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

@@ -0,0 +1 @@
+{"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 Omit<HTMLProps<HTMLDivElement>, 'dangerouslySetInnerHTML'> {\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/lib/components/code-mirror-editor/code-mirror-editor.es.js

@@ -0,0 +1,176 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { useMemo } from "react";
+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 { sql } from "../../node_modules/.pnpm/@codemirror_lang-sql@6.6.4_@codemirror_view@6.38.0/node_modules/@codemirror/lang-sql/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, EditorView } 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.28.4_@codemirror_autocomplete@6.11.0_@co_ff1355904658c12b685301b441bcb50e/node_modules/@uiw/react-codemirror/esm/index.es.js";
+import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/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 CodeMirrorEditor = (props) => {
+  const {
+    languageMode,
+    code,
+    onChange,
+    wrapperClassName,
+    wrapperStyle,
+    environment = "browser",
+    placeholder: placeholderText,
+    showLintGutter = false,
+    ...restCodeMirrorProps
+  } = 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 = useMemoizedFn(() => {
+    return (view) => {
+      const code2 = view.state.doc.toString();
+      return lintJavaScriptCode(code2, environment, view);
+    };
+  });
+  const createJSONLinter = () => {
+    const fn = (view) => {
+      const diagnostics = [];
+      const code2 = view.state.doc.toString();
+      try {
+        JSON.parse(code2);
+      } catch (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 = useMemo(() => {
+    if (languageMode === "javascript") {
+      return [
+        javascript(),
+        javascriptLanguage.data.of({
+          autocomplete: createCustomCompletions()
+        })
+      ];
+    }
+    if (languageMode === "json") {
+      return json();
+    }
+    return sql();
+  }, [languageMode]);
+  const codeLinter = useMemo(() => {
+    if (languageMode === "javascript") {
+      return createJSLinter();
+    }
+    if (languageMode === "json") {
+      return createJSONLinter();
+    }
+    return () => [];
+  }, [createJSLinter, languageMode]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: classNames(
+        "biz-border-one biz-border-[#393b4a]",
+        'rp-[[class~="cm-gutters-before"]]:biz-border-r-[1px] rp-[[class~="cm-gutters-before"]]:biz-border-[#393b4a]',
+        'rp-[[class~="cm-gutters-before"]]:biz-border-solid rp-[[class~="cm-gutters-before"]]:biz-border-0',
+        // 防止聚焦时边框变成虚线
+        'rp-[[class~="cm-focused"]]:!biz-outline-0',
+        wrapperClassName
+      ),
+      style: wrapperStyle,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ReactCodeMirror,
+        {
+          ...restCodeMirrorProps,
+          value: code,
+          extensions: [
+            ...Array.isArray(langExtension) ? langExtension : [langExtension],
+            ...showLintGutter ? [lintGutter()] : [],
+            linter(codeLinter),
+            ...placeholderText && !code ? [placeholder(placeholderText)] : [],
+            EditorView.lineWrapping
+            // 添加自动换行扩展
+          ],
+          theme: abcdefInit({
+            settings: {
+              caret: "#c6c6c6",
+              fontFamily: "monospace",
+              gutterBackground: "#111111",
+              // 行号列背景色
+              gutterForeground: "rgba(255, 255, 255, 0.8)",
+              // 行号文字颜色
+              gutterBorder: "#393b4a",
+              // 行号列边框颜色
+              lineHighlight: "rgba(255, 255, 255, 0.031)"
+              // 高亮行背景色
+            },
+            styles: [
+              { tag: tags.comment, color: "#6272a4" },
+              { tag: tags.string, color: "#61afef" },
+              // 字符串引号中的文字
+              { tag: tags.number, color: "#e5c07b" }
+            ]
+          }),
+          onChange: handleOnChange,
+          basicSetup: {
+            lineNumbers: true,
+            highlightActiveLineGutter: true,
+            highlightActiveLine: true,
+            bracketMatching: true,
+            closeBrackets: true,
+            foldGutter: true,
+            tabSize: 2,
+            indentOnInput: true,
+            syntaxHighlighting: true,
+            autocompletion: true,
+            ...typeof (restCodeMirrorProps == null ? void 0 : restCodeMirrorProps.basicSetup) === "object" ? restCodeMirrorProps.basicSetup : void 0
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  CodeMirrorEditor
+};
+//# sourceMappingURL=code-mirror-editor.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-mirror-editor.es.js","sources":["../../../../src/components/code-mirror-editor/code-mirror-editor.tsx"],"sourcesContent":["import { ComponentProps, useMemo } from 'react';\nimport { CompletionContext, CompletionResult } from '@codemirror/autocomplete';\nimport { javascript, javascriptLanguage } from '@codemirror/lang-javascript';\nimport { json } from '@codemirror/lang-json';\nimport { sql } from '@codemirror/lang-sql';\nimport { Diagnostic, linter, lintGutter, LintSource } from '@codemirror/lint';\nimport { EditorView, placeholder } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { abcdefInit } from '@uiw/codemirror-theme-abcdef';\nimport CodeMirror from '@uiw/react-codemirror';\nimport { useMemoizedFn } from 'ahooks';\nimport classNames from 'classnames';\nimport { GLOBAL_OBJECT_COMPLETIONS } from './constants';\nimport { lintJavaScriptCode } from './utils';\n\nexport interface CodeMirrorEditorProps extends ComponentProps<typeof CodeMirror> {\n  languageMode: 'javascript' | 'json' | 'sql';\n  code: string;\n  onChange: (v: string) => void;\n  wrapperClassName?: string;\n  wrapperStyle?: React.CSSProperties;\n  environment?: 'browser' | 'node'; // 运行环境选择\n  placeholder?: string; // placeholder 文本\n  showLintGutter?: boolean; // 是否显示左侧错误图标，默认为 true;\n}\n\nexport const CodeMirrorEditor = (props: CodeMirrorEditorProps) => {\n  const {\n    languageMode,\n    code,\n    onChange,\n    wrapperClassName,\n    wrapperStyle,\n    environment = 'browser',\n    placeholder: placeholderText,\n    showLintGutter = false,\n    ...restCodeMirrorProps\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 = useMemoizedFn(() => {\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      const diagnostics: Diagnostic[] = [];\n      const code = view.state.doc.toString();\n\n      try {\n        JSON.parse(code);\n      } catch (error: any) {\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 = useMemo(() => {\n    if (languageMode === 'javascript') {\n      return [\n        javascript(),\n        javascriptLanguage.data.of({\n          autocomplete: createCustomCompletions(),\n        }),\n      ];\n    }\n    if (languageMode === 'json') {\n      return json();\n    }\n    return sql();\n  }, [languageMode]);\n  const codeLinter = useMemo(() => {\n    if (languageMode === 'javascript') {\n      return createJSLinter();\n    }\n    if (languageMode === 'json') {\n      return createJSONLinter();\n    }\n    return () => [];\n  }, [createJSLinter, languageMode]);\n\n  return (\n    <div\n      className={classNames(\n        'biz-border-one biz-border-[#393b4a]',\n        'rp-[[class~=\"cm-gutters-before\"]]:biz-border-r-[1px] rp-[[class~=\"cm-gutters-before\"]]:biz-border-[#393b4a]',\n        'rp-[[class~=\"cm-gutters-before\"]]:biz-border-solid rp-[[class~=\"cm-gutters-before\"]]:biz-border-0',\n        // 防止聚焦时边框变成虚线\n        'rp-[[class~=\"cm-focused\"]]:!biz-outline-0',\n        wrapperClassName,\n      )}\n      style={wrapperStyle}\n    >\n      <CodeMirror\n        {...restCodeMirrorProps}\n        value={code}\n        extensions={[\n          ...(Array.isArray(langExtension) ? langExtension : [langExtension]),\n          ...(showLintGutter ? [lintGutter()] : []),\n          linter(codeLinter),\n          ...(placeholderText && !code ? [placeholder(placeholderText)] : []),\n          EditorView.lineWrapping, // 添加自动换行扩展\n        ]}\n        theme={abcdefInit({\n          settings: {\n            caret: '#c6c6c6',\n            fontFamily: 'monospace',\n            gutterBackground: '#111111', // 行号列背景色\n            gutterForeground: 'rgba(255, 255, 255, 0.8)', // 行号文字颜色\n            gutterBorder: '#393b4a', // 行号列边框颜色\n            lineHighlight: 'rgba(255, 255, 255, 0.031)', // 高亮行背景色\n          },\n          styles: [\n            { tag: t.comment, color: '#6272a4' },\n            { tag: t.string, color: '#61afef' }, // 字符串引号中的文字\n            { tag: t.number, color: '#e5c07b' },\n          ],\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          ...(typeof restCodeMirrorProps?.basicSetup === 'object'\n            ? restCodeMirrorProps.basicSetup\n            : undefined),\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["code","jsx","CodeMirror","t"],"mappings":"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"}