@baishuyun/ui-base 2.1.0 → 2.2.2

package/dist/Editor/index.js

@@ -0,0 +1,581 @@
+import { jsx as u, jsxs as W, Fragment as et } from "react/jsx-runtime";
+import { o as N, P as F, _ as M, Y as $, w as U, f as nt, x as G, j as it, C as ot, L as rt, $ as z, S as st, a as at, W as V, J as lt, F as ct, B as ut, M as dt, b as J, g as ht, m as gt, h as mt, c as _t, d as ft, e as pt, n as bt, q as O, s as yt, i as xt, k as vt } from "../vendors/lexical-DdSmj_Kv.js";
+import wt, { useState as S, useEffect as x, useRef as A, useCallback as E, useMemo as Ct } from "react";
+import { p as Tt, T as Et, B as Lt, g as Z, k as X, v as H, I as Nt, m as kt } from "./index-C0MY9j94.js";
+import { DEFAULT_BACKGROUND_COLOR as j, DEFAULT_FONT_COLOR as K, DEFAULT_FONT_SIZE as Y } from "./constants/index.js";
+import { c as D } from "../vendors/clsx-OuTLNxxd.js";
+const I = {
+  "bsy-lexical__toolbar": "_bsy-lexical__toolbar_n60av_1",
+  "bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_n60av_9",
+  "bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_n60av_15"
+};
+function Dt() {
+  const [i] = N(), [t, o] = S({
+    bold: !1,
+    italic: !1,
+    underline: !1,
+    fontSize: Y,
+    fontColor: K,
+    backgroundColor: j,
+    align: "left",
+    link: void 0
+  });
+  return x(() => i.registerUpdateListener(({ editorState: e }) => {
+    e.read(() => {
+      const n = F();
+      if (M(n)) {
+        const s = $(
+          n,
+          "font-size",
+          Y
+        ), a = $(
+          n,
+          "color",
+          K
+        ), l = $(
+          n,
+          "background-color",
+          j
+        ), r = n.anchor.getNode();
+        let m = r.getKey() === "root" ? r : U(r, (f) => {
+          const h = f.getParent();
+          return h !== null && nt(h);
+        });
+        m === null && (m = r.getTopLevelElementOrThrow());
+        const d = {}, _ = U(r, Tt);
+        _ ? (d.link = _.getURL(), d.linkText = _.getTextContent(), d.newBlank = _.getTarget() === "_blank") : d.linkText = n.getTextContent(), o({
+          bold: n.hasFormat("bold"),
+          italic: n.hasFormat("italic"),
+          underline: n.hasFormat("underline"),
+          fontSize: s,
+          fontColor: a,
+          backgroundColor: l,
+          align: G(m) ? m.getFormatType() : "left",
+          link: d
+        });
+      }
+    });
+  }), [i]), t;
+}
+const Rt = (i) => {
+  const t = Dt();
+  return /* @__PURE__ */ u(Et.Provider, { value: t, children: i.children });
+}, St = (i) => {
+  const { config: t = [], style: o } = i, e = (n, s) => {
+    const a = typeof n == "string" ? n : n.name, l = Lt[a];
+    return typeof n == "string" ? /* @__PURE__ */ u(l, {}, `${a}-${s}`) : /* @__PURE__ */ u(l, { ...n.props }, `${a}-${s}`);
+  };
+  return /* @__PURE__ */ u(Rt, { children: /* @__PURE__ */ u("div", { className: I["bsy-lexical__toolbar"], style: o, children: t.map((n, s) => /* @__PURE__ */ W(
+    "div",
+    {
+      className: I["bsy-lexical__toolbar-group"],
+      "data-group": n.key,
+      children: [
+        n.buttons.map((a, l) => e(a, l)),
+        s < t.length - 1 && /* @__PURE__ */ u("div", { className: I["bsy-lexical__toolbar-divider"] })
+      ]
+    },
+    n.key + s
+  )) }) });
+}, q = {
+  "bsy-lexical-editor": "_bsy-lexical-editor_19ssw_1",
+  "bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_19ssw_6"
+};
+function Wt({ validateUrl: i, attributes: t }) {
+  const [o] = N();
+  return x((() => {
+    if (!o.hasNodes([Z])) throw new Error("LinkPlugin: LinkNode not registered on editor");
+    return it(o.registerCommand(X, ((e) => {
+      if (e === null) return H(e), !0;
+      if (typeof e == "string") return !(i !== void 0 && !i(e)) && (H(e, t), !0);
+      {
+        const { url: n, target: s, rel: a, title: l } = e;
+        return H(n, { ...t, rel: a, target: s, title: l }), !0;
+      }
+    }), z), i !== void 0 ? o.registerCommand(ot, ((e) => {
+      const n = F();
+      if (!M(n) || n.isCollapsed() || !rt(e, ClipboardEvent) || e.clipboardData === null) return !1;
+      const s = e.clipboardData.getData("text");
+      return !!i(s) && !n.getNodes().some(((a) => G(a))) && (o.dispatchCommand(X, { ...t, url: s }), e.preventDefault(), !0);
+    }), z) : () => {
+    });
+  }), [o, i, t]), null;
+}
+const Ft = "_imageWrapper_y06h3_1", Mt = "_selected_y06h3_8", $t = "_resizing_y06h3_12", Ht = "_image_y06h3_1", It = "_resizeHandle_y06h3_30", zt = "_topLeft_y06h3_44", Ot = "_topRight_y06h3_49", At = "_bottomLeft_y06h3_54", Pt = "_bottomRight_y06h3_59", y = {
+  imageWrapper: Ft,
+  selected: Mt,
+  resizing: $t,
+  image: Ht,
+  resizeHandle: It,
+  topLeft: zt,
+  topRight: Ot,
+  bottomLeft: At,
+  bottomRight: Pt
+}, Bt = ({
+  src: i,
+  altText: t,
+  width: o,
+  height: e,
+  nodeKey: n
+}) => {
+  const [s] = N(), [a, l] = S(!1), [r, m] = S(null), d = A(null), [g, _] = S({
+    width: o || void 0,
+    height: e || void 0
+  }), f = E(() => {
+    o && e && _({ width: o, height: e });
+  }, [o, e]), h = E(
+    (c, p) => {
+      if (c.preventDefault(), c.stopPropagation(), !d.current) return;
+      const b = g.width || d.current.offsetWidth, C = g.height || d.current.offsetHeight, k = b / C;
+      (!g.width || !g.height) && _({ width: b, height: C }), m({
+        isResizing: !0,
+        startX: c.clientX,
+        startY: c.clientY,
+        startWidth: b,
+        startHeight: C,
+        aspectRatio: k,
+        direction: p
+      });
+    },
+    [g]
+  ), v = E(
+    (c) => {
+      if (!(r != null && r.isResizing)) return;
+      const p = c.clientX - r.startX;
+      let b;
+      switch (r.direction) {
+        case "bottom-right":
+          b = Math.max(50, r.startWidth + p);
+          break;
+        case "bottom-left":
+          b = Math.max(50, r.startWidth - p);
+          break;
+        case "top-right":
+          b = Math.max(50, r.startWidth + p);
+          break;
+        case "top-left":
+          b = Math.max(50, r.startWidth - p);
+          break;
+        default:
+          b = Math.max(50, r.startWidth + p);
+      }
+      const C = b / r.aspectRatio;
+      _({ width: b, height: C });
+    },
+    [r]
+  ), w = E(() => {
+    r != null && r.isResizing && (s.update(() => {
+      const c = st(n);
+      Ut(c) && c.setWidthAndHeight(g.width, g.height);
+    }), m(null));
+  }, [s, n, g, r]);
+  wt.useEffect(() => {
+    if (r != null && r.isResizing)
+      return document.addEventListener("mousemove", v), document.addEventListener("mouseup", w), () => {
+        document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", w);
+      };
+  }, [r, v, w]);
+  const tt = E(() => {
+    l(!0);
+  }, []);
+  return x(() => s.registerUpdateListener(({ editorState: c }) => {
+    c.read(() => {
+      const p = F();
+      M(p) && !p.getNodes().some((k) => {
+        var B;
+        return k.getKey() === n || k.getParent() && ((B = k.getParent()) == null ? void 0 : B.getKey()) === n;
+      }) && a && l(!1);
+    });
+  }), [s, n, a]), x(() => {
+    const c = (p) => {
+      a && d.current && !d.current.contains(p.target) && l(!1);
+    };
+    if (a)
+      return document.addEventListener("mousedown", c), () => {
+        document.removeEventListener("mousedown", c);
+      };
+  }, [a]), /* @__PURE__ */ W(
+    "div",
+    {
+      className: D(y.imageWrapper, {
+        [y.selected]: a,
+        [y.resizing]: r == null ? void 0 : r.isResizing
+      }),
+      children: [
+        /* @__PURE__ */ u(
+          "img",
+          {
+            ref: d,
+            src: i,
+            alt: t,
+            className: y.image,
+            style: {
+              width: g.width,
+              height: g.height
+            },
+            onLoad: f,
+            onClick: tt,
+            draggable: !1
+          }
+        ),
+        a && /* @__PURE__ */ W(et, { children: [
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: D(y.resizeHandle, y.bottomRight),
+              onMouseDown: (c) => h(c, "bottom-right")
+            }
+          ),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: D(y.resizeHandle, y.bottomLeft),
+              onMouseDown: (c) => h(c, "bottom-left")
+            }
+          ),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: D(y.resizeHandle, y.topRight),
+              onMouseDown: (c) => h(c, "top-right")
+            }
+          ),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: D(y.resizeHandle, y.topLeft),
+              onMouseDown: (c) => h(c, "top-left")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+class R extends at {
+  static getType() {
+    return "image";
+  }
+  static clone(t) {
+    return new R(t.__src, t.__altText, t.__width, t.__height, t.__key);
+  }
+  constructor(t, o, e, n, s) {
+    super(s), this.__src = t, this.__altText = o || "", this.__width = e, this.__height = n;
+  }
+  createDOM() {
+    const t = document.createElement("div");
+    return t.style.display = "inline-block", t;
+  }
+  updateDOM() {
+    return !1;
+  }
+  exportDOM() {
+    const t = document.createElement("img");
+    return t.setAttribute("src", this.__src), t.setAttribute("alt", this.__altText), t.style.maxWidth = "100%", t.style.display = "inline", t.style.verticalAlign = "baseline", this.__width && t.setAttribute("width", this.__width.toString()), this.__height && t.setAttribute("height", this.__height.toString()), { element: t };
+  }
+  getSrc() {
+    return this.__src;
+  }
+  getAltText() {
+    return this.__altText;
+  }
+  getWidth() {
+    return this.__width;
+  }
+  getHeight() {
+    return this.__height;
+  }
+  setSrc(t) {
+    const o = this.getWritable();
+    o.__src = t;
+  }
+  setAltText(t) {
+    const o = this.getWritable();
+    o.__altText = t;
+  }
+  setWidthAndHeight(t, o) {
+    const e = this.getWritable();
+    e.__width = t, e.__height = o;
+  }
+  decorate() {
+    return /* @__PURE__ */ u(
+      Bt,
+      {
+        src: this.__src,
+        altText: this.__altText,
+        width: this.__width,
+        height: this.__height,
+        nodeKey: this.getKey()
+      }
+    );
+  }
+  static importDOM() {
+    return {
+      img: () => ({
+        conversion: Jt,
+        priority: 0
+      })
+    };
+  }
+  static importJSON(t) {
+    const { src: o, altText: e, width: n, height: s } = t;
+    return P({ src: o, altText: e, width: n, height: s });
+  }
+  exportJSON() {
+    return {
+      src: this.getSrc(),
+      altText: this.getAltText(),
+      width: this.getWidth(),
+      height: this.getHeight(),
+      type: "image",
+      version: 1
+    };
+  }
+  isInline() {
+    return !0;
+  }
+}
+function P({ src: i, altText: t, width: o, height: e, key: n }) {
+  return new R(i, t, o, e, n);
+}
+function Ut(i) {
+  return i instanceof R;
+}
+function Jt(i) {
+  if (i instanceof HTMLImageElement) {
+    const { src: t, alt: o, style: e } = i;
+    let n, s;
+    if (e.width) {
+      const l = parseInt(e.width, 10);
+      isNaN(l) || (n = l);
+    }
+    if (e.height) {
+      const l = parseInt(e.height, 10);
+      isNaN(l) || (s = l);
+    }
+    return n === void 0 && i.width && (n = i.width), s === void 0 && i.height && (s = i.height), { node: P({
+      src: t,
+      altText: o,
+      width: n,
+      height: s
+    }) };
+  }
+  return null;
+}
+function Xt() {
+  const [i] = N();
+  return x(() => i.registerCommand(
+    Nt,
+    (t) => {
+      const o = P(t);
+      return V([o]), !0;
+    },
+    lt
+  ), [i]), null;
+}
+function jt() {
+  const [i] = N(), t = A(0), o = 250;
+  return x(() => i.registerCommand(
+    ct,
+    (e) => {
+      const n = Date.now(), s = n - t.current;
+      return t.current = n, s < o && s > 0 ? (i.update(() => {
+        const a = F();
+        if (M(a)) {
+          const r = a.anchor.getNode().getTopLevelElement();
+          if (r && r.getTextContent().trim() === "") {
+            const m = ut();
+            dt(a, {
+              "background-color": "",
+              color: "",
+              "font-size": "",
+              "font-weight": "",
+              "font-style": "",
+              "text-decoration": ""
+            }), r.replace(m), m.select();
+            const d = m.getPreviousSibling();
+            d && d.getTextContent().trim() === "" && d.remove();
+          }
+        }
+      }), e == null || e.preventDefault(), !0) : !1;
+    },
+    z
+  ), [i]), null;
+}
+const Q = (i) => {
+  var d;
+  const { height: t = 126, onChange: o, toolbar: e } = i, [n] = N(), s = A(null), a = E(
+    (g) => {
+      g.read(() => {
+        const f = J().getTextContent(), h = ht(n, null), w = !f.trim() && (h === "<p><br></p>" || h === "<p></p>" || h === "" || /^<p>\s*<br>\s*<\/p>$/.test(h)) ? null : h;
+        s.current = w, o(
+          {
+            text: f,
+            html: w
+          },
+          g
+        );
+      });
+    },
+    [o, n]
+  );
+  x(() => {
+    i.value !== void 0 && i.value !== s.current && n.update(() => {
+      if (J().clear(), i.value && i.value.trim()) {
+        const _ = new DOMParser().parseFromString(i.value, "text/html"), f = gt(n, _);
+        V(f);
+      }
+    });
+  }, [i.value, n]);
+  const l = (d = e == null ? void 0 : e.config) != null && d.length ? e == null ? void 0 : e.config : [], r = n.isEditable(), m = () => {
+    r || (n.setEditable(!0), n.focus(() => {
+    }, { defaultSelection: "rootEnd" }));
+  };
+  return /* @__PURE__ */ W("div", { className: q["bsy-lexical-editor"], onClick: m, children: [
+    l.length > 0 && /* @__PURE__ */ u(
+      St,
+      {
+        config: l,
+        style: {
+          ...e == null ? void 0 : e.style
+        }
+      }
+    ),
+    /* @__PURE__ */ u(
+      mt,
+      {
+        contentEditable: /* @__PURE__ */ u(
+          ft,
+          {
+            className: q["bsy-lexical-editor__content-editable"],
+            style: {
+              height: t,
+              cursor: r ? "auto" : "text"
+            }
+          }
+        ),
+        ErrorBoundary: _t
+      }
+    ),
+    /* @__PURE__ */ u(Wt, {}),
+    /* @__PURE__ */ u(Xt, {}),
+    /* @__PURE__ */ u(jt, {}),
+    /* @__PURE__ */ u(pt, {}),
+    /* @__PURE__ */ u(bt, { onChange: a })
+  ] });
+};
+Q.displayName = "BsyLexicalEditorCore";
+class L extends O {
+  constructor(t, o) {
+    super(t, o);
+  }
+  static getType() {
+    return "extended-text";
+  }
+  static clone(t) {
+    return new L(t.__text, t.__key);
+  }
+  static importDOM() {
+    const t = O.importDOM();
+    return {
+      ...t,
+      code: () => ({
+        conversion: T(t == null ? void 0 : t.code),
+        priority: 1
+      }),
+      em: () => ({
+        conversion: T(t == null ? void 0 : t.em),
+        priority: 1
+      }),
+      span: () => ({
+        conversion: T(t == null ? void 0 : t.span),
+        priority: 1
+      }),
+      strong: () => ({
+        conversion: T(t == null ? void 0 : t.strong),
+        priority: 1
+      }),
+      sub: () => ({
+        conversion: T(t == null ? void 0 : t.sub),
+        priority: 1
+      }),
+      sup: () => ({
+        conversion: T(t == null ? void 0 : t.sup),
+        priority: 1
+      })
+    };
+  }
+  static importJSON(t) {
+    return Kt().updateFromJSON(t);
+  }
+  isSimpleText() {
+    return this.__type === "extended-text" && this.__mode === 0;
+  }
+  // no need to add exportJSON here, since we are not adding any new properties
+}
+function Kt(i = "") {
+  return xt(new L(i));
+}
+function T(i) {
+  return (t) => {
+    const o = i == null ? void 0 : i(t);
+    if (!o)
+      return null;
+    const e = o.conversion(t);
+    if (!e)
+      return e;
+    const n = t.style.backgroundColor, s = t.style.color, a = t.style.fontFamily, l = t.style.fontWeight, r = t.style.fontSize, m = t.style.textDecoration;
+    return {
+      ...e,
+      forChild: (d, g) => {
+        const f = ((e == null ? void 0 : e.forChild) ?? ((h) => h))(d, g);
+        if (yt(f)) {
+          const h = [
+            n ? `background-color: ${n}` : null,
+            s ? `color: ${s}` : null,
+            a ? `font-family: ${a}` : null,
+            l ? `font-weight: ${l}` : null,
+            r ? `font-size: ${r}` : null,
+            m ? `text-decoration: ${m}` : null
+          ].filter((v) => v !== null).join("; ");
+          if (h.length)
+            return f.setStyle(h);
+        }
+        return f;
+      }
+    };
+  };
+}
+const Yt = (i) => {
+  const { autoFocus: t = !1 } = i, o = Ct(() => ({
+    namespace: "bsyLexicalEditor",
+    onError: (e) => {
+      console.error("Lexical error", e);
+    },
+    editable: t,
+    theme: {
+      text: {
+        bold: "editor-text-bold",
+        italic: "editor-text-italic",
+        underline: "editor-text-underline"
+      },
+      link: "editor-link"
+    },
+    nodes: [
+      Z,
+      kt,
+      R,
+      L,
+      {
+        replace: O,
+        with: (e) => new L(e.__text),
+        withKlass: L
+      }
+    ]
+  }), [t]);
+  return /* @__PURE__ */ u(vt, { initialConfig: o, children: /* @__PURE__ */ u(Q, { ...i }) });
+};
+Yt.displayName = "BsyLexicalEditor";
+export {
+  Yt as default
+};

package/dist/Icon/Icon-CkHAU1fA.js

@@ -0,0 +1,24 @@
+import { jsx as p } from "react/jsx-runtime";
+import { createFromIconfontCN as e } from "@ant-design/icons";
+import { b as f } from "../vendors/lodash-es-DFpaJB4Y.js";
+const a = e({
+  scriptUrl: "https://at.alicdn.com/t/c/font_4786625_c3hfvyi874p.js"
+}), I = ({ name: o, style: c, className: n, onClick: r, color: s, size: t = 16 }) => {
+  const m = {
+    color: s,
+    fontSize: f(t) ? `${t}px` : t,
+    ...c
+  };
+  return /* @__PURE__ */ p(
+    a,
+    {
+      onClick: r,
+      type: `icon-${o}`,
+      style: m,
+      className: `${n || ""}`
+    }
+  );
+};
+export {
+  I
+};

package/dist/Icon/index.js

@@ -1,4 +1,4 @@
-import { I as f } from "./Icon-BlkVlKDd.js";
+import { I as f } from "./Icon-CkHAU1fA.js";
 export {
   f as default
 };