@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/Plugins/katex/Katex.js

@@ -0,0 +1,74 @@
+// src/Plugins/katex/Katex.tsx
+import classNames from "classnames";
+import katex from "katex";
+import React, { useEffect, useRef } from "react";
+import { useGetSetState } from "react-use";
+import "./katex.min.css";
+var Katex = (props) => {
+  const [state, setState] = useGetSetState({
+    code: "",
+    error: ""
+  });
+  const divRef = useRef(null);
+  const timer = useRef(0);
+  useEffect(() => {
+    const code = props.el.value || "";
+    clearTimeout(timer.current);
+    timer.current = window.setTimeout(
+      () => {
+        setState({
+          code
+        });
+        if (state().code) {
+          try {
+            if (divRef.current) {
+              katex.render(state().code, divRef.current, {
+                strict: false,
+                output: "htmlAndMathml",
+                throwOnError: false,
+                displayMode: true,
+                macros: {
+                  "\\f": "#1f(#2)"
+                }
+              });
+            }
+          } catch (e) {
+          }
+        } else {
+          setState({ error: "" });
+        }
+      },
+      !state().code ? 0 : 300
+    );
+    return () => window.clearTimeout(timer.current);
+  }, [props.el]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        marginBottom: "0.75em",
+        cursor: "default",
+        userSelect: "none",
+        textAlign: "center",
+        backgroundColor: "rgba(107, 114, 128, 0.05)",
+        paddingTop: "1em",
+        paddingBottom: "1em",
+        borderRadius: "0.25em"
+      },
+      contentEditable: false
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: divRef,
+        className: classNames("katex-container", {
+          hidden: !state().code.trim()
+        })
+      }
+    ),
+    !state().code.trim() && /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center", color: "#6B7280" } }, "Formula")
+  );
+};
+export {
+  Katex
+};

package/dist/Plugins/katex/index.js

@@ -0,0 +1,113 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Plugins/katex/index.tsx
+import React, { useMemo } from "react";
+import { useEditorStore } from "../../MarkdownEditor/editor/store";
+import { DragHandle } from "../../MarkdownEditor/editor/tools/DragHandle";
+import { Katex } from "./Katex";
+import { InlineKatex } from "./InlineKatex";
+import { Katex as Katex2 } from "./Katex";
+function KatexElement(props) {
+  const { readonly } = useEditorStore();
+  return useMemo(() => {
+    var _a, _b;
+    if (!props.element.katex) {
+      return null;
+    }
+    if (readonly) {
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        __spreadProps(__spreadValues({}, props.attributes), {
+          contentEditable: false,
+          style: {
+            margin: "1em 0",
+            userSelect: "none"
+          }
+        }),
+        /* @__PURE__ */ React.createElement(Katex, { el: props.element }),
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              height: "0.5px",
+              overflow: "hidden",
+              opacity: 0,
+              pointerEvents: "none"
+            }
+          },
+          (_a = props.element) == null ? void 0 : _a.value,
+          props.children
+        )
+      );
+    }
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadProps(__spreadValues({}, props.attributes), {
+        contentEditable: false,
+        className: "katex-el drag-el",
+        "data-be": "katex",
+        tabIndex: -1,
+        style: {
+          margin: "1em 0",
+          userSelect: "none"
+        },
+        onBlur: (e) => {
+          e.stopPropagation();
+        },
+        onClick: (e) => {
+          e.stopPropagation();
+        }
+      }),
+      /* @__PURE__ */ React.createElement(DragHandle, null),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            position: "relative",
+            backgroundColor: "rgb(252, 252, 252)",
+            borderRadius: "0.375rem",
+            padding: "0.5rem",
+            border: "1px solid #e5e5e5"
+          }
+        },
+        /* @__PURE__ */ React.createElement(Katex, { el: props.element }),
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              height: "0.5px",
+              overflow: "hidden",
+              opacity: 0,
+              pointerEvents: "none"
+            }
+          },
+          (_b = props.element) == null ? void 0 : _b.value,
+          props.children
+        )
+      )
+    );
+  }, [props.element, props.element.value, props.element.katex, readonly]);
+}
+export {
+  InlineKatex,
+  Katex2 as Katex,
+  KatexElement
+};

package/dist/Plugins/mermaid/Mermaid.js

@@ -0,0 +1,102 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/Plugins/mermaid/Mermaid.tsx
+import mermaid from "mermaid";
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import { useGetSetState } from "react-use";
+var Mermaid = (props) => {
+  const [state, setState] = useGetSetState({
+    code: "",
+    error: ""
+  });
+  const divRef = useRef(null);
+  const timer = useRef(0);
+  const id = useMemo(
+    () => "m" + (Date.now() + Math.ceil(Math.random() * 1e3)),
+    []
+  );
+  const render = useCallback(() => __async(void 0, null, function* () {
+    mermaid.render(id, state().code).then((res) => {
+      setState({ error: "" });
+      divRef.current.innerHTML = res.svg;
+    }).catch(() => {
+      mermaid.parse(state().code).catch((e) => {
+        setState({ error: e.toString(), code: "" });
+      });
+    }).finally(() => {
+      var _a;
+      (_a = document.querySelector("#d" + id)) == null ? void 0 : _a.classList.add("hidden");
+    });
+  }), []);
+  useEffect(() => {
+    const code = props.el.value || "";
+    if (state().code !== code) {
+      clearTimeout(timer.current);
+      timer.current = window.setTimeout(
+        () => {
+          setState({ code });
+          if (state().code) {
+            render();
+          } else {
+            setState({ error: "" });
+          }
+        },
+        !state().code ? 0 : 300
+      );
+    }
+    return () => window.clearTimeout(timer.current);
+  }, [props.el]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        marginBottom: "0.75em",
+        cursor: "default",
+        userSelect: "none",
+        padding: "0.75rem 0",
+        backgroundColor: "rgba(15, 17, 20, 0.05)",
+        borderRadius: "0.25em",
+        display: "flex",
+        justifyContent: "center"
+      },
+      contentEditable: false
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        contentEditable: false,
+        ref: divRef,
+        style: {
+          width: "100%",
+          display: "flex",
+          justifyContent: "center",
+          visibility: state().code && !state().error ? "visible" : "hidden"
+        }
+      }
+    ),
+    state().error && /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center", color: "rgba(239, 68, 68, 0.8)" } }, state().error),
+    !state().code && !state().error && /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center", color: "#6B7280" } }, "Empty")
+  );
+};
+export {
+  Mermaid
+};

package/dist/Plugins/mermaid/index.js

@@ -0,0 +1,165 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Plugins/mermaid/index.tsx
+import { CloseCircleOutlined } from "@ant-design/icons";
+import { message } from "antd";
+import copy from "copy-to-clipboard";
+import React, { useContext, useEffect, useRef } from "react";
+import { useGetSetState } from "react-use";
+import { Copy } from "@sofa-design/icons";
+import { ReactEditor } from "slate-react";
+import { ActionIconBox } from "../../Components/ActionIconBox";
+import { I18nContext } from "../../I18n";
+import { useEditorStore } from "../../MarkdownEditor/editor/store";
+import { DragHandle } from "../../MarkdownEditor/editor/tools/DragHandle";
+import { useSelStatus } from "../../MarkdownEditor/hooks/editor";
+import { Mermaid } from "./Mermaid";
+function MermaidElement(props) {
+  const { markdownEditorRef } = useEditorStore();
+  const [state, setState] = useGetSetState({
+    showBorder: false,
+    htmlStr: "",
+    hide: props.element.language === "mermaid",
+    lang: props.element.language || ""
+  });
+  const pathRef = useRef();
+  const [selected, path] = useSelStatus(props.element);
+  pathRef.current = path;
+  const editorRef = useRef();
+  useEffect(() => {
+    var _a;
+    if (selected && !((_a = editorRef.current) == null ? void 0 : _a.isFocused()) && ReactEditor.isFocused(markdownEditorRef.current)) {
+      setState({ showBorder: true });
+    } else if (state().showBorder) {
+      setState({ showBorder: false });
+    }
+  }, [selected, path]);
+  const i18n = useContext(I18nContext);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadProps(__spreadValues({}, props.attributes), {
+      contentEditable: false,
+      className: "ace-el drag-el",
+      "data-be": "mermaid",
+      tabIndex: -1,
+      onBlur: () => {
+      },
+      "data-lang": props.element.language
+    }),
+    !props.element.frontmatter && /* @__PURE__ */ React.createElement(DragHandle, null),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        onClick: (e) => {
+          var _a;
+          e.stopPropagation();
+          (_a = editorRef.current) == null ? void 0 : _a.focus();
+        },
+        style: {
+          padding: state().hide ? 0 : void 0,
+          marginBottom: state().hide ? 0 : void 0,
+          boxSizing: "border-box",
+          backgroundColor: state().showBorder ? "rgba(59, 130, 246, 0.1)" : state().hide ? "transparent" : "rgb(252, 252, 252)",
+          maxHeight: 400,
+          overflow: "auto",
+          position: "relative",
+          height: state().hide ? 0 : "auto",
+          opacity: state().hide ? 0 : 1
+        }
+      },
+      !props.element.frontmatter && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          contentEditable: false,
+          onClick: (e) => {
+            e.stopPropagation();
+          },
+          style: {
+            height: "1.75em",
+            backgroundColor: "#FFF",
+            borderBottom: "1px solid #eee",
+            paddingLeft: "0.75em",
+            paddingRight: "0.375em",
+            display: "flex",
+            alignItems: "center",
+            width: "100%",
+            position: "sticky",
+            left: 0,
+            top: 0,
+            fontSize: "1em",
+            color: "rgba(0, 0, 0, 0.6)",
+            justifyContent: "space-between",
+            zIndex: 50,
+            userSelect: "none"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: 5
+            }
+          },
+          /* @__PURE__ */ React.createElement(
+            ActionIconBox,
+            {
+              title: "关闭",
+              onClick: () => {
+                setState({
+                  hide: props.element.language === "mermaid"
+                });
+              }
+            },
+            /* @__PURE__ */ React.createElement(CloseCircleOutlined, null)
+          ),
+          /* @__PURE__ */ React.createElement(
+            ActionIconBox,
+            {
+              title: "复制",
+              style: {
+                fontSize: "0.9em",
+                lineHeight: "1.75em",
+                marginLeft: "0.125em"
+              },
+              onClick: (e) => {
+                var _a;
+                e.stopPropagation();
+                try {
+                  const code = props.element.value || "";
+                  copy(code);
+                  message.success(((_a = i18n.locale) == null ? void 0 : _a.copySuccess) || "复制成功");
+                } catch (error) {
+                }
+              }
+            },
+            /* @__PURE__ */ React.createElement(Copy, null)
+          )
+        )
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: "ant-md-editor-hidden" }, props.children)
+    ),
+    /* @__PURE__ */ React.createElement(Mermaid, { el: props.element })
+  );
+}
+export {
+  MermaidElement
+};

package/dist/Quote/style.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/Quote/style.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genQuoteStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/Schema/SchemaEditor/AceEditorWrapper.js

@@ -0,0 +1,126 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/Schema/SchemaEditor/AceEditorWrapper.tsx
+import ace from "ace-builds";
+import React, { useEffect, useRef } from "react";
+import { aceLangs, modeMap } from "../../MarkdownEditor/editor/utils/ace";
+if (typeof window !== "undefined" && !window.ResizeObserver) {
+  window.ResizeObserver = class ResizeObserver {
+    constructor(callback) {
+      this.callback = callback;
+    }
+    observe() {
+    }
+    unobserve() {
+    }
+    disconnect() {
+    }
+  };
+}
+var AceEditorWrapper = ({
+  value,
+  language = "text",
+  onChange,
+  readonly = false,
+  className = "",
+  height = "100%",
+  options = {}
+}) => {
+  const containerRef = useRef(null);
+  const editorRef = useRef();
+  const valueRef = useRef(value);
+  useEffect(() => {
+    if (!containerRef.current)
+      return;
+    const codeEditor = ace.edit(containerRef.current, __spreadValues({
+      useWorker: false,
+      value,
+      fontSize: 12,
+      animatedScroll: true,
+      maxLines: Infinity,
+      wrap: true,
+      tabSize: 4,
+      readOnly: readonly,
+      showPrintMargin: false,
+      showLineNumbers: true,
+      showGutter: true
+    }, options));
+    editorRef.current = codeEditor;
+    setTimeout(() => {
+      let lang = language.toLowerCase();
+      if (modeMap.has(lang)) {
+        lang = modeMap.get(lang);
+      }
+      if (aceLangs.has(lang)) {
+        codeEditor.session.setMode(`ace/mode/${lang}`);
+      }
+    }, 16);
+    if (!readonly && onChange) {
+      codeEditor.on("change", () => {
+        const newValue = codeEditor.getValue();
+        if (newValue !== valueRef.current) {
+          valueRef.current = newValue;
+          onChange(newValue);
+        }
+      });
+    }
+    return () => {
+      codeEditor == null ? void 0 : codeEditor.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    if (editorRef.current && value !== valueRef.current) {
+      editorRef.current.setValue(value);
+      valueRef.current = value;
+    }
+  }, [value]);
+  useEffect(() => {
+    if (editorRef.current) {
+      let lang = language.toLowerCase();
+      if (modeMap.has(lang)) {
+        lang = modeMap.get(lang);
+      }
+      if (aceLangs.has(lang)) {
+        editorRef.current.session.setMode(`ace/mode/${lang}`);
+      } else {
+        editorRef.current.session.setMode(`ace/mode/text`);
+      }
+    }
+  }, [language]);
+  useEffect(() => {
+    if (editorRef.current) {
+      editorRef.current.setReadOnly(readonly);
+    }
+  }, [readonly]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: containerRef,
+      className,
+      style: {
+        height: typeof height === "number" ? `${height}px` : height,
+        width: "100%"
+      }
+    }
+  );
+};
+var AceEditorWrapper_default = AceEditorWrapper;
+export {
+  AceEditorWrapper,
+  AceEditorWrapper_default as default
+};