@baishuyun/ui-base 2.3.1 → 2.3.3

package/dist/vendors/useFloatingPortal-BA6P5GxV.js

@@ -0,0 +1,45 @@
+import { useMemo as e } from "react";
+import { autoUpdate as t, flip as n, offset as r, shift as i, size as a, useClick as o, useDismiss as s, useFloating as c, useInteractions as l } from "@floating-ui/react";
+//#region src/hooks/useFloatingPortal.ts
+var u = (u) => {
+	let { isOpen: d, close: f, showMask: p, zIndex: m, zIndexMask: h, offset: g, popupMinWidth: _ } = u, { refs: v, floatingStyles: y, context: b } = c({
+		open: d,
+		onOpenChange: (e) => {
+			e || f();
+		},
+		placement: "bottom-start",
+		whileElementsMounted: t,
+		middleware: [
+			n(),
+			i({ padding: 8 }),
+			r({
+				mainAxis: g?.y || 0,
+				crossAxis: g?.x || 0
+			}),
+			a({ apply({ rects: e, elements: t }) {
+				Object.assign(t.floating.style, {
+					minWidth: _,
+					width: `${e.reference.width}px`,
+					zIndex: m
+				});
+			} })
+		]
+	}), { getReferenceProps: x, getFloatingProps: S } = l([o(b), s(b, { outsidePress: !0 })]);
+	return {
+		refs: v,
+		floatingStyles: y,
+		context: b,
+		getReferenceProps: x,
+		getFloatingProps: S,
+		referenceStyle: e(() => p && d && h !== void 0 ? {
+			zIndex: h + 1,
+			position: "relative"
+		} : {}, [
+			p,
+			d,
+			h
+		])
+	};
+};
+//#endregion
+export { u as t };

package/dist/vendors/useLocale-BfT0V1j4.js

@@ -0,0 +1,75 @@
+import { createContext as e, useContext as t } from "react";
+var n = {
+	select: "请选择",
+	search: "搜索",
+	noFindData: "未搜索到任何数据",
+	allSelect: "全选",
+	context: "请输入内容",
+	noData: "没有可选择的数据",
+	noDataFound: "未搜索到任何数据",
+	dataSearching: "数据搜索中...",
+	allSelectedBySearch: "搜索结果全选",
+	leftAlign: "左对齐",
+	centerAlign: "居中对齐",
+	rightAlign: "右对齐",
+	underline: "下划线",
+	link: "链接",
+	hyperLink: "超链接",
+	showContent: "显示文本",
+	linkAddress: "链接地址",
+	openInNewTab: "在新页面打开",
+	confirm: "确认",
+	cancel: "取消",
+	cancelLink: "取消链接",
+	presetColors: "预设颜色",
+	editor: {
+		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: "链接地址不能为空"
+	},
+	picture: "图片",
+	addPicture: "添加图片",
+	customColor: "自定义颜色"
+}, r = e({
+	locale: "zh-CN",
+	t: (e) => {
+		let t = e.split("."), r = n;
+		try {
+			for (let e of t) r = r[e];
+			return typeof r == "string" ? r : e;
+		} catch {
+			return e;
+		}
+	}
+}), i = () => t(r);
+//#endregion
+export { r as n, n as r, i as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ui-base",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "type": "module",
   "description": "百数云低代码平台通用组件库",
   "author": "bsy-fe team",
@@ -69,7 +69,7 @@
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
     "@types/tinycolor2": "^1.4.6",
-    "@vitejs/plugin-react": "^4.4.1",
+    "@vitejs/plugin-react": "^6.0.0",
     "ahooks": "^3.8.5",
     "antd": "^5.26.2",
     "glob": "^11.0.3",
@@ -79,13 +79,13 @@
     "react-dom": "^18.3.1",
     "sass": "^1.89.2",
     "tailwindcss": "^3.0.0",
-    "vite": "^6.3.5",
+    "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.3",
     "zustand": "4.5.6"
   },
   "project": {
     "iconfont": {
-      "scriptUrl": "https://at.alicdn.com/t/c/font_4786625_djm4gsgobsp.js"
+      "scriptUrl": "https://at.alicdn.com/t/c/font_4786625_ofg0ibxfhle.js"
     }
   },
   "scripts": {

package/dist/Card/Card-Y1ISqAp9.js

@@ -1,86 +0,0 @@
-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/CheckBox/CheckBox-C9sXWSA5.js

@@ -1,84 +0,0 @@
-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-CBlIwtp2.js";
-import { c as i } from "../vendors/clsx-OuTLNxxd.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",
-  "checkbox--unchecked": "_checkbox--unchecked_vheru_16",
-  "checkbox--indeterminate": "_checkbox--indeterminate_vheru_23",
-  "checkbox--disabled": "_checkbox--disabled_vheru_27",
-  checkbox__inner: q,
-  "checkbox__inner--disabled": "_checkbox__inner--disabled_vheru_38"
-}, z = ({ isChecked: c = !1, indeterminate: a = !1, disabled: h = !1 }) => {
-  const n = a ? "indeterminate" : c ? "checked" : "unchecked", s = i(o.checkbox, {
-    [o["checkbox--checked"]]: !h && n === "checked",
-    [o["checkbox--unchecked"]]: !h && n === "unchecked",
-    [o["checkbox--indeterminate"]]: !h && n === "indeterminate",
-    [o["checkbox--disabled"]]: h
-  }), b = i(o.checkbox__inner, {
-    [o["checkbox__inner--disabled"]]: h
-  });
-  return /* @__PURE__ */ m("div", { className: s, children: [
-    n === "checked" && /* @__PURE__ */ l(j, { name: "checkthebox", color: h ? "#b8b8b8" : "#fff" }),
-    n === "indeterminate" && /* @__PURE__ */ l("div", { className: b })
-  ] });
-};
-var v = /* @__PURE__ */ ((c) => (c.NONE = "none", c.HORIZONTAL = "horizontal", c.VERTICAL = "vertical", c))(v || {});
-const t = {
-  "bsy-checkbox": "_bsy-checkbox_1372g_1",
-  "bsy-checkbox--full-width": "_bsy-checkbox--full-width_1372g_8",
-  "bsy-checkbox__button--left-label": "_bsy-checkbox__button--left-label_1372g_45"
-}, $ = E((c, a) => {
-  var r;
-  const {
-    checked: h,
-    indeterminate: n = !1,
-    onChange: s,
-    value: b = O("checkbox"),
-    disabled: d = !1,
-    children: y,
-    style: N,
-    labelPosition: I = "right"
-  } = c, e = R(P), k = e ? (r = e.value) == null ? void 0 : r.includes(b) : h, w = (x) => {
-    var u;
-    if (!(d || e != null && e.disabled))
-      if (e) {
-        const f = x ? [...e.value || [], b] : (e.value || []).filter((C) => C !== b);
-        f && ((u = e.onChange) == null || u.call(e, f));
-      } else
-        s == null || s(x);
-  }, _ = d || (e == null ? void 0 : e.disabled);
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: i(t["bsy-checkbox"], {
-        [t["bsy-checkbox--full-width"]]: (e == null ? void 0 : e.layout) === v.NONE || !(e != null && e.layout)
-      }),
-      onClick: () => w(!k),
-      style: N,
-      children: [
-        /* @__PURE__ */ l(
-          "div",
-          {
-            ref: a,
-            role: "checkbox",
-            "aria-checked": n ? "mixed" : k,
-            tabIndex: _ ? -1 : 0,
-            className: i({
-              [t["bsy-checkbox__button--left-label"]]: I === "left"
-            }),
-            children: /* @__PURE__ */ l(z, { indeterminate: n, isChecked: k, disabled: _ })
-          }
-        ),
-        y
-      ]
-    }
-  );
-});
-export {
-  $ as B,
-  P as C,
-  v as L
-};

package/dist/ColorPicker/ColorPicker-uPJOs52x.js

@@ -1,215 +0,0 @@
-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 y, isValidElement as D, cloneElement as G, useRef as $, useMemo as q } from "react";
-import { useControllableValue as z } from "ahooks";
-import { I as k } from "../Icon/Icon-CBlIwtp2.js";
-import { u } from "../vendors/useLocale-DgqW9M3h.js";
-import { c as H } from "../vendors/clsx-OuTLNxxd.js";
-import { a as g } 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 [s, r] = y(!1), { refs: n, floatingStyles: c, context: i } = x({
-    open: s,
-    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: s,
-    refs: n,
-    floatingStyles: c,
-    getReferenceProps: _,
-    getFloatingProps: a,
-    setIsOpen: r
-  };
-}, t = {
-  "bsy-color-picker__floating": "_bsy-color-picker__floating_11t7y_1",
-  "bsy-color-picker__content": "_bsy-color-picker__content_11t7y_4",
-  "bsy-color-picker__grid": "_bsy-color-picker__grid_11t7y_11",
-  "bsy-color-picker__preset-colors-title": "_bsy-color-picker__preset-colors-title_11t7y_15",
-  "bsy-color-picker__preset-colors-grid": "_bsy-color-picker__preset-colors-grid_11t7y_19",
-  "bsy-color-picker__preset-colors-item": "_bsy-color-picker__preset-colors-item_11t7y_24",
-  "bsy-color-picker__custom-color-title": "_bsy-color-picker__custom-color-title_11t7y_48",
-  "bsy-color-picker__custom-color-btn": "_bsy-color-picker__custom-color-btn_11t7y_52",
-  "bsy-color-picker__custom-color-btn--active": "_bsy-color-picker__custom-color-btn--active_11t7y_62",
-  "bsy-color-picker__custom-color-btn--preview": "_bsy-color-picker__custom-color-btn--preview_11t7y_66",
-  "bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_11t7y_69",
-  "bsy-color-picker__check-icon": "_bsy-color-picker__check-icon_11t7y_73"
-}, C = ({
-  currentColor: o,
-  onColorSelect: s,
-  options: r,
-  style: n
-}) => /* @__PURE__ */ e("div", { className: t["bsy-color-picker__preset-colors-grid"], style: n, children: r.map((c) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: t["bsy-color-picker__preset-colors-item"],
-    style: {
-      backgroundColor: c,
-      "--hover-color": J(c).setAlpha(0.5).toRgbString()
-    },
-    onClick: () => s(c),
-    children: g(o, c) && /* @__PURE__ */ e(k, { name: "checkthebox", className: t["bsy-color-picker__check-icon"] })
-  },
-  c
-)) }), X = (o) => {
-  const {
-    children: s,
-    placement: r = "bottom-start",
-    disabled: n = !1,
-    presetColors: c,
-    getPopupContainer: i
-  } = o, { t: m } = u(), [l, _] = z(o, {
-    defaultValue: o.value
-  }), { isOpen: a, refs: d, floatingStyles: f, getReferenceProps: h, getFloatingProps: v } = W(r), P = D(s) ? G(s, {
-    ...h(),
-    ref: d.setReference,
-    disabled: n
-  }) : s, p = Q(c) && c.length ? c : U, N = p.some((I) => g(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: f,
-        ...v(),
-        className: t["bsy-color-picker__floating"],
-        children: /* @__PURE__ */ e(F.div, { ...K, children: /* @__PURE__ */ e("div", { className: t["bsy-color-picker__content"], children: /* @__PURE__ */ b("div", { className: t["bsy-color-picker__grid"], children: [
-          /* @__PURE__ */ b("div", { className: t["bsy-color-picker__preset-colors"], children: [
-            /* @__PURE__ */ e("div", { className: t["bsy-color-picker__preset-colors-title"], children: m("presetColors") }),
-            /* @__PURE__ */ e(
-              C,
-              {
-                currentColor: l,
-                onColorSelect: _,
-                options: p
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(
-            Y,
-            {
-              value: l,
-              onChange: _,
-              onColorInput: o.onColorInput,
-              options: p,
-              list: S.current
-            }
-          )
-        ] }) }) })
-      }
-    ) }) })
-  ] });
-}, Y = (o) => {
-  const { list: s } = o, [r, n] = y(), [c, i] = y(!1), { t: m } = u();
-  return /* @__PURE__ */ b("div", { className: t["bsy-color-picker__custom-color"], children: [
-    /* @__PURE__ */ e("div", { className: t["bsy-color-picker__custom-color-title"], children: m("customColor") }),
-    /* @__PURE__ */ b("div", { className: t["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 && (s.includes(r) || s.unshift(r), o.onChange(r), n(void 0));
-          },
-          children: /* @__PURE__ */ e(
-            "div",
-            {
-              className: H(t["bsy-color-picker__custom-color-btn"], {
-                [t["bsy-color-picker__custom-color-btn--active"]]: c && !r,
-                [t["bsy-color-picker__custom-color-btn--preview"]]: !!r
-              }),
-              role: "button",
-              style: {
-                backgroundColor: r || void 0
-              },
-              onClick: () => {
-                i(!0);
-              },
-              children: /* @__PURE__ */ e(
-                k,
-                {
-                  name: "add",
-                  style: {
-                    visibility: r ? "hidden" : "visible"
-                  }
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        C,
-        {
-          currentColor: o.value,
-          onColorSelect: o.onChange,
-          options: s.slice(0, 5),
-          style: {
-            gridTemplateColumns: "repeat(5, 1fr)"
-          }
-        }
-      )
-    ] })
-  ] });
-};
-X.displayName = "BsyColorPicker";
-export {
-  X as C,
-  U as a
-};