@easyv/biz-components 1.0.30 → 2.1.1

package/dist/components/easyv-monaco-editor/easyv-monaco-editor.es.js

@@ -1,246 +0,0 @@
-import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { forwardRef, useRef, useState, useMemo, useImperativeHandle } from "react";
-import useLatest from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useLatest/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";
-/* empty css              */
-import { ErrorBoundary } from "../error-boundary/error-boundary.es.js";
-import { useInitialized } from "../../hooks/use-initialized.es.js";
-import { useWatchValue } from "../../hooks/use-watch-value/use-watch-value.es.js";
-function EasyvMonacoEditorCpn(props, ref) {
-  const {
-    className,
-    style,
-    languageMode,
-    code: propsCode,
-    monacoEditorOptions,
-    globalVarType = "",
-    monaco,
-    onChange: propsOnChange,
-    onCodeMark: propsOnCodeMark,
-    onFocus: propsOnFocus,
-    onBlur: propsOnBlur,
-    formatOnBlur,
-    ignoreErrorCodes,
-    initJSCompilerOptions,
-    constructionOptions,
-    customTheme,
-    onEditorMounted: propsOnEditorMounted,
-    globalVarTypeName = "default",
-    isDomEnv = true,
-    onError
-  } = props;
-  const editorRef = useRef(null);
-  const editorInstanceRef = useRef();
-  const globalDataLibRef = useRef();
-  const [isFocus, setIsFocus] = useState(false);
-  const onChangeRef = useLatest(propsOnChange);
-  const onCodeMarkRef = useLatest(propsOnCodeMark);
-  const onFocusRef = useLatest(propsOnFocus);
-  const onBlurRef = useLatest(propsOnBlur);
-  const onEditorMountedRef = useLatest(propsOnEditorMounted);
-  const code = useMemo(() => {
-    if (typeof propsCode === "string") {
-      return propsCode;
-    }
-    return "";
-  }, [propsCode]);
-  const formatFn = async () => {
-    var _a, _b, _c;
-    try {
-      await ((_b = (_a = editorInstanceRef.current) == null ? void 0 : _a.getAction("editor.action.formatDocument")) == null ? void 0 : _b.run());
-      return (_c = editorInstanceRef.current) == null ? void 0 : _c.getValue();
-    } catch (error) {
-      onError == null ? void 0 : onError(error);
-    }
-  };
-  useImperativeHandle(ref, () => {
-    return {
-      editor: editorInstanceRef.current,
-      format: formatFn
-    };
-  });
-  const initFn = useMemoizedFn(() => {
-    var _a;
-    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
-      target: monaco.languages.typescript.ScriptTarget.ESNext,
-      allowNonTsExtensions: true,
-      allowJs: true,
-      checkJs: true,
-      // 关键：启用 JS 校验
-      noLib: false,
-      lib: isDomEnv ? ["esnext", "dom"] : ["esnext"],
-      // dom 会带上浏览器里可使用的方法 如 console, window
-      typeRoots: ["node_modules/@types"],
-      ...initJSCompilerOptions
-    });
-    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
-      noSemanticValidation: false,
-      // 启用语义校验
-      noSyntaxValidation: false,
-      // 启用语法校验
-      diagnosticCodesToIgnore: ignoreErrorCodes ?? []
-      // 忽略特定错误
-    });
-    if (editorRef.current) {
-      editorInstanceRef.current = monaco.editor.create(editorRef.current, {
-        value: code,
-        language: languageMode,
-        theme: "vs-dark",
-        automaticLayout: true,
-        minimap: {
-          enabled: false
-        },
-        // 启用智能提示的关键设置
-        suggest: {
-          showKeywords: true,
-          // 关键字建议
-          showSnippets: true
-          // 代码片段建议
-        },
-        quickSuggestions: true,
-        // 在输入时自动显示建议列表
-        suggestOnTriggerCharacters: true,
-        // 当输入触发字符(如点号.)时自动显示建议
-        hover: { enabled: true },
-        // 必须启用 hover
-        renderValidationDecorations: "on",
-        // 确保错误渲染开启
-        ...constructionOptions
-      });
-      if (!editorInstanceRef.current) {
-        return;
-      }
-      (_a = onEditorMountedRef.current) == null ? void 0 : _a.call(onEditorMountedRef, editorInstanceRef.current);
-      editorInstanceRef.current.onDidChangeModelContent(() => {
-        var _a2;
-        const currentValue = editorInstanceRef.current.getValue();
-        (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, currentValue);
-      });
-      monaco.editor.onDidChangeMarkers(() => {
-        var _a2;
-        const markers = monaco.editor.getModelMarkers({});
-        (_a2 = onCodeMarkRef.current) == null ? void 0 : _a2.call(onCodeMarkRef, markers);
-      });
-    }
-    const focusDisposable = editorInstanceRef.current.onDidFocusEditorText(() => {
-      var _a2;
-      setIsFocus(true);
-      (_a2 = onFocusRef.current) == null ? void 0 : _a2.call(onFocusRef);
-    });
-    const blurDisposable = editorInstanceRef.current.onDidBlurEditorText(async () => {
-      var _a2, _b;
-      setIsFocus(false);
-      if (formatOnBlur) {
-        const currentValue = await formatFn();
-        (_a2 = onBlurRef.current) == null ? void 0 : _a2.call(onBlurRef, currentValue || "");
-      } else {
-        const currentValue = editorInstanceRef.current.getValue();
-        (_b = onBlurRef.current) == null ? void 0 : _b.call(onBlurRef, currentValue);
-      }
-    });
-    return () => {
-      var _a2, _b;
-      focusDisposable.dispose();
-      blurDisposable.dispose();
-      (_a2 = editorInstanceRef.current) == null ? void 0 : _a2.dispose();
-      (_b = globalDataLibRef.current) == null ? void 0 : _b.dispose();
-    };
-  });
-  useInitialized(initFn);
-  useWatchValue({
-    value: code,
-    callback: () => {
-      if (editorInstanceRef.current) {
-        const currentValue = editorInstanceRef.current.getValue();
-        if (currentValue !== code) {
-          editorInstanceRef.current.setValue(code);
-        }
-      }
-    }
-  });
-  useWatchValue({
-    value: languageMode,
-    callback(newLanguage) {
-      var _a;
-      const model = (_a = editorInstanceRef.current) == null ? void 0 : _a.getModel();
-      if (!model) {
-        return;
-      }
-      monaco.editor.setModelLanguage(model, newLanguage);
-    }
-  });
-  useWatchValue({
-    value: { monacoEditorOptions, isFocus },
-    callback: () => {
-      var _a;
-      (_a = editorInstanceRef.current) == null ? void 0 : _a.updateOptions({
-        wordWrap: "on",
-        /** 让下面不显示空白区域 */
-        scrollBeyondLastLine: false,
-        tabSize: 2,
-        ...monacoEditorOptions,
-        scrollbar: {
-          // 默认让聚焦时，内部滚动，失焦时不滚动
-          handleMouseWheel: isFocus ? true : false,
-          ...monacoEditorOptions == null ? void 0 : monacoEditorOptions.scrollbar
-        }
-      });
-    },
-    options: { immediate: true }
-  });
-  const addGlobalType = () => {
-    if (languageMode !== "javascript") {
-      return;
-    }
-    globalDataLibRef.current = monaco.languages.typescript.javascriptDefaults.addExtraLib(
-      globalVarType,
-      `global-${globalVarTypeName}.d.ts`
-    );
-  };
-  useWatchValue({
-    value: globalVarType,
-    callback() {
-      addGlobalType();
-    },
-    options: {
-      immediate: true
-    }
-  });
-  useWatchValue({
-    value: customTheme,
-    callback() {
-      if (!customTheme) {
-        return;
-      }
-      const themeName = "customTheme";
-      monaco.editor.defineTheme(themeName, customTheme);
-      monaco.editor.setTheme(themeName);
-    },
-    options: {
-      immediate: true
-    }
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-components-dom", style: { display: "contents" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref: editorRef,
-      className: classNames("easyv-monaco-editor", className),
-      style: {
-        border: "1px solid #393b4a",
-        width: "100%",
-        height: "100%",
-        ...style
-      }
-    }
-  ) });
-}
-const EasyvMonacoEditorWithRef = forwardRef(EasyvMonacoEditorCpn);
-const EasyvMonacoEditorCpnWithError = (props, ref) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(EasyvMonacoEditorWithRef, { ...props, ref }) });
-};
-const EasyvMonacoEditor = forwardRef(EasyvMonacoEditorCpnWithError);
-export {
-  EasyvMonacoEditor
-};
-//# sourceMappingURL=easyv-monaco-editor.es.js.map

package/dist/components/easyv-monaco-editor/easyv-monaco-editor.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"easyv-monaco-editor.es.js","sources":["../../../src/components/easyv-monaco-editor/easyv-monaco-editor.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { useLatest, useMemoizedFn } from 'ahooks';\nimport classNames from 'classnames';\nimport type * as monacoType from 'monaco-editor/esm/vs/editor/editor.api';\nimport { useInitialized, useWatchValue } from '@/hooks';\nimport { EasyvMonacoEditorProps, EasyvMonacoEditorRef } from './types';\nimport './index.less';\nimport { ErrorBoundary } from '../error-boundary/error-boundary';\n\nfunction EasyvMonacoEditorCpn(props: EasyvMonacoEditorProps, ref: Ref<EasyvMonacoEditorRef>) {\n  const {\n    className,\n    style,\n    languageMode,\n    code: propsCode,\n    monacoEditorOptions,\n    globalVarType = '',\n    monaco,\n    onChange: propsOnChange,\n    onCodeMark: propsOnCodeMark,\n    onFocus: propsOnFocus,\n    onBlur: propsOnBlur,\n    formatOnBlur,\n    ignoreErrorCodes,\n    initJSCompilerOptions,\n    constructionOptions,\n    customTheme,\n    onEditorMounted: propsOnEditorMounted,\n    globalVarTypeName = 'default',\n    isDomEnv = true,\n    onError,\n  } = props;\n  const editorRef = useRef<HTMLDivElement | null>(null);\n  const editorInstanceRef = useRef<monacoType.editor.IStandaloneCodeEditor>();\n  const globalDataLibRef = useRef<monacoType.IDisposable>();\n  const [isFocus, setIsFocus] = useState(false);\n\n  const onChangeRef = useLatest(propsOnChange);\n  const onCodeMarkRef = useLatest(propsOnCodeMark);\n  const onFocusRef = useLatest(propsOnFocus);\n  const onBlurRef = useLatest(propsOnBlur);\n  const onEditorMountedRef = useLatest(propsOnEditorMounted);\n  const code = useMemo(() => {\n    if (typeof propsCode === 'string') {\n      return propsCode;\n    }\n    return '';\n  }, [propsCode]);\n\n  const formatFn = async () => {\n    try {\n      await editorInstanceRef.current?.getAction('editor.action.formatDocument')?.run();\n      return editorInstanceRef.current?.getValue();\n    } catch (error) {\n      onError?.(error as Error);\n    }\n  };\n\n  useImperativeHandle(ref, () => {\n    return {\n      editor: editorInstanceRef.current,\n      format: formatFn,\n    };\n  });\n\n  const initFn = useMemoizedFn(() => {\n    // 配置 JavaScript 语言服务\n    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n      target: monaco.languages.typescript.ScriptTarget.ESNext,\n      allowNonTsExtensions: true,\n      allowJs: true,\n      checkJs: true, // 关键：启用 JS 校验\n      noLib: false,\n      lib: isDomEnv ? ['esnext', 'dom'] : ['esnext'], // dom 会带上浏览器里可使用的方法 如 console, window\n      typeRoots: ['node_modules/@types'],\n      ...initJSCompilerOptions,\n    });\n\n    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: false, // 启用语义校验\n      noSyntaxValidation: false, // 启用语法校验\n      diagnosticCodesToIgnore: ignoreErrorCodes ?? [], // 忽略特定错误\n    });\n\n    if (editorRef.current) {\n      editorInstanceRef.current = monaco.editor.create(editorRef.current, {\n        value: code,\n        language: languageMode,\n        theme: 'vs-dark',\n        automaticLayout: true,\n        minimap: {\n          enabled: false,\n        },\n        // 启用智能提示的关键设置\n        suggest: {\n          showKeywords: true, // 关键字建议\n          showSnippets: true, // 代码片段建议\n        },\n        quickSuggestions: true, // 在输入时自动显示建议列表\n        suggestOnTriggerCharacters: true, // 当输入触发字符(如点号.)时自动显示建议\n        hover: { enabled: true }, // 必须启用 hover\n        renderValidationDecorations: 'on', // 确保错误渲染开启\n        ...constructionOptions,\n      });\n      if (!editorInstanceRef.current) {\n        return;\n      }\n      onEditorMountedRef.current?.(editorInstanceRef.current);\n      editorInstanceRef.current.onDidChangeModelContent(() => {\n        const currentValue = editorInstanceRef.current!.getValue();\n        // 更新状态\n        onChangeRef.current?.(currentValue);\n      });\n\n      // 监听诊断变化\n      monaco.editor.onDidChangeMarkers(() => {\n        const markers = monaco.editor.getModelMarkers({});\n        onCodeMarkRef.current?.(markers);\n      });\n    }\n    // 添加聚焦焦事件监听\n    const focusDisposable = editorInstanceRef.current!.onDidFocusEditorText(() => {\n      setIsFocus(true);\n      onFocusRef.current?.();\n    });\n    // 添加失焦事件监听\n    const blurDisposable = editorInstanceRef.current!.onDidBlurEditorText(async () => {\n      setIsFocus(false);\n      if (formatOnBlur) {\n        const currentValue = await formatFn();\n        onBlurRef.current?.(currentValue || '');\n      } else {\n        const currentValue = editorInstanceRef.current!.getValue();\n        onBlurRef.current?.(currentValue);\n      }\n    });\n    return () => {\n      focusDisposable.dispose();\n      blurDisposable.dispose();\n      editorInstanceRef.current?.dispose();\n      globalDataLibRef.current?.dispose();\n    };\n  });\n\n  useInitialized(initFn);\n\n  useWatchValue({\n    value: code,\n    callback: () => {\n      if (editorInstanceRef.current) {\n        // 获取当前编辑器的值\n        const currentValue = editorInstanceRef.current.getValue();\n        // 如果状态中的value和编辑器的当前值不同，则更新编辑器\n        if (currentValue !== code) {\n          editorInstanceRef.current.setValue(code);\n        }\n      }\n    },\n  });\n\n  useWatchValue({\n    value: languageMode,\n    callback(newLanguage) {\n      const model = editorInstanceRef.current?.getModel();\n      if (!model) {\n        return;\n      }\n      monaco.editor.setModelLanguage(model, newLanguage);\n    },\n  });\n\n  useWatchValue({\n    value: { monacoEditorOptions, isFocus },\n    callback: () => {\n      editorInstanceRef.current?.updateOptions({\n        wordWrap: 'on',\n        /** 让下面不显示空白区域 */\n        scrollBeyondLastLine: false,\n        tabSize: 2,\n        ...monacoEditorOptions,\n        scrollbar: {\n          // 默认让聚焦时，内部滚动，失焦时不滚动\n          handleMouseWheel: isFocus ? true : false,\n          ...monacoEditorOptions?.scrollbar,\n        },\n      });\n    },\n    options: { immediate: true },\n  });\n\n  const addGlobalType = () => {\n    if (languageMode !== 'javascript') {\n      return;\n    }\n    globalDataLibRef.current = monaco.languages.typescript.javascriptDefaults.addExtraLib(\n      globalVarType,\n      `global-${globalVarTypeName}.d.ts`,\n    );\n  };\n  useWatchValue({\n    value: globalVarType,\n    callback() {\n      addGlobalType();\n    },\n    options: {\n      immediate: true,\n    },\n  });\n\n  useWatchValue({\n    value: customTheme,\n    callback() {\n      if (!customTheme) {\n        return;\n      }\n      const themeName = 'customTheme';\n      monaco.editor.defineTheme(themeName, customTheme);\n      monaco.editor.setTheme(themeName);\n    },\n    options: {\n      immediate: true,\n    },\n  });\n\n  return (\n    <div className='biz-components-dom' style={{ display: 'contents' }}>\n      <div\n        ref={editorRef}\n        className={classNames('easyv-monaco-editor', className)}\n        style={{\n          border: '1px solid #393b4a',\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n      />\n    </div>\n  );\n}\n\nconst EasyvMonacoEditorWithRef = forwardRef(EasyvMonacoEditorCpn);\n\nconst EasyvMonacoEditorCpnWithError = (\n  props: EasyvMonacoEditorProps,\n  ref: Ref<EasyvMonacoEditorRef>,\n) => {\n  return (\n    <ErrorBoundary>\n      <EasyvMonacoEditorWithRef {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n};\n\nexport const EasyvMonacoEditor = forwardRef(EasyvMonacoEditorCpnWithError);\n"],"names":["_a","jsx"],"mappings":";;;;;;;;;AASA,SAAS,qBAAqB,OAA+B,KAAgC;AACrF,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,EAAA,IACE;AACE,QAAA,YAAY,OAA8B,IAAI;AACpD,QAAM,oBAAoB,OAAgD;AAC1E,QAAM,mBAAmB,OAA+B;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAEtC,QAAA,cAAc,UAAU,aAAa;AACrC,QAAA,gBAAgB,UAAU,eAAe;AACzC,QAAA,aAAa,UAAU,YAAY;AACnC,QAAA,YAAY,UAAU,WAAW;AACjC,QAAA,qBAAqB,UAAU,oBAAoB;AACnD,QAAA,OAAO,QAAQ,MAAM;AACrB,QAAA,OAAO,cAAc,UAAU;AAC1B,aAAA;AAAA,IAAA;AAEF,WAAA;AAAA,EAAA,GACN,CAAC,SAAS,CAAC;AAEd,QAAM,WAAW,YAAY;;AACvB,QAAA;AACF,cAAM,6BAAkB,YAAlB,mBAA2B,UAAU,oCAArC,mBAAsE;AACrE,cAAA,uBAAkB,YAAlB,mBAA2B;AAAA,aAC3B,OAAO;AACd,yCAAU;AAAA,IAAc;AAAA,EAE5B;AAEA,sBAAoB,KAAK,MAAM;AACtB,WAAA;AAAA,MACL,QAAQ,kBAAkB;AAAA,MAC1B,QAAQ;AAAA,IACV;AAAA,EAAA,CACD;AAEK,QAAA,SAAS,cAAc,MAAM;;AAE1B,WAAA,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,MAChE,QAAQ,OAAO,UAAU,WAAW,aAAa;AAAA,MACjD,sBAAsB;AAAA,MACtB,SAAS;AAAA,MACT,SAAS;AAAA;AAAA,MACT,OAAO;AAAA,MACP,KAAK,WAAW,CAAC,UAAU,KAAK,IAAI,CAAC,QAAQ;AAAA;AAAA,MAC7C,WAAW,CAAC,qBAAqB;AAAA,MACjC,GAAG;AAAA,IAAA,CACJ;AAEM,WAAA,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,MACnE,sBAAsB;AAAA;AAAA,MACtB,oBAAoB;AAAA;AAAA,MACpB,yBAAyB,oBAAoB,CAAA;AAAA;AAAA,IAAC,CAC/C;AAED,QAAI,UAAU,SAAS;AACrB,wBAAkB,UAAU,OAAO,OAAO,OAAO,UAAU,SAAS;AAAA,QAClE,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,UACP,SAAS;AAAA,QACX;AAAA;AAAA,QAEA,SAAS;AAAA,UACP,cAAc;AAAA;AAAA,UACd,cAAc;AAAA;AAAA,QAChB;AAAA,QACA,kBAAkB;AAAA;AAAA,QAClB,4BAA4B;AAAA;AAAA,QAC5B,OAAO,EAAE,SAAS,KAAK;AAAA;AAAA,QACvB,6BAA6B;AAAA;AAAA,QAC7B,GAAG;AAAA,MAAA,CACJ;AACG,UAAA,CAAC,kBAAkB,SAAS;AAC9B;AAAA,MAAA;AAEiB,+BAAA,YAAA,4CAAU,kBAAkB;AAC7B,wBAAA,QAAQ,wBAAwB,MAAM;;AAChD,cAAA,eAAe,kBAAkB,QAAS,SAAS;AAEzD,SAAAA,MAAA,YAAY,YAAZ,gBAAAA,IAAA,kBAAsB;AAAA,MAAY,CACnC;AAGM,aAAA,OAAO,mBAAmB,MAAM;;AACrC,cAAM,UAAU,OAAO,OAAO,gBAAgB,CAAA,CAAE;AAChD,SAAAA,MAAA,cAAc,YAAd,gBAAAA,IAAA,oBAAwB;AAAA,MAAO,CAChC;AAAA,IAAA;AAGH,UAAM,kBAAkB,kBAAkB,QAAS,qBAAqB,MAAM;;AAC5E,iBAAW,IAAI;AACf,OAAAA,MAAA,WAAW,YAAX,gBAAAA,IAAA;AAAA,IAAqB,CACtB;AAED,UAAM,iBAAiB,kBAAkB,QAAS,oBAAoB,YAAY;;AAChF,iBAAW,KAAK;AAChB,UAAI,cAAc;AACV,cAAA,eAAe,MAAM,SAAS;AAC1B,SAAAA,MAAA,UAAA,YAAA,gBAAAA,IAAA,gBAAU,gBAAgB;AAAA,MAAE,OACjC;AACC,cAAA,eAAe,kBAAkB,QAAS,SAAS;AACzD,wBAAU,YAAV,mCAAoB;AAAA,MAAY;AAAA,IAClC,CACD;AACD,WAAO,MAAM;;AACX,sBAAgB,QAAQ;AACxB,qBAAe,QAAQ;AACvB,OAAAA,MAAA,kBAAkB,YAAlB,gBAAAA,IAA2B;AAC3B,6BAAiB,YAAjB,mBAA0B;AAAA,IAC5B;AAAA,EAAA,CACD;AAED,iBAAe,MAAM;AAEP,gBAAA;AAAA,IACZ,OAAO;AAAA,IACP,UAAU,MAAM;AACd,UAAI,kBAAkB,SAAS;AAEvB,cAAA,eAAe,kBAAkB,QAAQ,SAAS;AAExD,YAAI,iBAAiB,MAAM;AACP,4BAAA,QAAQ,SAAS,IAAI;AAAA,QAAA;AAAA,MACzC;AAAA,IACF;AAAA,EACF,CACD;AAEa,gBAAA;AAAA,IACZ,OAAO;AAAA,IACP,SAAS,aAAa;;AACd,YAAA,SAAQ,uBAAkB,YAAlB,mBAA2B;AACzC,UAAI,CAAC,OAAO;AACV;AAAA,MAAA;AAEK,aAAA,OAAO,iBAAiB,OAAO,WAAW;AAAA,IAAA;AAAA,EACnD,CACD;AAEa,gBAAA;AAAA,IACZ,OAAO,EAAE,qBAAqB,QAAQ;AAAA,IACtC,UAAU,MAAM;;AACd,8BAAkB,YAAlB,mBAA2B,cAAc;AAAA,QACvC,UAAU;AAAA;AAAA,QAEV,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,GAAG;AAAA,QACH,WAAW;AAAA;AAAA,UAET,kBAAkB,UAAU,OAAO;AAAA,UACnC,GAAG,2DAAqB;AAAA,QAAA;AAAA,MAC1B;AAAA,IAEJ;AAAA,IACA,SAAS,EAAE,WAAW,KAAK;AAAA,EAAA,CAC5B;AAED,QAAM,gBAAgB,MAAM;AAC1B,QAAI,iBAAiB,cAAc;AACjC;AAAA,IAAA;AAEF,qBAAiB,UAAU,OAAO,UAAU,WAAW,mBAAmB;AAAA,MACxE;AAAA,MACA,UAAU,iBAAiB;AAAA,IAC7B;AAAA,EACF;AACc,gBAAA;AAAA,IACZ,OAAO;AAAA,IACP,WAAW;AACK,oBAAA;AAAA,IAChB;AAAA,IACA,SAAS;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb,CACD;AAEa,gBAAA;AAAA,IACZ,OAAO;AAAA,IACP,WAAW;AACT,UAAI,CAAC,aAAa;AAChB;AAAA,MAAA;AAEF,YAAM,YAAY;AACX,aAAA,OAAO,YAAY,WAAW,WAAW;AACzC,aAAA,OAAO,SAAS,SAAS;AAAA,IAClC;AAAA,IACA,SAAS;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb,CACD;AAGC,SAAAC,sCAAC,SAAI,WAAU,sBAAqB,OAAO,EAAE,SAAS,cACpD,UAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,WAAW,uBAAuB,SAAS;AAAA,MACtD,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAM,2BAA2B,WAAW,oBAAoB;AAEhE,MAAM,gCAAgC,CACpC,OACA,QACG;AACH,+CACG,eACC,EAAA,UAAAA,kCAAA,IAAC,4BAA0B,GAAG,OAAO,IAAU,CAAA,GACjD;AAEJ;AAEa,MAAA,oBAAoB,WAAW,6BAA6B;"}

package/dist/components/easyv-monaco-editor/index.d.ts

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

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

@@ -1,91 +0,0 @@
-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>;
-};

package/dist/components/echarts-render/echarts-render.d.ts

@@ -1,12 +0,0 @@
-import { ECOption } from './types';
-import type * as EchartsInner from 'echarts';
-export interface EchartsRenderProps extends React.HTMLAttributes<HTMLDivElement> {
-    className?: string;
-    echarts: typeof EchartsInner;
-    option: ECOption;
-    theme?: 'light' | 'dark';
-}
-/**
- * Echarts 渲染组件. 基础示例参考本仓库同层级的 test/base.cy.tsx 文件
- */
-export declare const EchartsRender: (props: EchartsRenderProps) => JSX.Element;

package/dist/components/echarts-render/echarts-render.es.js

@@ -1,36 +0,0 @@
-import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { useState, useRef, useEffect } from "react";
-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 { useWatchValue } from "../../hooks/use-watch-value/use-watch-value.es.js";
-const EchartsRender = (props) => {
-  const { className = "", echarts, option, theme = "dark", ...rest } = props;
-  const [echartsInstance, setEchartsInstance] = useState(null);
-  const divRef = useRef(null);
-  const initEcharts = useMemoizedFn(() => {
-    const myChart = echarts.init(divRef.current, theme);
-    myChart.setOption(option);
-    setEchartsInstance(myChart);
-  });
-  useEffect(() => {
-    initEcharts();
-  }, [initEcharts]);
-  useWatchValue({
-    value: option,
-    callback: () => {
-      echartsInstance == null ? void 0 : echartsInstance.setOption(option);
-    }
-  });
-  useWatchValue({
-    value: theme,
-    callback: () => {
-      echarts == null ? void 0 : echarts.dispose(divRef.current);
-      initEcharts();
-    }
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames("biz-min-h-10", className), ref: divRef, ...rest, children: "EchartsRender" });
-};
-export {
-  EchartsRender
-};
-//# sourceMappingURL=echarts-render.es.js.map

package/dist/components/echarts-render/echarts-render.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"echarts-render.es.js","sources":["../../../src/components/echarts-render/echarts-render.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useMemoizedFn } from 'ahooks';\nimport classNames from 'classnames';\nimport type * as EchartsInner from 'echarts';\nimport { useWatchValue } from '@/hooks';\nimport { ECOption } from './types';\n\nexport interface EchartsRenderProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  echarts: typeof EchartsInner;\n  option: ECOption;\n  theme?: 'light' | 'dark';\n}\n\n/**\n * Echarts 渲染组件. 基础示例参考本仓库同层级的 test/base.cy.tsx 文件\n */\nexport const EchartsRender = (props: EchartsRenderProps) => {\n  const { className = '', echarts, option: option, theme = 'dark', ...rest } = props;\n  const [echartsInstance, setEchartsInstance] = useState<EchartsInner.ECharts | null>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  const initEcharts = useMemoizedFn(() => {\n    const myChart = echarts.init(divRef.current!, theme);\n    myChart.setOption(option);\n    setEchartsInstance(myChart);\n  });\n\n  useEffect(() => {\n    initEcharts();\n  }, [initEcharts]);\n\n  useWatchValue({\n    value: option,\n    callback: () => {\n      echartsInstance?.setOption(option);\n    },\n  });\n  useWatchValue({\n    value: theme,\n    callback: () => {\n      echarts?.dispose(divRef.current!); // 销毁当前图表\n      initEcharts();\n    },\n  });\n\n  return (\n    <div className={classNames('biz-min-h-10', className)} ref={divRef} {...rest}>\n      EchartsRender\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;AAiBa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA,EAAE,YAAY,IAAI,SAAS,QAAgB,QAAQ,QAAQ,GAAG,KAAA,IAAS;AAC7E,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAsC,IAAI;AAClF,QAAA,SAAS,OAAuB,IAAI;AAEpC,QAAA,cAAc,cAAc,MAAM;AACtC,UAAM,UAAU,QAAQ,KAAK,OAAO,SAAU,KAAK;AACnD,YAAQ,UAAU,MAAM;AACxB,uBAAmB,OAAO;AAAA,EAAA,CAC3B;AAED,YAAU,MAAM;AACF,gBAAA;AAAA,EAAA,GACX,CAAC,WAAW,CAAC;AAEF,gBAAA;AAAA,IACZ,OAAO;AAAA,IACP,UAAU,MAAM;AACd,yDAAiB,UAAU;AAAA,IAAM;AAAA,EACnC,CACD;AACa,gBAAA;AAAA,IACZ,OAAO;AAAA,IACP,UAAU,MAAM;AACL,yCAAA,QAAQ,OAAO;AACZ,kBAAA;AAAA,IAAA;AAAA,EACd,CACD;AAGC,SAAAA,kCAAA,IAAC,OAAI,EAAA,WAAW,WAAW,gBAAgB,SAAS,GAAG,KAAK,QAAS,GAAG,MAAM,UAE9E,gBAAA,CAAA;AAEJ;"}

package/dist/components/echarts-render/index.d.ts

@@ -1,2 +0,0 @@
-export * from './echarts-render';
-export * from './types';

package/dist/components/echarts-render/types.d.ts

@@ -1,5 +0,0 @@
-import { BarSeriesOption, LineSeriesOption } from 'echarts/charts';
-import { DatasetComponentOption, GridComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/components';
-import { ComposeOption } from 'echarts/core';
-
-export type ECOption = ComposeOption<BarSeriesOption | LineSeriesOption | TitleComponentOption | TooltipComponentOption | GridComponentOption | DatasetComponentOption>;

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

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-
-export declare const EditorTool: React.FC;

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

@@ -1,218 +0,0 @@
-import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { useState, useRef, useEffect } from "react";
-const SSML_TOOLS = [
-  {
-    id: "speak",
-    name: "根标签",
-    description: "所有SSML标签的根节点",
-    tag: "speak",
-    category: "基础标签"
-  },
-  {
-    id: "break",
-    name: "停顿",
-    description: "在语音合成过程中添加静默时间",
-    tag: "break",
-    attributes: { time: "500ms" },
-    category: "基础标签"
-  },
-  {
-    id: "sub",
-    name: "文本替换",
-    description: "将文本替换为更适合朗读的文本",
-    tag: "sub",
-    attributes: { alias: "替换文本" },
-    placeholder: "原文本",
-    category: "文本处理"
-  },
-  {
-    id: "phoneme",
-    name: "发音控制",
-    description: "控制文本的具体发音方式",
-    tag: "phoneme",
-    attributes: { alphabet: "py", ph: "拼音" },
-    placeholder: "文本",
-    category: "文本处理"
-  },
-  {
-    id: "say-as-cardinal",
-    name: "数字朗读",
-    description: "按整数或小数的常见读法朗读",
-    tag: "say-as",
-    attributes: { "interpret-as": "cardinal" },
-    placeholder: "数字",
-    category: "格式控制"
-  },
-  {
-    id: "say-as-digits",
-    name: "逐数字读",
-    description: "按数字逐个读出",
-    tag: "say-as",
-    attributes: { "interpret-as": "digits" },
-    placeholder: "数字",
-    category: "格式控制"
-  },
-  {
-    id: "say-as-telephone",
-    name: "电话号码",
-    description: "按电话号码的常用方式读出",
-    tag: "say-as",
-    attributes: { "interpret-as": "telephone" },
-    placeholder: "电话号码",
-    category: "格式控制"
-  },
-  {
-    id: "say-as-name",
-    name: "人名朗读",
-    description: "按人名的常规读法朗读",
-    tag: "say-as",
-    attributes: { "interpret-as": "name" },
-    placeholder: "姓名",
-    category: "格式控制"
-  },
-  {
-    id: "say-as-address",
-    name: "地址朗读",
-    description: "按地址的常见方式读出",
-    tag: "say-as",
-    attributes: { "interpret-as": "address" },
-    placeholder: "地址",
-    category: "格式控制"
-  },
-  {
-    id: "say-as-characters",
-    name: "字符逐读",
-    description: "将文本按字符一一读出",
-    tag: "say-as",
-    attributes: { "interpret-as": "characters" },
-    placeholder: "文本",
-    category: "格式控制"
-  },
-  {
-    id: "say-as-date",
-    name: "日期朗读",
-    description: "按日期格式的常见读法朗读",
-    tag: "say-as",
-    attributes: { "interpret-as": "date" },
-    placeholder: "日期",
-    category: "格式控制"
-  },
-  {
-    id: "say-as-time",
-    name: "时间朗读",
-    description: "按时间格式的常见方式读出",
-    tag: "say-as",
-    attributes: { "interpret-as": "time" },
-    placeholder: "时间",
-    category: "格式控制"
-  }
-];
-const EditorTool = () => {
-  const [content, setContent] = useState("");
-  const [showToolbar, setShowToolbar] = useState(false);
-  const [selectedToolIndex, setSelectedToolIndex] = useState(0);
-  const [lastSlashIndex, setLastSlashIndex] = useState(-1);
-  const editorRef = useRef(null);
-  const handleInput = (e) => {
-    const text = e.currentTarget.textContent || "";
-    setContent(text);
-    if (text.endsWith("/")) {
-      setShowToolbar(true);
-      setLastSlashIndex(text.length - 1);
-      setSelectedToolIndex(0);
-    } else if (showToolbar && text.substring(lastSlashIndex + 1).includes(" ")) {
-      setShowToolbar(false);
-    }
-  };
-  const insertSSMLTag = (tool) => {
-    if (!editorRef.current || lastSlashIndex === -1) return;
-    const attrString = tool.attributes ? " " + Object.entries(tool.attributes).map(([key, value]) => `${key}="${value}"`).join(" ") : "";
-    const tag = tool.placeholder ? `<${tool.tag}${attrString}>${tool.placeholder}</${tool.tag}>` : `<${tool.tag}${attrString} />`;
-    const newContent = content.substring(0, lastSlashIndex) + tag;
-    setContent(newContent);
-    setShowToolbar(false);
-    setTimeout(() => {
-      if (editorRef.current) {
-        editorRef.current.focus();
-        const selection = window.getSelection();
-        const range = document.createRange();
-        range.selectNodeContents(editorRef.current);
-        range.collapse(false);
-        if (selection) {
-          selection.removeAllRanges();
-          selection.addRange(range);
-        }
-      }
-    }, 0);
-  };
-  const handleKeyDown = (e) => {
-    if (showToolbar) {
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setSelectedToolIndex((prev) => (prev + 1) % SSML_TOOLS.length);
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setSelectedToolIndex((prev) => (prev - 1 + SSML_TOOLS.length) % SSML_TOOLS.length);
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        if (SSML_TOOLS[selectedToolIndex]) {
-          insertSSMLTag(SSML_TOOLS[selectedToolIndex]);
-        }
-      } else if (e.key === "Escape") {
-        e.preventDefault();
-        setShowToolbar(false);
-      }
-    }
-  };
-  useEffect(() => {
-    const handleClickOutside = (e) => {
-      if (showToolbar && editorRef.current && !editorRef.current.contains(e.target)) {
-        setShowToolbar(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [showToolbar]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-[800px] p-[20px] bg-black text-white", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-white mb-[10px]", children: "SSML 编辑器" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[#ccc] mb-[20px]", children: '输入文本并使用"/"调出SSML工具栏，为文本添加语音合成标记' }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative mb-[30px]", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          ref: editorRef,
-          className: "min-h-[200px] p-[10px] border border-[#333] rounded-[8px] bg-[#1a1a1a] text-white",
-          contentEditable: true,
-          onInput: handleInput,
-          onKeyDown: handleKeyDown,
-          dangerouslySetInnerHTML: { __html: content }
-        }
-      ),
-      showToolbar && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-[100%] left-0 right-0 bg-[#2a2a2a] border border-[#333] rounded-[8px] shadow-lg z-100", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-[15px]", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-white font-medium mb-[10px]", children: "SSML" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-[300px] overflow-y-auto", children: SSML_TOOLS.map((tool, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: `p-[12px] border-b border-[#333] cursor-pointer hover:bg-[#3a3a3a] ${index === selectedToolIndex ? "bg-[#3a3a3a]" : ""}`,
-            onClick: () => insertSSMLTag(tool),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-bold text-white", children: tool.name }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[#ccc] text-sm", children: tool.description })
-            ]
-          },
-          tool.id
-        )) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-[30px]", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-white mb-[10px]", children: "SSML 预览" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-[#1a1a1a] p-[20px] min-h-[100px] border border-[#333] rounded-[8px] whitespace-pre-wrap text-white", children: content ? content : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[#666]", children: "输入内容将在这里显示为SSML格式" }) })
-    ] })
-  ] });
-};
-export {
-  EditorTool
-};
-//# sourceMappingURL=editor-tool.es.js.map