@baishuyun/ui-base 2.2.4 → 2.3.0

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-D0D5azon.js

@@ -0,0 +1,216 @@
+import { jsx as e, jsxs as b, Fragment as O } from "react/jsx-runtime";
+import { ColorPicker as R } from "antd";
+import { AnimatePresence as A, motion as F } 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 u } from "../Icon/Icon-CBlIwtp2.js";
+import { u as g } 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)",
+  // #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
+], W = (o = "bottom-start") => {
+  const [t, r] = k(!1), { refs: n, floatingStyles: c, context: i } = x({
+    open: t,
+    onOpenChange: r,
+    placement: o,
+    middleware: [
+      L(4),
+      // 浮层与触发器间距
+      E(),
+      // 超出边界时自动翻转
+      T({ padding: 8 })
+      // 自动避开边界
+    ]
+  }), m = V(i), l = j(i), { getReferenceProps: _, getFloatingProps: a } = B([m, l]);
+  return {
+    isOpen: t,
+    refs: n,
+    floatingStyles: c,
+    getReferenceProps: _,
+    getFloatingProps: a,
+    setIsOpen: r
+  };
+}, s = {
+  "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"
+}, f = ({
+  currentColor: o,
+  onColorSelect: t,
+  options: r,
+  style: n
+}) => /* @__PURE__ */ e("div", { className: s["bsy-color-picker__preset-colors-grid"], style: n, children: r.map((c) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: s["bsy-color-picker__preset-colors-item"],
+    style: {
+      backgroundColor: c,
+      "--hover-color": J(c).setAlpha(0.5).toRgbString()
+    },
+    onClick: () => t(c),
+    children: y(o, c) && /* @__PURE__ */ e(u, { name: "checkthebox", className: s["bsy-color-picker__check-icon"] })
+  },
+  c
+)) }), X = (o) => {
+  const {
+    children: t,
+    placement: r = "bottom-start",
+    disabled: n = !1,
+    presetColors: c,
+    getPopupContainer: i
+  } = o, { t: m } = g(), [l, _] = z(o, {
+    defaultValue: o.value
+  }), { isOpen: a, refs: d, floatingStyles: C, getReferenceProps: h, getFloatingProps: v } = W(r), P = D(t) ? G(t, {
+    ...h(),
+    // @ts-ignore
+    ref: d.setReference,
+    disabled: n
+  }) : t, p = Q(c) && c.length ? c : U, N = p.some((I) => y(I, l)), S = $(N ? [] : [l]), w = q(() => a ? i == null ? void 0 : i() : void 0, [a, i]);
+  return /* @__PURE__ */ b(O, { children: [
+    P,
+    /* @__PURE__ */ e(M, { root: w, children: /* @__PURE__ */ e(A, { children: a && /* @__PURE__ */ e(
+      "div",
+      {
+        ref: d.setFloating,
+        style: C,
+        ...v(),
+        className: s["bsy-color-picker__floating"],
+        children: /* @__PURE__ */ e(F.div, { ...K, children: /* @__PURE__ */ e("div", { className: s["bsy-color-picker__content"], children: /* @__PURE__ */ b("div", { className: s["bsy-color-picker__grid"], children: [
+          /* @__PURE__ */ b("div", { className: s["bsy-color-picker__preset-colors"], children: [
+            /* @__PURE__ */ e("div", { className: s["bsy-color-picker__preset-colors-title"], children: m("presetColors") }),
+            /* @__PURE__ */ e(
+              f,
+              {
+                currentColor: l,
+                onColorSelect: _,
+                options: p
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            Y,
+            {
+              value: l,
+              onChange: _,
+              onColorInput: o.onColorInput,
+              options: p,
+              list: S.current
+            }
+          )
+        ] }) }) })
+      }
+    ) }) })
+  ] });
+}, Y = (o) => {
+  const { list: t } = o, [r, n] = k(), [c, i] = k(!1), { t: m } = g();
+  return /* @__PURE__ */ b("div", { className: s["bsy-color-picker__custom-color"], children: [
+    /* @__PURE__ */ e("div", { className: s["bsy-color-picker__custom-color-title"], children: m("customColor") }),
+    /* @__PURE__ */ b("div", { className: s["bsy-color-picker__custom-color-content"], children: [
+      /* @__PURE__ */ e(
+        R,
+        {
+          value: r,
+          onChange: (l) => {
+            var a;
+            const _ = l.toRgbString();
+            n(_), (a = o.onColorInput) == null || a.call(o, _);
+          },
+          open: c,
+          onOpenChange: (l) => {
+            i(l), !l && r && (t.includes(r) || t.unshift(r), o.onChange(r), n(void 0));
+          },
+          children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: H(s["bsy-color-picker__custom-color-btn"], {
+                [s["bsy-color-picker__custom-color-btn--active"]]: c && !r,
+                [s["bsy-color-picker__custom-color-btn--preview"]]: !!r
+              }),
+              role: "button",
+              style: {
+                backgroundColor: r || void 0
+              },
+              onClick: () => {
+                i(!0);
+              },
+              children: /* @__PURE__ */ e(
+                u,
+                {
+                  name: "add",
+                  style: {
+                    visibility: r ? "hidden" : "visible"
+                  }
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        f,
+        {
+          currentColor: o.value,
+          onColorSelect: o.onChange,
+          options: t.slice(0, 5),
+          style: {
+            gridTemplateColumns: "repeat(5, 1fr)"
+          }
+        }
+      )
+    ] })
+  ] });
+};
+X.displayName = "BsyColorPicker";
+export {
+  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-D0D5azon.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-C0Rjz8DK.js";
 export {
   r as default,
   a as getToolbarButton,

package/dist/Editor/{index-cVFSiCP9.js → index-C0Rjz8DK.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-D0D5azon.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-C0Rjz8DK.js";
+import { B as ie, l as oe, r as re, u as se } from "./index-C0Rjz8DK.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/InputTag/InputTag-C-rQUJnF.js

@@ -0,0 +1,155 @@
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { useControllableValue as W } from "ahooks";
+import { useState as N, useLayoutEffect as A, useRef as m, useEffect as z, useCallback as D } from "react";
+import { c as T } from "../vendors/clsx-OuTLNxxd.js";
+import { I as V } from "../Icon/Icon-CBlIwtp2.js";
+import { motion as B } from "motion/react";
+import { S as F } from "../vendors/simplebar-react-D68KzE44.js";
+const _ = {
+  "bsy-inputTag": "_bsy-inputTag_46spj_11",
+  "bsy-inputTag__container": "_bsy-inputTag__container_46spj_22",
+  "bsy-inputTag__inputContainer": "_bsy-inputTag__inputContainer_46spj_27",
+  "bsy-inputTag__inputContainer--zeroMargin": "_bsy-inputTag__inputContainer--zeroMargin_46spj_37",
+  "bsy-inputTag__input": "_bsy-inputTag__input_46spj_27"
+}, b = {
+  GAP: 4,
+  OFFSET: 3,
+  CONTAINER_PADDING: 10,
+  INPUT_MARGIN: 4
+}, L = (l, x) => {
+  const [c, y] = N(0);
+  return A(() => {
+    const i = l.current;
+    if (!i) return;
+    const n = () => {
+      const a = i.children;
+      let f = 0;
+      for (let r = 0; r < a.length; r++)
+        f += a[r].clientWidth;
+      const h = Math.max(0, a.length - 1) * b.GAP, d = Math.max(0, f + h + b.OFFSET);
+      y((r) => r === d ? r : d);
+    };
+    n();
+    const u = new ResizeObserver(n);
+    return u.observe(i), () => {
+      u.disconnect();
+    };
+  }, [x, l]), c;
+}, K = (l) => {
+  const { defaultValue: x, enableActive: c = !1, defaultActiveIndex: y, onActiveIndexChange: i } = l, [n, u] = W(l, {
+    defaultValue: x || []
+  }), [a, f] = W(
+    l,
+    {
+      valuePropName: "activeIndex",
+      trigger: "onActiveIndexChange",
+      defaultValue: y
+    }
+  ), [h, d] = N(""), r = m(null), p = m(null), g = m(null), v = m(!1), w = () => {
+    if (p.current && p.current.children.length > 0) {
+      const t = p.current.children.length - 1;
+      p.current.children[t].scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "end"
+      });
+    }
+  };
+  z(() => {
+    v.current && n.length > 0 && (w(), v.current = !1);
+  }, [n.length]);
+  const k = (t) => {
+    d(t.currentTarget.value);
+  }, C = () => {
+    const t = h.trim();
+    if (t !== "") {
+      const e = t;
+      v.current = !0, u([...n, e]), d("");
+    }
+  }, M = (t, e) => {
+    if (!c) return;
+    const s = a === t ? void 0 : t;
+    f(s), i == null || i(s ?? -1, e);
+  }, E = (t) => {
+    t.key === "Enter" || t.key === "NumpadEnter" ? C() : t.key === "Backspace" && h === "" && n.length > 0 && u(n.slice(0, -1));
+  }, R = (t) => {
+    u(n.filter((e, s) => s !== t));
+  }, [G, P] = N(0), j = L(p, n.length), I = D(() => {
+    if (!r.current || !g.current) return;
+    const t = r.current.clientWidth - g.current.clientWidth - b.INPUT_MARGIN - b.CONTAINER_PADDING, e = Math.max(0, t);
+    P((s) => s === e ? s : e);
+  }, []);
+  A(() => {
+    if (!r.current || !g.current) return;
+    I();
+    const t = new ResizeObserver(() => {
+      I();
+    });
+    return t.observe(r.current), t.observe(g.current), () => {
+      t.disconnect();
+    };
+  }, [I]);
+  const O = Math.min(j, G);
+  return /* @__PURE__ */ S("div", { className: _["bsy-inputTag"], ref: r, children: [
+    /* @__PURE__ */ o("div", { className: _["bsy-inputTag__container"], children: n.length ? /* @__PURE__ */ o(F, { style: { width: O + "px" }, children: /* @__PURE__ */ o("div", { className: "flex gap-1 py-[3px]", ref: p, children: n.map((t, e) => /* @__PURE__ */ S(
+      B.div,
+      {
+        className: T(
+          "rounded-[2px] gap-1 px-[6px] h-[26px] flex items-center flex-shrink-0",
+          {
+            "cursor-pointer": c,
+            "hover:bg-[#e0e0e0]": c && a !== e,
+            "bg-[#0265ff] text-white": c && a === e,
+            "bg-[#eee] text-black": !c || a !== e
+          }
+        ),
+        onClick: () => M(e, t),
+        children: [
+          /* @__PURE__ */ o("span", { children: t }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: T(
+                "cursor-pointer",
+                c && a === e ? "text-white hover:text-gray-200" : "text-[#666] hover:text-[#0265ff]"
+              ),
+              onClick: (s) => {
+                s.stopPropagation(), R(e);
+              },
+              children: /* @__PURE__ */ o(V, { name: "close", size: 12 })
+            }
+          )
+        ]
+      },
+      e
+    )) }) }) : null }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        ref: g,
+        className: T(
+          _["bsy-inputTag__inputContainer"],
+          {
+            [_["bsy-inputTag__inputContainer--zeroMargin"]]: n.length === 0
+          },
+          "py-[3px]"
+        ),
+        children: /* @__PURE__ */ o(
+          "input",
+          {
+            value: h,
+            onChange: k,
+            onKeyDown: E,
+            onBlur: C,
+            className: T(_["bsy-inputTag__input"], "placeholder:text-[#999]"),
+            placeholder: "输入标签"
+          }
+        )
+      }
+    )
+  ] });
+};
+K.displayName = "BsyInputTag";
+export {
+  K as I
+};

package/dist/InputTag/index.js

@@ -1,4 +1,4 @@
-import { I as t } from "./InputTag-C6MbuO-e.js";
+import { I as t } from "./InputTag-C-rQUJnF.js";
 export {
   t as default
 };

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

@@ -12,6 +12,12 @@ export interface ColorPickerProps {
     defaultValue?: string;
     /** 颜色变化时的回调函数 */
     onChange?: (color: string) => void;
+    /**
+     * 颜色输入过程中的回调函数
+     * @description 在用户拖动/选择颜色时实时触发，用于实时预览
+     * @param color - 当前正在输入的颜色值（RGB/RGBA 格式字符串）
+     */
+    onColorInput?: (color: string) => void;
     /** 浮层的放置位置 */
     /** @default 'bottom-start' */
     placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'bottom-start';
@@ -22,4 +28,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-D0D5azon.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";
@@ -14,7 +14,7 @@ import { a as pe, T as ue } from "./Tabs/TabSelect-DL8Bhehc.js";
 import { D as Ce } from "./DropDown/DropDown-DGkSeXQT.js";
 import { L as Ie } from "./Loading/Loading-CEB4PLUE.js";
 import { N as Le } from "./NotFoundContent/NotFoundContent-h0-oIXlk.js";
-import { I as ke } from "./InputTag/InputTag-C6MbuO-e.js";
+import { I as ke } from "./InputTag/InputTag-C-rQUJnF.js";
 const C = "Please select", U = "search", I = "No search data", x = "Select All", L = "Please enter the content", S = "No Data", k = "No Data Found", h = "Data Searching...", A = "Select All by Search", P = "Left Align", y = "Center Align", N = "Right Align", R = "Underline", F = "Link", T = "Hyper Link", D = "Show Content", b = "Link Address", v = "Open in New Tab", z = "Confirm", w = "Cancel", M = "Cancel Link", E = "preset color", O = { linkTip: "Support https://link or @form alias", bold: "Bold", italic: "Italic", fontSize: "Font Size", fontColor: "Font Color", fill: "fill", alignment: "Alignment", centerAlign: "Center Align", rightAlign: "Right Align", uploadImage: "Upload Image", imageUrl: "Image URL", imageUrlPlaceholder: "Please enter image URL", imageUrlRequired: "Please enter image URL", imageUrlInvalid: "Please enter a valid image URL", imageUrlNote: "Note: Enter image URL to insert image", inputImageUrl: "Enter Image URL", uploadImageNote: "Note: Single image size cannot exceed 1MB", uploadImageText: "Click or drag to upload image", previewImage: "Preview Image", underline: "Underline", imageFormatOnly: "Only image formats are supported", uploadImageFirst: "Please upload image first", imageAddSuccess: "Image added successfully", operationFailed: "Operation failed", onlyImageFormatsSupported: "Only image formats are supported", pleaseUploadImageFirst: "Please upload image first", imageSizeNote: "Image size cannot exceed 1MB", clickOrDragToUpload: "Click or drag to upload image", enterImageUrl: "Enter image URL", pleaseEnterImageUrl: "Please enter image URL", pleaseEnterValidImageUrl: "Please enter a valid image URL", linkAddressEmpty: "Link address cannot be empty" }, B = "Picture", V = "Custom Color", j = "Add Picture", q = {
   select: C,
   search: U,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ui-base",
-  "version": "2.2.4",
+  "version": "2.3.0",
   "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
-};

package/dist/ColorPicker/ColorPicker-B8U3ubrp.js

@@ -1,205 +0,0 @@
-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 = [
-  "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/InputTag/InputTag-C6MbuO-e.js

@@ -1,137 +0,0 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-import { useControllableValue as A } from "ahooks";
-import { useState as S, useLayoutEffect as k, useRef as p, useEffect as D } from "react";
-import { c as h } from "../vendors/clsx-OuTLNxxd.js";
-import { I as M } from "../Icon/Icon-CBlIwtp2.js";
-import { motion as O } from "motion/react";
-import { S as V } from "../vendors/simplebar-react-D68KzE44.js";
-const g = {
-  "bsy-inputTag": "_bsy-inputTag_46spj_11",
-  "bsy-inputTag__container": "_bsy-inputTag__container_46spj_22",
-  "bsy-inputTag__inputContainer": "_bsy-inputTag__inputContainer_46spj_27",
-  "bsy-inputTag__inputContainer--zeroMargin": "_bsy-inputTag__inputContainer--zeroMargin_46spj_37",
-  "bsy-inputTag__input": "_bsy-inputTag__input_46spj_27"
-}, d = {
-  GAP: 4,
-  OFFSET: 3,
-  CONTAINER_PADDING: 10,
-  INPUT_MARGIN: 4
-}, z = (s, _) => {
-  const [a, f] = S(0);
-  return k(() => {
-    if (s.current) {
-      const i = s.current.children;
-      let e = 0;
-      for (let r = 0; r < i.length; r++)
-        e += i[r].clientWidth;
-      const u = (i.length - 1) * d.GAP;
-      f(e + u + d.OFFSET);
-    }
-  }, [_, s]), a;
-}, B = (s) => {
-  const { defaultValue: _, enableActive: a = !1, defaultActiveIndex: f, onActiveIndexChange: i } = s, [e, u] = A(s, {
-    defaultValue: _ || []
-  }), [r, w] = A(
-    s,
-    {
-      valuePropName: "activeIndex",
-      trigger: "onActiveIndexChange",
-      defaultValue: f
-    }
-  ), [T, x] = S(""), m = p(null), c = p(null), y = p(null), b = p(!1), E = () => {
-    if (c.current && c.current.children.length > 0) {
-      const t = c.current.children.length - 1;
-      c.current.children[t].scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-        inline: "end"
-      });
-    }
-  };
-  D(() => {
-    b.current && e.length > 0 && (E(), b.current = !1);
-  }, [e.length]);
-  const W = (t) => {
-    x(t.currentTarget.value);
-  }, N = () => {
-    const t = T.trim();
-    if (t !== "") {
-      const n = t;
-      b.current = !0, u([...e, n]), x("");
-    }
-  }, G = (t, n) => {
-    if (!a) return;
-    const o = r === t ? void 0 : t;
-    w(o), i == null || i(o ?? -1, n);
-  }, P = (t) => {
-    t.key === "Enter" || t.key === "NumpadEnter" ? N() : t.key === "Backspace" && T === "" && e.length > 0 && u(e.slice(0, -1));
-  }, j = (t) => {
-    u(e.filter((n, o) => o !== t));
-  }, I = p(0), v = z(c, e.length);
-  k(() => {
-    m.current && y.current && (I.current = m.current.clientWidth - y.current.clientWidth - d.INPUT_MARGIN - d.CONTAINER_PADDING);
-  }, []);
-  const R = v > I.current ? I.current : v;
-  return /* @__PURE__ */ C("div", { className: g["bsy-inputTag"], ref: m, children: [
-    /* @__PURE__ */ l("div", { className: g["bsy-inputTag__container"], children: e.length ? /* @__PURE__ */ l(V, { style: { width: R + "px" }, children: /* @__PURE__ */ l("div", { className: "flex gap-1 py-[3px]", ref: c, children: e.map((t, n) => /* @__PURE__ */ C(
-      O.div,
-      {
-        className: h(
-          "rounded-[2px] gap-1 px-[6px] h-[26px] flex items-center flex-shrink-0",
-          {
-            "cursor-pointer": a,
-            "hover:bg-[#e0e0e0]": a && r !== n,
-            "bg-[#0265ff] text-white": a && r === n,
-            "bg-[#eee] text-black": !a || r !== n
-          }
-        ),
-        onClick: () => G(n, t),
-        children: [
-          /* @__PURE__ */ l("span", { children: t }),
-          /* @__PURE__ */ l(
-            "div",
-            {
-              className: h(
-                "cursor-pointer",
-                a && r === n ? "text-white hover:text-gray-200" : "text-[#666] hover:text-[#0265ff]"
-              ),
-              onClick: (o) => {
-                o.stopPropagation(), j(n);
-              },
-              children: /* @__PURE__ */ l(M, { name: "close", size: 12 })
-            }
-          )
-        ]
-      },
-      n
-    )) }) }) : null }),
-    /* @__PURE__ */ l(
-      "div",
-      {
-        ref: y,
-        className: h(
-          g["bsy-inputTag__inputContainer"],
-          {
-            [g["bsy-inputTag__inputContainer--zeroMargin"]]: e.length === 0
-          },
-          "py-[3px]"
-        ),
-        children: /* @__PURE__ */ l(
-          "input",
-          {
-            value: T,
-            onChange: W,
-            onKeyDown: P,
-            onBlur: N,
-            className: h(g["bsy-inputTag__input"], "placeholder:text-[#999]"),
-            placeholder: "输入标签"
-          }
-        )
-      }
-    )
-  ] });
-};
-B.displayName = "BsyInputTag";
-export {
-  B as I
-};