@baishuyun/ui-base 2.3.0 → 2.3.2

package/dist/Icon/Icon-DppVOyPK.js

@@ -0,0 +1,19 @@
+import { i as e } from "../vendors/lodash-es-Bu9xU1fK.js";
+import { createFromIconfontCN as t } from "@ant-design/icons";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Icon/Icon.tsx
+var r = t({ scriptUrl: "https://at.alicdn.com/t/c/font_4786625_djm4gsgobsp.js" }), i = ({ name: t, style: i, className: a, onClick: o, color: s, size: c = 16 }) => {
+	let l = {
+		color: s,
+		fontSize: e(c) ? `${c}px` : c,
+		...i
+	};
+	return /* @__PURE__ */ n(r, {
+		onClick: o,
+		type: `icon-${t}`,
+		style: l,
+		className: `${a || ""}`
+	});
+};
+//#endregion
+export { i as t };

package/dist/Icon/index.js

@@ -1,4 +1,2 @@
-import { I as f } from "./Icon-CBlIwtp2.js";
-export {
-  f as default
-};
+import { t as e } from "./Icon-DppVOyPK.js";
+export { e as default };

package/dist/InputTag/InputTag-B6N5MZA2.js

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

package/dist/InputTag/index.js

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

package/dist/Loading/Loading-Bi5NO-Ky.js

@@ -0,0 +1,15 @@
+import { LoadingOutlined as e } from "@ant-design/icons";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Loading/Loading.tsx
+var r = ({ tip: r = "加载中..." }) => /* @__PURE__ */ n("div", {
+	className: "flex flex-col justify-center items-center h-full min-h-[100px] text-slate-500",
+	children: [/* @__PURE__ */ t(e, {
+		style: {
+			fontSize: 24,
+			marginBottom: 8
+		},
+		spin: !0
+	}), /* @__PURE__ */ t("span", { children: r })]
+});
+//#endregion
+export { r as t };

package/dist/Loading/index.js

@@ -1,4 +1,2 @@
-import { L as f } from "./Loading-CEB4PLUE.js";
-export {
-  f as default
-};
+import { t as e } from "./Loading-Bi5NO-Ky.js";
+export { e as default };

package/dist/Modal/Modal-FVJpbEgw.js

@@ -0,0 +1,81 @@
+import { t as e } from "../Icon/Icon-DppVOyPK.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { useControllableValue as i } from "ahooks";
+import { Modal as a } from "antd";
+//#region src/components/Modal/modal.module.scss
+var o = "_modal__title_klsxr_1", s = "_modal__actions_klsxr_14", c = "_modal__button_groups_klsxr_18", l = "_modal__button_klsxr_18", u = "_modal__icon_klsxr_38", d = {
+	modal__title: o,
+	"modal__title-text": "_modal__title-text_klsxr_10",
+	modal__actions: s,
+	modal__button_groups: c,
+	modal__button: l,
+	"modal__button--fullscreen": "_modal__button--fullscreen_klsxr_35",
+	modal__icon: u
+}, f = (o) => {
+	let { fullSwitch: s = !1 } = o, [c, l] = i(o, {
+		valuePropName: "open",
+		defaultValue: !1,
+		defaultValuePropName: "defaultOpen",
+		trigger: "onOpenChange"
+	}), [u, f] = r(!1);
+	return /* @__PURE__ */ t(a, {
+		destroyOnHidden: !0,
+		open: c,
+		onCancel: () => l(!1),
+		footer: null,
+		title: o.title ? /* @__PURE__ */ n("div", {
+			className: d.modal__title,
+			children: [/* @__PURE__ */ t("div", {
+				className: d.modal__titleText,
+				children: o.title
+			}), s ? /* @__PURE__ */ n("div", {
+				className: d.modal__button_groups,
+				children: [/* @__PURE__ */ t("div", {
+					"aria-label": "toggle fullscreen",
+					role: "button",
+					onClick: () => f(!u),
+					className: d.modal__button,
+					children: /* @__PURE__ */ t(e, {
+						name: u ? "quanpingsuoxiao" : "quanpingfangda",
+						className: d.modal__icon
+					})
+				}), /* @__PURE__ */ t("div", {
+					role: "button",
+					"aria-label": "close",
+					onClick: () => l(!1),
+					className: d.modal__button,
+					children: /* @__PURE__ */ t(e, {
+						name: "close",
+						className: d.modal__icon
+					})
+				})]
+			}) : /* @__PURE__ */ t("div", {
+				role: "button",
+				"aria-label": "close",
+				onClick: () => l(!1),
+				className: d.modal__button,
+				children: /* @__PURE__ */ t(e, {
+					name: "close",
+					className: d.modal__icon
+				})
+			})]
+		}) : null,
+		closable: !1,
+		width: u ? "100%" : o.width,
+		style: { transition: "width 0.3s ease" },
+		maskClosable: !1,
+		styles: {
+			header: { marginBottom: 0 },
+			content: {
+				padding: 0,
+				borderRadius: "10px",
+				overflow: "hidden"
+			}
+		},
+		children: o.children
+	});
+};
+f.displayName = "BsyModal";
+//#endregion
+export { f as t };

package/dist/Modal/index.js

@@ -1,4 +1,3 @@
-import { M as f } from "./Modal-z3TvEXwN.js";
-export {
-  f as default
-};
+import "../Icon/Icon-DppVOyPK.js";
+import { t as e } from "./Modal-FVJpbEgw.js";
+export { e as default };

package/dist/NotFoundContent/NotFoundContent-CTPpcZOt.js

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/NotFoundContent/NotFoundContent.tsx
+var t = ({ text: t, className: n = "" }) => /* @__PURE__ */ e("div", {
+	className: `text-center text-sm line-height-normal text-[#999] py-[7px] ${n}`,
+	children: /* @__PURE__ */ e("span", { children: t })
+});
+t.displayName = "BsyNotFoundContent";
+//#endregion
+export { t };

package/dist/NotFoundContent/index.js

@@ -1,4 +1,2 @@
-import { N as n } from "./NotFoundContent-h0-oIXlk.js";
-export {
-  n as NotFoundContent
-};
+import { t as e } from "./NotFoundContent-CTPpcZOt.js";
+export { e as NotFoundContent };

package/dist/Radio/Radio-dyoBNiKF.js

@@ -0,0 +1,85 @@
+import { t as e } from "../vendors/lodash-es-Bu9xU1fK.js";
+import { t } from "../vendors/clsx-DNOE4Gl8.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { createContext as i, forwardRef as a, useContext as o } from "react";
+import { useControllableValue as s } from "ahooks";
+//#region src/components/Radio/context/context.ts
+var c = i(null), l = /* @__PURE__ */ function(e) {
+	return e.NONE = "none", e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
+}({}), u = {
+	"bsy-radio": "_bsy-radio_q02xg_1",
+	"bsy-radio--disabled": "_bsy-radio--disabled_q02xg_8",
+	"bsy-radio--full-width": "_bsy-radio--full-width_q02xg_11",
+	"bsy-radio__input": "_bsy-radio__input_q02xg_14",
+	"bsy-radio__input--checked": "_bsy-radio__input--checked_q02xg_38",
+	"bsy-radio__input--disabled": "_bsy-radio__input--disabled_q02xg_45",
+	"bsy-radio__label": "_bsy-radio__label_q02xg_60",
+	"bsy-radio__label--left": "_bsy-radio__label--left_q02xg_65",
+	"bsy-radio-group": "_bsy-radio-group_q02xg_75",
+	"bsy-radio-group--none": "_bsy-radio-group--none_q02xg_78",
+	"bsy-radio-group--vertical": "_bsy-radio-group--vertical_q02xg_81",
+	"bsy-radio-group--horizontal": "_bsy-radio-group--horizontal_q02xg_85"
+}, d = a((i, a) => {
+	let { checked: s, onChange: d, value: f = e("radio"), disabled: p = !1, children: m, style: h, labelPosition: g = "right", className: _ } = i, v = o(c), y = v ? v.value === f : s, b = () => {
+		p || v?.disabled || (v ? y ? v.onDeselect?.(f) : v.onChange?.(f) : d?.(!y));
+	}, x = p || v?.disabled, S = v?.layout === l.NONE || !v?.layout, C = t(u["bsy-radio"], {
+		[u["bsy-radio--disabled"]]: x,
+		[u["bsy-radio--full-width"]]: S
+	}, _), w = t(u["bsy-radio__input"], {
+		[u["bsy-radio__input--checked"]]: y,
+		[u["bsy-radio__input--disabled"]]: x
+	}), T = t(u["bsy-radio__label"], { [u["bsy-radio__label--left"]]: g === "left" });
+	return /* @__PURE__ */ r("div", {
+		role: "radio",
+		className: C,
+		onClick: b,
+		style: h,
+		children: [/* @__PURE__ */ n("div", {
+			ref: a,
+			role: "radio",
+			"aria-checked": y,
+			tabIndex: x ? -1 : 0,
+			className: w,
+			"data-layout": v?.layout
+		}), m && /* @__PURE__ */ n("span", {
+			className: T,
+			children: m
+		})]
+	});
+});
+d.displayName = "BsyRadio";
+//#endregion
+//#region src/components/Radio/Group.tsx
+var f = ({ disabled: e, layout: r = l.NONE, children: i, className: a, style: o, onDeselect: d, ...f }) => {
+	let [p, m] = s(f, {
+		defaultValue: "",
+		valuePropName: "value",
+		defaultValuePropName: "defaultValue",
+		trigger: "onChange"
+	}), h = t(u["bsy-radio-group"], {
+		[u["bsy-radio-group--none"]]: r === l.NONE,
+		[u["bsy-radio-group--vertical"]]: r === l.VERTICAL,
+		[u["bsy-radio-group--horizontal"]]: r === l.HORIZONTAL
+	}, a);
+	return /* @__PURE__ */ n(c.Provider, {
+		value: {
+			value: p,
+			onChange: m,
+			disabled: e,
+			layout: r,
+			onDeselect: d
+		},
+		children: /* @__PURE__ */ n("div", {
+			className: h,
+			style: o,
+			children: i
+		})
+	});
+};
+f.displayName = "BsyRadioGroup";
+//#endregion
+//#region src/components/Radio/index.ts
+var p = d;
+p.Group = f;
+//#endregion
+export { p as t };

package/dist/Radio/index.js

@@ -1,105 +1,2 @@
-import { jsxs as E, jsx as t } from "react/jsx-runtime";
-import { createContext as I, forwardRef as O, useContext as P } from "react";
-import { c as n } from "../vendors/clsx-OuTLNxxd.js";
-import { u as w } from "../vendors/lodash-es-DFpaJB4Y.js";
-import { useControllableValue as z } from "ahooks";
-const N = I(null);
-var o = /* @__PURE__ */ ((i) => (i.NONE = "none", i.HORIZONTAL = "horizontal", i.VERTICAL = "vertical", i))(o || {});
-const s = {
-  "bsy-radio": "_bsy-radio_q02xg_1",
-  "bsy-radio--disabled": "_bsy-radio--disabled_q02xg_8",
-  "bsy-radio--full-width": "_bsy-radio--full-width_q02xg_11",
-  "bsy-radio__input": "_bsy-radio__input_q02xg_14",
-  "bsy-radio__input--checked": "_bsy-radio__input--checked_q02xg_38",
-  "bsy-radio__input--disabled": "_bsy-radio__input--disabled_q02xg_45",
-  "bsy-radio__label": "_bsy-radio__label_q02xg_60",
-  "bsy-radio__label--left": "_bsy-radio__label--left_q02xg_65",
-  "bsy-radio-group": "_bsy-radio-group_q02xg_75",
-  "bsy-radio-group--none": "_bsy-radio-group--none_q02xg_78",
-  "bsy-radio-group--vertical": "_bsy-radio-group--vertical_q02xg_81",
-  "bsy-radio-group--horizontal": "_bsy-radio-group--horizontal_q02xg_85"
-}, g = O((i, e) => {
-  const {
-    checked: c,
-    onChange: d,
-    value: l = w("radio"),
-    disabled: r = !1,
-    children: _,
-    style: u,
-    labelPosition: y = "right",
-    className: p
-  } = i, a = P(N), b = a ? a.value === l : c, q = () => {
-    var f, m;
-    r || a != null && a.disabled || (a ? b ? (m = a.onDeselect) == null || m.call(a, l) : (f = a.onChange) == null || f.call(a, l) : d == null || d(!b));
-  }, h = r || (a == null ? void 0 : a.disabled), R = (a == null ? void 0 : a.layout) === o.NONE || !(a != null && a.layout), k = n(
-    s["bsy-radio"],
-    {
-      [s["bsy-radio--disabled"]]: h,
-      [s["bsy-radio--full-width"]]: R
-    },
-    p
-  ), x = n(s["bsy-radio__input"], {
-    [s["bsy-radio__input--checked"]]: b,
-    [s["bsy-radio__input--disabled"]]: h
-  }), V = n(s["bsy-radio__label"], {
-    [s["bsy-radio__label--left"]]: y === "left"
-  });
-  return /* @__PURE__ */ E("div", { role: "radio", className: k, onClick: q, style: u, children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        ref: e,
-        role: "radio",
-        "aria-checked": b,
-        tabIndex: h ? -1 : 0,
-        className: x,
-        "data-layout": a == null ? void 0 : a.layout
-      }
-    ),
-    _ && /* @__PURE__ */ t("span", { className: V, children: _ })
-  ] });
-});
-g.displayName = "BsyRadio";
-const v = ({
-  disabled: i,
-  layout: e = o.NONE,
-  children: c,
-  className: d,
-  style: l,
-  onDeselect: r,
-  ..._
-}) => {
-  const [u, y] = z(_, {
-    defaultValue: "",
-    valuePropName: "value",
-    defaultValuePropName: "defaultValue",
-    trigger: "onChange"
-  }), p = n(
-    s["bsy-radio-group"],
-    {
-      [s["bsy-radio-group--none"]]: e === o.NONE,
-      [s["bsy-radio-group--vertical"]]: e === o.VERTICAL,
-      [s["bsy-radio-group--horizontal"]]: e === o.HORIZONTAL
-    },
-    d
-  );
-  return /* @__PURE__ */ t(
-    N.Provider,
-    {
-      value: {
-        value: u,
-        onChange: y,
-        disabled: i,
-        layout: e,
-        onDeselect: r
-      },
-      children: /* @__PURE__ */ t("div", { className: p, style: l, children: c })
-    }
-  );
-};
-v.displayName = "BsyRadioGroup";
-const G = g;
-G.Group = v;
-export {
-  G as default
-};
+import { t as e } from "./Radio-dyoBNiKF.js";
+export { e as default };

package/dist/Segmented/Segmented-Dd8glDXI.js

@@ -0,0 +1,62 @@
+import { t as e } from "../vendors/clsx-DNOE4Gl8.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useCallback as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { useControllableValue as s } from "ahooks";
+import { motion as c } from "motion/react";
+//#region src/components/Segmented/Segmented.module.scss
+var l = {
+	"bsy-segmented": "_bsy-segmented_ia83v_1",
+	"bsy-segmented--block": "_bsy-segmented--block_ia83v_12",
+	"bsy-segmented__item": "_bsy-segmented__item_ia83v_17",
+	"bsy-segmented__item--disabled": "_bsy-segmented__item--disabled_ia83v_31",
+	"bsy-segmented__item--block": "_bsy-segmented__item--block_ia83v_36",
+	"bsy-segmented__item--active": "_bsy-segmented__item--active_ia83v_44",
+	"bsy-segmented__item--inactive": "_bsy-segmented__item--inactive_ia83v_48",
+	"bsy-segmented__slider": "_bsy-segmented__slider_ia83v_53"
+}, u = (u) => {
+	let { options: d, block: f = !1, disabled: p = !1 } = u, [m, h] = s(u), [g, _] = o({
+		width: 0,
+		left: 0
+	}), [v, y] = o(!1), b = a(null), x = a(/* @__PURE__ */ new Map()), S = r(() => {
+		let e = x.current.get(m), t = b.current;
+		if (e && t) {
+			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
+			_({
+				width: r.width,
+				left: r.left - n.left
+			});
+		}
+	}, [m]);
+	return i(() => {
+		S();
+		let e = new ResizeObserver(S);
+		return b.current && e.observe(b.current), () => {
+			e.disconnect();
+		};
+	}, [S]), /* @__PURE__ */ n("div", {
+		ref: b,
+		className: e(l["bsy-segmented"], f && l["bsy-segmented--block"]),
+		style: f ? { gridTemplateColumns: `repeat(${d.length}, 1fr)` } : void 0,
+		children: [/* @__PURE__ */ t(c.div, {
+			className: l["bsy-segmented__slider"],
+			animate: g,
+			transition: v ? {
+				type: "spring",
+				stiffness: 350,
+				damping: 35
+			} : { duration: 0 }
+		}), d.map((n) => /* @__PURE__ */ t("button", {
+			ref: (e) => {
+				e ? x.current.set(n.value, e) : x.current.delete(n.value);
+			},
+			onClick: () => {
+				p || (h(n.value), y(!0));
+			},
+			className: e(l["bsy-segmented__item"], f && l["bsy-segmented__item--block"], m === n.value ? l["bsy-segmented__item--active"] : l["bsy-segmented__item--inactive"], { [l["bsy-segmented__item--disabled"]]: p }),
+			children: n.label
+		}, n.value))]
+	});
+};
+u.displayName = "BsySegmented";
+//#endregion
+export { u as t };

package/dist/Segmented/index.js

@@ -1,4 +1,2 @@
-import { S as f } from "./Segmented-UgzW78Ey.js";
-export {
-  f as default
-};
+import { t as e } from "./Segmented-Dd8glDXI.js";
+export { e as default };