@baishuyun/ui-base 2.1.0 → 2.2.2

package/dist/Card/{Card-CXULQNHa.js → Card-DHOMkrEE.js}

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as c } from "react/jsx-runtime";
 import { useState as l } from "react";
 import { c as n } from "../vendors/clsx-OuTLNxxd.js";
-import { I as p } from "../Icon/Icon-BlkVlKDd.js";
+import { I as p } from "../Icon/Icon-CkHAU1fA.js";
 const _ = {
   "bsy-card": "_bsy-card_myftj_1",
   "bsy-card__header": "_bsy-card__header_myftj_6",
@@ -40,7 +40,7 @@ const _ = {
             onClick: m,
             style: a == null ? void 0 : a.header,
             children: [
-              /* @__PURE__ */ c("h3", { className: _["bsy-card__title"], children: r }),
+              /* @__PURE__ */ c("div", { className: _["bsy-card__title"], role: "heading", children: r }),
               /* @__PURE__ */ c("div", { className: _["bsy-card__icon-container"], children: /* @__PURE__ */ c(
                 p,
                 {

package/dist/Card/index.js

@@ -1,4 +1,4 @@
-import { C as f } from "./Card-CXULQNHa.js";
+import { C as f } from "./Card-DHOMkrEE.js";
 export {
   f as default
 };

package/dist/CheckBox/{CheckBox-Bu40TO29.js → CheckBox-VlP6u_-s.js}

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
 import { createContext as B, forwardRef as E, useContext as R } from "react";
-import { I as j } from "../Icon/Icon-BlkVlKDd.js";
+import { I as j } from "../Icon/Icon-CkHAU1fA.js";
 import { c as i } from "../vendors/clsx-OuTLNxxd.js";
-import { u as O } from "../vendors/lodash-es-CZfJRWhO.js";
+import { u as O } from "../vendors/lodash-es-DFpaJB4Y.js";
 const P = B(null), V = "_checkbox_vheru_1", q = "_checkbox__inner_vheru_32", o = {
   checkbox: V,
   "checkbox--checked": "_checkbox--checked_vheru_12",

package/dist/CheckBox/index.js

@@ -1,37 +1,39 @@
-import { L as o, C as c, B as u } from "./CheckBox-Bu40TO29.js";
-import { jsx as a } from "react/jsx-runtime";
-import { useControllableValue as n } from "ahooks";
-import { c as f } from "../vendors/clsx-OuTLNxxd.js";
+import { L as o, C as c, B as n } from "./CheckBox-VlP6u_-s.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useControllableValue as f } from "ahooks";
+import { c as C } from "../vendors/clsx-OuTLNxxd.js";
 const m = ({
-  disabled: r,
+  disabled: l,
   layout: e = o.NONE,
-  children: l,
+  children: p,
+  className: a,
   ...s
 }) => {
-  const [p, t] = n(s, {
+  const [t, x] = f(s, {
     defaultValue: [],
     valuePropName: "value",
     defaultValuePropName: "defaultValue",
     trigger: "onChange"
-  }), x = f("flex", {
+  }), u = C("flex", {
     "flex-col": e === o.NONE,
     "flex-col gap-[10px]": e === o.VERTICAL,
-    "flex-row gap-y-[10px] gap-x-[20px] flex-wrap": e === o.HORIZONTAL
+    "flex-row gap-y-[10px] gap-x-[20px] flex-wrap": e === o.HORIZONTAL,
+    [a || ""]: !!a
   });
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     c.Provider,
     {
       value: {
-        value: p,
-        onChange: t,
-        disabled: r,
+        value: t,
+        onChange: x,
+        disabled: l,
         layout: e
       },
-      children: /* @__PURE__ */ a("div", { className: x, children: l })
+      children: /* @__PURE__ */ r("div", { className: u, children: p })
     }
   );
-}, C = u;
-C.Group = m;
+}, i = n;
+i.Group = m;
 export {
-  C as default
+  i as default
 };

package/dist/ColorPicker/ColorPicker-049kyJn6.js

@@ -0,0 +1,205 @@
+import { jsx as r, jsxs as _, Fragment as O } from "react/jsx-runtime";
+import { ColorPicker as w } from "antd";
+import { AnimatePresence as R, motion as A } from "motion/react";
+import { useFloating as F, offset as I, flip as x, shift as L, useClick as E, useDismiss as T, useInteractions as V, FloatingPortal as j } from "@floating-ui/react";
+import { useState as k, isValidElement as B, cloneElement as D, useRef as G } from "react";
+import { useControllableValue as M } from "ahooks";
+import { I as d } from "../Icon/Icon-CkHAU1fA.js";
+import { u as g } from "../vendors/useLocale-DgqW9M3h.js";
+import { c as $ } from "../vendors/clsx-OuTLNxxd.js";
+import { a as u } from "../vendors/color-VzwvCPhF.js";
+import { t as q } from "../vendors/tinycolor2-Begv3Jc8.js";
+import { P as z } from "../vendors/index-MTmG1Ezy.js";
+import { c as H } from "../vendors/lodash-es-DFpaJB4Y.js";
+const J = [
+  "rgba(240, 102, 72, 1)",
+  // #F06648
+  "rgba(255, 197, 2, 1)",
+  // #FFC502
+  "rgba(74, 204, 140, 1)",
+  // #4ACC8C
+  "rgba(74, 192, 236, 1)",
+  // #4AC0EC
+  "rgba(255, 153, 33, 1)",
+  // #ff9921
+  "rgba(101, 101, 101, 1)",
+  // #656565
+  "rgba(255, 156, 136, 1)",
+  // #ff9c88
+  "rgba(98, 98, 206, 1)",
+  // #6262ce
+  "rgba(241, 104, 182, 1)",
+  // #f168b6
+  "rgba(55, 103, 241, 1)",
+  // #3767f1
+  "rgba(162, 206, 30, 1)",
+  // #a2ce1e
+  "rgba(179, 179, 179, 1)",
+  // #b3b3b3
+  "rgba(0, 0, 0, 1)",
+  // #000000
+  "rgba(102, 102, 102, 1)",
+  // #666
+  "rgba(153, 153, 153, 1)",
+  // #999
+  "rgba(194, 194, 194, 1)",
+  // #c2c2c2
+  "rgba(224, 224, 224, 1)",
+  // #e0e0e0
+  "rgba(77, 96, 159, 1)"
+  // #4d609f
+], K = (s = "bottom-start") => {
+  const [t, o] = k(!1), { refs: i, floatingStyles: e, context: a } = F({
+    open: t,
+    onOpenChange: o,
+    placement: s,
+    middleware: [
+      I(4),
+      // 浮层与触发器间距
+      x(),
+      // 超出边界时自动翻转
+      L({ padding: 8 })
+      // 自动避开边界
+    ]
+  }), n = E(a), l = T(a), { getReferenceProps: p, getFloatingProps: m } = V([n, l]);
+  return {
+    isOpen: t,
+    refs: i,
+    floatingStyles: e,
+    getReferenceProps: p,
+    getFloatingProps: m,
+    setIsOpen: o
+  };
+}, c = {
+  "bsy-color-picker__floating": "_bsy-color-picker__floating_1kfi6_1",
+  "bsy-color-picker__content": "_bsy-color-picker__content_1kfi6_4",
+  "bsy-color-picker__grid": "_bsy-color-picker__grid_1kfi6_11",
+  "bsy-color-picker__preset-colors-title": "_bsy-color-picker__preset-colors-title_1kfi6_15",
+  "bsy-color-picker__preset-colors-grid": "_bsy-color-picker__preset-colors-grid_1kfi6_19",
+  "bsy-color-picker__preset-colors-item": "_bsy-color-picker__preset-colors-item_1kfi6_24",
+  "bsy-color-picker__custom-color-title": "_bsy-color-picker__custom-color-title_1kfi6_47",
+  "bsy-color-picker__custom-color-btn": "_bsy-color-picker__custom-color-btn_1kfi6_51",
+  "bsy-color-picker__custom-color-btn--active": "_bsy-color-picker__custom-color-btn--active_1kfi6_61",
+  "bsy-color-picker__custom-color-btn--preview": "_bsy-color-picker__custom-color-btn--preview_1kfi6_65",
+  "bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_1kfi6_68",
+  "bsy-color-picker__check-icon": "_bsy-color-picker__check-icon_1kfi6_72"
+}, y = ({
+  currentColor: s,
+  onColorSelect: t,
+  options: o,
+  style: i
+}) => /* @__PURE__ */ r("div", { className: c["bsy-color-picker__preset-colors-grid"], style: i, children: o.map((e) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: c["bsy-color-picker__preset-colors-item"],
+    style: {
+      backgroundColor: e,
+      "--hover-color": q(e).setAlpha(0.5).toRgbString()
+    },
+    onClick: () => t(e),
+    children: u(s, e) && /* @__PURE__ */ r(d, { name: "checkthebox", className: c["bsy-color-picker__check-icon"] })
+  },
+  e
+)) }), Q = (s) => {
+  const { children: t, placement: o = "bottom-start", disabled: i = !1, presetColors: e } = s, { t: a } = g(), [n, l] = M(s, {
+    defaultValue: s.value
+  }), { isOpen: p, refs: m, floatingStyles: f, getReferenceProps: C, getFloatingProps: h } = K(o), v = B(t) ? D(t, {
+    ...C(),
+    // @ts-ignore
+    ref: m.setReference,
+    disabled: i
+  }) : t, b = H(e) && e.length ? e : J, P = b.some((S) => u(S, n)), N = G(P ? [] : [n]);
+  return /* @__PURE__ */ _(O, { children: [
+    v,
+    /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(R, { children: p && /* @__PURE__ */ r(
+      "div",
+      {
+        ref: m.setFloating,
+        style: f,
+        ...h(),
+        className: c["bsy-color-picker__floating"],
+        children: /* @__PURE__ */ r(A.div, { ...z, children: /* @__PURE__ */ r("div", { className: c["bsy-color-picker__content"], children: /* @__PURE__ */ _("div", { className: c["bsy-color-picker__grid"], children: [
+          /* @__PURE__ */ _("div", { className: c["bsy-color-picker__preset-colors"], children: [
+            /* @__PURE__ */ r("div", { className: c["bsy-color-picker__preset-colors-title"], children: a("presetColors") }),
+            /* @__PURE__ */ r(
+              y,
+              {
+                currentColor: n,
+                onColorSelect: l,
+                options: b
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            U,
+            {
+              value: n,
+              onChange: l,
+              options: b,
+              list: N.current
+            }
+          )
+        ] }) }) })
+      }
+    ) }) })
+  ] });
+}, U = (s) => {
+  const { list: t } = s, [o, i] = k(), [e, a] = k(!1), { t: n } = g();
+  return /* @__PURE__ */ _("div", { className: c["bsy-color-picker__custom-color"], children: [
+    /* @__PURE__ */ r("div", { className: c["bsy-color-picker__custom-color-title"], children: n("customColor") }),
+    /* @__PURE__ */ _("div", { className: c["bsy-color-picker__custom-color-content"], children: [
+      /* @__PURE__ */ r(
+        w,
+        {
+          value: o,
+          onChange: (l) => i(l.toRgbString()),
+          open: e,
+          onOpenChange: (l) => {
+            a(l), !l && o && (t.includes(o) || t.unshift(o), s.onChange(o), i(void 0));
+          },
+          children: /* @__PURE__ */ r(
+            "div",
+            {
+              className: $(c["bsy-color-picker__custom-color-btn"], {
+                [c["bsy-color-picker__custom-color-btn--active"]]: e && !o,
+                [c["bsy-color-picker__custom-color-btn--preview"]]: !!o
+              }),
+              role: "button",
+              style: {
+                backgroundColor: o || void 0
+              },
+              onClick: () => {
+                a(!0);
+              },
+              children: /* @__PURE__ */ r(
+                d,
+                {
+                  name: "add",
+                  style: {
+                    visibility: o ? "hidden" : "visible"
+                  }
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        y,
+        {
+          currentColor: s.value,
+          onColorSelect: s.onChange,
+          options: t.slice(0, 5),
+          style: {
+            gridTemplateColumns: "repeat(5, 1fr)"
+          }
+        }
+      )
+    ] })
+  ] });
+};
+Q.displayName = "BsyColorPicker";
+export {
+  Q as C,
+  J as a
+};

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { a as e, C as f } from "./ColorPicker-CwFsihkL.js";
+import { a as e, C as f } from "./ColorPicker-049kyJn6.js";
 export {
   e as COLOR_OPTIONS_RGBA,
   f as default

package/dist/DropDown/DropDown-BkTY-3y0.js

@@ -0,0 +1,166 @@
+import { jsxs as w, jsx as o, Fragment as V } from "react/jsx-runtime";
+import { useMemo as f, memo as q, useState as G, isValidElement as J, cloneElement as Q } from "react";
+import { FloatingPortal as U } from "@floating-ui/react";
+import { AnimatePresence as W, motion as X } from "motion/react";
+import { useControllableValue as Y } from "ahooks";
+import { u as Z } from "../vendors/useFloatingPortal-9VUFOAOG.js";
+import { F as $ } from "../vendors/fuse.js-D1DCbUBb.js";
+import { a as S, b as D } from "../vendors/lodash-es-DFpaJB4Y.js";
+import { P as ee } from "../vendors/index-MTmG1Ezy.js";
+import { S as ne } from "../Select/SelectInputSearch-DigfTvpo.js";
+import { c as h } from "../vendors/clsx-OuTLNxxd.js";
+import { N as C } from "../NotFoundContent/NotFoundContent-h0-oIXlk.js";
+import { u as z } from "../vendors/useLocale-DgqW9M3h.js";
+import { S as oe } from "../vendors/simplebar-react-D68KzE44.js";
+const se = ({
+  menus: e,
+  searchValue: r,
+  enableInternalFilter: n,
+  searchKey: i
+  // 默认搜索 label 字段
+}) => {
+  const s = f(
+    () => new $(e, {
+      keys: [i],
+      ignoreLocation: !0,
+      threshold: 0.3,
+      // 自定义字段值获取函数
+      getFn: (c, a) => {
+        const _ = c[a];
+        return a === "label" && typeof _ != "string" ? "" : String(_ || "");
+      }
+    }),
+    [e, i]
+  ), t = f(() => !n || S(r) ? e : s.search(r).map((a) => a.item), [e, r, n, s]), p = f(() => n && !S(r) && t.length === 0, [n, r, t.length]);
+  return {
+    filteredMenus: t,
+    hasNoResults: p
+  };
+}, te = "_dropdown__panel_11n5z_7", re = "_dropdown__search_11n5z_15", de = "_dropdown__menu_11n5z_19", d = {
+  dropdown__panel: te,
+  dropdown__search: re,
+  dropdown__menu: de,
+  "dropdown__menu-item": "_dropdown__menu-item_11n5z_22",
+  "dropdown__menu-item--disabled": "_dropdown__menu-item--disabled_11n5z_34",
+  "dropdown__menu-item--active": "_dropdown__menu-item--active_11n5z_34",
+  "dropdown__menu-item-icon": "_dropdown__menu-item-icon_11n5z_41",
+  "system-field": "_system-field_11n5z_52",
+  "dropdown__menu-item-label": "_dropdown__menu-item-label_11n5z_63"
+}, F = q(({ item: e, onClick: r, isActive: n = !1 }) => {
+  const i = () => {
+    e.disabled || r(e);
+  }, s = e.systemField || !1;
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      className: h(d["dropdown__menu-item"], {
+        [d["dropdown__menu-item--disabled"]]: e.disabled,
+        [d["dropdown__menu-item--active"]]: n && !e.disabled,
+        "text-[#4d609f]": s && !e.disabled && !n
+      }),
+      onClick: i,
+      children: [
+        e.icon && /* @__PURE__ */ o(
+          "div",
+          {
+            className: h(d["dropdown__menu-item-icon"], {
+              [d["system-field"]]: s
+            }),
+            children: e.icon
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: h(d["dropdown__menu-item-label"], "truncate"), children: e.label })
+      ]
+    }
+  );
+});
+F.displayName = "BsyDropDownMenuItem";
+const M = ({ menus: e, onClick: r, hasNoResults: n, activeKey: i = [] }) => {
+  const { t: s } = z();
+  return e.length === 0 ? /* @__PURE__ */ o(C, { text: s("noData"), className: "px-3 py-6" }) : n ? /* @__PURE__ */ o(C, { text: s("noDataFound"), className: "px-3 py-6" }) : /* @__PURE__ */ o("div", { className: d.dropdown__menu, children: e.map((t) => /* @__PURE__ */ o(
+    F,
+    {
+      item: t,
+      onClick: r,
+      isActive: i.includes(t.key)
+    },
+    t.key
+  )) });
+};
+M.displayName = "BsyDropDownMenuList";
+const ie = (e) => {
+  const { t: r } = z(), {
+    children: n,
+    menus: i,
+    onClick: s,
+    onSearch: t,
+    searchKey: p = "label",
+    showSearch: c = !0,
+    closeOnSelect: a = !0,
+    searchPlaceholder: _ = r("search"),
+    offset: m = { x: 0, y: 0 },
+    zIndex: k = 1101,
+    style: P,
+    activeKey: R = []
+  } = e, [u, y] = Y(e, {
+    valuePropName: "visible",
+    defaultValue: !1,
+    trigger: "onOpenChange"
+  }), [g, L] = G(""), O = () => {
+    y(!u);
+  }, N = () => {
+    y(!1);
+  }, A = (l) => {
+    l.disabled || (s == null || s(l), a && N());
+  }, B = (l) => {
+    L(l), t == null || t(l);
+  }, { filteredMenus: E, hasNoResults: I } = se({
+    menus: i,
+    searchValue: g,
+    enableInternalFilter: !t,
+    searchKey: p
+  }), { refs: b, floatingStyles: j, getReferenceProps: T, getFloatingProps: H } = Z({
+    isOpen: u,
+    close: N,
+    showMask: !1,
+    zIndex: k,
+    offset: {
+      x: D(m.x) ? m.x : 0,
+      y: D(m.y) ? m.y : 0
+    }
+  }), K = J(n) ? Q(n, {
+    ...T(),
+    // @ts-ignore
+    ref: b.setReference,
+    onClick: (l) => {
+      var v, x;
+      O(), (x = (v = n.props).onClick) == null || x.call(v, l);
+    }
+  }) : n;
+  return /* @__PURE__ */ w(V, { children: [
+    K,
+    /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(W, { children: u && /* @__PURE__ */ o("div", { ref: b.setFloating, ...H(), style: j, children: /* @__PURE__ */ o(X.div, { ...ee, children: /* @__PURE__ */ w("div", { className: d.dropdown__panel, style: P, children: [
+      c && /* @__PURE__ */ o("div", { className: d.dropdown__search, children: /* @__PURE__ */ o(
+        ne,
+        {
+          value: g,
+          onChange: B,
+          searchPlaceholder: _
+        }
+      ) }),
+      /* @__PURE__ */ o(oe, { style: { maxHeight: 300 }, children: /* @__PURE__ */ o(
+        M,
+        {
+          menus: E,
+          onClick: A,
+          hasNoResults: I,
+          activeKey: R
+        }
+      ) })
+    ] }) }) }) }) })
+  ] });
+};
+ie.displayName = "BsyDropDown";
+export {
+  ie as D
+};

package/dist/DropDown/index.js

@@ -0,0 +1,4 @@
+import { D as f } from "./DropDown-BkTY-3y0.js";
+export {
+  f as default
+};

package/dist/Editor/ToolbarPlugin/Buttons/index.js

@@ -0,0 +1,4 @@
+import { B as f } from "../../index-C0MY9j94.js";
+export {
+  f as default
+};

package/dist/Editor/constants/index.js

@@ -0,0 +1,20 @@
+const l = [
+  { label: "12", value: "12px" },
+  { label: "14", value: "14px" },
+  { label: "16", value: "16px" },
+  { label: "18", value: "18px" },
+  { label: "20", value: "20px" },
+  { label: "22", value: "22px" },
+  { label: "24", value: "24px" },
+  { label: "28", value: "28px" },
+  { label: "32", value: "32px" },
+  { label: "36", value: "36px" },
+  { label: "64", value: "64px" },
+  { label: "128", value: "128px" }
+], a = "16px", e = "#000", p = "transparent";
+export {
+  p as DEFAULT_BACKGROUND_COLOR,
+  e as DEFAULT_FONT_COLOR,
+  a as DEFAULT_FONT_SIZE,
+  l as FONT_SIZES
+};