@baishuyun/ui-base 2.2.4 → 2.2.5

package/dist/Card/Card-Y1ISqAp9.js

@@ -0,0 +1,86 @@
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { useState as N, useCallback as b, useMemo as h } from "react";
+import { c as i } from "../vendors/clsx-OuTLNxxd.js";
+import { I as k } from "../Icon/Icon-CBlIwtp2.js";
+const a = {
+  "bsy-card": "_bsy-card_myftj_1",
+  "bsy-card__header": "_bsy-card__header_myftj_6",
+  "bsy-card__title": "_bsy-card__title_myftj_13",
+  "bsy-card__icon-container": "_bsy-card__icon-container_myftj_24",
+  "bsy-card__icon": "_bsy-card__icon_myftj_24",
+  "bsy-card__icon--expanded": "_bsy-card__icon--expanded_myftj_43",
+  "bsy-card__content": "_bsy-card__content_myftj_46",
+  "bsy-card__content--expanded": "_bsy-card__content--expanded_myftj_52",
+  "bsy-card__content-inner": "_bsy-card__content-inner_myftj_55"
+}, I = ({
+  title: l,
+  children: m,
+  minWidth: s = 240,
+  defaultExpanded: f = !1,
+  expanded: d,
+  onExpandedChange: n,
+  className: p,
+  style: o,
+  styles: c
+}) => {
+  const [x, j] = N(f), e = d ?? x, t = b(() => {
+    const _ = !e;
+    d === void 0 && j(_), n == null || n(_);
+  }, [e, d, n]), u = b(
+    (_) => {
+      (_.key === "Enter" || _.key === " ") && (_.preventDefault(), t());
+    },
+    [t]
+  ), v = h(
+    () => ({
+      minWidth: `${s}px`,
+      ...o
+    }),
+    [s, o]
+  );
+  return /* @__PURE__ */ y("div", { className: i(a["bsy-card"], p), style: v, children: [
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: a["bsy-card__header"],
+        onClick: t,
+        onKeyDown: u,
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": e,
+        "aria-controls": "card-content",
+        style: c == null ? void 0 : c.header,
+        children: [
+          /* @__PURE__ */ r("div", { className: a["bsy-card__title"], id: "card-title", role: "heading", children: l }),
+          /* @__PURE__ */ r("div", { className: a["bsy-card__icon-container"], children: /* @__PURE__ */ r(
+            k,
+            {
+              name: "xialakuangxiala1",
+              className: i(
+                a["bsy-card__icon"],
+                e && a["bsy-card__icon--expanded"]
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        id: "card-content",
+        role: "region",
+        "aria-labelledby": "card-title",
+        className: i(
+          a["bsy-card__content"],
+          e && a["bsy-card__content--expanded"]
+        ),
+        children: /* @__PURE__ */ r("div", { className: a["bsy-card__content-inner"], style: c == null ? void 0 : c.body, children: m })
+      }
+    )
+  ] });
+};
+I.displayName = "BsyCard";
+export {
+  I as C
+};

package/dist/Card/index.js

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

package/dist/ColorPicker/{ColorPicker-B8U3ubrp.js → ColorPicker-DNIXPakN.js}

@@ -1,17 +1,17 @@
-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-CBlIwtp2.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 = [
+import { jsx as r, jsxs as m, Fragment as R } from "react/jsx-runtime";
+import { ColorPicker as A } from "antd";
+import { AnimatePresence as F, motion as I } from "motion/react";
+import { useFloating as x, offset as L, flip as E, shift as T, useClick as V, useDismiss as j, useInteractions as B, FloatingPortal as M } from "@floating-ui/react";
+import { useState as k, isValidElement as D, cloneElement as G, useRef as $, useMemo as q } from "react";
+import { useControllableValue as z } from "ahooks";
+import { I as g } from "../Icon/Icon-CBlIwtp2.js";
+import { u } from "../vendors/useLocale-DgqW9M3h.js";
+import { c as H } from "../vendors/clsx-OuTLNxxd.js";
+import { a as y } from "../vendors/color-VzwvCPhF.js";
+import { t as J } from "../vendors/tinycolor2-Begv3Jc8.js";
+import { P as K } from "../vendors/index-MTmG1Ezy.js";
+import { c as Q } from "../vendors/lodash-es-DFpaJB4Y.js";
+const U = [
   "rgba(240, 102, 72, 1)",
   // #F06648
   "rgba(255, 197, 2, 1)",
@@ -48,26 +48,26 @@ const J = [
   // #e0e0e0
   "rgba(77, 96, 159, 1)"
   // #4d609f
-], K = (s = "bottom-start") => {
-  const [t, o] = k(!1), { refs: i, floatingStyles: e, context: a } = F({
+], W = (s = "bottom-start") => {
+  const [t, o] = k(!1), { refs: n, floatingStyles: e, context: i } = x({
     open: t,
     onOpenChange: o,
     placement: s,
     middleware: [
-      I(4),
+      L(4),
       // 浮层与触发器间距
-      x(),
+      E(),
       // 超出边界时自动翻转
-      L({ padding: 8 })
+      T({ padding: 8 })
       // 自动避开边界
     ]
-  }), n = E(a), l = T(a), { getReferenceProps: p, getFloatingProps: m } = V([n, l]);
+  }), a = V(i), l = j(i), { getReferenceProps: p, getFloatingProps: _ } = B([a, l]);
   return {
     isOpen: t,
-    refs: i,
+    refs: n,
     floatingStyles: e,
     getReferenceProps: p,
-    getFloatingProps: m,
+    getFloatingProps: _,
     setIsOpen: o
   };
 }, c = {
@@ -83,84 +83,90 @@ const J = [
   "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 = ({
+}, f = ({
   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(
+  style: n
+}) => /* @__PURE__ */ r("div", { className: c["bsy-color-picker__preset-colors-grid"], style: n, 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()
+      "--hover-color": J(e).setAlpha(0.5).toRgbString()
     },
     onClick: () => t(e),
-    children: u(s, e) && /* @__PURE__ */ r(d, { name: "checkthebox", className: c["bsy-color-picker__check-icon"] })
+    children: y(s, e) && /* @__PURE__ */ r(g, { 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, {
+)) }), X = (s) => {
+  const {
+    children: t,
+    placement: o = "bottom-start",
+    disabled: n = !1,
+    presetColors: e,
+    getPopupContainer: i
+  } = s, { t: a } = u(), [l, p] = z(s, {
     defaultValue: s.value
-  }), { isOpen: p, refs: m, floatingStyles: f, getReferenceProps: C, getFloatingProps: h } = K(o), v = B(t) ? D(t, {
-    ...C(),
+  }), { isOpen: _, refs: d, floatingStyles: C, getReferenceProps: h, getFloatingProps: v } = W(o), P = D(t) ? G(t, {
+    ...h(),
     // @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(
+    ref: d.setReference,
+    disabled: n
+  }) : t, b = Q(e) && e.length ? e : U, N = b.some((w) => y(w, l)), S = $(N ? [] : [l]), O = q(() => _ ? i == null ? void 0 : i() : void 0, [_, i]);
+  return /* @__PURE__ */ m(R, { children: [
+    P,
+    /* @__PURE__ */ r(M, { root: O, children: /* @__PURE__ */ r(F, { children: _ && /* @__PURE__ */ r(
       "div",
       {
-        ref: m.setFloating,
-        style: f,
-        ...h(),
+        ref: d.setFloating,
+        style: C,
+        ...v(),
         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: [
+        children: /* @__PURE__ */ r(I.div, { ...K, children: /* @__PURE__ */ r("div", { className: c["bsy-color-picker__content"], children: /* @__PURE__ */ m("div", { className: c["bsy-color-picker__grid"], children: [
+          /* @__PURE__ */ m("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,
+              f,
               {
-                currentColor: n,
-                onColorSelect: l,
+                currentColor: l,
+                onColorSelect: p,
                 options: b
               }
             )
           ] }),
           /* @__PURE__ */ r(
-            U,
+            Y,
             {
-              value: n,
-              onChange: l,
+              value: l,
+              onChange: p,
               options: b,
-              list: N.current
+              list: S.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: [
+}, Y = (s) => {
+  const { list: t } = s, [o, n] = k(), [e, i] = k(!1), { t: a } = u();
+  return /* @__PURE__ */ m("div", { className: c["bsy-color-picker__custom-color"], children: [
+    /* @__PURE__ */ r("div", { className: c["bsy-color-picker__custom-color-title"], children: a("customColor") }),
+    /* @__PURE__ */ m("div", { className: c["bsy-color-picker__custom-color-content"], children: [
       /* @__PURE__ */ r(
-        w,
+        A,
         {
           value: o,
-          onChange: (l) => i(l.toRgbString()),
+          onChange: (l) => n(l.toRgbString()),
           open: e,
           onOpenChange: (l) => {
-            a(l), !l && o && (t.includes(o) || t.unshift(o), s.onChange(o), i(void 0));
+            i(l), !l && o && (t.includes(o) || t.unshift(o), s.onChange(o), n(void 0));
           },
           children: /* @__PURE__ */ r(
             "div",
             {
-              className: $(c["bsy-color-picker__custom-color-btn"], {
+              className: H(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
               }),
@@ -169,10 +175,10 @@ const J = [
                 backgroundColor: o || void 0
               },
               onClick: () => {
-                a(!0);
+                i(!0);
               },
               children: /* @__PURE__ */ r(
-                d,
+                g,
                 {
                   name: "add",
                   style: {
@@ -185,7 +191,7 @@ const J = [
         }
       ),
       /* @__PURE__ */ r(
-        y,
+        f,
         {
           currentColor: s.value,
           onColorSelect: s.onChange,
@@ -198,8 +204,8 @@ const J = [
     ] })
   ] });
 };
-Q.displayName = "BsyColorPicker";
+X.displayName = "BsyColorPicker";
 export {
-  Q as C,
-  J as a
+  X as C,
+  U as a
 };

package/dist/ColorPicker/index.js

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

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

@@ -1,4 +1,4 @@
-import { b as r, g as a, l as e, r as s, u as l } from "../../index-cVFSiCP9.js";
+import { b as r, g as a, l as e, r as s, u as l } from "../../index-CCq3AgcW.js";
 export {
   r as default,
   a as getToolbarButton,

package/dist/Editor/{index-cVFSiCP9.js → index-CCq3AgcW.js}

@@ -6,7 +6,7 @@ import { l as ce, i as de, P as T, _ as O, y as X, w as $, E as ee, p as we, x a
 import { u as w } from "../vendors/useLocale-DgqW9M3h.js";
 import { D as pe } from "../DropDown/DropDown-DGkSeXQT.js";
 import { FONT_SIZES as Se } from "./constants/index.js";
-import { C as me } from "../ColorPicker/ColorPicker-B8U3ubrp.js";
+import { C as me } from "../ColorPicker/ColorPicker-DNIXPakN.js";
 import { AlignLeftOutlined as te, AlignCenterOutlined as Le, AlignRightOutlined as Te } from "@ant-design/icons";
 import { M as _e } from "../Modal/Modal-z3TvEXwN.js";
 import { message as Z, Input as V, Button as j, Form as J } from "antd";

package/dist/Editor/index.js

@@ -1,8 +1,8 @@
 import { jsx as u, jsxs as W, Fragment as et } from "react/jsx-runtime";
 import { o as N, P as F, _ as $, Y as M, w as U, f as nt, x as G, j as it, C as ot, L as rt, $ as B, 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 ft, d as _t, e as bt, n as pt, q as z, s as xt, i as yt, k as vt } from "../vendors/lexical-DO7eMeC2.js";
 import wt, { useState as S, useEffect as y, useRef as O, useCallback as E, useMemo as Tt } from "react";
-import { p as Ct, T as Et, g as Lt, a as Z, k as X, v as H, I as Nt, m as kt } from "./index-cVFSiCP9.js";
-import { B as ie, l as oe, r as re, u as se } from "./index-cVFSiCP9.js";
+import { p as Ct, T as Et, g as Lt, a as Z, k as X, v as H, I as Nt, m as kt } from "./index-CCq3AgcW.js";
+import { B as ie, l as oe, r as re, u as se } from "./index-CCq3AgcW.js";
 import { DEFAULT_BACKGROUND_COLOR as j, DEFAULT_FONT_COLOR as K, DEFAULT_FONT_SIZE as Y } from "./constants/index.js";
 import { c as R } from "../vendors/clsx-OuTLNxxd.js";
 const I = {

package/dist/components/Card/Card.type.d.ts

@@ -17,10 +17,18 @@ export interface CardProps {
      */
     minWidth?: number;
     /**
-     * 是否默认展开
+     * 是否默认展开（非受控模式）
      * @default false
      */
     defaultExpanded?: boolean;
+    /**
+     * 是否展开（受控模式）
+     */
+    expanded?: boolean;
+    /**
+     * 展开状态变化回调
+     */
+    onExpandedChange?: (expanded: boolean) => void;
     /**
      * 自定义类名
      */

package/dist/components/ColorPicker/ColorPicker.type.d.ts

@@ -22,4 +22,15 @@ export interface ColorPickerProps {
      * 预设颜色
      */
     presetColors?: string[];
+    /**
+     * 指定颜色选择器浮层菜单渲染的父级 DOM 节点
+     * @default undefined (默认渲染到 body 元素上)
+     * @example
+     * ```tsx
+     * <ColorPicker getPopupContainer={() => document.getElementById('container')}>
+     *   <button>选择颜色</button>
+     * </ColorPicker>
+     * ```
+     */
+    getPopupContainer?: () => HTMLElement;
 }

package/dist/index.js

@@ -2,9 +2,9 @@ import { I as W } from "./Icon/Icon-CBlIwtp2.js";
 import { jsx as p } from "react/jsx-runtime";
 import { useMemo as a, useCallback as u } from "react";
 import { z as i, L as f } from "./vendors/useLocale-DgqW9M3h.js";
-import { C as Y } from "./Card/Card-hi1s-MYD.js";
+import { C as Y } from "./Card/Card-Y1ISqAp9.js";
 import { M as _ } from "./Modal/Modal-z3TvEXwN.js";
-import { C as oe } from "./ColorPicker/ColorPicker-B8U3ubrp.js";
+import { C as oe } from "./ColorPicker/ColorPicker-DNIXPakN.js";
 import { S as ae } from "./Segmented/Segmented-UgzW78Ey.js";
 import { S as re } from "./Select/Select-hwXXDuLU.js";
 import { T as se } from "./vendors/Tree-CLEy-xqz.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ui-base",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "type": "module",
   "description": "百数云低代码平台通用组件库",
   "author": "bsy-fe team",

package/dist/Card/Card-hi1s-MYD.js

@@ -1,74 +0,0 @@
-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-CBlIwtp2.js";
-const _ = {
-  "bsy-card": "_bsy-card_myftj_1",
-  "bsy-card__header": "_bsy-card__header_myftj_6",
-  "bsy-card__title": "_bsy-card__title_myftj_13",
-  "bsy-card__icon-container": "_bsy-card__icon-container_myftj_24",
-  "bsy-card__icon": "_bsy-card__icon_myftj_24",
-  "bsy-card__icon--expanded": "_bsy-card__icon--expanded_myftj_43",
-  "bsy-card__content": "_bsy-card__content_myftj_46",
-  "bsy-card__content--expanded": "_bsy-card__content--expanded_myftj_52",
-  "bsy-card__content-inner": "_bsy-card__content-inner_myftj_55"
-}, x = ({
-  title: r,
-  children: t,
-  minWidth: s = 240,
-  defaultExpanded: i = !1,
-  className: o,
-  style: y,
-  styles: a
-}) => {
-  const [d, b] = l(i), m = () => {
-    b(!d);
-  };
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: n(_["bsy-card"], o),
-      style: {
-        minWidth: `${s}px`,
-        ...y
-      },
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: _["bsy-card__header"],
-            onClick: m,
-            style: a == null ? void 0 : a.header,
-            children: [
-              /* @__PURE__ */ c("div", { className: _["bsy-card__title"], role: "heading", children: r }),
-              /* @__PURE__ */ c("div", { className: _["bsy-card__icon-container"], children: /* @__PURE__ */ c(
-                p,
-                {
-                  name: "xialakuangxiala1",
-                  className: n(
-                    _["bsy-card__icon"],
-                    d && _["bsy-card__icon--expanded"]
-                  )
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ c(
-          "div",
-          {
-            className: n(
-              _["bsy-card__content"],
-              d && _["bsy-card__content--expanded"]
-            ),
-            children: /* @__PURE__ */ c("div", { className: _["bsy-card__content-inner"], style: a == null ? void 0 : a.body, children: t })
-          }
-        )
-      ]
-    }
-  );
-};
-x.displayName = "BsyCard";
-export {
-  x as C
-};