@baishuyun/ui-base 2.0.0

package/dist/Card/Card-DMXtN2pu.js

@@ -0,0 +1,74 @@
+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-C0bjP9U6.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("h3", { className: _["bsy-card__title"], 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/Card/index.js

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

package/dist/ColorPicker/ColorPicker-CpPLwHR2.js

@@ -0,0 +1,253 @@
+import { jsx as t, jsxs as m, Fragment as S } from "react/jsx-runtime";
+import { ColorPicker as I } from "antd";
+import { AnimatePresence as R, motion as U } from "motion/react";
+import { useFloating as L, offset as A, flip as x, shift as F, useClick as O, useDismiss as w, useInteractions as T, FloatingPortal as E } from "@floating-ui/react";
+import { createContext as z, useState as g, useContext as B, isValidElement as D, cloneElement as V, useRef as M } from "react";
+import { useControllableValue as j } from "ahooks";
+import { I as k } from "../Icon/Icon-C0bjP9U6.js";
+import { c as q } from "../vendors/clsx-OuTLNxxd.js";
+import { t as d } from "../vendors/tinycolor2-Begv3Jc8.js";
+import { a as u, b as G } from "../vendors/lodash-es-DP1ViCXF.js";
+const $ = "请选择", H = "搜索", J = "未搜索到任何数据", K = "全选", Q = "请输入内容", W = "没有可选择的数据", X = "未搜索到任何数据", Y = "数据搜索中...", Z = "搜索结果全选", oo = "左对齐", eo = "居中对齐", ro = "右对齐", to = "下划线", co = "链接", so = "超链接", lo = "显示文本", no = "链接地址", io = "在新页面打开", ao = "确认", _o = "取消", mo = "取消链接", po = "预设颜色", go = { linkTip: "支持https://链接 或者@表单别名", bold: "加粗", italic: "倾斜", fontSize: "字号", fontColor: "颜色", fill: "填充", alignment: "对齐方式", centerAlign: "居中对齐", rightAlign: "右对齐", uploadImage: "上传图片", imageUrl: "图片URL", imageUrlPlaceholder: "请输入图片URL", imageUrlRequired: "请输入图片URL", imageUrlInvalid: "请输入有效的图片URL", imageUrlNote: "注：输入图片URL即可插入图片", inputImageUrl: "输入图片URL", uploadImageNote: "注：单个图片大小不能超过1MB", uploadImageText: "点击或拖拽上传图片", previewImage: "预览图片", underline: "下划线", imageFormatOnly: "只支持图片格式", imageSizeNote: "注：图片大小不能超过 1MB", uploadImageFirst: "请先上传图片", imageAddSuccess: "图片添加成功", operationFailed: "操作失败", onlyImageFormatsSupported: "仅支持图片格式", pleaseUploadImageFirst: "请先上传图片", clickOrDragToUpload: "点击或拖拽上传图片", enterImageUrl: "输入图片URL", pleaseEnterImageUrl: "请输入图片URL", pleaseEnterValidImageUrl: "请输入有效的图片URL", linkAddressEmpty: "链接地址不能为空" }, bo = "图片", uo = "添加图片", ko = "自定义颜色", yo = {
+  select: $,
+  search: H,
+  noFindData: J,
+  allSelect: K,
+  context: Q,
+  noData: W,
+  noDataFound: X,
+  dataSearching: Y,
+  allSelectedBySearch: Z,
+  leftAlign: oo,
+  centerAlign: eo,
+  rightAlign: ro,
+  underline: to,
+  link: co,
+  hyperLink: so,
+  showContent: lo,
+  linkAddress: no,
+  openInNewTab: io,
+  confirm: ao,
+  cancel: _o,
+  cancelLink: mo,
+  presetColors: po,
+  editor: go,
+  picture: bo,
+  addPicture: uo,
+  customColor: ko
+}, fo = (e) => {
+  const o = e.split(".");
+  let r = yo;
+  try {
+    for (const l of o)
+      r = r[l];
+    return typeof r == "string" ? r : e;
+  } catch {
+    return e;
+  }
+}, Co = z({
+  locale: "zh-CN",
+  t: fo
+}), ho = [
+  "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
+], vo = (e = "bottom-start") => {
+  const [o, r] = g(!1), { refs: l, floatingStyles: c, context: a } = L({
+    open: o,
+    onOpenChange: r,
+    placement: e,
+    middleware: [
+      A(4),
+      // 浮层与触发器间距
+      x(),
+      // 超出边界时自动翻转
+      F({ padding: 8 })
+      // 自动避开边界
+    ]
+  }), i = O(a), _ = w(a), { getReferenceProps: n, getFloatingProps: p } = T([i, _]);
+  return {
+    isOpen: o,
+    refs: l,
+    floatingStyles: c,
+    getReferenceProps: n,
+    getFloatingProps: p,
+    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"
+}, y = () => B(Co), f = (e, o) => {
+  if (u(e) || u(o))
+    return !1;
+  const r = d(e).toRgbString(), l = d(o).toRgbString();
+  return r === l;
+}, C = ({
+  currentColor: e,
+  onColorSelect: o,
+  options: r,
+  style: l
+}) => /* @__PURE__ */ t("div", { className: s["bsy-color-picker__preset-colors-grid"], style: l, children: r.map((c) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s["bsy-color-picker__preset-colors-item"],
+    style: {
+      backgroundColor: c,
+      "--hover-color": d(c).setAlpha(0.5).toRgbString()
+    },
+    onClick: () => o(c),
+    children: f(e, c) && /* @__PURE__ */ t(k, { name: "checkthebox", className: s["bsy-color-picker__check-icon"] })
+  },
+  c
+)) }), No = {
+  initial: { opacity: 0, scale: 0.95, y: -4 },
+  animate: { opacity: 1, scale: 1, y: 0 },
+  exit: { opacity: 0, scale: 0.95, y: -4 },
+  transition: { duration: 0.2, ease: "easeOut" }
+}, Po = (e) => {
+  const { children: o, placement: r = "bottom-start", disabled: l = !1, presetColors: c } = e, { t: a } = y(), [i, _] = j(e, {
+    defaultValue: e.value
+  }), { isOpen: n, refs: p, floatingStyles: h, getReferenceProps: v, getFloatingProps: N } = vo(r), P = D(o) ? V(o, {
+    ...v(),
+    // @ts-ignore
+    ref: p.setReference,
+    disabled: l
+  }) : o, b = G(c) && c.length ? c : ho;
+  return /* @__PURE__ */ m(S, { children: [
+    P,
+    /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(R, { children: n && /* @__PURE__ */ t(
+      "div",
+      {
+        ref: p.setFloating,
+        style: h,
+        ...N(),
+        className: s["bsy-color-picker__floating"],
+        children: /* @__PURE__ */ t(U.div, { ...No, children: /* @__PURE__ */ t("div", { className: s["bsy-color-picker__content"], children: /* @__PURE__ */ m("div", { className: s["bsy-color-picker__grid"], children: [
+          /* @__PURE__ */ m("div", { className: s["bsy-color-picker__preset-colors"], children: [
+            /* @__PURE__ */ t("div", { className: s["bsy-color-picker__preset-colors-title"], children: a("presetColors") }),
+            /* @__PURE__ */ t(
+              C,
+              {
+                currentColor: i,
+                onColorSelect: _,
+                options: b
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(
+            So,
+            {
+              value: i,
+              onChange: _,
+              options: b
+            }
+          )
+        ] }) }) })
+      }
+    ) }) })
+  ] });
+}, So = (e) => {
+  const [o, r] = g(), [l, c] = g(!1), a = e.options.some((n) => f(n, e.value)), i = M(a ? [] : [e.value]), { t: _ } = y();
+  return /* @__PURE__ */ m("div", { className: s["bsy-color-picker__custom-color"], children: [
+    /* @__PURE__ */ t("div", { className: s["bsy-color-picker__custom-color-title"], children: _("customColor") }),
+    /* @__PURE__ */ m("div", { className: s["bsy-color-picker__custom-color-content"], children: [
+      /* @__PURE__ */ t(
+        I,
+        {
+          value: o,
+          onChange: (n) => r(n.toRgbString()),
+          open: l,
+          onOpenChange: (n) => {
+            c(n), !n && o && (i.current.includes(o) || i.current.unshift(o), e.onChange(o), r(void 0));
+          },
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: q(s["bsy-color-picker__custom-color-btn"], {
+                [s["bsy-color-picker__custom-color-btn--active"]]: l && !o,
+                [s["bsy-color-picker__custom-color-btn--preview"]]: !!o
+              }),
+              role: "button",
+              style: {
+                backgroundColor: o || void 0
+              },
+              onClick: () => {
+                c(!0);
+              },
+              children: /* @__PURE__ */ t(
+                k,
+                {
+                  name: "add",
+                  style: {
+                    visibility: o ? "hidden" : "visible"
+                  }
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        C,
+        {
+          currentColor: e.value,
+          onColorSelect: e.onChange,
+          options: i.current.slice(0, 5),
+          style: {
+            gridTemplateColumns: "repeat(5, 1fr)"
+          }
+        }
+      )
+    ] })
+  ] });
+};
+Po.displayName = "BsyColorPicker";
+export {
+  Po as C,
+  Co as L,
+  ho as a,
+  yo as z
+};

package/dist/ColorPicker/index.js

@@ -0,0 +1,5 @@
+import { a as e, C as f } from "./ColorPicker-CpPLwHR2.js";
+export {
+  e as COLOR_OPTIONS_RGBA,
+  f as default
+};

package/dist/Icon/Icon-C0bjP9U6.js

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

package/dist/Icon/index.js

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

package/dist/InputTag/index.js

@@ -0,0 +1,137 @@
+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-C0bjP9U6.js";
+import { motion as O } from "motion/react";
+import { S as V } from "../vendors/simplebar-react-svBEsTVC.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 default
+};

package/dist/Modal/Modal-C1LEJ6Y0.js

@@ -0,0 +1,80 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { useControllableValue as c } from "ahooks";
+import { Modal as r } from "antd";
+import { useState as u } from "react";
+import { I as n } from "../Icon/Icon-C0bjP9U6.js";
+const f = "_modal__title_klsxr_1", b = "_modal__button_groups_klsxr_18", h = "_modal__button_klsxr_18", g = "_modal__icon_klsxr_38", l = {
+  modal__title: f,
+  modal__button_groups: b,
+  modal__button: h,
+  modal__icon: g
+}, p = (e) => {
+  const { fullSwitch: _ = !1 } = e, [d, a] = c(e, {
+    valuePropName: "open",
+    defaultValue: !1,
+    defaultValuePropName: "defaultOpen",
+    trigger: "onOpenChange"
+  }), [t, i] = u(!1), m = e.title ? /* @__PURE__ */ s("div", { className: l.modal__title, children: [
+    /* @__PURE__ */ o("div", { className: l.modal__titleText, children: e.title }),
+    _ ? /* @__PURE__ */ s("div", { className: l.modal__button_groups, children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          "aria-label": "toggle fullscreen",
+          role: "button",
+          onClick: () => i(!t),
+          className: l.modal__button,
+          children: /* @__PURE__ */ o(
+            n,
+            {
+              name: t ? "quanpingsuoxiao" : "quanpingfangda",
+              className: l.modal__icon
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          role: "button",
+          "aria-label": "close",
+          onClick: () => a(!1),
+          className: l.modal__button,
+          children: /* @__PURE__ */ o(n, { name: "close", className: l.modal__icon })
+        }
+      )
+    ] }) : /* @__PURE__ */ o(
+      "div",
+      {
+        role: "button",
+        "aria-label": "close",
+        onClick: () => a(!1),
+        className: l.modal__button,
+        children: /* @__PURE__ */ o(n, { name: "close", className: l.modal__icon })
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ o(
+    r,
+    {
+      destroyOnHidden: !0,
+      open: d,
+      onCancel: () => a(!1),
+      footer: null,
+      title: m,
+      closable: !1,
+      width: t ? "100%" : e.width,
+      style: { transition: "width 0.3s ease" },
+      maskClosable: !1,
+      styles: {
+        header: { marginBottom: 0 },
+        content: { padding: 0, borderRadius: "10px", overflow: "hidden" }
+      },
+      children: e.children
+    }
+  );
+};
+p.displayName = "BsyModal";
+export {
+  p as M
+};

package/dist/Modal/index.js

@@ -0,0 +1,4 @@
+import { M as f } from "./Modal-C1LEJ6Y0.js";
+export {
+  f as default
+};